/*=============================================

Copyright: Indigo Productions

-----------------------------------------------
Swatches
Blue        :   #cccccc;
Dark Blue   :   #9f9f9f;

==============================================*/

/*----------------------------------------------------------
CSS Reset
----------------------------------------------------------*/
/* http://meyerweb.com/eric/tools/css/reset/ 

   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var, b, u, i, center, ratin dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
    clear: both;
}

body {
    line-height: 1;
}

/*ol, ul {
    list-style: none;
}*/

blockquote, q {
    quotes: none;
}

blockquote:before,
blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a:focus {
    outline: none;
}

textarea {
    resize: none;
}




/*----------------------------------------------------------
Base Elements
----------------------------------------------------------*/
html, body {
    height: 100%;
}

body {
    font: 14px "Open Sans", Verdana, Arial, Helvetica, sans-serif;
    color: #818892;
    background: #f8f8fd;
    /*padding-top: 75px;*/
}

body.cms_bodystyle {
    padding-top: 0;
}

footer {
    color: #fff;
    padding: 0.9375em;
    background: #1976d2;
    min-height: 200px;
}

.container {
    background: #fff;
    /*overflow: hidden;*/
    position: relative;
}

/*----------------------------------------------------------
Headings
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    color: #1976d2;
    font-weight: 300;
    margin: 1rem 0;
}

h1 {
    font-size: 3em;
    line-height: 1.2em;
}

h2 {
    font-size: 2.2em;
}

h3 {
    font-size: 1.8em;
    color: #323232;
}

h4 {
    font-size: 1.4em;
}

h5, h6 {
    font-size: 1em;
}

p + h2 {
    margin-top: 1.5em;
}

.intro h2 {
    font-size: 4em;
    text-align: center;
}

footer h2 {
    font-size: 1.5em;
    font-weight: 700;
    text-transform: uppercase;
}

@media only screen and (min-width: 64.063em) {
    h2.special::before {
        border-bottom: 1px solid #ccc;
        content: "";
        display: inline-block;
        margin-right: 10px;
        position: relative;
        top: -0.35em;
        width: 50px;
    }

    h2.special::after {
        border-bottom: 1px solid #ccc;
        content: "";
        display: inline-block;
        margin-left: 10px;
        position: relative;
        top: -0.35em;
        width: 50px;
    }
}

/*----------------------------------------------------------
Typography
----------------------------------------------------------*/
p {
    font-family: inherit;
    font-weight: normal;
    line-height: 1.6;
}

p + p {
    margin: 1em 0;
}

p + a.button {
    margin-top: 0.5em;
}

.main-content p + ul,
.main-content ul + p {
    margin-top: 1rem;
}

.credits {
    text-align: center;
    margin-top: 2em;
}

.credits a {
    color: #fff;
}
/*----------------------------------------------------------
Lists
----------------------------------------------------------*/
.checklist li {
    margin: 2em 1em 2em 0;
}

/*----------------------------------------------------------
Links
----------------------------------------------------------*/
a {
    color: #1976D2;
}

a:hover {
    color: #cccccc;
}

button,
.button {
    background: #1976D2!important;
    font-size: 1em!important;
    color: #fff!important;
    border-radius: 5px!important;
    font-weight: 700!important;
    padding: 1rem 1rem!important;
}

button.alternative,
.button.alternative {
    background: #23c6c8!important;
}

button.alternative:hover,
.button.alternative:hover {
    background: #1fb0b2;
}

button.secondary,
.button.secondary {
    background: transparent;
    border: 3px solid rgba(255,255,255,0.5);
    color: rgba(255,255,255,0.5);
}

button.secondary:hover,
.button.secondary:hover {
    background: transparent;
    border: 3px solid rgba(255,255,255,0.9);
    color: rgba(255,255,255,0.9);
}



/*----------------------------------------------------------
Menu
----------------------------------------------------------*/
.top-menu-container {
    background: #fff;
    width: 100%;
    z-index: 1;
}

.top-menu {
    /*height: 60px;*/
    padding: 1em 0 0 0;
    margin: 0;
    border: 0;
    width: auto;
    font-size: 12px;
    transition: all 0.5s ease-in-out 0s;
}

.top-menu ul, 
.top-menu li {
    list-style: none;
    margin: 0;
    padding: 0;
}

.top-menu ul {
    position: relative;
}

.top-menu ul li {
    float: left;
    min-height: 1px;
    vertical-align: middle;
}

.top-menu li a div {
    display: inline-block;
    font-size: 14px;
    line-height: 40px;
    transition: background-color 0.5s linear 0s;
}

.top-menu > ul > li:not(.menu_button) a:after {
    content: '';
    display: block;
    margin: auto;
    height: 3px;
    width: 0px;
    background: transparent;
    transition: width .5s ease, background-color .5s ease;
}

.top-menu > ul > li > a:hover:after,
.top-menu > ul > li.active > a:after {
    width: 100%;
    background: #23c6c8;
}


.top-menu ul li.has-sub > a div.menutitle:after {
    width: 6px;
    height: 6px;
    margin-left: 7px;
    content: "";
    border: 0;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-right-style: none;
    border-bottom-style: none;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-right: 1px solid;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    border-bottom: 1px solid;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.5;
}



.top-menu ul li.hover,
.top-menu ul li:hover {
    position: relative;
    z-index: 599;
    cursor: default;
}

.top-menu ul div {
    display: inline-block;
}


.top-menu li.menu_button,
.top-menu li.menu_button_alt {
    float: right;
}

.top-menu li.menu_button a div {
    border-radius: 5px;
    padding: 0 10px;
    line-height: 40px;
    background: #23c6c8;
    color: #fff;
    font-weight: bold;
}

.top-menu li.menu_button a div:hover {
    color: #f0f2f3;
    background: #1fb0b2;
}

.top-menu ul > li > ul:before {
    position: absolute;
    top: -8px;
    left: 130px;
    display: inline-block;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #23c6c8;
    border-left: 8px solid transparent;
    border-bottom-color: #23c6c8;
    content: '';
}

.top-menu ul > li > ul.dropit,.top-menu ul > li > ul.dropit2  {
    visibility: hidden;
    position: absolute;
    width: 100%;
    text-transform: none;
    min-width: 500px;
    background: #fff;
    padding-bottom: 1em;
    box-shadow: 0 8px 13px rgba(0, 0, 0, 0.36), 0 0 0 1px rgba(0, 0, 0, 0.06);
    border-bottom: 3px solid #23c6c8;
    border-radius: 5px;
    left: -80px;
}

.top-menu ul > li > ul.dropit2 {
 min-width: 250px;
 
}
.dropit2 .button{
    margin:5px;
}



.top-menu ul > li > ul.dropit .nav-column {
    vertical-align: top;
    width: 49.68%;
}

.top-menu ul > li > ul.dropit .nav-column a {
    padding: 0.5em 1em;
}

.top-menu ul > li > ul.dropit .nav-column li.active a {
    color: #23c6c8;
}

.top-menu ul > li > ul.dropit .nav-column li.active a:hover {
    color: #fff;
}


.top-menu ul ul li {
    float: none;
    font-weight: normal;
    position: relative;
}


.top-menu ul ul li.menuheader {
    font-weight: bold;
    border-bottom: 1px solid #cccccc;
}


.top-menu ul li:hover > ul {
    visibility: visible;
}

.top-menu a {
    display: block;
    line-height: 1em;
    text-decoration: none;
    background: #ffffff;
    color: #666;
}

.top-menu .dropit a {
    background: transparent;
}


.top-menu > ul > li + li {
    margin-left: 30px;
}

.top-menu:after,
.top-menu ul:after {
    content: '';
    display: block;
    clear: both;
}

.top-menu ul ul {
    /*box-shadow: 0 8px 13px rgba(0,0,0,0.36),0 0 0 1px rgba(0,0,0,0.06)*/
}

.top-menu ul ul a {
    /*background: red;*/
    color: #323232;
    line-height: 150%;
    padding: 0 20px;
    font-size: 14px;
}

.top-menu ul ul li:first-child > a {
    /*border-top: 1px solid #6785c3;*/
}

.top-menu ul ul li:hover > a {
    background: #23c6c8;
    color: #ffffff;
}

.top-menu > ul > li:hover > a,
.top-menu > ul > li.active > a {
    background: #fff;
    color: #23c6c8;
}



.top-menu ul li.last ul {
    left: auto;
    right: 0;
}

.top-menu ul li.last ul ul {
    left: auto;
    right: 99.5%;
}

.top-menu > ul > li > a {
    /*line-height: 65px;*/
    font-size: 14px;
    color: #1976d2;
}


ul.menufooter {
    list-style: none;
}

ul.menufooter {
    text-align: left;
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.menufooter > li {
    display: inline-block;
    text-transform: uppercase;
    /*font-weight: bold;*/
    font-size: 1em;
    margin: 1em 2em 1em 0;
    float: left;
}

ul.menufooter li a {
    color: #fff;
}

ul.menufooter > li li {
    font-weight: normal;
    text-transform: none;
    clear: both;
    float: none;
    display: block;
}


.left-off-canvas-menu {
    backface-visibility: hidden;
    background: #f8f8fd;
    bottom: 0;
    box-sizing: content-box;
    left: 0;
    overflow-y: auto;
    position: absolute;
    top: 0;
    transform: translate3d(-100%, 0px, 0px);
    transition: transform 500ms ease 0s;
    width: 15.625rem;
    z-index: 1001;
}

.off-canvas-list  ul {
    list-style: none;
    margin-left: 0;
}

.off-canvas-list ul ul li a {
    list-style: none;
    margin-left: 0;
    padding-left: 2em;
}

ul.off-canvas-list li label {
    background: #1976d2;
    border-bottom: none;
    border-top: none;
    color: #ffffff;
    font-weight: bold;
    margin: 0;
    padding: 0.3rem 0.9375rem;
    text-transform: uppercase;
}

ul.off-canvas-list li a {
    color: #323232;
    border-bottom: 1px solid #ebebeb;
}

ul.off-canvas-list li a:hover {
    background: #ebebeb;
}

.move-right .exit-off-canvas {
    backface-visibility: hidden;
    background: rgba(255, 255, 255, 0.4);
    bottom: 0;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.5), 4px 0 4px rgba(0, 0, 0, 0.5);
    cursor: pointer;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 300ms ease 0s;
    z-index: 1002;
}

.menu-icon {
    color: #fff;
    display: block;
    height: 2rem;
    line-height: 2.0625rem;
    padding: 0;
    position: relative;
    text-indent: 2.1875rem;
    transform: translate3d(0,0,0);
    width: 2.8125rem;
    float: right;
    background: #fff;
    z-index: 999;
    margin-top: .5rem;
    margin-right: 1rem;
}

.menu-icon span::after {
    box-shadow: 0 0 0 1px #1976d2,0 10px 0 1px #1976d2,0 20px 0 1px #1976d2;
    content: "";
    display: block;
    height: 0;
    left: .90625rem;
    margin-top: -.5rem;
    position: absolute;
    top: 35%;
    width: 2rem;
}


/*----------------------------------------------------------
Header items
----------------------------------------------------------*/
.header {

    /*background: #fff;
    padding: 0.5em;*/
    background: #fff;
    padding: .5em 2.8em 1em 0.5em;
    /*position: fixed;*/
    top: 0;
    z-index: 66;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
}

.header.cms_backend_sitemenu {
    position: relative;
}


.page-header {
    min-height: 500px;
    height: 500px;
    position: absolute;
    width: 100%;
}

.header-home {
    min-height: 500px;
    background: #F5F6F8 url(/Content/Images/592.jpg) no-repeat center / cover;
}

.header-home .header-text {
    width: 50%;
    padding: 2em 0 0 2em;
    margin-bottom: 6em;
}

.header-action {
    padding: 0 0 0 2em;
}


@media only screen and (max-width: 40em) {
    .header-home .header-text {
        width: 100%;
        text-align: center;
        padding: 2em 2em 0 2em;
    }

    .header-home .header-text h1 {
        font-size: 2em;
    }

    .header-action {
        text-align: center;
    }
}

@media only screen and (max-width: 64em) {
    .header {
        width: 100%;
        padding: .5em .5em 1em 0.5em;
    }

    .header a img {
        max-height: 47px;
        height: 47px;
        min-height: 47px;
    }

}




.headercover {
    z-index: 0;
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, rgba(31, 142, 235, 0.6) 0%, rgba(25, 118, 210, 0.6) 50%, rgba(13, 82, 151, 0.8) 100%) repeat scroll 0 0/cover;
    width: 100%;
    height: 100%;
}


.banner-outer {
    position: relative;
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, rgba(31, 142, 235, 0.6) 0%, rgba(25, 118, 210, 0.6) 50%, rgba(13, 82, 151, 0.8) 100%) repeat scroll 0 0/cover;
}

.banner {
    /*min-height: 400px;*/
    color: #fff;
    text-align: center;
    padding: 6em 0;
}

.banner h1 {
    color: #fff;
    text-align: center;
    font-size: 2.8em;
    margin: 0 0 1rem 0;
}

.banner .banner-text {
    font-size: 1.4em
}

.contact-header {
    background: url(/Content/Images/contact.jpg) no-repeat center / cover;
}

.options-content {
    position: relative;
}

.page-header .content-title,
.prices-content .content-title,
.contact-content .content-title {
    color: #fff;
    text-align: center;
    margin: 125px 0 0;
    padding: 0;
    position: relative;
}

.page-header .content-intro,
.prices-content .content-intro,
.contact-content .content-intro {
    text-align: center;
    margin: 2em 0;
    color: #efefef;
    font-size: 1.4em;
}

.page-header .content-intro a,
.prices-content .content-intro a,
.contact-content .content-intro a{
    color: #FFD13F;
}



/*.options-header {
    background: url(http://image.shutterstock.com/z/stock-photo-a-young-girl-learns-to-cook-cakes-in-the-bakery-331321715.jpg) center top no-repeat;
    background-size: cover;
    position: relative;
    height: auto;
    min-height: inherit;
}*/

.hero-welcome {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, #2196F3 0%, #1976d2 50%, #0d5297 100%) repeat scroll 0 0 / cover;
    /*rgba(0, 0, 0, 0) linear-gradient(120deg, rgba(31, 142, 235, 0.6) 0%, rgba(25, 118, 210, 0.6) 50%, rgba(13, 82, 151, 0.6) 100%) repeat scroll 0 0 / cover*/
    /*height: 50vh;*/
    padding: 150px 0 0;
    position: relative;
    color: #fff;
    text-align: center;
}

.hero-welcome h1 {
    color: #fff;
}

.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    width: 100%;
}

.video-container .filter {
    z-index: 1;
    position: absolute;
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, rgba(31, 142, 235, 0.6) 0%, rgba(25, 118, 210, 0.6) 50%, rgba(13, 82, 151, 0.8) 100%) repeat scroll 0 0/cover;
    width: 100%;
    height: 100%;
}

.video-container .title-container {
    color: #fff;
    position: absolute;
    text-align: center;
    top: 35%;
    width: 100%;
    z-index: 3;
}

.video-container .title-container h1 {
    color: #fff;
}

.video-container .title-container .title-container-text {
    margin: 1em;
    font-size: 1.2em;
}

.video-container div.vide {
    width: 100%;
    height: 80vh;
}

/*----------------------------------------------------------
Containers
----------------------------------------------------------*/
.homepage-feature-container {
    padding: 2em 0;
    margin: 4em 0 0;
    text-align: center;
}

.homepage-feature-container a.button {
    margin: 2em 0;
}

.homepage-intro-container {
    text-align: center;
    margin: 4em 0;
}

.homepage-steps-container {
    background: #efefef;
    margin: 0;
    padding: 4em 0 0;
    position: relative;
    z-index: 1;
}

.homepage-steps-container::before {
    background: inherit;
    content: "";
    display: block;
    height: 50%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: skewY(-2.5deg);
    transform-origin: 0% 100% 0;
    z-index: -1;
}

.homepage-steps-container h2 {
    margin-top: 0;
}

.register-cta-container {
    background: #23C6C8;
    text-align: center;
    padding: 4em 0;
    color: #fff;
}

.register-cta-container h2 {
    color: #fff;
    margin-top: 0;
}

.register-cta-container a.button {
    margin-top: 2em;
}



/*----------------------------------------------------------
Content
----------------------------------------------------------*/
.main-content {
    min-height: 600px;
}

.intro {
    margin: 4em 0 5em;
}


/*----------------------------------------------------------
Forms
----------------------------------------------------------*/
input[type="text"],
input[type="password"],
input[type="email"],
textarea {
    font-family: Open Sans, Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    background: #FFF;
    border: 1px solid #DCE0E6;
    color: #4D4D4D;
    font-size: 1em;
    height: 20px;
    padding: 0 0.5em;
    margin: 5px 5px 5px 0;
    -moz-transition: border 0.2s ease-out 0s;
    -webkit-transition: border 0.2s ease-out;
    -o-transition: border 0.2s ease-out;
    transition: border 0.2s ease-out;
}

textarea {
    width: 100%;
    font-size: 13px;
    font-family: Open Sans, Trebuchet MS,Verdana,Arial,Helvetica,sans-serif;
    margin-bottom: 1em;
}

.error textarea {
    margin-bottom: 1em;
}


input[type="text"],
input[type="password"] {
    height: 28px;
    *margin-top: 4px;
    line-height: 28px;
}


.contact-form {
    background: #fff;
    padding: 2em 2em 8em 2em;
}


.contact_intro,
.form_intro {
    margin-bottom: 1em;
}

.contact-success {
    background: #23c6c8;
    color: #fff;
    display: block;
    padding: 0.5em;
    font-style: italic;
    font-size: 0.8rem;
}

.form input[type=text],
.form input[type=password] {
    width: 100%;
}

.form input[type=text].input-validation-error,
.form input[type=password].input-validation-error {
    margin-bottom: 0;
    border: 1px solid #cccccc;
}

.form label {
    display: inline;
    font-weight: 700;
}

.required small.error {
    display: none;
}

.required .input-validation-error + small.error,
.required .input-validation-error + input[type=hidden] + .css-label + small.error,
.required select.input-validation-error + select + select + small.error {
    display: block;
}

.form span.error,
.form small.error,
.form .error small.error {
    background: none;
    color: #C60F13;
}


.form input.input-validation-error[type="text"].input-validation-error {
    border: 1px solid #C60F13;
}


.captcha {
    margin-top: 10px;
}

small.req {
    color: #ccc;
}

.chosen-container-multi .chosen-choices {
    border: 1px solid #DCE0E6 !important;
}

::-webkit-input-placeholder {
    font-family: Open Sans, Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
    font-style: italic;
    color: #000;
    font-size: 0.9em;
}

/*----------------------------------------------------------
Messages
----------------------------------------------------------*/
.alert {
    background-color: #ffdbdc;
    color: #333;
    margin: 2em 0;
    padding: 1em;
    clear: both;
    -moz-transition: background-color 0.5s ease-out 0s;
    -webkit-transition: background-color 0.5s ease-out;
    -o-transition: background-color 0.5s ease-out;
    transition: background-color 0.5s ease-out;
}

.alert-box {
    margin: 0.5rem 0;
}

.alert-box.info {
    background-color: #CEEDF9;
}

.info .saved_name {
    font-weight: 700;
}

/*----------------------------------------------------------
Pricing Table
----------------------------------------------------------*/

div.pricing-table {
    border-left: none;
    border-right: none;
    padding-bottom: 0.5em;
    border: 3px solid #f0f0f0;
    background: white;
    margin-top: 36px;
}

div.pricing-table .title {
    font-size: 1.5em;
    background: #f0f0f0;
    color: #1976d2
}

div.pricing-table .price {
    background: #f8f8f8;
    font-size: 4em;
}

div.pricing-table .price p {
    color: #9f9f9f;
    font-size: 0.25em;
    padding: 0.5em 0;
}

div.pricing-table .price sup {
    font-size: 0.35em;
    font-weight: 400;
    position: relative;
    top: -1.25em;
}

div.pricing-table i {
    display: inline-block;
    margin-right: 5px;
}

div.pricing-table.recommended {
    margin: 0;
    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.12);
    border: none;
    position: relative;
    z-index: 2;
}

div.pricing-table.recommended .title {
    background: #1976d2;
    padding: 20px 0;
    color: #f0f0f0;
}

div.pricing-table.recommended .title p {
    color: #78b8f0;
    font-size: 0.7em;
    margin-top: 1em;
    text-transform: uppercase;
}


div.pricing-table.left-table {
    border-right: none;
}

div.pricing-table.right-table {
    border-left: none;
}

div.pricing-table .description {
    background: #78b8f0;
    color: #fff;
    text-transform: uppercase;
    line-height: 1.5em;
}

div.pricing-table .button {
    width: 100%;
    padding: 1em;
}

.pricing-table ul li {
    background-color: white;
    border-bottom: 1px dotted #dddddd;
    color: #333333;
    font-size: 0.875rem;
    font-weight: normal;
    padding: 0.9375rem;
    text-align: center;
}

.table-collapse > div {
    margin: 0;
    padding: 0;
}

.pricing-table .sticker {
    /*background: #ffd13f;*/
    background: url(/Content/Images/star.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 70px 70px;
    position: absolute;
    width: 70px;
    height: 70px;
    top: -15px;
    left: -15px;
    text-align: center;
    font-size: 15px;
    color: #9d8434;
    padding: 20px 15px 15px 15px;
    font-weight: bold;
    transform: rotate(-15deg);
    text-transform: uppercase;
}

.prices-features {
    background: #C3E3F8;
    padding: 2em 0 0 0;
    margin: 4em 0 6em 0;
    text-align: center;
}

.prices-features h2 {
    margin-bottom: 2em;
}

.prices-feature-list > li > div {
    margin-bottom: 2em;
}

.prices-upgrade {
    margin-bottom: 4em;
}


/*----------------------------------------------------------
Optionpage
----------------------------------------------------------*/
.option-intro {
    font-size: 1.2em;
    margin: 4em 0 4em 0;
}

@media only screen and (max-width: 64em) {
    .option-intro {
        padding: 0 .9375em;
    }

}


.option-image {
    margin: 0 0 5em 0;
}

@media only screen and (min-width: 64.063em) {

    .option-image img {
        max-width: 950px;
    }
}

/*----------------------------------------------------------
Misc
----------------------------------------------------------*/
.indigo {
    background: url(/Content/Images/logo_indigoproductions.gif) no-repeat left center;
    padding-left: 25px;
}

.pull-right {
    float: right;
}


/*----------------------------------------------------------
CMS Styling overrule
----------------------------------------------------------*/
.cms_button {
    padding: 5px;
    margin-left: 5px !important;
    margin-bottom: 0 !important;
}

.cke_skin_kama input.cke_dialog_ui_input_text,
.cke_skin_kama input.cke_dialog_ui_input_password {
    margin: 0;
    color: #000;
}

/* CMS Block Error */
.block_error {
    border: solid 1px red;
}

.cms_pageroute_info {
    font-size: 12px;
}

a.cms_button,
a.cms_button:hover {
    color: #fff;
}

/*moved to CMS, remove on update*/
.cms_tabs_container ul.nav-tabs li {
    list-style: none;
}

/*moved to CMS, remove on update*/
.cms_error:empty,
.cms_alert:empty,
.cms_help:empty,
.cms_info:empty,
.cms_success:empty {
    display: none;
}

.navbar.cms_backend_sitemenu {
    background: #1976D2;
    position: relative !important;
}


/*----------------------------------------------------------
CMS Generic Blocks
----------------------------------------------------------*/

.cms_block_generic_textandtitle_textandtitleimgright,
.cms_block_generic_textandtitle_textandtitleimgleft,
.cms_block_generic_textandtitle_text {
    clear: both;
}

.generic_text_img_right {
    float: right;
}

.chosen-container {
    min-width: 200px;
}


/*Overrule CKEditor style height for responsive purposes
  - keep at all times in css */

.cms_block img[style] {
    height: auto !important;
}

/*----------------------------------------------------------
CMS block grid
----------------------------------------------------------*/
[class*="block-grid-"] > div.cms_zone > div {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem;
}

@media only screen and (min-width: 64.063em) {
    .large-block-grid-2 > div.cms_zone > div {
        width: 50%;
        list-style: none;
    }

    .large-block-grid-2 > div.cms_zone > div.cms_block_generic_template_featureblock:nth-child(1n) {
        clear: none;
    }

    /*.large-block-grid-2 > div.cms_zone > div.cms_block_generic_template_featureblock:nth-child(2n+1) {
        clear: both;
    }*/
}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
    .medium-block-grid-2 > div.cms_zone > div {
        width: 50%;
        list-style: none;
    }

    .medium-block-grid-2 > div.cms_zone > div:nth-of-type(1n) {
        clear: none;
    }

    .medium-block-grid-2 > div.cms_zone > div:nth-of-type(2n+1) {
        clear: both;
    }
}

@media only screen and (max-width: 40em) {
    .small-block-grid-1 > div.cms_zone > div {
        width: 100%;
        list-style: none;
    }

    .small-block-grid-1 > div.cms_zone > div:nth-of-type(1n) {
        clear: none;
    }

    .small-block-grid-1 > div.cms_zone > div:nth-of-type(1n+1) {
        clear: both;
    }
}

@media only screen and (min-width: 64.063em) {
    .cms_zone .cms_block_generic_template_imageblock99:nth-child(even) div .cms_block_content {
        left: auto;
        position: relative;
        right: 50%;
    }

    .cms_zone .cms_block_generic_template_imageblock99:nth-child(even) div .cms_block_img {
        left: 50%;
        position: relative;
        right: auto;
    }
}

.cms_zone .cms_block_generic_template_imageblock99:nth-child(3n+1) div.option-container {
    background: #C3E3F8;
  
}

.cms_zone .cms_block_generic_template_imageblock99:nth-child(3n+2) div.option-container {
    background: #fff;
}

.cms_zone .cms_block_generic_template_imageblock99:nth-child(3n+3) div.option-container {
    background: #efefef;
}

div.option-container {
    /*padding: 2em 0;*/
}

div.option-container .cms_block_content span > p:last-child a,
div.option-container .cms_block_content > p:last-child a {
    background: transparent;
    font-size: 1em;
    color: #1976D2;
    border-radius: 5px;
    border: 3px solid #1976D2;
    font-weight: 700;
    padding: 1rem 1rem;
    display: inline-block;
    margin-top: 2em;
}


div.option-container .cms_block_content span > p:last-child a:hover {
    border: 3px solid #0D68B3;
    color: #0D68B3;
}


.large-block-grid-2 > div.cms_zone > div.cms_block_generic_template_divider,
.large-block-grid-2 > div.cms_zone > div.cms_block_generic_template_featureblockwide {
    width: 100%;
    clear: both;
}

.cms_block_textandtitle h3 {
    margin: 0 0 1rem 0;
}

.cms_zone .cms_block_generic_template_imageblock99 div.option-container {
    position: relative;
}

.cms_zone .cms_block_generic_template_imageblock99:nth-child(odd) div.option-container {
    padding: 6em 0 2em;
}


.cms_zone .cms_block_generic_template_imageblock99:nth-child(even) div.option-container {
    padding: 4em 0 0;
}



.cms_zone .cms_block_generic_template_imageblock99 div.option-container:after {
    -webkit-background-size: 3000px 62px;
    background-size: 3000px 62px;
    background-position: center bottom;
    background-color: inherit;
    content: '';
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
    visibility: visible;
    z-index: 10;
    bottom: -62px;
    height: 62px;
}


.cms_zone .cms_block_generic_template_imageblock99:nth-child(odd) div.option-container:after {
    -webkit-mask-image: url(/Content/Images/skew-bottom.svg);
    mask-image: url(/Content/Images/skew-bottom.svg);

}

.cms_zone .cms_block_generic_template_imageblock99:nth-child(even) div.option-container:after {
    -webkit-mask-image: url(/Content/Images/skew-bottom_odd.svg);
    mask-image: url(/Content/Images/skew-bottom_odd.svg);
}

.content ul,
.accordion ul,
#cms_zone_featurelist div[class*="cms_block_generic_template_"] ul,
.blogarticle ul {
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    text-align: left;
    display: inline-block;
}

.content ul li,
.accordion  ul li,
#cms_zone_featurelist div[class*="cms_block_generic_template_"] ul li,
.blogarticle ul li{
    background-image: url(/Content/Images/list.svg);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 18px 26px;
    padding-left: 26px;
    margin: 10px 0;
    /*font-size: 1.8rem;*/
    line-height: 1.55555556;
}

.cms_block_generic_template_featureblock h2 {
    margin-top: 0;    
}

.feature-list {
    padding: 0 .9375em;
}
/* -------------------------------- 

Main Components 

-------------------------------- */
.cd-header {
    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background-color: #21272c;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media only screen and (min-width: 768px) {
    .cd-header {
        height: 70px;
        background-color: transparent;
    }
}

#cd-logo {
    float: left;
    margin: 13px 0 0 5%;
}

#cd-logo img {
    display: block;
}

@media only screen and (min-width: 768px) {
    #cd-logo {
        margin: 23px 0 0 5%;
    }
}

.cd-primary-nav {
    /* mobile first - navigation hidden by default, triggered by tap/click on navigation icon */
    float: right;
    margin-right: 5%;
    width: 44px;
    height: 100%;
    background: url("/Content/Images/cd-icon-menu.svg") no-repeat center center;
}

.cd-primary-nav ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-100%);
    -moz-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    -o-transform: translateY(-100%);
    transform: translateY(-100%);
}

.cd-primary-nav ul.is-visible {
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    -webkit-transform: translateY(50px);
    -moz-transform: translateY(50px);
    -ms-transform: translateY(50px);
    -o-transform: translateY(50px);
    transform: translateY(50px);
}

.cd-primary-nav a {
    display: block;
    height: 50px;
    line-height: 50px;
    padding-left: 5%;
    background: #21272c;
    border-top: 1px solid #333c44;
    color: #ffffff;
}

@media only screen and (min-width: 768px) {
    .cd-primary-nav {
        /* reset navigation values */
        width: auto;
        height: auto;
        background: none;
    }

    .cd-primary-nav ul {
        position: static;
        width: auto;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        line-height: 70px;
    }

    .cd-primary-nav ul.is-visible {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
    }

    .cd-primary-nav li {
        display: inline-block;
        margin-left: 1em;
    }

    .cd-primary-nav a {
        display: inline-block;
        height: auto;
        font-weight: 600;
        line-height: normal;
        background: transparent;
        padding: .6em 1em;
        border-top: none;
    }
}

/* -------------------------------- 

Slider

-------------------------------- */
.cd-hero {
    position: relative;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
@media only screen and (min-width: 40.063em) {
    .cd-hero-slider {
        position: relative;
        height: 360px;
        overflow: hidden;
    }

    .cd-hero-slider li {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        list-style: none;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }

    .cd-hero-slider li.selected {
        /* this is the visible slide */
        position: relative;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-hero-slider li.move-left {
        /* slide hidden on the left */
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }

    .cd-hero-slider li.is-moving, .cd-hero-slider li.selected {
        /* the is-moving class is assigned to the slide which is moving outside the viewport */
        -webkit-transition: -webkit-transform 0.5s;
        -moz-transition: -moz-transform 0.5s;
        transition: transform 0.5s;
    }
}

@media only screen and (min-width: 40.063em)  {
        .cd-hero-slider {
            height: 500px;
        }
    }



    /* -------------------------------- 

Slider navigation arrows

-------------------------------- */
@media only screen and (min-width: 40.063em) {
    .cd-slider-arrows li {
        position: absolute;
        z-index: 3;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
        right: 10px;
        height: 48px;
        width: 48px;
        list-style: none;
    }

    .cd-slider-arrows li a {
        display: block;
        height: 100%;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
        color: transparent;
        background: url("/Content/Images/cd-icon-arrows.svg") no-repeat 0 0;
        -webkit-transition: -webkit-transform 0.2s;
        -moz-transition: -moz-transform 0.2s;
        transition: transform 0.2s;
    }

    .no-touch .cd-slider-arrows li a:hover {
        -webkit-transform: scale(1.1);
        -moz-transform: scale(1.1);
        -ms-transform: scale(1.1);
        -o-transform: scale(1.1);
        transform: scale(1.1);
    }

    .cd-slider-arrows li:last-of-type {
        left: 10px;
        right: auto;
    }

    .cd-slider-arrows li:last-of-type a { background-position: -48px 0; }
}

@media only screen and (max-width: 40em) {
    .cd-slider-arrows {
        display: none;
    }
}

/* -------------------------------- 

Single slide style

-------------------------------- */
.cd-hero-slider li {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-color: #ecf5ff;
}

/*medium and up*/
@media only screen and (min-width: 40.063em) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: 1;
        left: 0;
        top: 0;
        /* this padding is used to align the text */
        padding-top: 100px;
        /*text-align: center;*/
        /* Force Hardware Acceleration in WebKit */
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        -webkit-transform: translateZ(0);
        -moz-transform: translateZ(0);
        -ms-transform: translateZ(0);
        -o-transform: translateZ(0);
        transform: translateZ(0);
    }

    .cd-hero-slider .cd-img-container {
        /* hide image on mobile device */
        /*display: none;*/
    }

    .cd-hero-slider .cd-img-container img {
        position: absolute;
        left: 50%;
        top: 60%;
        bottom: auto;
        right: auto;
        -webkit-transform: translateX(-50%) translateY(-50%);
        -moz-transform: translateX(-50%) translateY(-50%);
        -ms-transform: translateX(-50%) translateY(-50%);
        -o-transform: translateX(-50%) translateY(-50%);
        transform: translateX(-50%) translateY(-50%);
    }
}

.cd-hero-slider h2, .cd-hero-slider p {
    margin: 0 auto 14px;
    width: 100%;
    max-width: 400px;
}

.cd-hero-slider h2 {
    font-size: 2.4rem;
    line-height: 1.2em;
}

/*small*/
@media only screen and (max-width: 40em) {
    .cd-hero-slider h2, 
    .cd-hero-slider p {
        text-align: center;
    }

    .cd-hero-slider h2 {
        font-size: 2em;
    }
    
    .cd-half-width {
        padding: 1em;
        text-align: center;
    }
}

/*medium and up*/
@media only screen and (min-width: 40.063em) {
    .cd-hero-slider .cd-full-width,
    .cd-hero-slider .cd-half-width {
        padding-top: 100px;
    }

    .cd-hero-slider .cd-half-width {
        width: 42%;
    }

    .cd-hero-slider .cd-half-width:first-of-type {
        left: 8%;
    }

    .cd-hero-slider .cd-half-width:nth-of-type(2) {
        right: 8%;
        left: auto;
    }

    .cd-hero-slider .cd-img-container {
        display: block;
    }

    .cd-hero-slider h2, .cd-hero-slider p {
        max-width: 100%;
    }
}

    /*@media only screen and (min-width: 1170px) {
        .cd-hero-slider .cd-full-width,
        .cd-hero-slider .cd-half-width {
            padding-top: 120px;
        }

        .cd-hero-slider h2, .cd-hero-slider p {
            margin-bottom: 20px;
        }
    }*/

/* -------------------------------- 
Single slide animation   
-------------------------------- */
@media only screen and (min-width: 40.063em) {
    .cd-hero-slider .cd-half-width {
        opacity: 0;
        -webkit-transform: translateX(40px);
        -moz-transform: translateX(40px);
        -ms-transform: translateX(40px);
        -o-transform: translateX(40px);
        transform: translateX(40px);
    }

    .cd-hero-slider .move-left .cd-half-width {
        -webkit-transform: translateX(-40px);
        -moz-transform: translateX(-40px);
        -ms-transform: translateX(-40px);
        -o-transform: translateX(-40px);
        transform: translateX(-40px);
    }

    .cd-hero-slider .selected .cd-half-width {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-hero-slider .is-moving .cd-half-width {
        /* this is the slide moving outside the viewport 
wait for the end of the transition on the <li> parent before set opacity to 0 and translate to 40px/-40px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }

    .cd-hero-slider li.selected.from-left .cd-half-width:nth-of-type(2),
    .cd-hero-slider li.selected.from-right .cd-half-width:first-of-type {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }

    .cd-hero-slider li.selected.from-left .cd-half-width:first-of-type,
    .cd-hero-slider li.selected.from-right .cd-half-width:nth-of-type(2) {
        /* this is the selected slide - different animation if it's entering from left or right */
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s;
    }

    .cd-hero-slider .cd-full-width h2,
    .cd-hero-slider .cd-full-width p,
    .cd-hero-slider .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(100px);
        -moz-transform: translateX(100px);
        -ms-transform: translateX(100px);
        -o-transform: translateX(100px);
        transform: translateX(100px);
    }

    .cd-hero-slider .move-left .cd-full-width h2,
    .cd-hero-slider .move-left .cd-full-width p,
    .cd-hero-slider .move-left .cd-full-width .cd-btn {
        opacity: 0;
        -webkit-transform: translateX(-100px);
        -moz-transform: translateX(-100px);
        -ms-transform: translateX(-100px);
        -o-transform: translateX(-100px);
        transform: translateX(-100px);
    }

    .cd-hero-slider .selected .cd-full-width h2,
    .cd-hero-slider .selected .cd-full-width p,
    .cd-hero-slider .selected .cd-full-width .cd-btn {
        /* this is the visible slide */
        opacity: 1;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
    }

    .cd-hero-slider li.is-moving .cd-full-width h2,
    .cd-hero-slider li.is-moving .cd-full-width p,
    .cd-hero-slider li.is-moving .cd-full-width .cd-btn {
        /* this is the slide moving outside the viewport 
wait for the end of the transition on the li parent before set opacity to 0 and translate to 100px/-100px */
        -webkit-transition: opacity 0s 0.5s, -webkit-transform 0s 0.5s;
        -moz-transition: opacity 0s 0.5s, -moz-transform 0s 0.5s;
        transition: opacity 0s 0.5s, transform 0s 0.5s;
    }

    .cd-hero-slider li.selected h2 {
        -webkit-transition: opacity 0.4s 0.2s, -webkit-transform 0.5s 0.2s;
        -moz-transition: opacity 0.4s 0.2s, -moz-transform 0.5s 0.2s;
        transition: opacity 0.4s 0.2s, transform 0.5s 0.2s;
    }

    .cd-hero-slider li.selected p {
        -webkit-transition: opacity 0.4s 0.3s, -webkit-transform 0.5s 0.3s;
        -moz-transition: opacity 0.4s 0.3s, -moz-transform 0.5s 0.3s;
        transition: opacity 0.4s 0.3s, transform 0.5s 0.3s;
    }

    .cd-hero-slider li.selected .cd-btn {
        -webkit-transition: opacity 0.4s 0.4s, -webkit-transform 0.5s 0.4s, background-color 0.2s 0s;
        -moz-transition: opacity 0.4s 0.4s, -moz-transform 0.5s 0.4s, background-color 0.2s 0s;
        transition: opacity 0.4s 0.4s, transform 0.5s 0.4s, background-color 0.2s 0s;
    }
}

/* -------------------------------- 
Slider navigation
-------------------------------- */
.cd-slider-nav {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 2;
    text-align: center;
    background-color: rgba(25,118,210,0.1);
}

@media only screen and (max-width: 40em) {

    .cd-slider-nav {
        display: none;
    }
}

.cd-slider-nav nav, .cd-slider-nav ul, .cd-slider-nav li, .cd-slider-nav a {
    height: 100%;
}

.cd-slider-nav ul {
    display: flex;
}

.cd-slider-nav nav {
    display: inline-block;
    position: relative;
}

.cd-slider-nav ul::after {
    clear: both;
    content: "";
    display: table;
}

.cd-slider-nav li {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    padding: 1em;
}

.cd-slider-nav li.selected a {
    border-bottom: 5px solid #23c6c8;
}

.no-touch .cd-slider-nav li.selected a:hover {
    background-color: transparent;
}

.cd-slider-nav a {
    display: block;
    position: relative;
    font-size: 1rem;
    color: #1976d2;
    -webkit-transition: background-color 0.2s;
    -moz-transition: background-color 0.2s;
    transition: background-color 0.2s;
}

.no-touch .cd-slider-nav a:hover {
    background-color: rgba(0, 1, 1, 0.5);
}

/*@media only screen and (min-width: 768px) {
    .cd-slider-nav .cd-marker,
    .cd-slider-nav li {
        width: auto;
    }
}*/

/* -------------------------------- 
Main content
-------------------------------- */
.cd-main-content {
    width: 90%;
    max-width: 768px;
    margin: 0 auto;
    padding: 2em 0;
}

.cd-main-content p {
    font-size: 1.4rem;
    line-height: 1.8;
    color: #999999;
    margin: 2em 0;
}

@media only screen and (min-width: 1170px) {
    .cd-main-content {
        padding: 3em 0;
    }

    .cd-main-content p {
        font-size: 1.6rem;
    }
}

 /* -------------------------------- 
Javascript disabled
-------------------------------- */
.no-js .cd-hero-slider li {
    display: none;
}

.no-js .cd-hero-slider li.selected {
    display: block;
}

.no-js .cd-slider-nav {
    display: none;
}

/* -------------------------------- 
Blog
-------------------------------- */
.bloglist-header {
    background: rgba(0, 0, 0, 0) linear-gradient(120deg, rgba(31, 142, 235, 0.6) 0%, rgba(25, 118, 210, 0.6) 50%, rgba(13, 82, 151, 0.8) 100%) repeat scroll 0 0/cover;
    padding: 2em 0;
    text-align: center;
}

.bloglist-header h1 {
    color: #fff;
}

.bloglist h1,
.blogarticle h1 {
    text-align: center;
}

.blogarticle .post-date {
    text-align: center;
    margin-bottom: 2em;
}

.blogarticle .post-date time {
    font-size: 14px;
    font-style: italic;
    line-height: 1.43;
}

.blogarticle .post-image {
    margin-bottom: 2em;
    text-align: center;
}

.bloglist-overview {
    margin-bottom: 2em;
}


.bloglist-overview li {
    padding: 0;
    border-bottom: 1px solid #ebebeb;
    min-height: 550px;
}


/*large*/
@media only screen and (min-width: 64.063em) {


    .bloglist-overview li:nth-child(3n+2) {
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
    }

    
    .bloglist-overview li:nth-last-child(-n+3) {
        border-bottom: none;
    }

} 

/*medium*/
@media only screen and (min-width: 40.063em) and (max-width: 64em) {


    .bloglist-overview li:nth-child(2n+1) {
        border-left: 1px solid #ebebeb;
        border-right: 1px solid #ebebeb;
    }

    .bloglist-overview li:nth-last-child(-n+2) {
        border-bottom: none;
    }
}

.list-post a {
    padding: 2em 2em;
    display: block;
    min-height: 200px;
    transition: all 0.5s ease-in-out 0s;    
}

/*small*/
@media only screen and (max-width: 40em) {

    .list-post a {
        text-align: center;
        min-height: inherit;
    }

    .bloglist-overview li {
        min-height: inherit;
    }
}

/*.list-post a:hover {
    background: #23c6c8;
    border: 1px solid #1fb0b2;
}*/

.list-post a h3 {
    color: #1976d2;
}

.list-post .list-post-preview {
    color: #323232;
}


/*.list-post a:hover h3 {
    color: #fff;
}*/

.post-related h3,
.post-related h4 {
    text-align: center;
}


    /* -------------------------------- 
FAQ Accordion
-------------------------------- */
    .accordion .accordion-navigation {
        position: relative;
        clear: both;
    }

.accordion .accordion-navigation > a {
    background: none;
    border-top: 1px solid #C3E3F8;
    font-weight: bold;
    color: #1976d2;
}


    .accordion .accordion-navigation > a:hover,
    .accordion .accordion-navigation.active > a {
        background: none;
    }

    .accordion .accordion-navigation > a .label {
        font-size: 0.8rem;
    }


    .accordion-navigation > a::before {
        content: "+";
        display: block;
        font-size: 21px;
        font-weight: 600;
        height: 21px;
        line-height: 21px;
        pointer-events: none;
        position: absolute;
        right: 5px;
        text-align: center;
        top: 20px;
        transform: rotate(0deg);
        transform-origin: 6px 10px 0;
        transition: transform 360ms cubic-bezier(0.5, 0.25, 0.75, 1.5) 0s;
        width: 11px;
        color: #1976d2;
    }

    .accordion-navigation:focus {
        outline: medium none;
    }

    .accordion-navigation.active > a::before, .accordion-navigation:focus > a::before {
        transform: rotate(225deg);
        transition-duration: 480ms;
    }


.accordion .accordion-navigation:nth-of-type(odd) > .faq-content.active {
    background: #C3E3F8;
    padding-top: 2em;
    padding-bottom: 2em;
}

.accordion .accordion-navigation:nth-of-type(even) > .faq-content.active {
    background: #EFEFEF;
    padding-top: 2em;
    padding-bottom: 2em;
}


.faq-content:before {
    left: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.faq-content:after{
    right: 0;
    top: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

/*.faq-content:after {
    border-color: rgba(136, 183, 213, 0);
    border-left-color: #ffffff;
    border-width: 30px;
    margin-top: -30px;
}*/
.faq-content:before {
    border-color: rgba(194, 225, 245, 0);
    border-left-color: #F8F8FD;
    border-width: 40px;
    margin-top: -40px;
}

.faq-content:after {
    border-color: rgba(194, 225, 245, 0);
    border-right-color: #F8F8FD;
    border-width: 40px;
    margin-top: -40px;
}

    /*----------------------------------------------------------
Cookie Consent
----------------------------------------------------------*/
    .cc_banner-wrapper {
        position: relative;
        z-index: 9001;
    }

    .cc_container {
        bottom: 0;
        left: 0;
        overflow: hidden;
        padding: 10px 15px 50px;
        position: fixed;
        right: 0;
        background: rgba(255,255,255,0.9);
        box-sizing: border-box;
        color: #323232;
        font-size: 17px;
        animation-duration: 0.8s;
        animation-fill-mode: both;
        animation-name: fadeInRight;
        animation-delay: 5s;
        border-top: 5px solid #23c6c8;
    }

    .cc_container .cc_btn {
        cursor: pointer;
        font-size: 0.8em;
        line-height: 1em;
        text-align: center;
        bottom: 5px;
        padding: 8px 16px;
        position: absolute;
        right: 5px;
        text-align: center;
        width: 50px;
    }

    .cc_container .cc_message {
        font-size: 0.8em;
        line-height: 1.5em;
        margin: 0;
        padding: 0;
        transition: font-size 200ms ease 0s;
    }

    .cc_container .cc_logo {
        display: none;
    }

    .cc_container .cc_btn,
    .cc_container .cc_btn:visited {
        background-color: #23c6c8;
        border-radius: 5px;
        color: #fff;
        transition: background 200ms ease-in-out 0s, color 200ms ease-in-out 0s, box-shadow 200ms ease-in-out 0s;
    }

    .cc_container .cc_btn:hover,
    .cc_container .cc_btn:active {
        background-color: #1fb0b2;
        color: #fff;
        text-decoration: none;
    }

    .cc_container a, .cc_container a:visited {
        color: #1976d2;
        text-decoration: none;
    }

    .cc_container a:hover, .cc_container a:active {
        text-decoration: underline;
    }

    /*small*/
    @media only screen and (max-width: 40em) {
        .cc_container .cc_btn {
            font-size: 0.8em;
        }

        .cc_container .cc_message {
            font-size: 0.8em;
        }
    }

    /*medium*/
    @media only screen and (min-width: 40.063em) and (max-width: 64em) {
        .cc_container .cc_btn {
            font-size: 1em;
        }

        .cc_container .cc_message {
            font-size: 1em;
            line-height: 1.5em;
        }
    }

    /*large*/
    @media only screen and (min-width: 64.063em) {
        .cc_container {
            bottom: 20px;
            height: 100px;
            left: 20px;
            padding-bottom: 0;
            width: 300px;
            box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
        }

        .cc_container .cc_logo {
            display: none;
        }

        .cc_container .cc_message {
            font-size: 0.8em;
        }
    }

    @media print {
        .cc_banner-wrapper, .cc_container {
            display: none;
        }
    }



/*----------------------------------------------------------
Back to top
----------------------------------------------------------*/
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 40px;
    right: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    border-radius: 5px;
    background: rgba(35, 198, 200, 0.8) url(/Content/Images/cd-top-arrow.svg) no-repeat center 50%;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s;
    transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
    -webkit-transition: opacity .3s 0s, visibility 0s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s;
    transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
    visibility: visible;
    opacity: 1;
}
.cd-top.cd-fade-out {
    opacity: .5;
}
.no-touch .cd-top:hover {
    background-color: #23c6c8;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}