﻿/*---------- OVERRIDES ----------*/
/*----------------- Place custom styles here, DO NOT make changes in simpli.css ------------------*/

.padding-xs {
    padding: .25em;
}

.padding-sm {
    padding: .5em;
}

.padding-md {
    padding: 1em;
}

.padding-lg {
    padding: 1.5em;
}

.padding-xl {
    padding: 3em;
}

.padding-x-xs {
    padding: .25em 0;
}

.padding-x-sm {
    padding: .5em 0;
}

.padding-x-md {
    padding: 1em 0;
}

.padding-x-lg {
    padding: 1.5em 0;
}

.padding-x-xl {
    padding: 3em 0;
}

.padding-y-xs {
    padding: 0 .25em;
}

.padding-y-sm {
    padding: 0 .5em;
}

.padding-y-md {
    padding: 0 1em;
}

.padding-y-lg {
    padding: 0 1.5em;
}

.padding-y-xl {
    padding: 0 3em;
}

.padding-top-xs {
    padding-top: .25em;
}

.padding-top-sm {
    padding-top: .5em;
}

.padding-top-md {
    padding-top: 1em;
}

.padding-top-lg {
    padding-top: 1.5em;
}

.padding-top-xl {
    padding-top: 3em;
}

.padding-right-xs {
    padding-right: .25em;
}

.padding-right-sm {
    padding-right: .5em;
}

.padding-right-md {
    padding-right: 1em;
}

.padding-right-lg {
    padding-right: 1.5em;
}

.padding-right-xl {
    padding-right: 3em;
}

.padding-bottom-xs {
    padding-bottom: .25em;
}

.padding-bottom-sm {
    padding-bottom: .5em;
}

.padding-bottom-md {
    padding-bottom: 1em;
}

.padding-bottom-lg {
    padding-bottom: 1.5em;
}

.padding-bottom-xl {
    padding-bottom: 3em;
}

.padding-left-xs {
    padding-left: .25em;
}

.padding-left-sm {
    padding-left: .5em;
}

.padding-left-md {
    padding-left: 1em;
}

.padding-left-lg {
    padding-left: 1.5em;
}

.padding-left-xl {
    padding-left: 3em;
}

.margin-xs {
    margin: .25em;
}

.margin-sm {
    margin: .5em;
}

.margin-md {
    margin: 1em;
}

.margin-lg {
    margin: 1.5em;
}

.margin-xl {
    margin: 3em;
}

.margin-x-xs {
    margin: .25em 0;
}

.margin-x-sm {
    margin: .5em 0;
}

.margin-x-md {
    margin: 1em 0;
}

.margin-x-lg {
    margin: 1.5em 0;
}

.margin-x-xl {
    margin: 3em 0;
}

.margin-y-xs {
    margin: 0 .25em;
}

.margin-y-sm {
    margin: 0 .5em;
}

.margin-y-md {
    margin: 0 1em;
}

.margin-y-lg {
    margin: 0 1.5em;
}

.margin-y-xl {
    margin: 0 3em;
}

.margin-top-xs {
    margin-top: .25em;
}

.margin-top-sm {
    margin-top: .5em;
}

.margin-top-md {
    margin-top: 1em;
}

.margin-top-lg {
    margin-top: 1.5em;
}

.margin-top-xl {
    margin-top: 3em;
}

.margin-right-xs {
    margin-right: .25em;
}

.margin-right-sm {
    margin-right: .5em;
}

.margin-right-md {
    margin-right: 1em;
}

.margin-right-lg {
    margin-right: 1.5em;
}

.margin-right-xl {
    margin-right: 3em;
}

.margin-bottom-xs {
    margin-bottom: .25em;
}

.margin-bottom-sm {
    margin-bottom: .5em;
}

.margin-bottom-md {
    margin-bottom: 1em;
}

.margin-bottom-lg {
    margin-bottom: 1.5em;
}

.margin-bottom-xl {
    margin-bottom: 3em;
}

.margin-left-xs {
    margin-left: .25em;
}

.margin-left-sm {
    margin-left: .5em;
}

.margin-left-md {
    margin-left: 1em;
}

.margin-left-lg {
    margin-left: 1.5em;
}

.margin-left-xl {
    margin-left: 3em;
}

.btn:focus,.btn:active,
input:focus, input:active{
   outline: none !important;
   box-shadow: none;
}

@media (max-width: 767px) {
    .navbar-fixed-top .navbar-brand img {
        height: 50px;
        position: initial;
        float: left;
        margin-left: 15px !important;
        padding: 15px 0;
    }

    .navbar-toggle {
        font-size: 14px;
        height: 25px;
        padding: 1px;
        margin: 12px 12px 0 15px;
        float: right;
    }

        .navbar-toggle i {
            font-size: 25px;
        }
}
/* ==============================
   HomePage / Top Nav
   ============================== */
@media (max-width: 768px) {
    .navbar-fixed-top .navbar-brand {
        float: left;
        padding-left: 15px;
    }

    .navbar .navbar-nav li a {
        padding: 8px 15px;
        background-position: 80px;
    }
}

@media (max-width: 767px) {
    .navbar-fixed-top .navbar-brand {
        float: none;
        padding: 0;
    }
}

@media (max-width: 1383px) {
    span.menubar-dates {
        display: none;
    }
}

@media (min-width: 768px) {
    nav .container {
        width: 95%;
    }

    .navbar .navbar-nav li a.menubar-dates {
        display: inline-flex;
    }
}

#top-nav .nav > li > a.menubar-dates:hover {
    background-color: transparent;
}

#homepage .notifications-on, #landing .notifications-on {
    width: 42px;
    height: 42px;
    background-color: #0b6ccd;
    display: block;
    border-radius: 25%;
    border-color: transparent;
    position: relative;
}

    #homepage .notifications-on svg, #landing .notifications-on svg {
        width: 20px;
        height: 20px;
        display: block;
        margin: 1px 0 0 -2px;
    }

    #homepage .notifications-on::after, #landing .notifications-on::after {
        position: absolute;
        content: "1";
        right: -8px;
        top: -6px;
        background: red;
        border-radius: 50%;
        height: 15px;
        width: 15px;
        display: block;
        padding: 0;
        line-height: 15px;
        text-align: center;
        font-weight: 100;
        font-family: sans-serif;
        font-size: 10px;
        padding-left: 2px;
    }

#homepage .notification-icon .dropdown-menu, #landing .notification-icon .dropdown-menu {
    margin-top: 10px;
    width: 200px;
    border-radius: 2px;
}

#homepage .notification-icon:hover .dropdown-menu, #landing .notification-icon:hover .dropdown-menu {
    /* display: block; */
}

#homepage .notification-icon .dropdown-menu .arrow-up, #landing .notification-icon .dropdown-menu .arrow-up {
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #2f7cc8;
    position: absolute;
    margin: -5px 15px 0 0;
    right: 0;
}

#top-nav .notification-icon .dropdown-menu div.notifications-header {
    background-color: #2f7cc8;
    color: #fff;
    padding: 5px 8px 3px 8px;
}

#top-nav .notification-icon .dropdown-menu li a.click-to-start-button {
    font-weight: 400;
    line-height: 1.846;
    color: #424a5c;
    font-size: 13px;
    text-transform: unset;
    border-radius: 0 4px 4px 0;
    padding: 7px 0 4px 8px;
    text-align: left;
    margin: 0;
    border: 0;
}

    #top-nav .notification-icon .dropdown-menu li a.click-to-start-button::after {
        content: "\f105";
        font-family: "FontAwesome";
        position: absolute;
        right: 8px;
    }

@media  (min-width: 768px) {
	#drag-and-drop-holder a, #drag-and-drop-holder label {
		position: absolute;
		bottom: 83px;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
}
@media (max-width: 1199px) and (min-width: 992px){
	#drag-and-drop-holder a, #drag-and-drop-holder label {
		bottom: 50px;
		padding: 10px 18px;
		font-size: 10px;
	}
}

.new-item-block {
    /* background-color: #0c4a7b; */
    display: block;
    min-height: 100px;
    padding: 10px 0;
    border-top: 3px solid #0c4a7b;
}

    .new-item-block div {
        padding: 0;
    }

    .new-item-block img {
        padding-top: 10px;
        max-width: 75px;
    }

    .new-item-block .lead {
        margin-bottom: 0;
        padding-bottom: 0;
        font-size: 21px;
        padding-top: 5px;
    }

    .new-item-block .lead-sml {
        font-size: 13px;
        line-height: 14px;
        color: #ffffff;
        font-weight: 700;
    }

.new-item-label-block {
    color: hsl(206, 62%, 47%);
    font-size: 12px;
    font-weight: 600;
    background: #0d4a7a;
    padding: 3px 6px;
    /* border-radius: 2px; */
    width: auto;
    height: auto;
}


/* ==============================
   Create Account page
   ============================== */
#socialLoginList .social-singup {
    width: 100%;
    margin: 0 auto;
    padding: 40px 0 50px 0;
	z-index: 2;
    position: relative;
}
@media (min-width: 992px) {
	.social-singup {
		max-width: 540px;
		margin: 0 auto;
		float: none;
		display: flex;
	}
}

.or-spliter {
    position: relative;
    margin-top: -30px;
    width: 100%;
    padding: 0 6.25%;
}

    .or-spliter:before {
        content: "";
        position: absolute;
        display: block;
        z-index: 0;
        width: 87.5%;
        height: 1px;
        background: #cacaca;
        bottom: 7px;
    }

    .or-spliter:after {
        content: "or";
        position: relative;
        display: block;
        z-index: 1;
        margin: 1.625em auto;
        width: 2.5em;
        background: #FFF;
        color: #717c88;
        font-size: 1.075em;
        text-align: center;
    }

.or-es-spliter {
    position: relative;
    margin-top: -30px;
    width: 100%;
    padding: 0 6.25%;
}

    .or-es-spliter:before {
        content: "";
        position: absolute;
        display: block;
        z-index: 0;
        width: 87.5%;
        height: 1px;
        background: #cacaca;
        bottom: 7px;
    }

    .or-es-spliter:after {
        content: "o";
        position: relative;
        display: block;
        z-index: 1;
        margin: 1.625em auto;
        width: 2.5em;
        background: #FFF;
        color: #717c88;
        font-size: 1.075em;
        text-align: center;
    }
    .or-it-spliter {
    position: relative;
    margin-top: -30px;
    width: 100%;
    padding: 0 6.25%;
}

    .or-it-spliter:before {
        content: "";
        position: absolute;
        display: block;
        z-index: 0;
        width: 87.5%;
        height: 1px;
        background: #cacaca;
        bottom: 7px;
    }

    .or-it-spliter:after {
        content: "o";
        position: relative;
        display: block;
        z-index: 1;
        margin: 1.625em auto;
        width: 2.5em;
        background: #FFF;
        color: #717c88;
        font-size: 1.075em;
        text-align: center;
    }
    .or-fr-spliter {
    position: relative;
    margin-top: -30px;
    width: 100%;
    padding: 0 6.25%;
}

    .or-fr-spliter:before {
        content: "";
        position: absolute;
        display: block;
        z-index: 0;
        width: 87.5%;
        height: 1px;
        background: #cacaca;
        bottom: 7px;
    }

    .or-fr-spliter:after {
        content: "ou";
        position: relative;
        display: block;
        z-index: 1;
        margin: 1.625em auto;
        width: 2.5em;
        background: #FFF;
        color: #717c88;
        font-size: 1.075em;
        text-align: center;
    }
@media (max-width: 767px) {


    .create-account-page .navbar-brand img {
        height: 48px;
        margin: 0 auto !important;
		float: none;
    }

    .create-account-page .navbar {
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.0);
    }

    .create-account-page .title-area {
        border-radius: 0;
        border: none;
        margin-bottom: 0;
        padding-bottom: 5px;
        background: #f0f8fe;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
        position: fixed;
        z-index: 100;
        width: 100%;
        top: 50px;
    }

    .create-account-page section#account {
        padding: 80px 0 100px 0;
    }

    .create-account-page h1 {
        font-size: 20px;
    }
    	.social-singup {
		padding: 10px 0 20px 0;
	}
}

/*NEW LOGIN*/
.abcRioButton{-webkit-border-radius:1px;border-radius:1px;-webkit-box-shadow 0 2px 4px 0px rgba(0,0,0,.25);box-shadow:0 2px 4px 0 rgba(0,0,0,.25);-webkit-box-sizing:border-box;box-sizing:border-box;-webkit-transition:background-color .218s,border-color .218s,box-shadow .218s;transition:background-color .218s,border-color .218s,box-shadow .218s;-webkit-user-select:none;-webkit-appearance:none;background-color:#fff;background-image:none;color:#262626;cursor:pointer;outline:none;overflow:hidden;position:relative;text-align:center;vertical-align:middle;white-space:nowrap;width:auto}.abcRioButton:hover{-webkit-box-shadow:0 0 3px 3px rgba(66,133,244,.3);box-shadow:0 0 3px 3px rgba(66,133,244,.3)}.abcRioButtonBlue{background-color:#4285f4;border:none;color:#fff}.abcRioButtonBlue:hover{background-color:#4285f4}.abcRioButtonBlue:active{background-color:#3367d6}.abcRioButtonLightBlue{background-color:#fff;color:#757575}.abcRioButtonLightBlue:active{background-color:#eee;color:#6d6d6d}.abcRioButtonIcon{float:left}.abcRioButtonBlue .abcRioButtonIcon{background-color:#fff;-webkit-border-radius:1px;border-radius:1px}.abcRioButtonSvg{display:block}.abcRioButtonContents{font-family:Roboto,arial,sans-serif;font-size:14px;font-weight:500;letter-spacing:.21px;margin-left:6px;margin-right:6px;vertical-align:top}.abcRioButtonContentWrapper{height:100%;width:100%}.abcRioButtonBlue .abcRioButtonContentWrapper{border:1px solid transparent}.abcRioButtonErrorWrapper,.abcRioButtonWorkingWrapper{display:none;height:100%;width:100%}.abcRioButtonErrorIcon,.abcRioButtonWorkingIcon{margin-left:auto;margin-right:auto}.abcRioButtonErrorState,.abcRioButtonWorkingState{border:1px solid #d5d5d5;border:1px solid rgba(0,0,0,.17);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.05);box-shadow:0 1px 0 rgba(0,0,0,.05);color:#262626}.abcRioButtonErrorState:hover,.abcRioButtonWorkingState:hover{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);-webkit-box-shadow:0 1px 0 rgba(0,0,0,.1);box-shadow:0 1px 0 rgba(0,0,0,.1)}.abcRioButtonErrorState:active,.abcRioButtonWorkingState:active{border:1px solid #aaa;border:1px solid rgba(0,0,0,.25);-webkit-box-shadow:inset 0 1px 0 #ddd;box-shadow:inset 0 1px 0 #ddd;color:#262626}.abcRioButtonWorkingState,.abcRioButtonWorkingState:hover{background-color:#f5f5f5}.abcRioButtonWorkingState:active{background-color:#e5e5e5}.abcRioButtonErrorState,.abcRioButtonErrorState:hover{background-color:#fff}.abcRioButtonErrorState:active{background-color:#e5e5e5}.abcRioButtonWorkingState .abcRioButtonWorkingWrapper,.abcRioButtonErrorState .abcRioButtonErrorWrapper{display:block}.abcRioButtonErrorState .abcRioButtonContentWrapper,.abcRioButtonWorkingState .abcRioButtonContentWrapper,.abcRioButtonErrorState .abcRioButtonWorkingWrapper{display:none}.-webkit-keyframes abcRioButtonWorkingIconPathSpinKeyframes{0%{-webkit-transform:rotate(0)}}

._32qa button{opacity:.4}._59ov{height:100%;height:910px;position:relative;top:-10px;width:100%}._5ti_{background-size:cover;height:100%;width:100%}._5tj2{height:900px}._2mm3 ._5a8u .uiBoxGray{background:#fff;margin:0;padding:12px}._2494{height:100vh}._2495{margin-top:-10px;top:10px}body.plugin{background:transparent;font-family:Helvetica, Arial, sans-serif;line-height:1.28;overflow:hidden;-webkit-text-size-adjust:none}.plugin,.plugin button,.plugin input,.plugin label,.plugin select,.plugin td,.plugin textarea{font-size:11px}button,input,label,select,td,textarea{font-family:Helvetica, Arial, sans-serif;font-size:12px}b,strong{font-weight:600}a{color:#365899;cursor:pointer;text-decoration:none}button{margin:0}a:hover{text-decoration:underline}img{border:0}td,td.label{text-align:left}dd{color:#000}dt{color:#777}ul{list-style-type:none;margin:0;padding:0}abbr{border-bottom:none;text-decoration:none}hr{background:#d9d9d9;border-width:0;color:#d9d9d9;height:1px}.clearfix:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden}.clearfix{zoom:1}.datawrap{word-wrap:break-word}.word_break{display:inline-block}.flexchildwrap{min-width:0;word-wrap:break-word}.ellipsis{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.aero{opacity:.5}.column{float:left}.center{margin-left:auto;margin-right:auto}#facebook .hidden_elem{display:none !important}#facebook .invisible_elem{visibility:hidden}#facebook .accessible_elem{clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.direction_ltr{direction:ltr}.direction_rtl{direction:rtl}.text_align_ltr{text-align:left}.text_align_rtl{text-align:right}.pluginFontArial,.pluginFontArial button,.pluginFontArial input,.pluginFontArial label,.pluginFontArial select,.pluginFontArial td,.pluginFontArial textarea{font-family:Arial, sans-serif}.pluginFontLucida,.pluginFontLucida button,.pluginFontLucida input,.pluginFontLucida label,.pluginFontLucida select,.pluginFontLucida td,.pluginFontLucida textarea{font-family:Lucida Grande, sans-serif}.pluginFontSegoe,.pluginFontSegoe button,.pluginFontSegoe input,.pluginFontSegoe label,.pluginFontSegoe select,.pluginFontSegoe td,.pluginFontSegoe textarea{font-family:Segoe UI, sans-serif}.pluginFontTahoma,.pluginFontTahoma button,.pluginFontTahoma input,.pluginFontTahoma label,.pluginFontTahoma select,.pluginFontTahoma td,.pluginFontTahoma textarea{font-family:Tahoma, sans-serif}.pluginFontTrebuchet,.pluginFontTrebuchet button,.pluginFontTrebuchet input,.pluginFontTrebuchet label,.pluginFontTrebuchet select,.pluginFontTrebuchet td,.pluginFontTrebuchet textarea{font-family:Trebuchet MS, sans-serif}.pluginFontVerdana,.pluginFontVerdana button,.pluginFontVerdana input,.pluginFontVerdana label,.pluginFontVerdana select,.pluginFontVerdana td,.pluginFontVerdana textarea{font-family:Verdana, sans-serif}.pluginFontHelvetica,.pluginFontHelvetica button,.pluginFontHelvetica input,.pluginFontHelvetica label,.pluginFontHelvetica select,.pluginFontHelvetica td,.pluginFontHelvetica textarea{font-family:Helvetica, Arial, sans-serif}._5h0c{background-color:#e9ebee;cursor:pointer;display:inline-block;vertical-align:top}._5h0c._5h0d{border-radius:4px;max-width:400px;min-width:240px}._29o8{display:inline-block}._xvm ._5h0c._5h0d{/* min-width:initial; */}._5h0c._5h0f{border-radius:3px;max-width:320px;min-width:200px}._xvm ._5h0c._5h0f{min-width:initial}._5h0c._5h0g{border-radius:3px;max-width:200px}._5h0c._5h0h{border-radius:2px;margin:10px 0;max-width:268px}._5h0i{background-color:#4267b2;border-radius:4px;color:#fff}._5h0g ._5h0i{border-radius:3px;height:20px;width:auto}._5h0g ._5h0i td:first-child,._5h0g ._xvp._5h0i td:last-child{width:20px}._5h0f ._5h0i{border-radius:3px;height:28px}._xvm ._5h0c._5h0f ._5h0i{max-width:240px;min-width:initial;width:auto}._5h0f ._5h0i td:first-child,._5h0f ._xvp._5h0i td:last-child{width:28px}._xvm ._5h0c._5h0d ._5h0i{max-width:272px;min-width: inherit;width:auto;}._5h0d ._5h0i{height:40px}._5h0d ._5h0i td:first-child,._5h0d ._xvp._5h0i td:last-child,._41tb ._5h0d ._5h0i td:nth-child(3){width:40px}._5h0h._5h0c ._5h0i{height:40px;table-layout:auto;width:268px}._5h0c ._5h0j{overflow:none;white-space:nowrap}._5h0c ._5h0k{float:left}._5h0h ._5h0k{height:24px;margin-left:8px}._5h0d td:last-child ._5h0k{margin-left:0}._5h0d ._5h0k{height:24px;margin:8px}._5h0f ._5h0k{height:16px;margin:6px}._5h0g ._5h0k{height:12px;margin:4px}._5h0h ._5h0l,._5h0h ._5h0m,._5h0d ._5h0l,._5h0d ._5h0m{height:24px;width:24px}._5h0f ._5h0l,._5h0f ._5h0m{height:16px;width:16px}._5h0g ._5h0l,._5h0g ._5h0m{height:12px;width:12px}._5h0o{border:none;font-family:Helvetica, Arial, sans-serif;letter-spacing:.25px;overflow:hidden;text-align:center;text-overflow:clip;white-space:nowrap}._5h0g ._5h0o{font-size:11px;max-width:150px;padding:0 8px 0 2px}._5h0f ._5h0o{font-size:13px;margin-right:8px}._xvm ._5h0f ._5h0q ._5h0o{margin:0 12px 0 6px;max-width:166px}._5h0d ._5h0o{font-size:16px;margin-right:12px}._29o8._41tb ._5h0d td:only-child ._5h0o{margin:auto 16px}._xvm ._5h0d ._5h0q ._5h0o{margin:0 12px 0 4px;max-width:176px}._5h0h ._5h0o{font-size:15px;font-weight:bold;letter-spacing:normal;line-height:16px;padding:0 22px;white-space:normal}._5h0h ._5h0o._4lqf{font-size:12px;line-height:14px}._5h0h ._5h0s{max-width:100%}.no_svg ._5h0m,.svg ._5h0l{display:none}._5h0t{float:right;vertical-align:top}._5h0c._5h0g ._5h0t{border-bottom-right-radius:3px;border-top-right-radius:3px;height:20px;width:20px}._5h0c._5h0f ._5h0t{border-bottom-right-radius:3px;border-top-right-radius:3px;height:28px;width:28px}._xvm ._5h0c._5h0d td:first-child ._5h0t{margin-right:8px}._5h0c._5h0d td:first-child ._5h0t{border-bottom-left-radius:4px;border-bottom-right-radius:0;border-top-left-radius:4px;border-top-right-radius:0}._5h0c._5h0d ._5h0t{border-bottom-right-radius:4px;border-top-right-radius:4px;height:40px;width:40px}._5h0c._5h0h ._5h0t{border-bottom-right-radius:2px;border-top-right-radius:2px;height:40px;width:40px}._29o8 ._2x7x{background-color:#e9ebee;border-bottom-left-radius:4px;border-bottom-right-radius:4px;text-align:center}._29o8 ._2x7y{display:table;margin:auto;padding:5px 20px}._29o8 ._2x7x ._37q_{display:table-cell;vertical-align:middle}._29o8 ._2x7x ._37r0{color:#444950;display:table-cell;font-size:10px;padding-left:4px;vertical-align:middle}._51mz{border:0;border-collapse:collapse;border-spacing:0}._5f0n{table-layout:fixed;width:100%}.uiGrid .vTop{vertical-align:top}.uiGrid .vMid{vertical-align:middle}.uiGrid .vBot{vertical-align:bottom}.uiGrid .hLeft{text-align:left}.uiGrid .hCent{text-align:center}.uiGrid .hRght{text-align:right}._51mx:first-child>._51m-{padding-top:0}._51mx:last-child>._51m-{padding-bottom:0}._51mz ._51mw{padding-right:0}._51mz ._51m-:first-child{padding-left:0}._51mz._4r9u{border-radius:50%;overflow:hidden}._4mr9{-webkit-touch-callout:none;-webkit-user-select:none}._4mra{-webkit-touch-callout:default;-webkit-user-select:auto}._li._li._li{overflow:initial;margin: 0 auto;width: 240px;}._72b0{position:relative;z-index:0}.uiLayer{outline:none}._4qba{font-style:normal}._4qbb,._4qbc,._4qbd{background:none;font-style:normal;padding:0;width:auto}._4qbd{border-bottom:1px solid #f99}._4qbb,._4qbc{border-bottom:1px solid #999}._4qbb:hover,._4qbc:hover,._4qbd:hover{background-color:#fcc;border-top:1px solid #ccc;cursor:help}

/* ==============================
   Sell page (pricing)
============================== */

@media (max-width: 768px) {

    .sell-page section#pricing {
        padding: 80px 0 100px 0;
    }

        .sell-page section#pricing h1 {
            font-size: 24px;
            padding: 0px 0px 30px 0px;
            margin: 0;
        }

    .sell-page .panel-heading {
        padding-top: 10px;
    }

    .panel-group .panel + .panel {
        margin-top: 0px;
    }

    .sell-page .panel-week,
    .sell-page .panel-monthly {
        color: #fff;
        border: 0px;
        border-radius: 0px;
        border-top: 1px solid #ddd;
    }

        .sell-page .panel-week,
        .sell-page .panel-week .panel-heading,
        .sell-page .panel-week .panel-heading p {
            background: #2d47c3;
            color: #fff;
        }

        .sell-page .panel-monthly,
        .sell-page .panel-monthly .panel-heading,
        .sell-page .panel-monthly .panel-heading p {
            background: #093a61;
            color: #fff;
        }
        /* #093a61 */
        .sell-page .panel-week .panel-heading .btn.panel-week-btn-more {
            background-color: #fff;
            border-color: #fff;
            color: #2d47c3;
        }

        .sell-page .panel-monthly .panel-heading .btn.panel-monthly-btn-more {
            background-color: #fff;
            border-color: #fff;
            color: #093a61;
        }

        .sell-page .panel-week .panel-heading p s {
            color: #6f86f3;
        }

        .sell-page .panel-week .list-group-item,
        .sell-page .panel-monthly .list-group-item {
            position: relative;
            display: block;
            padding: 10px 15px;
            margin-bottom: -1px;
            background-color: transparent;
            border: 0px;
            border-bottom: 1px solid rgba(255, 255, 255, 0.15);
        }



    .panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
        border-top: 0px;
    }
}

.panel-heading .radio,
.new-item-label,
.pointer-mp-m,
.pointer-bd-m,
.pointer-mp-m-es,
.pointer-bd-m-es {
    position: relative;
}

.pointer-mp .panel-heading .radio::after,
.pointer-mp-es .panel-heading .radio::after,
.pointer-mp-it .panel-heading .radio::after,
.pointer-mp-fr .panel-heading .radio::after,
.pointer-mp-pt .panel-heading .radio::after,
.pointer-mp-ar .panel-heading .radio::after,
.pointer-bd .panel-heading .radio::after,
.pointer-bd-es .panel-heading .radio::after,
.pointer-bd-it .panel-heading .radio::after,
.pointer-bd-fr .panel-heading .radio::after,
.pointer-bd-pt .panel-heading .radio::after,
.pointer-bd-ar .panel-heading .radio::after {
    content: "";
    position: absolute;
    padding: 0;
    margin: 0;
    display: block;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}

.pointer-mp .panel-heading .radio:after {
    background-image: url(../img/billing-most-popular.png);
    left: 10px;
    bottom: 20px;
    width: 202px;
    height: 51.5px;
}

.pointer-mp-es .panel-heading .radio:after {
    background-image: url(../img/billing-most-popular-es.png);
    left: 10px;
    bottom: 20px;
    width: 202px;
    height: 51.5px;
}
.pointer-mp-it .panel-heading .radio:after {
    background-image: url(../img/pointers-it-most-popular-desktop.png);
    left: 10px;
    bottom: 20px;
    width: 202px;
    height: 51.5px;
}
.pointer-mp-fr .panel-heading .radio:after {
    background-image: url(../img/pointers-fr-most-popular-desktop.png);
    left: 10px;
    bottom: 20px;
    width: 202px;
    height: 51.5px;
}
.pointer-mp-pt .panel-heading .radio:after {
    background-image: url(../img/billing-most-popular_pt.png);
    left: 10px;
    bottom: 20px;
    width: 202px;
    height: 51.5px;
}
.pointer-mp-ar .panel-heading .radio:after {
    background-image: url(../img/billing-most-popular_ar.png);
    left: 10px;
    bottom: 20px;
    width: 202px;
    height: 51.5px;
}
.pointer-bd .panel-heading .radio::after {
    background-image: url(../img/billing-best-deal.png);
    right: 10px;
    bottom: 20px;
    width: 162px;
    height: 52px;
}

.pointer-bd-es .panel-heading .radio::after {
    background-image: url(../img/billing-best-deal-es.png);
    right: 10px;
    bottom: 20px;
    width: 162px;
    height: 52px;
}
.pointer-bd-it .panel-heading .radio::after {
    background-image: url(../img/pointers-it-best-deal-desktop.png);
    right: 10px;
    bottom: 20px;
    width: 162px;
    height: 52px;
}
.pointer-bd-fr .panel-heading .radio::after {
    background-image: url(../img/pointers-fr-best-deal-desktop.png);
    right: 10px;
    bottom: 20px;
    width: 162px;
    height: 52px;
}
.pointer-bd-pt .panel-heading .radio::after {
    background-image: url(../img/billing-best-deal_pt.png);
    right: 10px;
    bottom: 20px;
    width: 162px;
    height: 52px;
}
.pointer-bd-ar .panel-heading .radio::after {
    background-image: url(../img/billing-best-deal_ar.png);
    right: 10px;
    bottom: 20px;
    width: 162px;
    height: 52px;
}
.new-item-label.EngLanguage::before {
	content: "New!";
/*
	position: absolute;
	right: 10px;
	top: 1px;
*/
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: #f00;
	padding: 3px 6px;
	border-radius: 3px;
	margin-right: 5px;
	width: auto;
	height: auto;

}
.new-item-label.ESLanguage::before {
	content: "Nuevo!";
/*
	position: absolute;
	right: 10px;
	top: 1px;
*/
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: #f00;
	padding: 3px 6px;
	border-radius: 3px;
	margin-right: 5px;
	width: auto;
	height: auto;

}
.new-item-label.ITLanguage::before {
	content: "Nuovo!";
/*
	position: absolute;
	right: 10px;
	top: 1px;
*/
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: #f00;
	padding: 3px 6px;
	border-radius: 3px;
	margin-right: 5px;
	width: auto;
	height: auto;

}
.new-item-label.FRLanguage::before {
	content: "Nouveau!";
/*
	position: absolute;
	right: 10px;
	top: 1px;
*/
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: #f00;
	padding: 3px 6px;
	border-radius: 3px;
	margin-right: 5px;
	width: auto;
	height: auto;

}

.new-item-label.PTLanguage::before {
	content: "Novo!";
/*
	position: absolute;
	right: 10px;
	top: 1px;
*/
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: #f00;
	padding: 3px 6px;
	border-radius: 3px;
	margin-right: 5px;
	width: auto;
	height: auto;

}
.new-item-label.ARLanguage::before {
	content: "الجديد!";
/*
	position: absolute;
	right: 10px;
	top: 1px;
*/
	color: #fff;
	font-size: 12px;
	font-weight: 600;
	background: #f00;
	padding: 3px 6px;
	border-radius: 3px;
	margin-right: 5px;
	width: auto;
	height: auto;

}
/*.new-item-label.EngLanguage::before {
    content: "New!"; 
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background: #f00;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 5px;
    width: auto;
    height: auto;
}

.new-item-label.ESLanguage::before {
    content: "Nuevo";
    color: #fff;
    font-size: 12px;
    font-weight: 600;
    background: #f00;
    padding: 3px 6px;
    border-radius: 3px;
    margin-right: 5px;
    width: auto;
    height: auto;
}*/

.pointer-mp-m::after,
.pointer-bd-m::after,
.pointer-mp-m-es::after,
.pointer-bd-m-es::after,
.pointer-mp-m-it::after,
.pointer-bd-m-it::after ,
.pointer-mp-m-fr::after,
.pointer-bd-m-fr::after,
.pointer-mp-m-pt::after,
.pointer-bd-m-pt::after,
.pointer-mp-m-ar::after,
.pointer-bd-m-ar::after  {
    content: "";
    position: absolute;
    padding: 0;
    margin: 0;
    display: block;
    right: 50%;
    bottom: -28px;
    background-size: 100%;
    background-repeat: no-repeat;
    background-color: transparent;
}

.pointer-mp-m:after {
    background-image: url(../img/billing-most-popular-m.png);
    width: 125px;
    height: 24px;
}

.pointer-bd-m::after {
    background-image: url(../img/billing-best-deal-m.png);
    width: 101px;
    height: 24px;
}

.pointer-mp-m-es:after {
    background-image: url(../img/billing-most-popular-m-es.png);
    width: 125px;
    height: 24px;
}

.pointer-bd-m-es::after {
    background-image: url(../img/billing-best-deal-m-es.png);
    width: 101px;
    height: 24px;
}
.pointer-mp-m-it:after {
    background-image: url(../img/pointers-it-most-popular-mobile.png);
    width: 125px;
    height: 24px;
}

.pointer-bd-m-it::after {
    background-image: url(../img/pointers-it-best-deal-mobile.png);
    width: 101px;
    height: 24px;
}
.pointer-mp-m-fr:after {
    background-image: url(../img/pointers-fr-most-popular-mobile.png);
    width: 125px;
    height: 24px;
}

.pointer-bd-m-fr::after {
    background-image: url(../img/pointers-fr-best-deal-mobile.png);
    width: 101px;
    height: 24px;
}
.pointer-mp-m-pt:after {
    background-image: url(../img/billing-most-popular-m_pt.png);
    width: 125px;
    height: 24px;
}
.pointer-mp-m-ar:after {
    background-image: url(../img/billing-most-popular-m_ar.png);
    width: 125px;
    height: 24px;
}

.pointer-bd-m-pt::after {
    background-image: url(../img/billing-best-deal-m_pt.png);
    width: 101px;
    height: 24px;
}
.pointer-bd-m-ar::after {
    background-image: url(../img/billing-best-deal-m_ar.png);
    width: 101px;
    height: 24px;
}

@media (max-width: 399px) {
    #pricing-page section#pricing {
        padding: 70px 0 10px 0;
    }

    .sell-page section#pricing h1 {
        font-size: 18px;
        padding: 0px 0px 15px 0px;
    }
}
section#mobile-apps{
	padding: 30px 0
}
@media (max-width: 991px) {
	section#mobile-apps{
		padding: 20px 0
	}
	
	section#mobile-apps h2{
		margin-bottom: 0px !important;
		margin-top: 0px;
	}
}
/* ==============================
   Credit Card page (checkout billing)
============================== */

section#testimonials.testimonials-top {
    padding: 0;
    padding: 80px 0 0 0;
    background: #1378c7;
}

#checkout-page h1 {
        font-size: 32px;
    }
.lockicon {
    padding-top: 0;
}

@media (max-width: 768px) {
    section#testimonials.testimonials-top figure blockquote,
    section#testimonials.testimonials-top figure cite.author {
        color: #fff;
    }

    #checkout-page section#main {
        padding: 0px 0 40px 0;
    }

        #checkout-page section#main h1 {
            font-size: 20px;
            text-align: left;
        }

    #checkout-page .img-credit-cards-holder {
        text-align: center;
        width: 100%;
        margin-bottom: 2em;
    }

    #checkout-page .panel-body {
        padding: 0;
    }

    #checkout-page .panel-default {
        border: 0px;
    }
}
.flagger{
	display: none;
	position: absolute;
	background-color: #f92c00;
	color: #fff;
	padding: 3px 5px 3px 5px;
    border-radius: 3px;
	top: -7px;
	left: 0px;
    /*	overflow: hidden;*/
    white-space: nowrap;
    text-overflow: ellipsis;
}
.flagger::after{
	content: "\25bc";
    margin: 0;
    text-decoration: none;
    position: absolute;
    left: 0px;
    bottom: -10px;
    color: #f92c00;
    line-height: 1;
}
span#card-number-flag{
	top: -29px;
	left: -1px;
}
span#acceptCheckboxFlag{
	top: -20px;
	left: 0px;
}
span#acceptCheckboxFlag.showme{
	display: block !important;
}
.emptyinvalidfield .flagger{
	display: block !important;
}
.form-group.emptyinvalidfield{
	border: 0px solid transparent !important;
	position: relative;
}
@media (max-width: 555px) {
	.flagger{
		font-size: 10px;
	}
	.flagger::after{
		bottom: -7px;
	}
}

/* ==============================
   Credit Card page (checkout billing)   
============================== */
/* Top Testimonial */
.form-box {
    margin-top: 1em;
}

.cc-tm-img {
    padding-top: 0;
    padding-bottom: 0;
}

    .cc-tm-img img {
        height: 45px;
    }
    .form-box .small-labels label{
        font-size: 12px;
    }
@media (max-width: 768px) {
    section#testimonials.testimonials-top {
        padding: 0;
        padding: 65px 0 0 0;
        background: #1378c7;
    }

        section#testimonials.testimonials-top figure blockquote {
            margin-bottom: 0;
            font-size: 12px;
        }

        section#testimonials.testimonials-top figure cite.author {
            font-size: 11px;
        }
    /* CC form */
    #checkout-page h1 {
        margin: 10px 0 0;
    }

    .form-box {
        margin-top: 10px;
    }

    .real-row {
        margin-left: -15px;
        margin-right: -15px;
    }

    .helper-text {
        height: auto;
    }

    .form-box .small-labels label{
        font-size: 10px;
    }

    input#fullname.nameoncard {
        font-size: 14px;
        padding: 5px 13px;
        height: 34px;
    }
}
    .real-row {
        margin-left: -15px;
        margin-right: -15px;
    }
img.green-ssl-seal{
	width: 100%;
	max-width: 90px;
}
@media (max-height: 640px) {
    body#checkout-page {
        margin-top: 60px;
    }

    section#testimonials.testimonials-top {
        display: none;
    }

    .form-box .disclaimer-text {
        font-size: 9px;
    }
    img.green-ssl-seal{
		max-width: 50px;
	}
}

@media (max-width: 375px){
	#checkout-page h1 {
		margin: 0;
	}
}
@media (min-width: 992px){
	.payment-options>.row {
		margin-left: -15px;
		margin-right: -15px;
	}
}
@media (max-width: 991px){
	.payment-options>.row>div>button {
		margin-left: auto;
		margin-right: auto;
	}
}
.payment-options{
	padding-bottom: 10px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 10px;
}
.pay-options-mark{
	box-sizing: border-box;
	width: 100%;
	max-height: 46px;
	max-width: 72px;
	border: 2px #888b8f solid;
	border-radius: 5px;
	position: relative;
	padding: 0;
	margin-top: 5px;
}

.pay-options-mark input{
	box-sizing: border-box;
	width: 100%;
	max-height: 42px;
	max-width: 72px;
}

button.pay-options-mark{
	background-color: transparent;
}
.pay-options-mark.ccmark,
input.pay-options-mark.ccmark{
	line-height: 1;
	font-weight: 500;
	padding: 7px;
	background-color: transparent;
}
button.pay-options-mark.paypalmark input{
	padding: 5px;
}
.pay-options-mark.visacheckoutmark input{
	padding: 5.5px 9px;
}
.pay-options-mark.masterpassmark input{    
	padding: 5px 14px;
}
.pay-options-mark.amazonpaymark input {  
	padding: 7px;
}
.pay-options-mark.applepaymark {  
	border: 2px #231e1f solid;
}
.pay-options-mark.payment-method-selected{
	border: 2px #FF8400 solid;
}

.pay-options-mark.payment-method-selected::after{
	content: "\f00c";
    font-family: FontAwesome;
    font-weight: normal;
    font-style: normal;
    font-size: 10px;
    margin: 0;
    text-decoration: none;
    position: absolute;
    right: -7px;
    top: -7px;
    background: #FF8400;
    color: #fff;
    padding: 3px;
    text-align: center;
    line-height: 1;
    border-radius: 50%;
}

.right-box-cc p{color: #000}
/* ==============================
   Payment Complete Page
============================== */

#paymentconfirmation section {
    padding: 70px 0 0 0;
}

@media (max-width: 399px) {
    #paymentconfirmation #bluesnaplogo p {
        font-size: 6px !important;
    }

    #paymentconfirmation h1 {
        font-size: 26px;
    }

    #paymentconfirmation #PDFsimpliHeading {
        margin-top: 6px;
    }

    #paymentconfirmation .disclaimer {
        font-size: 0.65em;
    }
}
/* ==============================
   Dashboard page (account)
============================== */
body#account section#main {
    padding: 75px 0;
}

.dashboard-tabs{
	margin-top: 30px;
}

@media screen and (max-width: 767px) {
	body#account section#main {
		padding: 50px 0;
	}

	.dashboard-tabs{
		margin-top: 10px;
	}
	
}

@media screen and (max-width: 768px) {


    .account-main-title {
        font-size: 14px;
        text-align: left;
    }

    .tab-content div h2 {
        font-size: 18px !important;
    }
}

@media screen and (max-width: 399px) {
    body#account section#main {
        padding: 55px 0;
    }

    .account-main-title {
        position: absolute;
        right: 10px;
        margin-top: 15px;
        color: #333;
    }
}


#account #recent-documents .table-responsive {
    overflow-x: initial;
}

@media screen and (max-width: 1024px) {

    #account #recent-documents .table-responsive tbody tr:nth-last-child(1) ul.dropdown-menu {
        margin-top: -123px;
    }

    #account #recent-documents .table-responsive tbody tr .checkbox,
    #account #recent-documents .table-responsive tbody tr .radio {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    #account #recent-documents .table-responsive thead .checkbox label {
        font-size: 0px;
    }

    #account #recent-documents .table-responsive tbody tr td:nth-child(1) {
        position: relative;
        padding-right: 26px;
    }

    #account #recent-documents .table-responsive tbody tr.EngLanguage td:nth-child(1)::before {
        content: 'Details';
        font-weight: normal;
        font-style: normal;
        margin: 0;
        text-decoration: none;
        position: absolute;
        right: 28px;
        top: 20px;
    }

    #account #recent-documents .table-responsive tbody tr.ESLanguage td:nth-child(1)::before {
        content: 'Detalles';
        font-weight: normal;
        font-style: normal;
        margin: 0;
        text-decoration: none;
        position: absolute;
        right: 28px;
        top: 20px;
    }

    #account #recent-documents .table-responsive tbody tr.file-item-line td:nth-child(1)::after {
        content: '\f078';
        font-family: FontAwesome;
        font-weight: normal;
        font-style: normal;
        margin: 0;
        text-decoration: none;
        position: absolute;
        right: 10px;
        top: 20px;
    }

    #account #recent-documents .table-responsive tr.file-item-line td:nth-child(1) a {
        max-width: 75%;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        display: block;
    }
}

@media screen and (max-width: 425px) {
    #account #recent-documents .table-responsive tbody tr td:nth-child(1) {
        max-width: 150px;
    }
}

@media screen and (max-width: 425px) {
    #account #recent-documents .table-responsive tbody tr td:nth-child(1) {
        max-width: 100px;
    }
}

tr.file-item-line {
}

    tr.file-item-line .btn-group {
    }

        tr.file-item-line .btn-group button.btn {
        }

.footable-row-detail-row {
    display: block;
    width: 100%;
    float: left;
    margin-bottom: 5px;
}

    .footable-row-detail-row div {
        float: left;
    }

        .footable-row-detail-row div:nth-child(1) {
            font-weight: 700;
            margin-right: 10px;
        }

/*new features modal*/

.new-features-modal-row{
/*	border-bottom: 1px solid #ccc;*/
	padding-bottom: 10px;
	margin-bottom: 15px;
}
.new-features-modal-row:last-child{
	padding-bottom: 0px;
	margin-bottom: 0px;
}
.new-features-modal-row h3{
	padding: 0;
	margin: 0;
	color: #1378c7 !important;
	font-size: 18px !important;
}
.new-features-modal-row ul{
	padding-left: 30px;
}
.new-features-modal-row ul li{
	font-size: 16px;
    border-bottom: 1px solid #E3E3E3;
    padding-bottom: 6px;
    margin-bottom: 10px;
	position: relative;
}
.new-features-modal-row ul li::before{
	content: "NEW";
    position: absolute;
    left: -34px;
    top: 2px;
    font-size: 9px;
    font-weight: 500;
    background-color: #007eff;
    padding: 2px 4px;
    border-radius: 3px;
    color: #fff;
}
/* ==============================
   Builder (edit)
============================== */
#edit-page #watermark-modal .form-file-control {
    /* position: absolute; */
    /* top: 0; */
    /* right: 0; */
    /* left: 0; */
    /* z-index: 5; */
    /* height: 2.5rem; */
    padding: .5rem 1rem 0.5rem 0rem;
    line-height: 1.5;
    color: #464a4c;
    /* pointer-events: none; */
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
    width: 100%;
}

#edit-page #watermark-modal label.custom-file {
    min-width: 100%;
    position: relative;
}

#watermark-modal .or-spliter {
    margin-top: auto;
}

#watermark-modal .form-control {
    float: left;
    width: 80%;
    border-radius: 4px 0px 0px 4px;
}

#watermark-modal #okButton {
    float: left;
    width: 19.7%;
    border-radius: 0px 4px 4px 0px;
    box-shadow: none;
    height: 34px;
}

.custom-file-control {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: -1px;
    z-index: 5;
    height: 2.5rem;
    padding: .5rem 1rem;
    line-height: 1.5;
    height: 100%;
    color: #464a4c;
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-color: transparent;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: .25rem;
}

    /* .custom-file-control::after {
    content: "Choose file...";
}*/

    .custom-file-control::before {
        content: "Browse";
    }

    .custom-file-control::before {
        position: absolute;
        top: -1px;
        left: -1px;
        bottom: -1px;
        z-index: 6;
        display: block;
        height: 2.5rem;
        padding: 0.6rem 2rem;
        line-height: 1.5;
        /* color: #464a4c; */
        height: 105%;
        /* background-color: #eceeef; */
        border: 1px solid #b05711;
        border-radius: .25rem 0 0 .25rem;
        background-color: #de6d15;
        /* border-color: #b05711; */
        color: #fff;
    }

#watermark-modal .panel-default {
    border: 0px solid transparent;
}

#watermark-modal .modal-body {
    padding: 0;
}

#watermark-modal .panel-group .panel + .panel {
    margin-top: 0px;
}

#watermark-modal .panel-group {
    margin-bottom: 0px;
}

/* Drang n drop */

/*#watermark-modal input[type="file"] {
    display: none;
}*/

#watermark-modal #file-drag {
    border: 2px dashed #ddd;
    border-radius: 7px;
    color: #555;
    cursor: pointer;
    display: block;
    font-weight: 100;
    margin: 1em 0;
    padding: 3em;
    text-align: center;
    transition: background 0.3s, color 0.3s;
}

    #watermark-modal #file-drag a {
        color: #555;
        font-weight: bold;
    }

    #watermark-modal #file-drag:hover {
        background: #e2e2e2;
    }

    #watermark-modal #file-drag:hover,
    #watermark-modal #file-drag.hover {
        border-color: #0167cb;
        border-style: solid;
        box-shadow: inset 0 3px 4px #888;
        /* color        : #0167cb; */
    }

#watermark-modal #file-progress {
    display: none;
    margin: 1em auto;
    width: 100%;
}

#watermark-modal #file-upload-btn {
    margin: auto;
}

    #watermark-modal #file-upload-btn:hover {
        background: #4499c9;
    }

#watermark-modal #file-upload-form {
    margin: auto;
    width: 100%;
}

#watermark-modal .cloud-upload {
    max-width: 50px;
    margin: 0 auto;
}

#watermark-modal progress {
    appearance: none;
    background: #eee;
    border: none;
    border-radius: 3px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.25) inset;
    height: 30px;
}

    #watermark-modal progress[value]::-webkit-progress-value {
        background: -webkit-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0,0, 0, .2) 66%, transparent 66%), -webkit-linear-gradient(right, #005f95, #07294d);
        background: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0,0, 0, .2) 66%, transparent 66%), linear-gradient(right, #005f95, #07294d);
        background-size: 60px 30px, 100% 100%, 100% 100%;
        border-radius: 3px;
    }

    #watermark-modal progress[value]::-moz-progress-bar {
        background: -moz-linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0,0, 0, .2) 66%, transparent 66%), -moz-linear-gradient(right, #005f95, #07294d);
        background: linear-gradient(-45deg, transparent 33%, rgba(0, 0, 0, .2) 33%, rgba(0,0, 0, .2) 66%, transparent 66%), linear-gradient(right, #005f95, #07294d);
        background-size: 60px 30px, 100% 100%, 100% 100%;
        border-radius: 3px;
    }


/* ==============================
   LP 4 Pack 
============================== */

/* Number 1 */
.lp_light_blue {
    background-color: #f0f8fe;
}

.lp_middle_blue {
    background-color: #0E5D9C;
}

.lp_dark_blue {
    background-color: #093a61;
}

    .lp_middle_blue,
    .lp_dark_blue,
    .lp_middle_blue p,
    .lp_dark_blue p {
        color: #FFF;
    }

        .lp_light_blue img,
        .lp_middle_blue img,
        .lp_dark_blue img {
            width: 100%;
        }


section.section.key_features_blade > div > div > div > div > img {
    width: 100%;
    max-width: 100px;
}








/* Number 2 */
.lp_pack_n2 section.hero {
    background-image: url(../img/desktop-hero-image-simpli.jpg);
    ;
}
/* Number 3 - Adobe Editor Alternative */
.lp_pack section {
    padding: 50px 0;
}

section.hero {
    position: relative;
    margin-top: 75px;
    padding: 110px 0 110px 0;
    background: #fff;
    /*	background-image: url(../img/pdfdimpli_hero_header_b.jpg);*/
    background-position: center top;
    background-size: cover;
}

.lp_pack_n3 section.hero {
    background-image: url(../img/pdfdimpli_hero_header_b.jpg);
}

section.hero h1 {
    color: #093a61;
    margin: 0;
    font-size: 62px;
}

section.modules {
    position: relative;
    /*	margin-top: 70px;*/
    padding: 30px 0 30px 0;
    background: #093a61;
}

@media (max-width: 767px) {
    .lp_pack_n3 section.hero {
        margin-top: 65px;
        padding: 280px 0 20px 0;
        background-image: url(../img/pdfdimpli_hero_header_mobile_b.jpg);
    }

    section.hero h1 {
        font-size: 32px;
    }

    section.hero p {
        color: #353535;
        font-size: 15px;
    }

    ul.conversion-icons li a img,
    ul.conversion-icons li label img {
        max-width: 50px;
        max-height: 40px;
    }
}

@media (max-width: 425px) {
    ul.conversion-icons.band-blocks li a img,
    ul.conversion-icons.band-blocks li label img {
        max-width: 40px;
        max-height: 30px;
    }

    ul.conversion-icons.band-blocks li a,
    ul.conversion-icons.band-blocks li label {
        min-height: 95px;
    }
}

/* 
========
 BLocks
========
*/

.lp_pack_n3 ul.conversion-icons {
    padding: 0;
    margin: 0;
}

.lp_pack_n3 #conversion-actions {
    margin-top: 0;
}


ul.conversion-icons.hero-blocks li:nth-child(1) a,
ul.conversion-icons.hero-blocks li:nth-child(1) label {
    background-color: #83c32d;
    border-color: #59851f;
}

    ul.conversion-icons.hero-blocks li:nth-child(1) a:hover,
    ul.conversion-icons.hero-blocks li:nth-child(1) label:hover {
        background-color: #9cd64d;
        border-color: #b3e077;
        cursor: pointer;
    }

ul.conversion-icons.hero-blocks li:nth-child(2) a,
ul.conversion-icons.hero-blocks li:nth-child(2) label {
    background-color: #47c32d;
    border-color: #30851f;
}

    ul.conversion-icons.hero-blocks li:nth-child(2) a:hover,
    ul.conversion-icons.hero-blocks li:nth-child(2) label:hover {
        background-color: #65d64d;
        border-color: #89e077;
        cursor: pointer;
    }

ul.conversion-icons.hero-blocks li:nth-child(3) a,
ul.conversion-icons.hero-blocks li:nth-child(3) label {
    background-color: #2dc34f;
    border-color: #1f8536;
}

    ul.conversion-icons.hero-blocks li:nth-child(3) a:hover,
    ul.conversion-icons.hero-blocks li:nth-child(3) label:hover {
        background-color: #4dd66c;
        border-color: #77e08e;
        cursor: pointer;
    }

ul.conversion-icons.hero-blocks li:nth-child(4) a,
ul.conversion-icons.hero-blocks li:nth-child(4) label {
    background-color: #2dc38b;
    border-color: #1f855f;
}

    ul.conversion-icons.hero-blocks li:nth-child(4) a:hover,
    ul.conversion-icons.hero-blocks li:nth-child(4) label:hover {
        background-color: #4dd6a3;
        border-color: #77e0b8;
        cursor: pointer;
    }

ul.conversion-icons.hero-blocks li:nth-child(5) a,
ul.conversion-icons.hero-blocks li:nth-child(5) label {
    background-color: #2dbfc3;
    border-color: #1f8285;
}

    ul.conversion-icons.hero-blocks li:nth-child(5) a:hover,
    ul.conversion-icons.hero-blocks li:nth-child(5) label:hover {
        background-color: #4dd2d6;
        border-color: #77dde0;
        cursor: pointer;
    }

ul.conversion-icons.hero-blocks li:nth-child(6) a,
ul.conversion-icons.hero-blocks li:nth-child(6) label {
    background-color: #2d83c3;
    border-color: #1f5985;
}

    ul.conversion-icons.hero-blocks li:nth-child(6) a:hover,
    ul.conversion-icons.hero-blocks li:nth-child(6) label:hover {
        background-color: #4d9cd6;
        border-color: #77b3e0;
        cursor: pointer;
    }




/* Feature Comparison Chart */

section.fcc h2.fcc-title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 20px;
}

section.fcc p.fcc-sub-title {
    margin-bottom: 30px;
    padding-bottom: 20px;
}

section.fcc table.table thead tr th img {
    max-width: 210px;
}


section.fcc table.table thead tr th span.fcc-features-title {
    font-size: 28px;
    font-weight: 500;
}

section.fcc table.table {
    border: 1px solid #ccc;
}

    section.fcc table.table thead tr th {
        width: 22%;
        border-left: solid 1px #ccc;
    }

        section.fcc table.table thead tr th:nth-child(1) {
            width: 34%;
        }

        section.fcc table.table thead tr th img {
            width: auto;
            padding: 10px 20px;
        }



    /* Body */

    section.fcc table.table tbody tr, table {
        /* border: solid transparent; */
        border-spacing: 0;
        border: 1px solid #ccc;
    }

    section.fcc table.table tbody td,
    section.fcc table.table tbody th {
        padding: .75rem;
        vertical-align: middle;
        border-top: 0px solid #dee2e6;
        font-size: 16px;
    }



    section.fcc table.table tbody tr:nth-child(odd) {
        background-color: #f7f7f7;
    }



    section.fcc table.table tbody tr td {
        text-align: center;
        border-left: solid 1px #ccc;
    }

    section.fcc table.table thead th {
        vertical-align: middle;
        border-bottom: 1px solid #ccc;
    }

    section.fcc table.table tbody tr td span.yesno-yes {
        color: #00d800;
        font-weight: 900;
        font-size: 20px;
        /* text-shadow: 1px 1px 1px #0000006e; */
    }



    section.fcc table.table tbody tr td span.yesno-no {
        color: #dc0000;
    }


    section.fcc table.table thead tr th:nth-child(2) {
        border-top: solid 5px #00d800;
        border-left: solid 5px #00d800;
        border-right: solid 5px #00d800;
    }

    section.fcc table.table tbody tr td:nth-child(2) {
        border-left: solid 5px #00d800;
        border-right: solid 5px #00d800;
    }


    section.fcc table.table tbody tr:nth-last-child(1) td:nth-child(2) {
        border-bottom: solid 5px #00d800;
    }

@media (min-width: 768px) and (max-width: 909px) {
    section.fcc table.table thead tr th {
        padding: 10px;
    }

        section.fcc table.table thead tr th img {
            max-width: 130px;
            padding: 0px;
            margin: 0 auto;
            display: block;
        }

        section.fcc table.table thead tr th span.fcc-features-title {
            font-size: 16px;
        }

    section.fcc table.table tbody td, section.fcc table.table tbody th {
        padding: 5px;
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    section.fcc table.table thead tr th {
        padding: 5px;
    }

        section.fcc table.table thead tr th img {
            max-width: 60px;
            padding: 0px;
            margin: 0 auto;
            display: block;
        }

        section.fcc table.table thead tr th span.fcc-features-title {
            font-size: 16px;
        }

    section.fcc table.table tbody td, section.fcc table.table tbody th {
        padding: 5px;
        font-size: 12px;
    }
}


@media (max-width: 768px) {
    .lp_pack .container {
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }
}




/*
==============
 Testimonials
==============
*/


.lp_pack section.testimonials .carousel {
    width: 100%;
    max-width: 650px;
    margin: 0 auto;
    padding-bottom: 50px;
}

    .lp_pack section.testimonials .carousel .item {
        color: #999;
        font-size: 14px;
        text-align: center;
        overflow: hidden;
        min-height: 340px;
    }

        .lp_pack section.testimonials .carousel .item a {
            color: #eb7245;
        }

    .lp_pack section.testimonials .carousel .img-box {
        width: 145px;
        height: 145px;
        margin: 0 auto;
        border-radius: 50%;
    }

        .lp_pack section.testimonials .carousel .img-box img {
            width: 100%;
            height: 100%;
            display: block;
            border-radius: 50%;
        }

    .lp_pack section.testimonials .carousel .testimonial {
        padding: 30px 0 10px;
    }

    .lp_pack section.testimonials .carousel .overview {
        text-align: center;
        padding-bottom: 5px;
    }

        .lp_pack section.testimonials .carousel .overview b {
            color: #333;
            font-size: 15px;
            text-transform: uppercase;
            display: block;
            padding-bottom: 5px;
        }

    .lp_pack section.testimonials .carousel .star-rating i {
        font-size: 18px;
        color: #ffdc12;
    }

    .lp_pack section.testimonials .carousel .carousel-control {
        width: 30px;
        height: 30px;
        border-radius: 50%;
        background: #999;
        text-shadow: none;
        top: 4px;
    }

.lp_pack section.testimonials .carousel-control i {
    font-size: 20px;
    margin-right: 2px;
}

.lp_pack section.testimonials .carousel-control.left {
    left: auto;
    right: 40px;
}

.lp_pack section.testimonials .carousel-control.right i {
    margin-right: -2px;
}

.lp_pack section.testimonials .carousel .carousel-indicators {
    bottom: 15px;
}

.lp_pack section.testimonials .carousel-indicators li,
.lp_pack section.testimonials .carousel-indicators li.active {
    width: 11px;
    height: 11px;
    margin: 1px 5px;
    border-radius: 50%;
}

.lp_pack section.testimonials .carousel-indicators li {
    background: #e2e2e2;
    border-color: transparent;
}

    .lp_pack section.testimonials .carousel-indicators li.active {
        border: none;
        background: #888;
    }

.lp_pack section.testimonials .item {
    flex-flow: row wrap;
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
    width: 100%;
    margin: auto;
}

.lp_pack section.resources ul.resources-list {
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    list-style-type: none;
    padding: 0;
}

@media (max-width: 768px) {
    .lp_pack section.resources ul.resources-list {
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
    }
}

@media (max-width: 425px) {
    .lp_pack section.resources ul.resources-list {
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
}

.lp_pack section.resources ul.resources-list li {
}

/*
.lp_pack section.cta-band {
    padding: 10px 0;
}
*/

ul.conversion-icons.left-side-icons li a,
ul.conversion-icons.left-side-icons li label {
    min-height: 95px;
}

/*
ul.conversion-icons.left-side-icons li a img, 
ul.conversion-icons.left-side-icons li label img {
    display: block;
    margin: 4px;
    max-width: 82px;
    max-height: 46px;
}
*/






.lp_pack_n2 section.hero {
    margin-top: 75px;
    padding: 50px 0 110px 0;
}

section.hero ul.hero-list {
    padding: 0px 0 10px 0;
    margin-left: 70px;
    list-style-type: none;
}

    section.hero ul.hero-list li {
        padding-bottom: 10px;
        position: relative;
        font-size: 18px;
        font-weight: 400;
    }

        section.hero ul.hero-list li::before {
            content: "\2713";
            position: absolute;
            top: -10px;
            left: -30px;
            color: #0a6bcd;
            font-size: 30px;
        }

.lp_pack section.after-hero-band {
    padding: 0;
    border-top: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
}

section.after-hero-band .after-hero-band-item {
    /* border-right: 1px solid #e4e4e4; */
    padding: 30px;
    text-align: center;
}

    section.after-hero-band .after-hero-band-item img {
        max-width: 100px;
        max-height: 100px;
    }

section.video-blade {
    background-color: #f0f8fe;
}

    section.video-blade h2 {
        font-size: 36px;
        color: #093a61;
        margin-top: 0;
    }



section.img-band-left {
    background-color: #f5f5f5;
}

@media (max-width: 425px) {

    .lp_pack.lp_pack_n2 section.hero h1 {
        font-size: 28px;
    }

    section.hero ul.hero-list {
        margin-left: 32px;
    }

        section.hero ul.hero-list li {
            font-size: 11px;
            padding-bottom: 5px;
        }

    .lp_pack_n2 section.hero {
        margin-top: 67px;
        padding: 170px 0 20px 0;
        background-image: url(/content/img/lp_2_mobile_background.jpg);
    }

    section.hero ul.hero-list li::before {
        top: -4px;
        left: -20px;
        font-size: 15px;
    }
}




/*LP 1*/


.lp_pack_n1 section.hero {
    margin-top: 75px;
    padding: 50px 0 50px 0;
    background-image: url(/content/img/lp_1a_background.jpg);
}

    .lp_pack_n1 section.hero div.buttons-inside-laptop {
        position: absolute;
        width: 100%;
        height: 100%;
        display: block;
        top: 0;
        left: 0;
    }

        .lp_pack_n1 section.hero div.buttons-inside-laptop ul {
            display: block;
            width: 60%;
            margin: 0 auto;
            background-color: #2f7bc8;
        }

    .lp_pack_n1 section.hero #drag-and-drop-holder div.buttons-inside-laptop ul a {
        position: initial;
    }

    div.callout-boxes-banner{
	display: flex;
	width: 100%
}
div.callout-box-col{
	flex: 1;
	padding: 10px
}


div.callout-boxes-banner {
    margin-top: 1em;
    box-shadow: 1px 7px 24px rgba(0, 0, 0, 0.5);
}

    .callout-box-col {
        background-color: #fff;
    }

        div.callout-boxes-banner div.callout-box-col:nth-of-type(2) {
            background: #424a5c url("/content/img/paperwork-button-bg.jpg") center center no-repeat;
            background-size: cover;
            color: #fff;
        }

            div.callout-boxes-banner div.callout-box-col:nth-of-type(2) p {
                color: inherit;
            }

    div.callout-boxes-banner .callout-box {
        padding: 3em 3em 2em 3em;
        text-align: center;
    }

        div.callout-boxes-banner .callout-box h4 {
            font-size: 1.6em;
            font-weight: 600;
        }

        div.callout-boxes-banner .callout-box img {
            background: #00406b;
            margin-bottom: 1em;
            padding: 1em;
            border-radius: 1.5em;
            max-height: 66px;
        }



@media (max-width: 670px){
	div.callout-boxes-banner{
		display: block;
		width: 100%
	}
	div.callout-box-col{
		flex: 1;
		width: 100%;
		padding: 10px
	}
}

/*

Rest of the World
                                                     
*/

body.latam ul.callout-boxes-rows li.pdf-to-doc .callout-box,
body.euro ul.callout-boxes-rows li.pdf-to-doc .callout-box{
	background-image: url(/content/img/icons/icon-pdf-to-doc.png)
}
body.latam ul.callout-boxes-rows li.doc-to-pdf .callout-box,
body.euro ul.callout-boxes-rows li.doc-to-pdf .callout-box{
    background-image: url(/content/img/icons/icon-doc-to-pdf.png);
}
body.latam ul.callout-boxes-rows li.merge-pdf .callout-box,
body.euro ul.callout-boxes-rows li.merge-pdf .callout-box{
    background-image: url(/content/img/icons/icon-merge-pdf.png);
}
body.latam ul.callout-boxes-rows li.pdf-to-jpg .callout-box,
body.euro ul.callout-boxes-rows li.pdf-to-jpg .callout-box{
    background-image: url(/content/img/icons/icon-pdf-to-jpg.png);
}
body.latam ul.callout-boxes-rows li.jpg-to-pdf .callout-box,
body.euro ul.callout-boxes-rows li.jpg-to-pdf .callout-box{
    background-image: url(/content/img/icons/icon-jpg-to-pdf.png);
}
body.latam ul.callout-boxes-rows li.compress-pdf .callout-box,
body.euro ul.callout-boxes-rows li.compress-pdf .callout-box{
    background-image: url(/content/img/icons/icon-compress-pdf.png);
}
body.latam ul.callout-boxes-rows .callout-box,
body.euro ul.callout-boxes-rows .callout-box{
    padding: 2em 2em 1em 2em;
}

body.euro ul.callout-boxes-rows .callout-box p{
    font-size: 17px;
}
/*titles*/

@media (min-width: 768px){
	body.es-best-pdf-to-word section.cta .cta-content h1 {
		font-size: 58px;
	}
}

@media (min-width: 768px){
	body.es-perfect-pdf section.cta .cta-content h1{
		font-size: 55px;
	}
}

@media (min-width: 768px){
	body.es-pdf-to-jpg section.cta .cta-content h1{
		font-size: 62px;
	}
}

@media (min-width: 768px){
	body.es-pdf-to-png section.cta .cta-content h1{
		font-size: 62px;
	}
}

@media (min-width: 768px){
	body.es-powerpoint-to-pdf section.cta .cta-content h1{
		font-size: 62px;
	}
}

@media (min-width: 768px){
	body.es-excel-to-pdf section.cta .cta-content h1{
		font-size: 59px;
	}
}

@media (min-width: 768px){
	body.es-merge-split-compress-pdf section.cta .cta-content h1{
		font-size: 62px;
	}
}

/*
Editor
*/
/*#093a61*/


@media (max-width: 767px) {
    #edit-page section.edit-section {
        margin-top: 50px;
    }


    .in-editor-filename {
    }

        .in-editor-filename p {
            font-size: 12px;
        }

    #document-menu div:nth-child(2) {
        padding: 0;
    }
}

.in-editor-filename p {
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    white-space: nowrap;
}

    .in-editor-filename p span:nth-child(1) {
        font-weight: 700;
    }


@media (max-width: 767px) {
    #edit-page section.edit-section #edit-actions ul {
        overflow: scroll;
        white-space: nowrap;
    }

    #edit-page section.edit-section #document-menu {
        padding-top: 8px;
        padding-bottom: 8px;
        background: #093a61;
    }

        #edit-page section.edit-section #document-menu .in-editor-filename p span {
            color: #8aa2b5;
        }

        #edit-page section.edit-section #document-menu .in-editor-filename p {
            padding-bottom: 5px;
        }

    #edit-page section.edit-section .progress {
        height: auto;
        margin: 0;
        background-color: #093a61;
    }
}




/*BTNs*/

/*Kept above*/

@media (max-width: 767px) {
    #edit-page section.edit-section #document-menu #document-menu-buttons .btn.btn-primary {
        box-shadow: 0 0 0;
    }

    #edit-page section.edit-section #document-menu #document-menu-buttons {
    }

        #edit-page section.edit-section #document-menu #document-menu-buttons .btn.btn-info {
            background-color: transparent;
            border-color: transparent;
            color: #ffeb00;
            box-shadow: 0 0 0;
        }

        #edit-page section.edit-section #document-menu #document-menu-buttons .btn-default {
            color: #fff;
            background-color: transparent;
            border-color: transparent;
            box-shadow: 0 0 0;
        }
}

/*Send below*/
.row.mobile-edit-actions {
}

@media (max-width: 767px) {
    .row.mobile-edit-actions {
        background-color: #093a61;
        position: absolute;
        bottom: 0;
        padding: 5px 0;
        width: 100%;
        z-index: 999;
    }

    .mobile-edit-actions ul li .btn {
        text-transform: uppercase;
        letter-spacing: 1px;
        border-radius: 4px;
        line-height: 1.33;
        font-size: 13px;
        font-weight: 600;
        border-color: transparent;
        box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
    }

        .mobile-edit-actions ul li .btn.btn-secondary {
            background-color: transparent;
            color: #FFF;
        }


            .mobile-edit-actions ul li .btn.btn-secondary.active,
            .mobile-edit-actions ul li .btn.btn-secondary:active,
            .mobile-edit-actions ul li .btn.btn-secondary:focus,
            .mobile-edit-actions ul li .btn.btn-secondary:hover {
                background-color: #0c2e48;
                color: #FFF;
                -webkit-transition: all 0.35s ease-in-out;
                -moz-transition: all 0.35s ease-in-out;
                -o-transition: all 0.35s ease-in-out;
                transition: all 0.35s ease-in-out;
            }

        .mobile-edit-actions ul li .btn:hover,
        .mobile-edit-actions ul li .btn:focus,
        .mobile-edit-actions ul li .btn:active,
        .mobile-edit-actions ul li .btn.active {
            box-shadow: 0px 0px 0 rgba(0, 0, 0, 0.0);
        }

        .mobile-edit-actions ul li .btn.active,
        .mobile-edit-actions ul li .btn:active {
            background-image: none;
            outline: 0;
            -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
            ;
            box-shadow: 0 0 0 rgba(0, 0, 0, 0.0);
            ;
        }
}
body#edit-page ul.conversion-icons li a,
body#edit-page ul.conversion-icons li label {
    min-height: auto;
}

/*help*/
@media (max-width: 767px) {
    #edit-page #welcome-modal .vertical-tabs .nav-left-tabs {
        background: #f6f6f6;
        width: auto;
        min-width: 810px;
    }

        #edit-page #welcome-modal .vertical-tabs .nav-left-tabs li > a {
            color: #666;
            border-color: transparent;
            border-width: 2px;
        }

        #edit-page #welcome-modal .vertical-tabs .nav-left-tabs li.active > a {
            color: #333;
            border-color: #1378c7;
            border-left-width: 1em;
            border-width: 2px;
        }

    #edit-page #welcome-modal .nav-stacked > li {
        float: left;
        width: auto;
        margin: 0;
        padding: 0;
        border: 0;
    }

    #edit-page #welcome-modal .modal-m-nav {
        width: 100%;
        padding: 0;
        overflow-x: scroll;
    }

        #edit-page #welcome-modal .modal-m-nav::-webkit-scrollbar {
            width: 0px;
            background: transparent;
        }

    #edit-page #welcome-modal .tab-pane img {
        max-width: 30%;
    }
}
/*GDPR*/

div.gdpr-banner {
    width: 100%;
    display: block;
    height: auto;
    background-color: #fff;
    color: #333;
    position: fixed;
    bottom: 0px;
    z-index: 55555;
    padding: 10px 5px;
    font-size: 10px;
}
div.gdpr-banner p{
	font-size: 10px;
	margin: 0;
	padding: 0
}
}
/*Info pages*/

@media (max-width: 768px) {
    section#info .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}

section a {
    /* These are technically the same, but use both */
    overflow-wrap: break-word;
    word-wrap: break-word;
    -ms-word-break: break-all;
    /* This is the dangerous one in WebKit, as it breaks things wherever */
    word-break: break-all;
    /* Instead use this non-standard one: */
    word-break: break-word;
    /* Adds a hyphen where the word breaks, if supported (No Blink) */
    -ms-hyphens: auto;
    -moz-hyphens: auto;
    -webkit-hyphens: auto;
    hyphens: auto;
}
@media (max-width: 768px){
/*Terms page*/
	.info table {
		word-wrap: break-word;
		hyphens: auto;
	}
	.info p{
		word-wrap: break-word;
	}
}

.info th,
.info td {
    padding: 3px;
}


/*

Payment Successful

*/

body#payment-successful {
    background-color: #1378C7;
}
section#payment-details{
	padding: 60px 0;
}
body#payment-successful .panel-heading{
	background-color: #F0F8FF;
	padding: 10px 0;
	border-bottom: 1px solid #ddd;
}

body#payment-successful h1{
	font-size: 24px;
}
body#payment-successful .fa-check-circle:before {
    color: #1378C7;
	font-size: 100px;
}
body#payment-successful hr{
	width: 80%;
	max-width: 80%;
}

body#payment-successful p{
	font-size: 12px;
}


body#payment-successful section#payment-details .panel-body{
	padding-bottom: 0;
}


body#payment-successful .ty-details {
    border-bottom: 1px solid #ddd;
}

body#payment-successful .ty-details #details ul li {
/*	background-color: #1378c7;*/
/*	color:white;*/
}

body#payment-successful h2{
	font-size: 18px;
}
body#payment-successful .ty-next span{}


button:focus { outline: none; }


@media (min-width: 992px){
	.bl1gd{
		border-left: 1px solid #ddd;
	}
}
@media (max-width: 991px){
	.bt1gm{
		border-top: 1px solid #ddd;
	}
}

.panel-heading.offer-heading-y{
	background-color: #B00F63;
	color:#fff;
	padding: 15px;
}
.panel-heading.offer-heading-y h5{
	margin: 0;
	margin-bottom: 5px;
	font-size: 12px;
}
.panel-heading.offer-heading-y h4{
	margin: 0;
	font-size: 18px;
}


#account-cancelation-oc-modal p.offer-price{
	color: #B00F63;
}

#account-cancelation-oc-modal p.offer-price s{
	font-size: 18px;
	color: #A94A7C;
}

#account-cancelation-oc-modal p.offer-price big{
	font-size: 34px
}

body#payment-successful.cancelation-successful {
    background-color: #777777;
}
/*contact numbers table*/
.contact-table {
    display: table;
    width: 100%;
}

.contact-row {
    display: table-row;
}
.contact-col {
    display: table-cell;
    width: 33%;
    border-right: 1px solid #d3d3d4;
}

.contact-col:first-child .box {
    padding-left: 0;
}
.contact-info .box {
}
.contact-info .box {
    padding: 30px 20px;
}


.contact-info ul li {
    position: relative;
    padding-left: 30px;
    margin-bottom: 10px;
    color: #120c0c;
    font-weight: 300;
    font-size: 18px;
}
.contact-info ul .loc-off {
    font-size: 20px;
    color: #6e6868;
    font-weight: 600;
}
.contact-info ul li .fa {
    position: absolute;
    left: 0;
    top: 5px;
    color: #d9e2eb;
}

.contact-row + .contact-row .contact-col {
    border-top: 1px solid #d3d3d4;
}
.contact-col {
    display: table-cell;
    width: 33%;
    border-right: 1px solid #d3d3d4;
}
.contact-col:nth-child(3),
.contact-col:nth-child(6),
.contact-col:nth-child(9),
.contact-col:nth-child(12),
.contact-col:nth-child(15),
.contact-col:nth-child(18){
	border-right: 0 none !important;
}

@media screen and (max-width: 767px){
	.contact-col {
		border-right: 0 none !important;
		display: block !important;
		width: 100% !important;
		border-bottom: 1px solid #d3d3d4;
	}


	.contact-row + .contact-row .contact-col {
		border-top: 0 !important;
	}
	
}
#tax-banner-notification .alert.alert-warning.alert-dismissible{
    color: #333;
    background-color: #9EDCFF;
    border-color: #BEE7FF;
    font-size: 16px;
}

#tax-banner-notification .alert.alert-warning.alert-dismissible span.glyphicon{
    color: #0065d2;
    margin-right: 10px;
    font-size: 20px;
    line-height: 0;
    top: 4px;
}
#tax-banner-notification .alert.alert-warning.alert-dismissible a{
    color: #333;
    font-size: 12px;
    text-decoration: underline
}
#tax-banner-notification .alert.alert-warning.alert-dismissible a.btn{
    text-decoration: none;
    color: #fff;
}
#tax-banner-notification .alert.alert-warning.alert-dismissible span.divider{
    margin: 0 10px;
    border-left: 1px solid rgb(126, 207, 255);
    height: 20px;
}
#banner-notification .alert-warning a {
    text-decoration: underline;
}
