body #fix-area, body #content-area, body #footer-area { width: 1200px; }
body #footer { height: 300px; }
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(252, 177, 48) !important; }
.dcmp-common-link-style:hover{font-style: normal; font-weight: normal; text-decoration: none; color: rgb(159, 159, 159) !important; }

.element_1484643189788_8208_none { left: 82px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 301px !important; --position-y: 545px !important; --position-z: 2016 !important; }
.element_1484572905706_7295_none { box-shadow: none; opacity: 0; animation-name: fade; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-in; --position-height: 500 !important; --position-width: 100% !important; --position-z: 2001 !important; }
.element_1484642881632_3254_none { left: 82px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 82px !important; --position-y: 663px !important; --position-z: 2005 !important; }
.element_1484642739927_856_none { background-color: rgb(255, 255, 255); border-color: rgb(139, 156, 207); border-style: solid; border-width: 0px; background-image: none; --background-image-url: none !important; --position-z: 2004 !important; }
.element_1535017737298_9272_none { left: 82px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 82px !important; --position-y: 889px !important; --position-z: 2006 !important; }
.element_1535018006933_3806_none { background-color: rgb(0, 0, 0); --position-z: 2003 !important; }
.element_1535018101056_8489_none { left: 73px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 73px !important; --position-y: 1349px !important; --position-z: 2007 !important; }
.element_1535022238818_4658_none { background-color: rgb(255, 255, 255); --position-z: 2002 !important; }
#image-126 {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
.element_1535022262113_8208_none { --position-z: 2008 !important; --position-height: 44 !important; --position-width: 150 !important; }
.element_1535022348132_1592_none { left: 73px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 73px !important; --position-y: 1878px !important; --position-z: 2009 !important; }
.element_1535022381714_8108_none { left: 602px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 602px !important; --position-y: 1940px !important; --position-z: 2010 !important; }
.element_1535022519109_7256_none { left: 73px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 73px !important; --position-y: 2216px !important; --position-z: 2011 !important; }
.element_1535022569784_7476_none { left: 73px; list-style: disc; overflow-wrap: break-word; position: absolute; --position-x: 73px !important; --position-y: 2290px !important; --position-z: 2012 !important; }
.element_1561048110244_7827_none { list-style: disc; overflow-wrap: break-word; position: absolute; left: 66px; --position-x: 66px !important; --position-y: 1250px !important; --position-z: 2013 !important; }
.element_1484569596702_8372_none { background-color: rgba(0, 0, 0, 0.9); border-style: solid; border-top-width: 5px; border-color: rgb(252, 177, 48); --position-z: 1 !important; }
.element_1484569252512_9595_none { --position-width: 150px !important; --position-y: 44px !important; --position-x: 1038px !important; --position-z: 2 !important; --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: center !important; --top-line-height: 31px !important; --hover-background-color: rgba(72, 102, 246, 0) !important; --hover-font-color: rgb(252, 177, 48) !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: rgba(255, 255, 255, 0.9) !important; --hover-other-level-font-color: rgb(246, 166, 72) !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: 8px !important; --top-padding-horizontal: 8px !important; --top-font-size: 14px !important; --top-background-color: rgba(95, 95, 95, 0) !important; --top-font-color: rgba(255,255,255, 1) !important; --top-font-family: Helvetica Neue, sans-serif !important; --top-font-weight: normal !important; --top-font-style: normal !important; --top-text-decoration: none !important; --current-top-level-background-color: rgba(72, 102, 246, 0) !important; --current-top-level-font-color: rgb(252, 177, 48) !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: rgb(246, 166, 72) !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: rgba(255, 255, 255, 0.9) !important; --current-other-level-style-line-color: rgba(0, 0, 0, 0) !important; --other-background-color: rgba(0, 78, 158, 0) !important; --other-padding-vertical: 15px !important; --other-padding-horizontal: 15px !important; --other-level-text-align: center !important; --other-font-size: 18px !important; --other-font-color: rgba(255,255,255, 1) !important; --other-font-family: Raleway !important; --other-font-weight: normal !important; --other-font-style: normal !important; --other-text-decoration: none !important; --calculated-width: 100% !important; }
.element_1484570346988_7268_none { left: 34px; overflow-wrap: break-word; list-style: disc; position: absolute; --position-x: 34px !important; --position-y: 40px !important; --position-z: 3 !important; }
#socialmedia-121000022 a {			display: inline-block;			float: left;			width: 43.5px;			height: auto;opacity: 1;margin-bottom: 30px;}#socialmedia-121000022 a:last-child {			margin-right: 0;			margin-left: 0;			margin-bottom: 0;			margin-top: 0;		}#socialmedia-121000022 a img {			width: 100%;			height: auto;		}#socialmedia-121000022 a:hover {opacity: 1;}
.element_14846498106249_9378_none { --position-z: 4 !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_1484733335804_1208_none { left: 1026px; overflow-wrap: break-word; list-style: disc; position: absolute; --position-x: 1026px !important; --position-y: 256px !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_1535015580800_1858_none { background-color: rgb(255, 255, 255); --position-z: 2014 !important; }
.element_1535017473936_4722_none { background-color: rgba(0, 0, 0, 0.9); --position-z: 2015 !important; }
.element_1484646226167_1262_none { left: 81px; overflow-wrap: break-word; list-style: outside; position: absolute;  }
.element_14846462264126_6709_none { background-color: rgb(255, 255, 255); border-color: rgb(240, 243, 255); border-style: solid; border-width: 0px; background-image: none;  }
#image-627 {			width: 100%;			height: 100%;			display: block;			position: absolute;			overflow: hidden;		}
.element_1504508576864_0986_none { background-image: none; opacity: 0; animation-name: fade; animation-duration: 1s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; animation-iteration-count: 1;  }
.element_1535022905663_1274_none { left: 844.5px; overflow-wrap: break-word; list-style: outside; position: absolute;  }
.element_1484649810579_9081_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_1484649810637_322_none { background-color: rgb(255, 255, 255); border-color: rgb(139, 156, 207); border-style: solid; border-width: 0px; background-image: none;  }
#image-728 {			width: 100%;			height: 100%;			display: block;			position: absolute;			overflow: hidden;		}
.element_1504509496896_775_none { opacity: 0; animation-name: fade; animation-duration: 1s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; animation-iteration-count: 1;  }
.map-over {
				background: transparent;
				position: absolute;
				width: 100%;
				height: 100%;
			}
.element_1684159489584_815_none { border-style: solid; border-width: 1px; border-color: rgb(159, 159, 159);  }
.element_14846525228628_448_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_1484652936830_556_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_14846525221627_2915_none { background-color: rgb(255, 255, 255); border-color: rgb(139, 156, 207); border-style: solid; border-width: 0px; background-image: none;  }
#image-829 {			width: 100%;			height: 100%;			display: block;			position: absolute;			overflow: hidden;		}
.element_1504510017528_3884_none {  }
.element_1534842832497_8516_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_1534842877239_4429_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_1534842903477_0122_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_1534842925747_1653_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_14846536485351_1640_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_14846536482442_832_none { left: 82px; list-style: outside; overflow-wrap: break-word; position: absolute;  }
.element_14846536488071_5792_none { background-color: rgb(255, 255, 255); border-color: rgb(139, 156, 207); border-style: solid; border-width: 0px; background-image: none;  }
#image-937 {			width: 100%;			height: 100%;			display: block;			position: absolute;			overflow: hidden;		}
.element_1504509705886_6106_none { opacity: 0; animation-name: fade; animation-duration: 1s; animation-delay: 0.3s; animation-fill-mode: forwards; animation-timing-function: ease-in; animation-iteration-count: 1;  }
.element_1552030221741_7292_none { list-style: disc; overflow-wrap: break-word; position: absolute; }
.element_1619699733441_728_none { position: absolute; list-style: disc; overflow-wrap: break-word; }
.element_1683557976842_496_none { position: absolute; list-style: disc; overflow-wrap: break-word;  }
#image-135 {
width: 100%;
height: 100%;
display: block;
overflow: hidden;
}
header {
    position: fixed;
    top: 0;
    left: 0;
    height: 160px;
    width: 100%;
    background-color: rgba(255, 255, 255, 1); 
    z-index: 4000;
}
.element_1745413126326_4373_none { --position-z: 4006 !important; --position-height: 105 !important; --position-width: 301 !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_1535023218192_9888_none { left: 886px; overflow-wrap: break-word; list-style: disc; position: absolute; --position-x: 886px !important; --position-y: 52px !important; --position-z: 4005 !important; }
.element_1535015337235_0032_none { background-color: rgba(0, 0, 0, 0.9); opacity: 0; box-shadow: rgba(0, 0, 0, 0.9) 5px 5px 15px; animation-name: fade; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-in; animation-iteration-count: 1; --position-z: 4001 !important; }
.element_1511769957457_3845_none { background-image: none; opacity: 0; animation-name: fade; animation-duration: 1s; animation-delay: 0s; animation-fill-mode: forwards; animation-timing-function: ease-in; animation-iteration-count: 1; --position-width: 966px !important; --position-y: 124px !important; --position-x: 231px !important; --position-z: 4003 !important; --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: 27px !important; --hover-background-color: rgba(243, 243, 243, 0) !important; --hover-font-color: rgb(252, 177, 48) !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: rgba(255, 255, 255, 0.9) !important; --hover-other-level-font-color: rgb(246, 166, 72) !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: 20px !important; --top-font-size: 18px !important; --top-background-color: rgba(95, 95, 95, 0) !important; --top-font-color: rgb(255, 255, 255) !important; --top-font-family: Helvetica Neue, sans-serif !important; --top-font-weight: normal !important; --top-font-style: normal !important; --top-text-decoration: none !important; --current-top-level-background-color: rgba(246, 166, 72, 0) !important; --current-top-level-font-color: rgb(252, 177, 48) !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: rgb(246, 166, 72) !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: rgba(255, 255, 255, 0.9) !important; --current-other-level-style-line-color: rgba(0, 0, 0, 0) !important; --other-background-color: rgba(255, 255, 255, 0.9) !important; --other-padding-vertical: 15px !important; --other-padding-horizontal: 15px !important; --other-level-text-align: center !important; --other-font-size: 18px !important; --other-font-color: rgb(0, 78, 158) !important; --other-font-family: Raleway !important; --other-font-weight: normal !important; --other-font-style: normal !important; --other-text-decoration: none !important; --calculated-width: 100% !important; --submenu-animation: fadeInDownSmall !important; --other-submenu-animation: fadeInLeftSmall !important; }