body #fix-area, body #content-area, body #footer-area { width: 1200px; }
body #footer { height: 350px; }
body #fullscreen-area, body .fullscreen-bg { background-color: rgb(255,255,255); }
.clickable { display: inline-block; width: 100%; height: 100%; }
.PlaceObject { background-color: rgba(0,0,0,0) !important; }
/*----------------------------------------------------------- Mobile styles -----------------------------------------*/
/* burger = button to show the sidenav */
/* sidenav = menu for the mobile version */
/* mobile = is the div which encloses ALL mobile elements it is also the element which needs to be hidden to hide the */
/* mobile elements from the page (needed for the regular desktop version) */
/* mobile-content = is a child of mobile and contains the content elements */
/* mobile-footer = is a child of mobile and contains the footer elements */
/* mobile-clone = cloned elements which are located in either content or footer */
/* mobile-child = cloned elements which are located in mobile-clones */

/*----------------------------------------------------------- start Burger section -----------------------------------------*/

#sidenav {
    display: none;
}

.burger {
    display: none;
}

/*----------------------------------------------------------- end Burger section -----------------------------------------*/

/*----------------------------------------------------------- start other element section -----------------------------------------*/

#footer {
    position: relative;
    width: 100%;
    margin: 0 auto;
    z-index: 3000;
}

#footer-area {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

#content {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

#content-area {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

#fix {
    width: 100%;
    position: fixed;
    z-index: 4000;
}

#fix-area {
    margin: 0 auto;
    position: relative;
}

/*----------------------------------------------------------- end other element section -----------------------------------------*/

/*----------------------------------------------------------- Dextermedia logo -----------------------------------------*/
.LogoTextObject .dexterlogo::before {
    content: attr(data-before);
}

.LogoTextObject .dexterlogo {
    text-transform: uppercase;
    letter-spacing: 0.3em;
    color: black;
}

/*==========================================================================================================================*/
/*= Mobile version styles start ============================================================================================*/
/*==========================================================================================================================*/

.mobile .root-area,
.mobile .footer,
.mobile .footer-area,
.mobile #content-area,
.mobile #footer,
.mobile #footer-area {
    position: relative !important;
    top: 0 !important;
    height: auto !important;
}

.mobile .positioned,
.mobile .positioned object {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.mobile .ImageObject .one-hundred-percent,
.mobile .HeaderLogoImageObject .one-hundred-percent {
    width: 100% !important;
    height: 100% !important;
}

.mobile .root-area .scroll-margin,
.mobile .footer .scroll-margin,
.mobile .footer-area .scroll-margin,
.mobile #content-area .scroll-margin,
.mobile #footer .scroll-margin,
.mobile #footer-area .scroll-margin {
    margin-top: 25vh !important;
}

.mobile .positioned {
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
}

.mobile .ContentModule {
    padding: 10px;
    text-align: center;
}

.mobile .dcmp-mobile-invisible,
.mobile .MenuItemsObject,
.mobile .invisible {
    display: none !important;
}

.mobile .positioned:not(:first-child),
.mobile .footer {
    margin-top: 10px !important;
}

.mobile .root-area,
.mobile .root-area > :first-child,
.mobile .footer > :first-child {
    margin-top: 0 !important;
}

.mobile .mobile-left,
.mobile .mobile-left > p,
.mobile .mobile-left > p span {
    margin-left: 0 !important;
    text-align: left !important;
}

.mobile .mobile-center,
.mobile .mobile-center > p,
.mobile .mobile-center > p span {
    margin: 0 auto !important;
    text-align: center !important;
}

.mobile .mobile-right,
.mobile .mobile-right > p,
.mobile .mobile-right > p span {
    margin-left: auto !important;
    margin-right: 0 !important;
    text-align: right !important;
}

.mobile .gallery .no-margin-left {
    margin-left: 0 !important;
}

.mobile .gallery .no-margin-right {
    margin-right: 0 !important;
}

.mobile .color-black {
    color: black !important;
}

.mobile .color-white {
    color: white !important;
}

.mobile .margin-left {
    margin-left: 10px !important;
}

.mobile .TextObject ul li,
.mobile .TextObject ol li {
    text-align: left !important;
    margin-left: 15px;
}

/* Sidenav */
.mobile #content #sidenav .sidemenu-wrapper > div > ul {
    height: auto;
    position: relative;
    text-align: left !important;
}

.mobile #content #sidenav .sidemenu-wrapper > div,
.mobile #content #sidenav .sidemenu-wrapper > div > ul,
.mobile #content #sidenav .sidemenu-wrapper > div > ul > li {
    width: 100%;
}

.mobile #content #sidenav .sidemenu-wrapper > div ul,
.mobile #content #sidenav .sidemenu-wrapper > div li {
    border-width: 0;
}

.mobile #content #sidenav .sidemenu-wrapper > div > ul li {
    overflow: hidden;
    text-align: left !important;
    padding-left: 10px;
}

.mobile #content #sidenav .sidemenu-wrapper > div > ul li {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
}

.mobile #content #sidenav .sidemenu-wrapper > div {
    height: auto !important;
}

.mobile .burger {
    display: block;
}

.mobile #content #sidenav .sidemenu-wrapper > div ul ul {
    top: 100%;
    left: 0;
    width: calc(100% - 10px);
    text-align: left !important;
}

.mobile #content #sidenav .sidemenu-wrapper > div ul {
    display: block;
    position: relative;
}

.mobile #content #sidenav .sidemenu-wrapper > div a {
    line-height: 26px;
    padding-left: 0;
}

.mobile #content,
.mobile #content-area,
.mobile #footer,
.mobile #footer-area,
.mobile .published {
    min-width: 0 !important;
    /*min-height: 0 !important;*/
    min-height: 0;
    max-width: 100% !important;
}

.mobile .fullscreen-bg img {
    position: fixed;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100vw !important;
    max-height: 100%;
    margin: auto;
    overflow: auto;
}

.mobile .a-class {
    cursor: default;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.mobile #content-area > .TextObject.dcmp-full-width,
.mobile #footer-area > .TextObject.dcmp-full-width,
.mobile #content-area > .TextObject.mobile-full-width,
.mobile #footer-area > .TextObject.mobile-full-width {
    padding: 0 10px;
}

.mobile #content #content-area > *:not(.header-box),
.mobile #footer #footer-area > *:not(.header-box) {
    top: 10px !important;
}

.mobile #footer {
    margin-top: 10px !important;
}

.mobile table:not(.ui-datepicker-calendar) tr td {
    width: 100% !important;
    float: left;
    display: block;
}

.mobile .social-media-icons a img {
    height: auto !important
}

.mobile .LogoTextObject > p .font-black,
.mobile .TextObject .font-black {
    color: black !important;
}

.mobile .LogoTextObject > p .font-white,
.mobile .TextObject .font-white {
    color: white !important;
}

.mobile #footer {
    padding-bottom: 10px;
}

.mobile .LogoTextObject {
    margin-bottom: 10px;
}

@media (max-width: 1365px) {
    .mobile .LogoTextObject {
        margin-bottom: 3rem !important;
    }
}

.mobile .PlaceObject {
    width: 100% !important;
}

.mobile .LanguageChangeObject {
    width: 100% !important;
}

.mobile .LanguageChangeObject ul {
    text-align: right !important;
    /*padding: 20px !important;*/
    padding-left: 10px !important;
    height: auto !important;
    /*width: 330px !important;*/
    /*margin-left: calc(100% - 330px) !important;*/
}

.mobile .LanguageChangeObject ul li {
    height: auto !important;
    width: auto !important;
    margin-right: 10px !important;
}

.mobile .LanguageChangeObject ul li a {
    width: 46px !important;
    height: 46px !important;
}

#mobile-menu ul, #mobile-menu ul:hover {
    animation: none !important;
}

/*==========================================================================================================================*/
/*= Mobile version styles end ==============================================================================================*/
/*==========================================================================================================================*/
.childWrapper{ max-width: 1200px; margin: 0 auto; position: relative; }
.dcmp-common-link-style{font-style: normal; font-weight: normal; text-decoration: none; color: rgb(14, 115, 101) !important; }
.dcmp-common-link-style:hover{font-style: normal; font-weight: normal; text-decoration: none; color: rgb(51, 51, 51) !important; }

.element_1572257778822_6995_none { background-color: rgb(244, 244, 244); --background-color: rgb(244, 244, 244)       !important; --position-z: 2001 !important; }
.element_1572257800860_3318_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 1px; --position-y: 292px !important; --position-x: 1px !important; --position-z: 2002 !important; }
.element_1572259085918_6323_none { background-color: rgb(244, 244, 244); --background-color: rgb(244, 244, 244); --position-z: 2003 !important; }
.element_1572259085927_8918_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 32px; --position-x: 32px !important; --position-y: 405px !important; --position-z: 2004 !important; }
.element_1572259250875_4915_none { background-color: rgb(255, 255, 255); --background-color: rgb(255, 255, 255); --position-z: 2005 !important; }
.element_1572259250882_7764_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 1px; --position-x: 1px !important; --position-y: 1143px !important; --position-z: 2006 !important; }
.element_1572259707032_7732_none { background-color: rgb(123, 124, 126); --position-z: 2007 !important; --position-x: 250px      !important; --position-height: 700px      !important; --position-width: 700px      !important; }
#image-132 {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.element_1739437872445_7883_none { --position-height: 176 !important; --position-width: 150 !important; --position-z: 2008 !important; --position-y: 676px       !important; --position-x: 456.02px       !important; }
.element_1739445764118_7683_none { background-color: rgb(51, 51, 51); --position-x: 250px      !important; --background-color: rgb(51, 51, 51); --position-y: 367; --position-z: 2009 !important; --position-height: 700px      !important; --position-width: 700px      !important; }
.element_1759400578428_1533_none { --position-z: 2010 !important; --position-y: 1246px      !important; --position-x: 10px      !important; --position-width: 1180px      !important; --position-height: 1180px      !important; border-style: solid; border-width: 1px; border-color: rgb(128, 128, 128); --borderColor: rgb(128, 128, 128)      !important; --borderTopColor: rgb(128, 128, 128)      !important; --borderLeftColor: rgb(128, 128, 128)      !important; --borderRightColor: rgb(128, 128, 128)      !important; --borderBottomColor: rgb(128, 128, 128)      !important; }
.element_1572005816048_478_none { background-color: rgb(51, 51, 51); --background-color: rgb(51, 51, 51)              !important; --position-z: 1 !important; }
.element_1572005905528_6045_none { background-color: rgb(0, 0, 0); --background-color: rgb(0, 0, 0)              !important; --position-z: 2 !important; }
.element_1572005940407_481_none { --top-border-top: none !important; --top-border-left: none !important; --border-bottom: none !important; --border-top: none !important; --border-left: none !important; --menu-orientation: vertical !important; --position-fixed: relative !important; --text-align: left !important; --top-line-height: 44px !important; --hover-background-color: rgb(244, 244, 244) !important; --hover-font-color: rgb(14, 115, 101) !important; --hover-font-style: normal !important; --hover-text-decoration: none !important; --hover-font-weight: normal !important; --hover-style-line-color: rgba(0, 0, 0, 0) !important; --hover-other-level-background-color: rgb(175, 9, 23) !important; --hover-other-level-font-color: rgb(255, 255, 255) !important; --hover-other-level-font-style: normal !important; --hover-other-level-font-decoration: none !important; --hover-other-level-font-weight: normal !important; --top-padding-vertical: 5px !important; --top-padding-horizontal: 5px !important; --top-font-size: 12px !important; --top-background-color: rgba(243, 243, 243, 0) !important; --top-font-color: rgba(255,255,255, 1) !important; --top-font-family: Encode Sans Expanded !important; --top-font-weight: normal !important; --top-font-style: normal !important; --top-text-decoration: none !important; --current-top-level-background-color: rgb(244, 244, 244) !important; --current-top-level-font-color: rgb(51, 51, 51) !important; --current-top-level-font-weight: normal !important; --current-top-level-font-style: normal !important; --current-top-level-text-decoration: none !important; --current-top-level-style-line-color: rgba(0, 0, 0, 0) !important; --current-other-level-font-color: rgba(255,255,255, 1) !important; --current-other-level-font-weight: normal !important; --current-other-level-font-style: normal !important; --current-other-level-text-decoration: none !important; --current-other-level-background-color: rgb(175, 9, 23) !important; --current-other-level-style-line-color: rgba(0, 0, 0, 0) !important; --other-background-color: rgba(243, 243, 243, 0) !important; --other-padding-vertical: 15px !important; --other-padding-horizontal: 15px !important; --other-level-text-align: none !important; --other-font-size: 18px !important; --other-font-color: rgba(255,255,255, 1) !important; --other-font-family: QuicksandBook !important; --other-font-weight: normal !important; --other-font-style: normal !important; --other-text-decoration: none !important; --calculated-width: 100% !important; --position-x: 0px !important; --position-width: 111px !important; --position-top: 264px; --position-left: 0px; --position-z-index: 3; --position-y: 264px !important; --position-z: 3 !important; }
.dextermedia_logo a span.dexterlogo { text-transform:uppercase;letter-spacing:0.3em;color:rgb(255, 255, 255);font-size:12px;font-family:railway;font-weight:;font-style:;text-decoration:undefined; }
.element_1572006203007_802_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 1028px; --position-x: 1028px !important; --position-y: 308px !important; --font-color: rgb(255, 255, 255) !important; --font-size: 12px !important; --font-family: railway !important; --font-weight: normal !important; --font-style: normal !important; --text-decoration: none !important; --position-z: 5001 !important; }
.element_1572006377911_2424_none { position: absolute; list-style: outside; overflow-wrap: break-word; --position-x: 0 !important; left: 0px; --position-y: 34px !important; --position-z: 4 !important; --position-width: 295px              !important; }
.element_1572006498959_9978_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 945px; --position-x: 945px !important; --position-y: 55px !important; --position-z: 5 !important; }
.element_1572346544050_3118_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 50px; --position-x: 50px !important; --position-y: 290px !important; --position-z: 2003 !important; --position-width: 1112px  !important; }
.element_1572348989318_5947_none { background-color: rgb(244, 244, 244); --background-color: rgb(244, 244, 244)  !important; --position-z: 2001 !important; --position-y: 239px !important; --position-x: 0px  !important; --position-height: 580px !important; }
.element_1572349404100_4878_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 50px; --position-x: 50px !important; --position-y: 430px !important; --position-z: 2002 !important; --position-width: 1095px  !important; }
.element_1759401752684_3745_none { background-color: rgb(128, 128, 128); --position-z: 2004 !important; --background-color: rgba(128, 128, 128, 1)  !important; --position-height: 1px !important; --position-width: 600px !important; --position-x: 297.5px !important; --position-y: 366px !important; }
.element_1572349147214_5203_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 50px; --position-x: 50px !important; --position-y: 293px !important; --position-z: 2004 !important; }
.element_1572349209619_7385_none { background-color: rgb(244, 244, 244); --position-y: 242; --background-color: rgb(244, 244, 244) !important; --position-z: 2001 !important; }
.element_1572349342992_179_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 50px; --position-x: 50px !important; --position-y: 432px !important; --position-z: 2002 !important; }
.element_1572349696495_6582_none { border-color: rgb(51, 51, 51); --position-width: 1095px !important; --position-z: 2003 !important; }
.element_1739443616871_0068_none { background-color: rgb(51, 51, 51); --position-x: 300; --background-color: rgb(51, 51, 51); --position-z: 2005 !important; }
.element_1572350985670_9094_none { background-color: rgb(244, 244, 244); --position-y: 242; --background-color: rgb(244, 244, 244)  !important; --position-z: 2001 !important; }
.element_1572351044580_2947_none { position: absolute; list-style: outside; overflow-wrap: break-word; --position-y: 433px !important; left: 58px; --position-x: 58px !important; --position-z: 2002 !important; }
.element_1572351171160_3237_none { position: absolute; list-style: outside; overflow-wrap: break-word; --position-x: 51px !important; --position-y: 294px !important; left: 51px; --position-z: 2003 !important; }
.element_1739444110437_469_none { background-color: rgb(51, 51, 51); --position-x: 300; --background-color: rgb(51, 51, 51); --position-y: 367; --position-z: 2004 !important; }
.element_1572351420252_8867_none { position: absolute; list-style: outside; overflow-wrap: break-word; --position-y: 293px !important; --position-x: 50px !important; left: 50px; --position-z: 2002 !important; }
.element_1572351470742_3494_none { background-color: rgb(244, 244, 244); --position-y: 242px  !important; --background-color: rgb(244, 244, 244)  !important; --position-z: 2001 !important; --position-x: 0px  !important; }
.element_1572354891127_2285_none { position: absolute; list-style: outside; overflow-wrap: break-word; --position-y: 432px !important; left: 3px; --position-x: 3px !important; --position-z: 2003 !important; }
.element_1739445328526_841_none { background-color: rgb(51, 51, 51); --position-x: 300; --background-color: rgb(51, 51, 51); --position-y: 367; --position-z: 2004 !important; }
header {
    position: fixed;
    top: 0;
    left: 0;
    height: 180px;
    width: 100%;
    background-color: rgba(255, 255, 255, 1); 
    z-index: 4000;
}
.element_1739360756874_7073_none { --position-height: 166 !important; --position-width: 142 !important; --position-x: 10px              !important; --position-z: 4003 !important; --position-y: 6px              !important; }#image-13000000 {
width: 100%;
height: 100%;
display: block;
position: relative;
overflow: visible;
}#image-13000000 [class^=layer]{
position: absolute;
}#image-13000000 .layer2 {
width: 100%;
height: 100%;
}#image-13000000 .layer3 {
width: 100%;
height: 100%;
background-size: cover;
background-repeat: no-repeat;
}#image-13000000.a {width:100%;height:100%;}
.element_1572347186603_3174_none { background-color: rgba(243, 243, 243, 0); --top-border-top: none !important; --top-border-left: none !important; --border-bottom: none !important; --border-top: none !important; --border-left: none !important; --menu-orientation: horizontal !important; --position-fixed: relative !important; --text-align: right !important; --top-line-height: 47px !important; --hover-background-color: rgb(244, 244, 244) !important; --hover-font-color: rgb(14, 115, 101) !important; --hover-font-style: normal !important; --hover-text-decoration: none !important; --hover-font-weight: normal !important; --hover-style-line-color: rgba(0, 0, 0, 0) !important; --hover-other-level-background-color: rgb(244, 244, 244) !important; --hover-other-level-font-color: rgb(175, 9, 23) !important; --hover-other-level-font-style: normal !important; --hover-other-level-font-decoration: none !important; --hover-other-level-font-weight: normal !important; --top-padding-vertical: 45px !important; --top-padding-horizontal: 50px !important; --top-font-size: 16px !important; --top-background-color: rgb(51, 51, 51) !important; --top-font-color: rgba(255,255,255, 1) !important; --top-font-family: Encode Sans Expanded !important; --top-font-weight: normal !important; --top-font-style: normal !important; --top-text-decoration: none !important; --current-top-level-background-color: rgb(244, 244, 244) !important; --current-top-level-font-color: rgb(0, 0, 0) !important; --current-top-level-font-weight: normal !important; --current-top-level-font-style: normal !important; --current-top-level-text-decoration: none !important; --current-top-level-style-line-color: rgba(0, 0, 0, 0) !important; --current-other-level-font-color: rgba(255,255,255, 1) !important; --current-other-level-font-weight: normal !important; --current-other-level-font-style: normal !important; --current-other-level-text-decoration: none !important; --current-other-level-background-color: rgb(175, 9, 23) !important; --current-other-level-style-line-color: rgba(0, 0, 0, 0) !important; --other-background-color: rgb(51, 51, 51) !important; --other-padding-vertical: 20px !important; --other-padding-horizontal: 20px !important; --other-level-text-align: none !important; --other-font-size: 18px !important; --other-font-color: rgba(255,255,255, 1) !important; --other-font-family: Encode Sans Expanded !important; --other-font-weight: normal !important; --other-font-style: normal !important; --other-text-decoration: none !important; --calculated-width: 100% !important; --position-width: 900px !important; --position-top: 132px; --position-left: 300px; --position-z-index: 4004; --position-y: 132px !important; --position-x: 300px !important; --position-z: 4004 !important; }
.element_1571998513023_1648_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 1035px; --position-x: 1035px !important; --position-y: 32px !important; --position-z: 4005 !important; --position-width: 163px    !important; }
.element_1572002078261_6287_none { position: absolute; list-style: outside; overflow-wrap: break-word; left: 1051px; --position-x: 1051px !important; --position-y: 6px !important; --position-z: 4006 !important; --position-width: 149px              !important; }
.element_1739360757211_9575_none { --position-height: 32 !important; --position-width: 32 !important; --position-z: 4002 !important; --position-x: 1029px     !important; --position-y: 15px     !important; }#image-13000004 {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.element_1572347137906_461_none { background-color: rgb(51, 51, 51); --background-color: rgb(51, 51, 51); --position-z: 4001 !important; }