@font-face {
    font-family: 'Pacioli';
    src: url('fonts/Pacioli.woff2') format('woff2'),
        url('fonts/Pacioli.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

.LiveForm.DesignSchool a:hover {
color: #fff;}

.p-0{margin:0px!important}.p-6 {padding: 4rem ;}.p-7 {padding: 5rem ;}.p-8 {padding: 6rem ;}.p-9 {padding: 7rem ;}.p-10 {padding: 8rem ;}.p-11 {padding: 9rem ;}.p-12 {padding: 10rem ;}.p-13 {padding: 11rem ;}.p-14 {padding: 12rem ;}.pt-6 {padding-top: 4rem ;}.pt-7 {padding-top: 5rem ;}.pt-8 {padding-top: 6rem ;}.pt-9 {padding-top: 7rem ;}.pt-10 {padding-top: 8rem ;}.pt-11 {padding-top: 9rem ;}.pt-12 {padding-top: 10rem ;}.pt-13 {padding-top: 11rem ;}.pt-14 {padding-top: 12rem ;}.pb-6 {padding-bottom: 4rem ;}.pb-7 {padding-bottom: 5rem ;}.pb-8 {padding-bottom: 6rem ;}.pb-9 {padding-bottom: 7rem ;}.pb-10 {padding-bottom: 8rem ;}.pb-11 {padding-bottom: 9rem ;}.pb-12 {padding-bottom: 10rem ;}.pb-13 {padding-bottom: 11rem ;}.pb-14 {padding-bottom: 12rem ;}
.g-6, .gx-6 {--bs-gutter-x: 4rem;}.g-6, .gy-6 {--bs-gutter-y: 4rem;}.g-7, .gx-7 {--bs-gutter-x: 5rem;}.g-7, .gy-7 {--bs-gutter-y: 5rem;}.g-8, .gx-8 {--bs-gutter-x: 6rem;}.g-8, .gy-8 {--bs-gutter-y: 6rem;}
.mt-5{margin-top:5rem}.mt-10{margin-top:10rem}.mt-15{margin-top:15rem}.mt-20{margin-top:20rem}.mt-25{margin-top:25rem}.mt-30{margin-top:30rem}.mt-35{margin-top:35rem}.mt-40{margin-top:40rem}.mt-45{margin-top:45rem}.mt-50{margin-top:50rem}.mt-55{margin-top:55rem}.mt-60{margin-top:60rem}.mt-65{margin-top:65rem}.mt-70{margin-top:70rem}.mt-75{margin-top:75rem}.mt-80{margin-top:80rem}.mt-85{margin-top:85rem}.mt-90{margin-top:90rem}.mt-95{margin-top:95rem}.mt-100{margin-top:100rem}.mt-105{margin-top:105rem}.mt-110{margin-top:110rem}.mt-115{margin-top:115rem}.mt-120{margin-top:120rem}.mt-125{margin-top:125rem}.mt-130{margin-top:130rem}.mt-135{margin-top:135rem}.mt-140{margin-top:140rem}.mt-145{margin-top:145rem}.mt-150{margin-top:150rem}.mt-155{margin-top:155rem}.mt-160{margin-top:160rem}.mt-165{margin-top:165rem}.mt-170{margin-top:170rem}.mt-175{margin-top:175rem}.mt-180{margin-top:180rem}.mt-185{margin-top:185rem}.mt-190{margin-top:190rem}.mt-195{margin-top:195rem}.mt-200{margin-top:200rem}.mb-5{margin-bottom:5rem}.mb-10{margin-bottom:10rem}.mb-15{margin-bottom:15rem}.mb-20{margin-bottom:20rem}.mb-25{margin-bottom:25rem}.mb-30{margin-bottom:30rem}.mb-35{margin-bottom:35rem}.mb-40{margin-bottom:40rem}.mb-45{margin-bottom:45rem}.mb-50{margin-bottom:50rem}.mb-55{margin-bottom:55rem}.mb-60{margin-bottom:60rem}.mb-65{margin-bottom:65rem}.mb-70{margin-bottom:70rem}.mb-75{margin-bottom:75rem}.mb-80{margin-bottom:80rem}.mb-85{margin-bottom:85rem}.mb-90{margin-bottom:90rem}.mb-95{margin-bottom:95rem}.mb-100{margin-bottom:100rem}.mb-105{margin-bottom:105rem}.mb-110{margin-bottom:110rem}.mb-115{margin-bottom:115rem}.mb-120{margin-bottom:120rem}.mb-125{margin-bottom:125rem}.mb-130{margin-bottom:130rem}.mb-135{margin-bottom:135rem}.mb-140{margin-bottom:140rem}.mb-145{margin-bottom:145rem}.mb-150{margin-bottom:150rem}.mb-155{margin-bottom:155rem}.mb-160{margin-bottom:160rem}.mb-165{margin-bottom:165rem}.mb-170{margin-bottom:170rem}.mb-175{margin-bottom:175rem}.mb-180{margin-bottom:180rem}.mb-185{margin-bottom:185rem}.mb-190{margin-bottom:190rem}.mb-195{margin-bottom:195rem}.mb-200{margin-bottom:200rem}.pt-5{padding-top:5rem}.pt-10{padding-top:10rem}.pt-15{padding-top:15rem}.pt-20{padding-top:20rem}.pt-25{padding-top:25rem}.pt-30{padding-top:30rem}.pt-35{padding-top:35rem}.pt-40{padding-top:40rem}.pt-45{padding-top:45rem}.pt-50{padding-top:50rem}.pt-55{padding-top:55rem}.pt-60{padding-top:60rem}.pt-65{padding-top:65rem}.pt-70{padding-top:70rem}.pt-75{padding-top:75rem}.pt-80{padding-top:80rem}.pt-85{padding-top:85rem}.pt-90{padding-top:90rem}.pt-95{padding-top:95rem}.pt-100{padding-top:100rem}.pt-105{padding-top:105rem}.pt-110{padding-top:110rem}.pt-115{padding-top:115rem}.pt-120{padding-top:120rem}.pt-125{padding-top:125rem}.pt-130{padding-top:130rem}.pt-135{padding-top:135rem}.pt-140{padding-top:140rem}.pt-145{padding-top:145rem}.pt-150{padding-top:150rem}.pt-155{padding-top:155rem}.pt-160{padding-top:160rem}.pt-165{padding-top:165rem}.pt-170{padding-top:170rem}.pt-175{padding-top:175rem}.pt-180{padding-top:180rem}.pt-185{padding-top:185rem}.pt-190{padding-top:190rem}.pt-195{padding-top:195rem}.pt-200{padding-top:200rem}.pb-5{padding-bottom:5rem}.pb-10{padding-bottom:10rem}.pb-15{padding-bottom:15rem}.pb-20{padding-bottom:20rem}.pb-25{padding-bottom:25rem}.pb-30{padding-bottom:30rem}.pb-35{padding-bottom:35rem}.pb-40{padding-bottom:40rem}.pb-45{padding-bottom:45rem}.pb-50{padding-bottom:50rem}.pb-55{padding-bottom:55rem}.pb-60{padding-bottom:60rem}.pb-65{padding-bottom:65rem}.pb-70{padding-bottom:70rem}.pb-75{padding-bottom:75rem}.pb-80{padding-bottom:80rem}.pb-85{padding-bottom:85rem}.pb-90{padding-bottom:90rem}.pb-95{padding-bottom:95rem}.pb-100{padding-bottom:100rem}.pb-105{padding-bottom:105rem}.pb-110{padding-bottom:110rem}.pb-115{padding-bottom:115rem}.pb-120{padding-bottom:120rem}.pb-125{padding-bottom:125rem}.pb-130{padding-bottom:130rem}.pb-135{padding-bottom:135rem}.pb-140{padding-bottom:140rem}.pb-145{padding-bottom:145rem}.pb-150{padding-bottom:150rem}.pb-155{padding-bottom:155rem}.pb-160{padding-bottom:160rem}.pb-165{padding-bottom:165rem}.pb-170{padding-bottom:170rem}.pb-175{padding-bottom:175rem}.pb-180{padding-bottom:180rem}.pb-185{padding-bottom:185rem}.pb-190{padding-bottom:190rem}.pb-195{padding-bottom:195rem}.pb-200{padding-bottom:200rem}.pl-0{padding-left:0}.pl-5{padding-left:5rem}.pl-10{padding-left:10rem}.pl-15{padding-left:15rem}.pl-20{padding-left:20rem}.pl-25{padding-left:35rem}.pl-30{padding-left:30rem}.pl-35{padding-left:35rem}.pl-35{padding-left:35rem}.pl-40{padding-left:40rem}.pl-45{padding-left:45rem}.pl-50{padding-left:50rem}.pl-55{padding-left:55rem}.pl-60{padding-left:60rem}.pl-65{padding-left:65rem}.pl-70{padding-left:70rem}.pl-75{padding-left:75rem}.pl-80{padding-left:80rem}.pl-85{padding-left:80rem}.pl-90{padding-left:90rem}.pl-95{padding-left:95rem}.pl-100{padding-left:100rem}.pr-0{padding-right:0}.pr-5{padding-right:5rem}.pr-10{padding-right:10rem}.pr-15{padding-right:15rem}.pr-20{padding-right:20rem}.pr-25{padding-right:35rem}.pr-30{padding-right:30rem}.pr-35{padding-right:35rem}.pr-35{padding-right:35rem}.pr-40{padding-right:40rem}.pr-45{padding-right:45rem}.pr-50{padding-right:50rem}.pr-55{padding-right:55rem}.pr-60{padding-right:60rem}.pr-65{padding-right:65rem}.pr-70{padding-right:70rem}.pr-75{padding-right:75rem}.pr-80{padding-right:80rem}.pr-85{padding-right:80rem}.pr-90{padding-right:90rem}.pr-95{padding-right:95rem}.pr-100{padding-right:100rem}.f-700{font-weight:700}.f-600{font-weight:600}.f-500{font-weight:500}.f-400{font-weight:400}.f-300{font-weight:300}.gray-bg{background:#f2f4f7}.white-bg{background:#fff}.black-bg{background:#222}.white-color{color:#fff}.black-color{color:#222}.theme-color{color:#222}.primary-color{color:#222}[data-overlay]{position:relative}[data-overlay]::before{background:#000 none repeat scroll 0 0;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}[data-overlay="3"]::before{opacity:.3}[data-overlay="4"]::before{opacity:.4}[data-overlay="5"]::before{opacity:.5}[data-overlay="6"]::before{opacity:.6}[data-overlay="7"]::before{opacity:.7}[data-overlay="8"]::before{opacity:.8}[data-overlay="9"]::before{opacity:.9}
.ContentGrey .LiveForm.DesignSchool .Field.mobile-under input ::placeholder {color:#fff;}
.ContentGrey .LiveForm.DesignSchool label.error, .LiveForm.DesignSchool .Field .Field-Container-Wide label.error, .LiveForm.DesignSchool .Field label.error {
    color: #d00000!important;
    font-size: 0.9rem;
}
.ContentGrey .LiveForm.DesignSchool ul li {
    font-size: 1.2rem;

    font-weight: 400;
}
.LiveForm.DesignSchool ul.page-break-section .Field .Datetime, li#Field_2752_100 {display:none;}
.plupload_filelist li {color:#000;}
.plupload_filelist_header, .plupload_filelist_footer {
    font-size: 0.7rem;
}
.plupload_filelist li {
    font-size: 0.7rem;
}
.plupload_filelist .plupload_file_name {
    color: #000;
}
div#grid-container2766 {
    height: auto!important;
}
.Homepage .p-7 {
    padding: 5rem!important;
}
.cbp-popup-singlePage .cbp-l-project-desc-text {
    margin-right: 20px;
    font-family:"work sans", sans-serif!important;
    color: #fff!important;
}
.cbp-popup-singlePage .cbp-l-project-desc-text p {
font-size: 1.1rem;}
li p {
    line-height: 1.5rem;
}
.navbar-toggler:focus {
    text-decoration: none;
    outline: 0;
    box-shadow: 0 0 0 0rem;
}

header#SkinHeader .container-fluid {
    position: absolute;
    z-index: 9;
}
.theme-default .nivo-caption a {
    z-index: 10;
}
.zerofees {    
float: right;
    padding: 0px;}


.Notifcation {padding:0px!important;margin:0px!important;}
.clamp-0{-webkit-line-clamp:unset}.clamp-1{-webkit-line-clamp:1}.clamp-2{-webkit-line-clamp:2}.clamp-3{-webkit-line-clamp:3}.clamp-4{-webkit-line-clamp:4}.clamp-5{-webkit-line-clamp:5}.clamp-6{-webkit-line-clamp:6}.clamp-7{-webkit-line-clamp:7}.clamp-8{-webkit-line-clamp:8}.clamp-9{-webkit-line-clamp:9}
img {max-width:100%}
button:focus, :focus  {
    outline: 0px dotted!important;
    outline: 0px auto -webkit-focus-ring-color!important;
}
.nopadding {padding:0px!important;margin:0px!important;}
.overflow {
    overflow: hidden;
    position: relative;
    margin: 0px;
    line-height: 0px;
}
.overflow iframe {
    margin-top: -60px;
}
.overlay {top:0px;left:0px;right:0px;bottom:0px;position:absolute;}

.navbar-header.col-md.d-flex.align-self-center.justify-content-end {
    margin-bottom: 14px;
}
div#dnn_NotifcationPane {
    background: #362d77;
    padding: 9px;
    width: 100%;
}

#dnn_dnnLOGO_imgLogo {
    max-height: 90px;
    padding-left: 3rem;
}

#SkinHeader {
    background: #362d77;
    position: relative;
}
.Innerpage #SkinHeader {
    border-bottom: 10px solid #fff;
}

a:Link, a:visited, :link, :visited {color:#ec3b95;text-decoration:none;transition: color 0.7s ease 0s;}
a:hover {color:#362d77;text-decoration:none;transition: color 0.7s ease 0s;}
.ContentWhite {min-height:0px;background:#fff} 
.Copyright {background:#362d77} 
.Copyright a:Link, .Copyright a:visited {color:#fff;transition: color 0.7s ease 0s;}
.Copyright a:hover {color:#fff;text-decoration:none;transition: color 0.7s ease 0s;}
.FooterTop {background: #362d77}
.Footer {color:#fff}
body {font-family: 'Work Sans', sans-serif;}
button.navbar-toggle {
    border: 0px solid #fff;
    padding: 0.7rem;
    background: transparent;
    border-radius: 4px;
}
span.icon-bar {
    background: #fff;
    width: 30px;
    height: 4px;
    display: block;
    margin: 6px 0px;
}
[class*="col-md-"] {
    padding-right: 1rem;
    padding-left: 1rem;
}

i.fab.fa-facebook {
    font-size: 2rem;
    color: #fff;transition: color 0.7s ease 0s;
}
i.fab.fa-facebook:hover {
    color: #000;transition: color 0.7s ease 0s;
}
#toTop {
    padding: 0px 13px 10px;
    background: #000;
    color: #fff;
    position: fixed;
    bottom: 0;
    font-size: 2.3rem;
    right: 15px;
    display: none;
    bottom: 50px;
    opacity: .4;
    border-radius: 50%;
    cursor: pointer;
    transition: all 0.7s ease 0s;
    z-index: 9999;
}
#toTop:hover {opacity: 1;transition: all 0.7s ease 0s;}


/* menu */

nav#MobileNavbar .navbar-toggle {
    background: transparent;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #fff;
}
.cross-icon {
    position: relative;
    width: 24px;
    height: 24px;
    text-align: center;
}

.cross-icon::before,
.cross-icon::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  background-color: #fff;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.cross-icon::before {
  transform: translateY(-50%) rotate(45deg);
}

.cross-icon::after {
  transform: translateY(-50%) rotate(-45deg);
}


nav#MobileNavbar {
    position: absolute;
    right: 0px;
    top: 0px;
    bottom: 0px;
    background: #362d77;
    z-index: 19;
    width: 20%;
}
.Innerpage nav#MobileNavbar {
    padding-bottom: 10%;
}
nav#MobileNavbar .navbar-header {
    padding: 2.7rem 3rem!important;
}
.nav {
    margin-left: 5rem;
}
.navbar-collapse {display:none}
.show {display:block}
.nav-pills .nav-link {
    border-radius: 0px;
    color: #fff;
	position:relative;
}
.nav-pills .active .nav-link, .nav-pills .nav-link:hover {
    color: #37c1d2;
}
a.nav-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.7rem;
}
.nav-pills .nav-link:before, .dropdown-menu li.nav-item:before {
    content: "";
    height: 5px;
    width: 20px;
    position: absolute;
    left: -20px;
    top: 0px;
    bottom: 0px;
    margin: auto;
	background:transparent;transition: all 0.7s ease 0s;
}
li.nav-item {position:relative;}
.dropdown-menu li.nav-item:before {left:-35px;}
.nav-pills .active .nav-link:before, 
.nav-pills .nav-link:hover:before, .dropdown-menu li.nav-item:hover:before {background:#37c1d2;transition: all 0.7s ease 0s;}



li.nav-item.dropdown .nav-link {
    padding-bottom: 0px;
}
.dropdown-menu {
    position: relative;
    z-index: 1000;
    display: inline-block;
    min-width: 0px;
    margin: 0;
    font-size: 1.1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: transparent;
    background-clip: padding-box;
    border: 0px solid rgba(0,0,0,.15);
    border-radius: 0px;
    padding: 0rem 1rem 0.5rem;
}
.dropdown-menu li.nav-item a {
    color: #fff;
}
.dropdown-menu li.nav-item:hover a, .dropdown-menu li.nav-item.active a {color:#37c1d2}

/* headings */
p {
	font-size:1.2rem;
	margin-bottom:15px;
	font-weight:400;
	line-height:1.5em;
}
h1 {
    font-size: 5rem;
    font-family: Work Sans;
	line-height:1.5em;
    font-weight: 700;
	color:#ec3b95;
}
h1 span {
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 8px;
    margin: 40px;
    display: block;
    font-weight: 600;
}
h2 {
    font-size: 7.4rem;
    font-family: Work Sans;
    line-height: 0.9em;
    font-weight: 700;
    color: #ec3b95;
    text-transform: uppercase;
    position: relative;
}
h2 span {
    font-size: 2.6rem;
    line-height: 1em;
}
.Innerpage h2 span {
    display: inline-block;
}
h3 {
    font-size: 2rem;
    font-family: Work Sans;
	line-height:1.5em;
    font-weight: 600;
	color:#ec3b95;
	text-transform:uppercase;
}
h4 {
	    font-size: 6rem;
    font-family: Work Sans;
    line-height: 0.9em;
    font-weight: 700;
    color: #ec3b95;
    text-transform: uppercase;
    position: relative;
}
h5 {
    color: #362d77;
    font-size: 1.85rem;
    font-family: Work Sans;
}
h7 {
    color: #fff;
    font-family: Work Sans;
    line-height: 1em;
    text-transform: uppercase;
    font-size: 2rem;
    letter-spacing: 8px;
    margin: 0px 0px 5rem;
    display: block;
    font-weight: 600;
}
hr {
    padding-top: 1.3rem;
    padding-bottom: 1.3rem;
    margin-top: 2rem;
    margin-bottom: 2rem;
    border: 0;
    border-top: 0px solid #ffffff;
    opacity: 1;
    background: url(images/hr.png);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: contain;
}
div#dnnMenu ul li.nav-item a.nav-link span{}
div#dnnMenu ul li.nav-item:hover a.nav-link span{}
div#logo {
    margin-left: 2rem;
}
.Graphic.About section.ContentWhite.texture a.btnround:link, .Graphic.About section.ContentWhite.texture a.btnround:visited {
    background: #ec3b95;
	color:#fff!important;
}
.Graphic.About section.ContentWhite.texture a.btnround:hover {
    background: #fff;
	color:#36C1D2!important;
}



/*Banner stuff */

/*slider 1 */

section#MainBanner .nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    right: 0px;
    background: transparent;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 5rem 10rem;
    opacity: 1;
    overflow: hidden;
}
.theme-default .nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    background: transparent;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 5px 10px;
    opacity: 1;
}
.theme-default .nivo-caption h2 {
    font-size: 5rem;
    line-height: 1em;
    font-weight: 700;
    color: #fff;font-family: 'Anton', sans-serif;
   }
.theme-default .nivo-caption h2 span {
    font-size: 2.2rem;
    line-height: 0px;
}
a.btn {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;	border-radius:0px;
}
.Innerpage a.btn {
    border-top: 3px solid #fff;
    border-bottom: 3px solid #fff;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;
    border-radius: 0px;
    color: #fff;	transition:0.7s
}
.Graphic.About section.ContentWhite.texture a.btnround i.fa-solid.fa-arrow-right {
    color: #37c1d2;
}
.Innerpage a.btn:hover {
    border-top-color: #362d77;
    border-bottom-color: #362d77;
    color: #362d77;
	transition:0.7s
}
.theme-default .nivo-caption a.btn  {
    border-top: 3px solid #fff!important;
    border-bottom: 3px solid #fff!Important;
    padding: 8px 20px;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 1.3rem;
	border-radius:0px;
}

.theme-default .nivo-caption {
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    background: transparent;
    color: #fff;
    width: 100%;
    z-index: 8;
    padding: 0px 5rem;
    opacity: 1;
    display: grid!important;
}
.bottom-right {
    align-self: flex-end;
    justify-self: flex-start;
    justify-items: self-start;
    text-align: right;
    width: 80%;
    position: relative;
}
.bottom-right  h3 {
    color: #ec3b95;
    font-size: 4rem;
    line-height: 1em;
    z-index: 9;
    position: relative;
    left: -105px;
    bottom: -70px;
}
.theme-default .nivo-caption .bottom-right  a { color: #ec3b95!important;}
.theme-default .nivo-caption a {
    border: 0px;
    font-weight: 200;
    font-family: 'Work Sans';
    letter-spacing: 10px;
}
.theme-default .nivoSlider  svg {
    display: inline-block!important;
    left: 0;
    position: relative!important;
    top: 0;
    height: 40px;
	fill:#ec3b95!important;
}
.theme-default .nivo-caption h2.fat {
    font-size: 13rem;
    color: #ec3b95;
    letter-spacing: 19px;
    text-shadow: 0px 0px 30px #000, 0px 0px 30px #000;
    font-weight: 400;
}
.theme-default .nivo-caption h2.fat.top {
    position: absolute;
    top: 0px;
    right: 57px;
    color: #fff;
    font-weight: 400;
}
h2.skinny.left {
    font-size: 8rem;
    font-family: 'Work Sans';
    color: #EE3D96;
    font-weight: 500;text-shadow: 0px 0px 30px #000, 0px 0px 30px #000;
    letter-spacing: 10px;
    top: 20px;
    position: relative;
    z-index: 2;
    left: 10rem;
}

h2.fat.top { animation: fadeIn 8s infinite; animation-timing-function: ease}
h2.fat.bottom { animation: fadeIn 8s infinite;animation-delay: 4s;animation-timing-function: ease }
h2.skinny.left { animation: fadeIn 8s infinite; animation-delay: 3s;  animation-timing-function: ease;}


@keyframes fadeIn {
  0% { opacity: 1; }
  50%{ opacity: 0; }
  100% { opacity: 1; }
}

/*slider 2 */

.nivo-caption p {
    font-family: 'Work Sans';
    font-size: 1.3rem;
}
h2.Giant.background {
    position: absolute;
    right: -320%;
    bottom: 52%;
    z-index: -1;animation: fadeIn 8s infinite; animation-delay: 3s;
}

.theme-default .nivoSlider h2.Giant.background svg {
    scale: 28;
    font-weight: 400;
    letter-spacing: 0px;
}
.theme-default .nivoSlider h2.Giant.background svg text {
    fill: none;
    stroke: #fff;
    stroke-width: 0.5px;
    stroke-linejoin: round;
    opacity: 0.2;
}
.bottom-left {
    right: 0px;
    width: 44%;
    text-align: right;
    position: relative;
    bottom: -20%;
}
.bottom-left h3 {
    color: #fff;
    font-size: 3rem;
    text-align: center;
    padding-left: 35%;
    font-weight: 700;
    animation: fadeIn 8s infinite;
    animation-timing-function: ease;
}
.theme-default .nivo-caption .bottom-left h2.fat.top {
    position: relative;
    top: 0px;
    right: 0px;
    color: #37c1d2;
    font-weight: 400;
    display: block;
    line-height: 0.8em;
    letter-spacing: 5px;
    left: -90px;
	    animation: none;
    animation-timing-function: ease;
}
.theme-default .nivo-caption .bottom-left h2.fat.bottom {
    font-size: 8rem;
    font-family: 'Work Sans';
    FONT-WEIGHT: 700;
    letter-spacing: 0px;
    line-height: 1em;
	    color: #37c1d2;
}
.theme-default .nivoSlider .bottom-left svg {
    display: inline-block!important;
    left: 0;
    position: relative!important;
    top: 0;
    height: 40px;
    fill: #37c1d2!important;
}
.theme-default .nivo-caption .bottom-left a {color:#37c1d2}


/*slider 3 */
.centered {
    position: relative;
}
h2.Giant.background.study1 {
    left: 0px;
    right: 0px;
    margin: auto;
    position: absolute;
    top: 0px;
    bottom: 0px;
    text-align: center;
    transform-origin: center;

   animation: fadeIn 8s infinite;
    animation-timing-function: ease;
		animation-delay: 4s!important;
}
h2.Giant.background.study2 {
    position: absolute;
    left: 3.5%;
    bottom: 16%;
    animation: fadeIn 8s infinite;
    animation-timing-function: ease;
	animation-delay: 3s;
}
h2.Giant.background.study3 {
    position: absolute;
    right: 18%;
    bottom: 35%;
    z-index: -1;
   animation: fadeIn 8s infinite;
    animation-timing-function: ease;
    text-align: right;animation-delay: 5s;
}
.theme-default .nivoSlider .centered h2.Giant.background.study1 svg {
    scale: 19;
    font-weight: 400;
    letter-spacing: 0px;
    text-align: center;
    margin-left: 0px;
    transform-origin: top;
}
.theme-default .nivoSlider .centered h2.Giant.background.study2 svg {
    scale: 7;

    transform-origin: top;
}

.theme-default .nivoSlider .centered h2.Giant.background.study3  svg {
    scale: 7;
 
 }

.theme-default .nivoSlider h2.Giant.background svg text {
    fill: none;
    stroke: #fff;
    stroke-width: 0.5px;
    stroke-linejoin: round;
    opacity: 0.2;
}

.centered h2 {

}
 .nivo-caption .centered h2.fat {
    position: relative!important;
}

.theme-default .nivo-caption .centered h2.fat.top {
    position: relative;
    top: 0px;
    color: #fff;
    font-weight: 400;
    color: #37c1d2;
    text-align: center;    animation: none ! Important;
    display: block;
    letter-spacing: 10px;
    font-size: 16rem;
}
.theme-default .nivo-caption .centered h2 span {
    font-size: inherit;
    line-height: 0px;
    position: relative;
}
.theme-default .nivo-caption .centered h2.fat.top span {
    font-size: inherit;
    line-height: 0px;
    top: 80px;
    color: #fff;
    position: relative;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    letter-spacing: 0px;
    font-weight: 700;
    color: #37c1d2;
    font-family: work sans;
    font-size: 9rem;
    line-height: 0.6;    animation: none ! Important;
    text-align: left;
    display: block;
    position: relative;
    left: 30px;
    margin-bottom: 25px;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
    font-size: 4.3rem;
    letter-spacing: 0px;
    font-family: work sans;color:#fff;
    vertical-align: middle;
}
.nivo-caption .centered  p {
    padding: 5px;
    margin: 0;
    color: #fff;
    text-align: right;
    right: 23%;
    top: 0px;
    position: relative;
}
.theme-default .nivo-caption .centered svg {
    fill: #fff!important;
}
.theme-default .nivo-caption .centered h2.fat, .theme-default .nivo-caption .centered p {
    top: 29%!important;
    padding-left: 140px!important;
}
.centered h3 {
    top: 29%!important;
    left: 14%!important;
    position: relative;
    text-align: left;
    font-size: 6rem;
    line-height: 50px;
    color: #fff;
    font-weight: 700;
    z-index: 5;
    text-shadow: 1px 1px 31px #000;
	   animation: fadeIn 8s infinite;
    animation-timing-function: ease;
}

div#dnn_BannerPane .theme-default .nivo-caption a svg {transition: all ease 0.7s;}

div#dnn_BannerPane .theme-default .nivo-caption .bottom-right a:hover, 
div#dnn_BannerPane .theme-default .nivo-caption .bottom-left a:hover {color:#fff!important;transition: 0.7s;}

div#dnn_BannerPane .theme-default .nivo-caption .centered a:hover {color:#EE3D96!important;transition: 0.7s;}

div#dnn_BannerPane .theme-default .nivo-caption .bottom-right a:hover svg, 
div#dnn_BannerPane .theme-default .nivo-caption .bottom-left a:hover svg {fill:#fff!important;transition: 0.7s;}

div#dnn_BannerPane .theme-default .nivo-caption .centered :hover svg {fill:#EE3D96!important;transition: 0.7s;} 

div#dnn_BannerPane .theme-default .nivo-caption a {
    z-index: 10;
    position: relative;
}
div#dnn_BannerPane .theme-default .nivo-caption  a.overlay {
	    z-index: 9;
    position: absolute;
}

/*Newsletter style */

table.newsletter {
    padding: 0px 1rem;
    display: inline-block;
    width: 100%;
    margin-bottom: 80px;
    border-radius: 0px;
}
table.newsletter label {
    margin-bottom: 10px;
    width: 100%;
    padding: 0;
    color: #fff !important;
    font-size: 1rem;
    font-weight: bold;
}
table.newsletter input {
    display: inline-block;
    width: 100%;
    height: 38px;
    margin: 0;
    padding: 8px;
    border: 3px solid #fff;
    border-radius: 0px;
    background-color: #36c1d2;
    -webkit-box-shadow: none;
    box-shadow: none;
    font-size: 15px;
    color: #fff;
    line-height: 1.5em;
    margin-bottom: 20px;
	border-left: 4px solid #ec3b95;
}
table.newsletter input::placeholder {color:#fff;}
.newsletter tbody {
    width: 100%;
    display: block;
}

.newsletter tbody tr{
    width: 100%;
    display: table-row;
}
.newsletter tbody td {
    display: table-cell;
    padding-right: 20px;
}
.LiveForm.DesignSchool ul.Form_Navigation:before {
    top: 30px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: auto!important;
    height: 2px;
    background-color: #fff!important;
    z-index: 0;
    left: 2rem;
    right: 2rem;
}
.LiveForm.DesignSchool ul.Form_Navigation li {
    background: #362d77!Important;
}


table.newsletter input#mc-embedded-subscribe {
    min-width: 100px;
    display: inline-block;
    background: #ec3b95;
    font-weight: bold;
    color: white;
    border: 0 none;
    border-radius: 1px;
    cursor: pointer;
    padding: 10px 1.4rem;
    transition: all 0.3s ease;
    width: auto;
    text-transform: uppercase;
    height: auto;
}
table.newsletter input#mc-embedded-subscribe:hover {
    box-shadow: 0 0 0 2px white, 0 0 0 3px #ec3b95;
	     transition: all 0.7s ease 0s;
}

/*End Newsletter*/


.Innerpage.Graphic .ContentWhite a.wow-button:hover {
    color: #ec3b95;    transition: background-color 0.7s ease 0s;
}
.Innerpage.Fashion .ContentWhite a.wow-button:link, .Innerpage.Fashion .ContentWhite a.wow-button:visited {
	background:#37c1d2;      transition: background-color 0.3s ease 0s;
	
}
.Innerpage .ContentWhite .wow-button:before {background:#fff;   }
.Innerpage.Fashion .ContentWhite a.wow-button:hover {
    color: #37c1d2;
}
.Innerpage.Graphic .ContentWhite .wow-button:hover:before,
.Innerpage.Fashion .ContentWhite .wow-button:hover:before {
    background-color: #fff;
}
/* graphic buttons */


.gb {
    position: relative;   
	transition: 0.7s;
}
 .Innerpage.Enrol .gb h3 {  line-height: .8em;}
.gb h3, .Innerpage .gb h3{
    position: absolute;
    font-weight: 700;
    line-height: .8em;
    font-size: 7.5rem;
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
    vertical-align: bottom;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    padding: 2rem;
    z-index: 8;    transition: 0.7s;
}
.gb:hover h3 {    transition: 0.7s;}
.gb h3 span, .Innerpage .gb h3 span {
    /* display: block; */
    font-size: 3.6rem;
}
.gb h3 span:after {
    content: "FIND OUT MORE";
    font-weight: 400;
    font-size: 17px;
    display: block;
    line-height: 0px;
    text-align: right;
    top: 8px;
    position: relative;
}
.gb.gb1   { background: #ec3b95;}
.gb.gb2   { background: #37c1d2;}
.gb.gb3, .Innerpage .gb.gb3   { background: #362d77;}
.gb1 h3 {color:#ec3b95}
.gb2 h3 {color:#37c1d2}
.gb3 h3, .Innerpage .gb3 h3 {color:#fff!important;}
.gb1 h3 svg {Fill:#ec3b95}
.gb2 h3 svg {Fill:#37c1d2}
.gb3 h3 svg, .Innerpage .gb3 h3 svg {Fill:#fff;}
.gb svg {    transition: 0.7s;}
.gb:hover h3 svg {fill:#FFF!important;    transition: 0.7s;}


.gb img {transition: 0.7s;}
.gb img {
    mix-blend-mode: luminosity;    transition: 0.7s;
}
.gb h3 span, .Innerpage .gb h3 span {
    font-size: 2.5rem;
    line-height: 46px;
}
.gb h3 span svg, .Innerpage .gb h3 span svg {
    height: 26px;
    vertical-align: baseline;transition: 0.7s;
}
.gb.gb1:hover h3, .gb.gb2:hover h3   { color: #fff;}

.gb1 .gbimg:before {
    background: url(images/gb1.jpg);

}
.gb2 .gbimg:before {
    background: url(images/gb2.jpg);

}
.gb3 .gbimg:before {
    background: url(images/gb3.jpg);

}
.gb .gbimg:before {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    background-size: contain;
    bottom: 0px;z-index:5;
	opacity:1;transition:all 0.7s ease
}


.gb:hover .gbimg:before {opacity:0;transition:all 0.7s ease}
a.overlay {
    position: absolute;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    z-index: 9;
}


/* Blue Background */
section.ContentBlue {
    background: #362d77;
    position: relative;
}
section.ContentBlue p {
    color: #fff;
    font-weight: 400;
    font-size: 1.3rem;
}
section.ContentBlue h1 span {color:#fff;}
section.ContentBlue h2 {color:#EE3D96;}
section.ContentBlue strong {
    color: #ee3d96;
}
h2.skinny.left {
    font-family: 'Work Sans';
}

.Testimonials h3 {
    font-size: 1.5rem;
}
.Innerpage.About.Testimonials h2, .Innerpage.About.Testimonials h3 {
    color: #ec3b95;
}
/* Teal Background */
section.ContentTeal {
    background: #36C1D2;
    position: relative;
}
section.ContentTeal p, section.ContentTeal h2 {
    color: #fff;
    margin-bottom: 0px;
}
.Homepage section.ContentTeal p, .Innerpage.About .ContentWhite.letschat p  {
    font-size: 1.7rem;
    margin-bottom: 0px;
    font-weight: 400;
    line-height: 1.1em;
}

.Homepage section.ContentTeal [class*="col-md-"] {
    padding-right: 1rem;
    padding-left: 0rem;
    align-self: center;
}
.Homepage section.ContentTeal h2 a:link, .Homepage section.ContentTeal h2 a:visited {

}
div#dnn_MidPane_2a_4 .courses {
    width: 58%;
    margin: 25px 0px 0px auto;
}
div#dnn_MidPane_2a_4 .courses h2 {
	   margin-top: 0px;
    padding-left:0px;
}
div#dnn_MidPane_2a_4 h2 {
    margin-top: -7px;
    padding-left: 40px;
}
.Graphic a.btnround:link, .Graphic a.btnround:visited,
.Fashion a.btnround:link, .Fashion a.btnround:visited {background: #362d77;}
.Graphic h2.large:hover a.btnround, 
.Fashion h2.large:hover a.btnround {background: #fff;}
section.ContentBlue a:hover {
    color: #36C1D2;
}
.Graphic section.ContentTeal a.btnround .fa-solid {
    font-size: 1.6rem;
    fill: #ec3b95;
    color: #ec3b95;
}
a.btnround .fa-solid {
    font-size: 1.6rem;
    fill: #ee3d96;
    color: #ee3d96;
}
a.btnround:link, a.btnround:visited {
    width: 140px;
    display: inline-flex;
    font-size: 1.1rem;
    line-height: 1em;
    background: #362d77;
    text-align: center;
    height: 140px;
    align-content: center;
    flex-direction: column;
    line-height: 1.2em;
    justify-content: center;
    color: #36C1D2!important;
    border-radius: 50%;
    position: relative;
    align-items: center;
    letter-spacing: 2px;
    top: 0px;
    font-weight: 400;
    transition: 0.7s;
    margin-left: 20px;
}
h2.large:hover a.btnround {
	background: #fff;	    color: #36C1D2!important;
	transition:0.7s
}
h3.accordion {
    background-color: #38c1d3;
    color: #fff!important;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    font-weight: 800;
    text-align: left;
    outline: none;
    font-size: 1.3rem;
    transition: 0.4s;
    margin-bottom: 0px;
    border-radius: 8px 8px 0px 0px;
    position: relative;
}
h3.accordion.active {
    border-radius: 8px 8px 0px 0px;
}
.panel {

    border: 0px solid #fff;
    border-top: 0px;
	margin-top:0px;
    margin-bottom: 10px;
	border-radius:0px 0px 8px 8px;
	max-height:0px;
 overflow: hidden;
      transition: max-height 0.4s ease-out;
    }


    .active + .panel {
      max-height: 500px!important; /* Set the desired max-height here */
	      
    border: 1px solid #fff;      border-top: 0px solid #fff;
      transition: all 0.4s ease-in;
	
    }
	.panel p {padding:1rem;margin-bottom:0px!important;}
	p.overflow:after {
    position: absolute;
    content: "";
    top: 0px;
    left: 0px;
    bottom: 0px;
    right: 0px;
}
.hide-after:after {
  display: none;
}
.accordion::after {
    content: "";
    width: 1.3rem;
    height: 1.3rem;
    position: absolute;
    top: 50%;
    right: 20px;
    background: url(images/faqarrow.png);
    background-size: cover;
    transform: translateY(-50%) rotate(90deg);
    transition: transform 0.4s;
}

    .active::after {
      transform: translateY(-50%) rotate(0deg);
    }
	
.accordion-container {
    height: 1100px;
    overflow-y: visible;
}

/* blue text & image section */
section.ContentTeal h2 a:visited {color:#fff;}
.Graphic section.ContentBlue h2, 
.Fashion section.ContentBlue h2 {
    font-size: 6.2rem;
    font-family: Work Sans;
    line-height: 0.9em;
    font-weight: 700;
    color: #ec3b95;
    text-transform: uppercase;
    position: relative;
    margin-top: -7px;
}

.Graphic section.ContentBlue ul li, .Graphic section.ContentBlue ul li p, .Graphic section.ContentBlue p,
.Fashion section.ContentBlue ul li, .Fashion section.ContentBlue ul li p, .Fashion section.ContentBlue p  {
    color: #fff;
    font-size: 1.2rem;
}
.Graphic section.ContentBlue .flex.checkbox-list, .Fashion section.ContentBlue .flex.checkbox-list {
    margin-top: 0rem;
}
.Graphic section.ContentBlue strong, .Fashion section.ContentBlue strong  {
    color: #fff;
}
.Graphic section.ContentBlue p, .Fashion section.ContentBlue p {
    line-height: 1.3em;
}
.Innerpage #dnn_MidPane_4a_3a, .Contact div#dnn_MidPane_4b_3a{
    padding: 5rem 8rem;
}

.Homepage div#dnn_MidPane_4a_3 h2 span{display:block;}
ul li {color:#fff}
.flex.checkbox-list {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 5rem;
}
.flex.checkbox-list ul {
    padding-left: 0px;
    margin-left: 0px;
    flex: 1;
    margin-bottom: 0px;
}
.flex.checkbox-list ul li {
    list-style-type: none;
    padding-left: 40px;
    background-image: url(images/checkbox.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 31px 31px;
}
.flex.checkbox-list ul li p {
    line-height: 1.3em;
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 17px;
    padding-bottom: 15px;
}
.flex.checkbox-list ul li:last-of-type p {
    padding-bottom: 5px;
    margin-bottom: 0px;
}
.computergirl {
    background: url(images/computer-design.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}
.wineside {
    background: url(images/wineside.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.graphicside2 {
    background: url(images/graphic-level2.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.graphicside3 {
    background: url(images/graphic-level3.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.graphicside4 {
    background: url(images/background-graphic-under.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.graphicside5 {
    background: url(images/Graphics-5.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}





.Innerpage #dnn_MidPane_4a_3a h3 {
    line-height: 1em;
}

.fashionside {
    background: url(images/Fashion-image-sub.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.fashionside2 {
    background: url(images/Fashion-image-sub2.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}

.fashionside3 {
    background: url(images/level3fashion.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.fashionside4 {
    background: url(images/under25.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.fashionside5 {
    background: url(images/fashionside5.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}
.parttime {
    background: url(images/parttime.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.parttime2 {
    background: url(images/parttime2.jpg);
    background-repeat: no-repeat;
    background-size: cover;background-position: 50%;
}
.great-reason {
    margin: 0px;
    padding: 0px!important;
    overflow: hidden;
}

/* gallery sections */
.ContentWhite {position:relative;}
iframe {
    width: 100%;
}
section.ContentGrey {
    background: #eceaf1;
	position:relative;
}

section.ContentGrey h4, section.ContentGrey h5
{
	color:#362d77;
}
.eds_GravityGallery_Graviton {

    text-align: center;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg__itemsListContainer {
    margin: 0px auto;
    display: flex;
    flex-wrap: wrap;
    width: 102%;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg_mainTitle, 
section.ContentGrey span.edsgg_likes, 
section.ContentGrey .eds_GravityGallery_Graviton .edsgg_galleryDetails {
    display: none!important;
}
section.ContentGrey  .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper .edsgg_thumbnailContainer {
    margin: 0 0 0px;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper {
    padding: 0px;
    border: 0px solid #fff;
    background: transparent;
    box-shadow: 0px 0px 0px #000;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper .edsgg_thumbnailContainer .edsgg_image_thumbnail {
    position: relative;
    display: block;
    border: solid 0px #d6d6d6;
    padding: 0px;
    background-color: transparent;
    max-width: 100%;
    line-height: 0;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg__itemContainer {
    flex: 1 0 33%;
}
.eds_GravityGallery_Graviton .edsgg_pagination {display:none!important}
body:not(.dnnEditState) .DNNEmptyPane {
    width: 0px;
    display: none;
}
.Homepage h2.large, .Innerpage section.ContentWhite.texture.letschat h2.large {
    font-size: 7.4rem;    margin-left: 0rem;
}
.Innerpage section.ContentWhite.texture.letschat div#dnn_MidPane_2a_42 {
    padding-right: 1rem;
    padding-left: 0rem;
    align-self: center;
}

/* footer */
div#dnn_FooterPane_1d_4 a img {
    transform: scale(1);transition:all 0.7s ease
}
div#dnn_FooterPane_1d_4 a:hover img {
    transform: scale(1.3);transition:all 0.7s ease
}
.FooterTop div#dnn_FooterPane_7a_3 img {
    width: 97%;
}
.FooterTop {
    background: #362d77;
    position: relative;
}
h6 {
    color: #37c1d2;
    font-weight: 700;
    text-transform: uppercase;
    font-family: work sans;
    margin-top: 70px;
    font-size: 1.5rem;
    margin-bottom: 0px;
}
.FooterTop p {
    color: #fff;
    line-height: 1.2em;
}
.FooterTop p strong { color: #37c1d2;}
.FooterTop p strong span {
	color:#fff;text-transform:uppercase;
	
}
.FooterTop p a:hover {
    color: #4bc5d1;
}
img.social-icon {
    width: 20%;
}
div#dnn_FooterPane_1d_4 {
    display: flex;
    align-items: flex-end;
    text-align: center;
}
.Copyright.mt-2 {
   margin-top: 2rem;
}
.Copyright {
    background: #362d77;
    border-top: 1px solid #fff;
	color:#fff;
}
p.smaller {
    font-size: 1rem;
}
/* patterns */
.memphis {
	transform:translateY(-30vh);
transition:transform 5s ease;
    }
.memphis.pinned {
		transform:translateY(0vh);
}
 

.memphis-1 {
    position: absolute;
    background: url(images/Memphis-1.png);
    height: 280px;
    width: 250px;
    top: 7.5%;
    right: 3rem;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
	pointer-events:none;
}
.Innerpage .memphis-1 {
    top: 15.5%;
}
.memphis-2 {
    position: absolute;
    background: url(images/Memphis-2.png);
    height: 190px;
    width: 24%;
    top: -8%;
    right: 10px;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 5s ease;
    pointer-events: none;
}
.memphis-3 {
    position: absolute;
    background: url(images/Memphis-3.png);
    height: 80px;
    width: 14%;
    top: 27%;
    left: 4%;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 4s ease;
    pointer-events: none;
}
.memphis-4 {
    position: absolute;
    background: url(images/Memphis-4.png);
    height: 170px;
    width: 7%;
    top: -52%;
    right: 13%;
    background-size: contain;
    z-index: 9;
    pointer-events: none;
    background-repeat: no-repeat;
    transition: transform 6s ease;
}

.memphis-5 {
    position: absolute;
    background: url(images/memphis-5.png);
    height: 230px;
    width: 10%;
    top: -9%;
    right: 10%;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 3s ease;
    pointer-events: none;
}
.memphis-6 {
    position: absolute;
    background: url(images/memphis-6.png);
    height: 230px;
    width: 11%;
    top: -5%;
    left: 10%;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;transition:transform 4s ease;	pointer-events:none;
}
.memphis-7 {
    position: absolute;
    background: url(images/memphis-7.png);
    height: 230px;
    width: 14%;
    top: 10%;
    right: 0px;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;transition:transform 4s ease;	pointer-events:none;
}
.memphis-8 {
    position: absolute;
    background: url(images/memphis-8.png);
    height: 230px;
    width: 35%;
    top: 34.2%;
    right: 0px;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 3s ease;
    pointer-events: none;
}
.memphis-9 {
    position: absolute;
    background: url(images/Memphis-9.png);
    height: 140px;
    width: 7.4%;
    top: 15%;
    right: 32.8%;
    background-size: contain;
    z-index: 9;
    transition: transform 5s ease;
    background-repeat: no-repeat;
    pointer-events: none;
}

.Innerpage .memphis-2 {
    position: absolute;
    background: url(images/innerMemphis-2.png);
    height: 140px;
    width: 14%;
    top: -6%;
    right: 10px;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 5s ease;
}
.Innerpage .memphis-3 {
    position: absolute;
    background: url(images/innerMemphis-3.png);
    height: 280px;
    width: 6.4%;
    top: 40%;
    left: 3.6%;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 4s ease;
}
.Fashion .memphis-4, .Graphic .memphis-4 {
    position: absolute;
    background: url(images/innerMemphis-4.png);
    height: 273px;
    width: 12%;
    top: 7%;
    left: 3%;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 6s ease;
}
.Fashion .memphis-2 {
    background-image: url(images/memphis-6-fashion.png);
}
.Fashion .memphis-3 {
    background-image: url(images/memphis-3-fashion.png);
}
.Innerpage .memphis-12 {
    position: absolute;
    background: url(images/Memphis-12.png);
    height: 190px;
    width: 14%;
    top: 88%;
    right: 0px;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 5s ease;
    pointer-events: none;
}
.Innerpage.Fashion .memphis-12 {  background-image: url(images/Memphis-7.png);}
.Innerpage .memphis-13 {
    position: absolute;
    background: url(images/Memphis-4.png);
    height: 170px;
    width: 7%;
    top: -18%;
    left: 7%;
    background-size: contain;
    z-index: 9;
    pointer-events: none;
    background-repeat: no-repeat;
    transition: transform 6s ease;
}



/* button Style */
a.wow-button:link, a.wow-button:visited {
  display: inline-block;
  padding: 12px 24px;
  font-size: 18px;
  font-weight: bold;
  color: #ffffff;
  border: none;
  border-radius: 50px;
  background-color: #ec3b95;
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
  position: relative;
  overflow: hidden;
}
a.wow-button.graphic:link, a.wow-button.graphic:visited {background:#37c1d2;}

.wow-button:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 0%;
  height: 100%;
  background-color: #362d77;
  transition: width 0.3s ease;  z-index: 1;
}

.wow-button:hover:before {
  width: 100%;
}

.wow-button span {
  position: relative;
  z-index: 2;
}



a.wow-button.pink:link {
  background-color: #ec3b95;
}

.wow-button.pink:before {

  background-color: #362d77;
}

a.wow-button.blue:link {
  background-color:#362d77;
}

.wow-button.blue:before {

  background-color:  #ec3b95;
}

/*Graphics Sub Innerpage */
.ContentBlue {
    background: #362d77;
}
.Graphic  .ContentTeal h2.large a:link, 
.Graphic  .ContentTeal h2.large a:visited,
.Fashion  .ContentTeal h2.large a:link, 
.Fashion  .ContentTeal h2.large a:visited {

    color: #fff;
}
.Graphic .ContentWhite .ContentBlue h2.large:hover a.btnround {
   background: #FFF;
    color: #ec3b95!important;
}



/* general innerpage */
.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 80px;
    padding-left: 1.6rem;
}
.Innerpage div#dnn_MidPane_7b_9 {
    padding-right: 0rem;
    padding-left: 6.6rem;
}
.Innerpage div#dnn_MidPane_7a_3 {
    padding-right:  6.6rem;
}

.Innerpage div#dnn_MidPane_7a_3 ul, .Innerpage div#dnn_MidPane_7b_9 ul {
    margin-top: -20px;
}
.Innerpage h1 span {
    color: #fff;
    line-height: 1em;
    margin: 5rem 40px;
    font-size: 1.9rem;
}
.Innerpage h1 span strong {
    color: #ec3b95;
    font-weight: 700;
    background: #362d77;
    margin-bottom: 20px;
    display: inline-block;
    padding: 10px 2rem;
    border-radius: 50px;
}
.Innerpage.Fashion h1 span strong {
    color: #37c1d2;
}
.Innerpage h2 {
    font-size: 5.4rem;
}
.Innerpage .ContentWhite p strong {
    font-size: 1.5rem;
    font-weight: 700;
}
section.texture {
    background-image: url(images/background-texture-v2.png);
    background-repeat: no-repeat repeat;
    background-size: 67%;
}
p strong span {
    color: #fff;
    text-transform: uppercase;
}

.Innerpage .ContentWhite p {
    margin-bottom: 20px;
}
.Innerpage nav#MobileNavbar {
    bottom: auto;

}
.Innerpage .ContentWhite ul li p {
    font-weight: 700;
    line-height: 1.3em;
    font-size: 1.2rem;
}
.Innerpage .ContentWhite ul li p span {
    font-weight: 400;
    font-size: 1rem;
    line-height: 1em;
}
.Innerpage .ContentWhite ul {
    margin-left: 10px;
    list-style: disc;
    padding-left: 10px;
    font-size: 1.5rem;
}

.Innerpage .ContentWhite ul li {color:#362d77;line-height:1.5em}

/* Course Boxes */
.courses {
    position: relative;
    background: #362d77;
    padding: 1.5rem 0.3rem 1.5rem 1.5rem;
	transition:all 0.7s ease
}
.Innerpage .courses.parttime h2 {
    font-size: 6.1rem!important;
    margin-bottom: 14px;
    font-weight: 800;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2{
    font-size: 12.6rem;
    line-height: 0.8em;
    font-weight: 800;
    position: relative;
    transition: all 0.7s ease;
    margin-bottom: 0.5rem;
}
.Innerpage .courses h2 span {
    display: block;
    font-size: 3.5rem;
    line-height: 0.7em;
}
.courses:before {
    content: "";
    position: absolute;
    bottom: 0px;
    right: 0px;
    border-bottom: 70px solid;
    border-right: 0px solid transparent;
    border-left: 70px solid transparent;transition:all 0.7s ease
}
.Graphic .courses:before {
   border-bottom-color: #ec3b95;transition:all 0.7s ease

}
.courses h2 u {
    font-size: 1.4rem;
    text-decoration: none;
    position: absolute;
    left: 0px;
    bottom: 1px;
    line-height: 2.4em;
    margin: auto;
    text-align: center;
    width: 48%;
    color: #362d77;
    transition: all 0.7s ease;
}
.Innerpage .courses p {
    color: #fff!important;
    text-transform: uppercase;
    line-height: 1em!important;
    font-weight: 600;
    margin-bottom: 20px;
}
.Innerpage .courses p.link {
    font-weight: 400;
    font-size: 0.8rem;
    margin-bottom: 0px;
    line-height: 1em;
}
.Innerpage .courses p.link svg {
    height: 20px;transition:all 0.7s ease
}
.Innerpage  footer#Footerbg {
    border-top: 15px solid #fff;
}

.Innerpage section.ContentTeal .courses h2 {color:#ec3b95;}
.Innerpage section.ContentTeal .courses:hover h2 {color:#362d77;} 
.Innerpage section.ContentTeal .courses:hover p.link svg path {fill:#362d77;} 

.Innerpage section.ContentPink {
    background-color: #ec3b95;
    background-image: url(images/fashion-bg-v2.png);
    background-repeat: no-repeat repeat;
    background-size: 67%;
}
.Innerpage section.ContentPink .courses h2 {color:#37c1d2;}
.Innerpage section.ContentPink .courses:hover h2 {color:#362d77;}
.Innerpage section.ContentPink .courses:hover  {background:#37c1d2;} 
.Innerpage section.ContentPink .courses:before {
    border-bottom-color: #37c1d2;
    transition: all 0.7s ease;
}
.Innerpage section.ContentPink .courses:hover:before {
    border-bottom-color: #362d77;
    transition: all 0.7s ease;
}
.Innerpage section.ContentPink .courses:hover h2 u {
    color: #37c1d2;
    transition: all 0.7s ease;
}

.Innerpage section.ContentPink .courses:hover p.link svg path {fill:#362d77;} 


.Fashion .courses h2 {
color:#37c1d2!important;transition:all 0.7s ease
}


.Fashion .courses:before {
   border-bottom-color: #37c1d2;transition:all 0.7s ease

}
.Fashion h2 u {
  color: #362d77;transition:all 0.7s ease
}


.Graphic .courses:hover {
    background: #ec3b95;transition:all 0.7s ease
}
.Graphic .ContentWhite .courses:hover h2 {color:#362d77;transition:all 0.7s ease}

.Graphic .courses:hover:before {    border-bottom-color: #362d77;transition:all 0.7s ease}
.Innerpage.Graphic .ContentWhite .courses:hover p.link svg path {fill:#362d77;transition:all 0.7s ease}

.Graphic .courses:hover h2 u {color:#ec3b95;transition:all 0.7s ease}

.Fashion .courses:hover {
    background: #37c1d2;transition:all 0.7s ease
}
.Fashion .ContentWhite .courses:hover h2 {color:#362d77!important;transition:all 0.7s ease}

.Fashion .courses:hover:before {    border-bottom-color: #362d77;transition:all 0.7s ease}
.Innerpage.Fashion .ContentWhite .courses:hover p.link svg path {fill:#362d77;transition:all 0.7s ease}

.Fashion .courses:hover h2 u {color:#37c1d2;transition:all 0.7s ease}

.Innerpage .container-fluid.p-10.g-5.pt-0 {
    padding-bottom: 4rem;
}

.row.centeredpanes {
    justify-content: center;
}
.Fashion section.ContentTeal {
    background: #ec3b95;
    position: relative;
}
.Fashion a.btnround:link, .Fashion a.btnround:visited {
    color: #ec3b95!important;
}

/* graphic section */
h2.large {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    line-height: 1em;
    font-size: 6.3rem;
    align-items: center;
}
h2.large img {
    max-height: 90px;
    margin-top: -10px;
}
.Graphic div#dnn_NotifcationPane {
    background: #36C1D2;
}
.Graphic .ContentWhite {background-color:#36C1D2;}
.Graphic .ContentWhite p {
    color: #362d77;
    font-weight: 600;
    line-height: 1.3em;
}

.Graphic .ContentWhite .flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 5rem;
}
.Graphic  .ContentWhite h2 {
       font-weight: 800;
}
.Graphic .ContentWhite h2.large {
    font-size: 7.4rem;
    line-height: 0.9em;
    margin-left: 4rem;
	margin-bottom:0px;
}

.Graphic .ContentWhite h2.large a.btnround:link, 
.Graphic .ContentWhite h2.large a.btnround:visited {
    background: #362d77;
	color:#fff;
}

.Graphic .ContentWhite h2.large a:link, 
.Graphic .ContentWhite h2.large a:visited {
  	color:#fff;
}
.Graphic .ContentWhite h2.large:Hover a.btnround {
    background: #fff;
	color:#362d77;
}
.Graphic .ContentWhite h2.large a img {
    max-height: 100px;
}



/* Fashion section */
.Fashion div#dnn_NotifcationPane {
    background: #ec3b95;
}
.Fashion .ContentWhite {
    background-color: #ec3b95;
    background-image: url(images/fashion-bg-v2.png);
    background-repeat: no-repeat repeat;
    background-size: 63%;
}
.Fashion .ContentWhite p {
    color:#362d77;
	font-weight:600;
	line-height:1.3em;
}
.Fashion .ContentWhite .flex {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin-top: 5rem;
}
.Fashion .ContentWhite h2 {
    color: #362d77;
    font-weight: 800;
}
.Fashion .ContentWhite h2 strong {
  font-size:9rem;
}
.Fashion .ContentWhite div#dnn_MidPane_2a_4 h3 {
    color: #362d77;
    font-family: Work Sans;
    line-height: 0.9em;
    font-weight: 800;
    text-transform: uppercase;
    font-size: 4.1rem;
    position: relative;
}
.Fashion .ContentWhite h2.large {
    font-size: 7.4rem;
    line-height: 0.9em;
    margin-left: 4rem;
}

.Fashion .ContentWhite h3 {
    color: #362d77;
}
.Fashion .ContentWhite h2.large a.btnround:link, 
.Fashion .ContentWhite h2.large a.btnround:visited {
    background: #362d77;
	color:#fff;
}

.Fashion .ContentWhite h2.large a:link, 
.Fashion .ContentWhite h2.large a:visited {
  	color:#fff;
}
.Fashion .ContentWhite h2.large:Hover a.btnround {
    background: #fff;
	color:#362d77;
}
.Fashion .ContentWhite h2.large a img {
    max-height: 100px;
}


/* enrol */

.Innerpage.Enrol .ContentWhite {
    background-color: #362d77;
}
.Innerpage.Enrol .ContentWhite.texture {
    background-image: url(images/fashion-bg-v2.png);
}
.Innerpage.Enrol .ContentWhite p strong {
    color: #fff;
}
.Innerpage.Enrol .ContentWhite p, .Innerpage.Enrol .ContentWhite ul li, .Innerpage.Enrol .ContentWhite ul {
    color: #fff;
}
.Innerpage.Enrol section.ContentGrey {
    background: #36c1d2;
    position: relative;
}
.Innerpage.Enrol section.ContentGrey {
    background-image: url(images/enrolbg.png);
    background-size: 110%;
    background-repeat: no-repeat;
    background-position: -11% 150%;
}

.Innerpage.Enrol .ContentWhite a:hover {
    color: #4bc5d1;
}
.Innerpage.Enrol h3 {
    line-height: 1em;
}
.Innerpage.Enrol div#dnn_NotifcationPane {
    background: #362d77;
}
p.overflow {
    line-height: 0px!important;
}


/* Contact */
.Contact div#dnn_MidPane_4b_3b, .Contact div#dnn_MidPane_4a_3b {
    padding: 0px;
}

.Contact  .LiveForm.DesignSchool {background:transparent;}
.Contact .LiveForm.DesignSchool .Field.mobile-under label[class*="Field-Label-"] {
    color: #fff !important;
}

.Contact .LiveForm.DesignSchool .Field label {
    color: #fff !important;
    line-height: normal;
}
.Contact .LiveForm.DesignSchool input, 
.Contact .LiveForm.DesignSchool select, 
.Contact .LiveForm.DesignSchool textarea {
border: 3px solid #fff;}

.Contact .LiveForm.DesignSchool ul.page-break-section, .Contact  .LiveForm.DesignSchool .thank-you {
    padding: 0px 0px;
}

h3.mapheading {
    background: #4bc5d1;
    margin: 0px;
    color: #fff;
    text-align: center;
    padding: 10px;
}
.Innerpage.Contact .memphis-2 {
    height: 160px;
    width: 11%;
    top: -14%;
    right: 0px;
}




/*About */

.Innerpage.About h2, .Innerpage.About h3 {
color: #36c1d2;}
.Innerpage.About section.ContentGrey {
background: #ec3b95;}
.Innerpage.About section.ContentGrey p {
    color: #fff;
}
.historyside {
    background: url(images/history.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50%;
}



.Innerpage.Enrol.About .memphis-2 {
    background: url(images/memphis-7.png);
    height: 160px;
    width: 12%;
    top: -11%;
    right: 0px;
    background-size: contain;
    z-index: 9;
    background-repeat: no-repeat;
    transition: transform 5s ease;
}

.Innerpage.Enrol .ContentWhite.texture .wow-button:before {
 
    background-color: #fff;
}
.Innerpage.Enrol .ContentWhite a.wow-button:hover {
    color: #ec3b95;
}
.Innerpage.Enrol .ContentWhite a.wow-button.graphic:hover {
color:#37c1d2
}
/* team page */
ul.cbp-wrapper {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
    display: block;
    margin: 0 20px 0px 0px!important;
    max-width: 50%!important;
    float: left;
}

.cbp-popup-singlePage .cbp-popup-navigation-wrap {
    background-color: transparent!important;
}
.cbp-popup-singlePage {
    padding: 0;
    background: #362d77!important;
    background-repeat: no-repeat repeat!important;
    background-size: 67%!important;
    background-image: url(images/fashion-bg-v2.png)!important;
}
.cbp-popup-singlePage .cbp-l-project-desc-title span, 
.cbp-popup-singlePage .cbp-l-project-details-title span {
    border-bottom: 1px solid #36C1D2!important;
    display: inline-block;
    margin: 0 0 -1px 0;
	color:#fff;
    font: 400 36px/46px anton!important;
    padding: 0 5px 0 0;
    text-transform: uppercase;
}

.cbp-item-wrapper, .cbp-wrapper, .cbp .cbp-item {
    position: relative!important;
}
.cbp-caption-defaultWrap {
    position: relative!important;
    z-index: 1;
}
.cbp-l-grid-team .cbp-item {
    height: auto!important;
    width: auto!important;
    transform: none!important;
    flex: 0 0 31%;
    margin: 0px 10px!important;
}

.cbp-l-inline-subtitle {
    font: 400 23px/20px work sans!important;
    color: #fff!important;
    margin: 3px 0 20px;
}
.cbp-l-grid-team .cbp-caption {
    height: auto!important;
    margin-bottom: 20px;
    border: 1px solid #E7E7E7;
}
.cbp-item-wrapper {
    margin-bottom: 20px!important;
}
div#SkinWrapper .cbp-l-grid-team-name:link, div#SkinWrapper .cbp-l-grid-team-name:active, div#SkinWrapper .cbp-l-grid-team-name:visited {
    font: 400 2rem/1.3 "anton", sans-serif!important;
    color: #fff!important;
    text-decoration: auto;
    display: block;
    text-align: center;
    margin-bottom: 3px;
    text-transform: uppercase;
}
div#SkinWrapper .cbp-l-grid-team-position {
    font: 400 17px "work Sans", sans-serif!important;
    color: #fff;
    text-align: center;
}


.Innerpage .courses h2 u span {
    font-size: 0.9rem;
    text-decoration: none;
    line-height: 1em;
    display: inline-block;
    color: #ffff;
    font-weight: 700;
}
.Innerpage.Graphic .courses p.link svg g {
    fill: #ec3b95!important;
}
.Innerpage.Graphic section.ContentPink .courses p.link svg g {
    fill: #37c1d2!important;
}
.Innerpage .Homepage section.ContentGrey {
    background: #eceaf1;
    position: relative;
}

/* progress bar */
.LiveForm.DesignSchool ul.Form_Navigation li.active {
    background: #ec3b95!important;
}

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

.bottom-left {
    left: 8%;
}
section.ContentBlue p {
    font-size: 1.2rem;
}
div#dnn_MidPane_1b_8 {
    width: 55%;
}
section.ContentBlue h2 {
    margin-top: -7px;
}
.flex.checkbox-list ul li p {
    font-size: 1.4rem;
}
nav#MobileNavbar {
    width: 25%;
}
h4 {
font-size: 5.3rem;}
.Innerpage #dnn_MidPane_4a_3a, .Contact div#dnn_MidPane_4b_3a {
    padding: 5rem 6rem;
}
.p-10 {
    padding: 5rem;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
font-size: 12rem;}
.Innerpage .courses.parttime h2 {
font-size: 5.5rem!important;
    margin-bottom: 21px;
}
.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 68px;
    padding-left: 1.6rem;
}
.Fashion .memphis-4, .Graphic .memphis-4 {
width: 9%;}
.Innerpage h2 {
    font-size: 5rem;
}
div#dnn_MidPane_2a_4 h2 {
    margin-top: -7px;
    padding-left: 20px;
}
div#dnn_MidPane_2a_4 .courses h2 {
    margin-top: 0px;
    padding-left: 0px;
}
.Graphic section.ContentBlue h2, .Fashion section.ContentBlue h2 {
    font-size: 6rem;
}
.memphis-4 {
    top: -42%;
}

}

@media screen and (max-width: 1600px) { 
div#dnn_MidPane_2a_4 .courses {
    width: 56%;
    margin: 25px 0px 0px auto;
}
div#dnn_MidPane_2a_4 h2 {
    margin-top: -7px;
    padding-left: 20px;
}
.Innerpage .courses.parttime h2 {
    margin-bottom: 31px;
    font-size: 5.1rem!important;
}
.memphis-3 {

top: 32%;}

.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 70px;
    padding-left: 0px;
}
.theme-default .nivo-caption .centered h2.fat.top {

    font-size: 13rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 8rem;
left: 60px;}

.centered h3 {
    top: 29%!important;
    left: 20%!important;
    position: relative;
    text-align: left;
font-size: 5rem;}
div#dnn_MidPane_2a_4 h2 {

    font-size: 4.1rem;
}
}

@media screen and (max-width: 1440px) { 
.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 11rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
font-size: 7rem;}
.centered h3 {
    top: 29%!important;
left: 20.6%!important;}
.nivo-caption p {
    font-size: 1.1rem;
}
.theme-default .nivoSlider .centered h2.Giant.background.study1 svg {
	scale: 24;
}
h2.skinny.left {
font-size: 6rem;}

.bottom-right h3 {

    bottom: -50px;
}
.theme-default .nivo-caption .centered h2.fat.top span {
    top: 60px;
}
.gb h3, .Innerpage .gb h3 {
font-size: 6.5rem;}
h2 {
font-size: 6.4rem;}
section.ContentBlue p {
    font-size: 1.1rem;
}
p {
font-size: 1.1rem;}
p.smaller {
    font-size: 0.9rem;
}
.memphis-4 {
    top: -35%;
}
.flex.checkbox-list ul li p {
    font-size: 1.2rem;
}
.Copyright.mt-2 .container-fluid.p-4 {
    padding: 1.5rem 0px!important;
}
h4 {
    font-size: 5rem;
}
h5 {

    font-size: 1.75rem;
}
.memphis-6 {
    width: 10%;
top: -5%;}
nav#MobileNavbar .navbar-header {
    padding: 2.7rem 3rem 20px!important;
    margin-bottom: 0px;
}
.nav {
    margin-left: 3rem;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 11rem;
}
.courses {
        padding: 0.8rem 0.2rem 0.8rem 0.8rem;

}
.courses:before {
    border-bottom: 50px solid;
    border-left: 50px solid transparent;
}
.Innerpage .courses.parttime h2 {
    margin-bottom: 26px;
    font-size: 4.8rem!important;
}
.courses h2 u {
    font-size: 1rem;
    bottom: -2px;
    line-height: 3.2em;
width: 52%;}

.Graphic .ContentWhite h2.large {
    margin-left: 0rem;
    margin-bottom: 0px;
}
.Graphic section.ContentBlue h2, .Fashion section.ContentBlue h2 {
    font-size: 5.1rem;
}
.Innerpage #dnn_MidPane_4a_3a, .Contact div#dnn_MidPane_4b_3a {
    padding: 5rem 4rem;
}
.Graphic section.ContentBlue ul li, .Graphic section.ContentBlue ul li p, .Graphic section.ContentBlue p, .Fashion section.ContentBlue ul li, .Fashion section.ContentBlue ul li p, .Fashion section.ContentBlue p {
    color: #fff;
    font-size: 1.1rem;
}
div#dnn_MidPane_2a_4 h2 {
    margin-top: -7px;
    padding-left: 40px;
    font-size: 4.1rem;
}
.Innerpage h2 {
    font-size: 4.4rem;
}
.Innerpage .ContentWhite p {
    margin-bottom: 15px;
}

h1 span {
    letter-spacing: 5px;

}

.Innerpage h1 span, h7 {
    color: #fff;
    line-height: 1em;
    margin: 5rem 20px;
    font-size: 1.8rem;
}

.Innerpage .ContentWhite ul li p, .Innerpage .ContentWhite p strong  {

    font-size: 1.1rem;
}
.LiveForm.DesignSchool .Field.Heading h2 {
    font-size: 2.1rem;
}
.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 61px;
    padding-left: 0px;
}
.Innerpage.Enrol section.ContentGrey div#dnn_MidPane_5e_2 {
    width: 70%;
}
}
@media screen and (max-width: 1366px) { 

.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 6rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
font-size: 3.9rem;}

.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 10rem;
}
.theme-default .nivo-caption a {
    letter-spacing: 5px;
}
.gb h3, .Innerpage .gb h3 {
    padding: 1.5rem;
}
h2.skinny.left {
    font-size: 5.5rem;
}
section.ContentBlue p {
    font-size: 1.02rem;
}
.bottom-right h3 {
    bottom: -50px;
    font-size: 3.3rem;
}
.memphis-4 {
    top: -22%;
    right: 8%;
}
.Homepage h2.large, .Innerpage section.ContentWhite.texture.letschat h2.large {
    font-size: 6.5rem;
}
.Homepage section.ContentTeal p {
font-size: 1.4rem;}

h2 {
    font-size: 5.6rem;
}
h2 span {
font-size: 2rem;}

.flex.checkbox-list {
    margin-top: 3rem;
}
.flex.checkbox-list ul li p {
    font-size: 1.1rem;
}
.flex.checkbox-list ul li {
    list-style-type: none;
    padding-left: 36px;
    background-image: url(images/checkbox.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 27px 27px;
}
p.smaller {
    font-size: 0.8rem;
}
p {
    font-size: 1rem;
}
.Footer {
    color: #fff;
    font-size: 0.9rem;
}
div#logo {
    margin-left: 0rem;
}
a.nav-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.4rem;
}
nav#MobileNavbar .navbar-header {
    padding: 2.7rem 3rem 10px!important;
    margin-bottom: 0px;
}

.p-10 {
    padding: 5rem 4rem;
}
.Innerpage .courses h2 span {
    display: block;
    font-size: 2.5rem;
    line-height: 0.7em;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 10rem;
}
.Innerpage .courses.parttime h2 {
    margin-bottom: 18px;
    font-size: 4.6rem!important;
}
.courses h2 u {
    font-size: 0.8rem;
    bottom: -2px;
    line-height: 3.5em;
    width: 52%;
}
h2.large img {
    max-height: 69px;
    margin-top: -10px;
}
.Graphic .ContentWhite h2.large, .Fashion .ContentWhite h2.large {	margin-left:0px;
font-size: 6rem;}
h5 {
    font-size: 1.6rem;
}
.Innerpage div#dnn_MidPane_2a_4 {
    width: 45%;
}
.Graphic section.ContentBlue h2, .Fashion section.ContentBlue h2 {
    font-size: 4.8rem;
}
.Fashion .ContentWhite h2 strong {
font-size: 7.3rem;
}
.Fashion .ContentWhite div#dnn_MidPane_2a_4 h3 {
    font-size: 3.6rem;
    position: relative;
}
div#dnn_MidPane_2a_4 h2, .Fashion .ContentWhite h2 strong{
    margin-top: -7px;
    padding-left: 40px;
    font-size: 3.8rem;
}
h3.accordion {
    font-size: 1.2rem;
}
.LiveForm.DesignSchool .Field.Radiobutton.form-col-4  table td, .LiveForm.DesignSchool .Field.Checkbox.form-col-4 table td, .LiveForm.DesignSchool .form-col-8 {
    padding: 4px;
}
.Innerpage.Enrol section.ContentGrey div#dnn_MidPane_5e_2 {
    width: 75%;
}

}
@media screen and (max-width: 1281px) {
#dnn_dnnLOGO_imgLogo {
    max-height: 70px;
    padding-left: 0rem;
}
.theme-default .nivo-caption h2.fat {
font-size: 10rem;}

	.theme-default .nivo-caption .bottom-left h2.fat.bottom {
    font-size: 5.5rem;
	
	}
	.theme-default .nivoSlider h2.Giant.background svg {
    scale: 19;}
	nav#MobileNavbar .navbar-header {
    padding: 2.1rem 2rem 10px!important;
    margin-bottom: 0px;
}
li.nav-item.dropdown .nav-link {
    padding-bottom: 0px;
    padding-top: 0px;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 4.9rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
    font-size: 3.1rem;
}
.bottom-right h3 {
    bottom: -56px;
    font-size: 2.7rem;
    left: -47px;
}
.gb h3, .Innerpage .gb h3 {
    font-size: 5.3rem;
}
.Homepage h2.large, .Innerpage section.ContentWhite.texture.letschat h2.large {
    font-size: 5.9rem;
}
.Homepage .p-7 {
    padding: 4rem!important;
}
h4 {
    font-size: 4.6rem;
}
h2 span {
    font-size: 1.9rem;
}
.Innerpage .courses.parttime h2 {
    margin-bottom: 18px;
    font-size: 4.2rem!important;
}
.Innerpage .courses h2 span {
    display: block;
    font-size: 2rem;
    line-height: 0.7em;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 9.2rem;
}
.Footer {
    color: #fff;
    font-size: 0.8rem;
}
h6 {
    font-size: 1.2rem;

}

.Innerpage h2.large {

    font-size: 4.6rem;

}
.Homepage section.ContentTeal p {
    font-size: 1.2rem;
}
.Innerpage .courses p.link svg {
    height: 15px;
}
.Innerpage .courses p.link {
    font-weight: 400;
font-size: 0.7rem;}
.Graphic section.ContentBlue h2, .Fashion section.ContentBlue h2 {
    font-size: 4.4rem;
}
	.flex.checkbox-list ul li p {
    margin-bottom: 12px;
    padding-bottom: 11px;
}

.Fashion .ContentWhite h2.large a img, .Graphic .ContentWhite h2.large a img {
    max-height: 70px;
}
.Graphic .ContentWhite h2.large, .Fashion .ContentWhite h2.large {
    font-size: 5rem;
	margin-left:0px;
}



}
@media screen and (max-width: 1025px) { 
h2.skinny.left {
    font-size: 3.5rem;
    left: 6rem;
}
.theme-default .nivo-caption h2.fat {
    font-size: 8rem;
    letter-spacing: 13px;
}
.theme-default .nivoSlider svg, .theme-default .nivoSlider .bottom-left svg {
    height: 20px;
}
.memphis-1 {
    height: 280px;
    width: 200px;
    top: 8.5%;
    right: 3rem;
}
.nivo-caption p {
    font-size: 0.9rem;
}
.theme-default .nivo-caption .bottom-left h2.fat.top {
    position: relative;
    display: block;
    line-height: 0.6em;
    font-size: 6.6rem;
    letter-spacing: 5px;
    left: -50px;
}
.theme-default .nivo-caption .bottom-left h2.fat.bottom {
    font-size: 4.2rem;
}
.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 7rem;
}
.theme-default .nivo-caption .centered h2.fat.top span {
    top: 50px;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
    font-size: 2.6rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 3.8rem;
}
.centered h3 {
    top: 30%!important;
    left: 20.6%!important;
    font-size: 3.9rem;
}

.gb h3, .Innerpage .gb h3  {
    font-size: 4.4rem;
}
.gb h3 span, .Innerpage .gb h3 span {
    font-size: 2.1rem;
}
.gb h3 span svg, .Innerpage .gb h3 span svg {
height: 21px;}
.gb h3 span:after, .Innerpage .gb h3 span:after  {
    font-size: 13px;
    line-height: 0px;
    top: 0px;
}
.gb h3, .Innerpage .gb h3  {
    font-size: 4.1rem;
    padding: 1rem;
}
h2 {
    font-size: 4.7rem;
}
section.ContentBlue p {
    font-size: 1rem;
}
.memphis-3 {
    top: 29%;
}
.Innerpage h2.large {
    font-size: 3.5rem;
}
.Homepage h2.large, .Innerpage section.ContentWhite.texture.letschat h2.large {
    font-size: 4.4rem;
}

a.btnround:link, a.btnround:visited {
    width: 110px;
    font-size: 0.8rem;
    line-height: 1em;
height: 110px;}
.p-6 {
    padding: 2rem;
}
.flex.checkbox-list ul li p {
    font-size: 0.9rem;
}
.Homepage .p-7 {
    padding: 3rem!important;
}
h2 span {
    font-size: 1.6rem;
}
h2 {
    font-size: 4.2rem;
}
.flex.checkbox-list ul li {
    padding-left: 29px;
    background-size: 21px 21px;
}
h4 {
    font-size: 3.6rem;
}
h5 {
    font-size: 1.2rem;
}
.p-10 {
    padding: 4rem 2rem;
}
nav#MobileNavbar {
    width: 35%;
}
a.nav-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1.1rem;
}
.dropdown-menu {

font-size: 0.8rem;}
#dnn_dnnLOGO_imgLogo {
    max-height: 60px;
    padding-left: 0rem;
}
.navbar-header.col-md.d-flex.align-self-center.justify-content-end {
    margin-bottom: 14px;
    padding: 0px;
}
.memphis-1 {
     right: 2rem;
}
.bottom-right h3 {
    bottom: -26px;
    font-size: 2.7rem;
    left: -37px;
}
h2.skinny.left {
    font-size: 3.5rem;
    left: 6rem;
    letter-spacing: 3px;
}
h1 span, h7 {
    letter-spacing: 5px;
    margin: 10px;
    font-size: 1.6rem;
}
.memphis-3 {
    top: 23%;
}
.FooterTop p {
    line-height: 1.2em;
    font-size: 0.8rem;
}
p.smaller {
    font-size: 0.6rem;
}
.Footer {
    font-size: 0.7rem;
}
.centered h3 {
    top: 30%!important;
    left: 20.6%!important;
    font-size: 3.5rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 8rem;
    left: 20px;
}
.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 46px;
    padding-left: 0px;
}
p {
font-size:.9rem;
}
.Innerpage #dnn_MidPane_4a_3a, .Contact div#dnn_MidPane_4b_3a {
    padding: 4rem 3rem;
}
.Innerpage .courses.parttime h2 {
    margin-bottom: 18px;
    font-size: 3.3rem!important;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 7.3rem;
}
.Homepage section.ContentTeal p, .Innerpage.About .ContentWhite.letschat p {
    font-size: 1.2rem;
}
.courses h2 u {
    font-size: 0.6rem;
    bottom: 0px;
    line-height: 3em;
    width: 52%;
}
.Innerpage .courses p.link svg {
    height: 10px;
}
.Innerpage .courses p.link {
    font-weight: 400;
    font-size: 0.6rem;
}
.Innerpage .courses p {
    font-size: .8rem;
}
div#SkinWrapper .cbp-l-grid-team-name:link, div#SkinWrapper .cbp-l-grid-team-name:active, div#SkinWrapper .cbp-l-grid-team-name:visited {
font: 400 1.7rem/1.1 "anton", sans-serif!important;}
div#SkinWrapper .cbp-l-grid-team-position {
font: 400 14px "work Sans", sans-serif!important;}

h2.large img {
    max-height: 59px;
    margin-top: -10px;
}

div#dnn_MidPane_2a_4 h2, .Fashion .ContentWhite h2 strong {
    margin-top: -7px;
    padding-left: 40px;
    font-size: 3.7rem;
}
h3.accordion {
    padding-right: 3rem;
}
.Innerpage .ContentWhite ul li p, .Innerpage .ContentWhite p strong {
    font-size: 0.9rem;
}
.Innerpage div#dnn_MidPane_2a_4 {
    width: 50%;
}
h3.accordion {
    padding: 1rem;
    padding-right: 3rem;
    font-size: 1rem;
}
h3 {
    font-size: 1.4rem;
}

.Graphic section.ContentBlue h2, .Fashion section.ContentBlue h2 {
    font-size: 3.6rem;
}
.Graphic section.ContentBlue ul li, .Graphic section.ContentBlue ul li p, .Graphic section.ContentBlue p, .Fashion section.ContentBlue ul li, .Fashion section.ContentBlue ul li p, .Fashion section.ContentBlue p {
    color: #fff;
    font-size: 0.9rem;
}
.Innerpage h1 span, h7 {
    color: #fff;
    line-height: 1em;
    margin: 5rem 20px;
    font-size: 1.6rem;
}

}
section.ContentWhite.texture.letschat div#dnn_MidPane_2b_83 {
    padding-left: 0px;
}
@media handheld, only screen and (max-width: 769px) {
	.Fashion .ContentWhite div#dnn_MidPane_2a_4 h3 {
    font-size: 2.1rem;
    position: relative;
}
	
	.theme-default .nivo-caption h2.fat {
    font-size: 5rem;
    letter-spacing: 9px;
}
	h2.skinny.left {
    font-size: 2.3rem;
    left: 6rem;
    letter-spacing: 3px;
}
	.bottom-right h3 {
    bottom: -15px;
    font-size: 2rem;
    left: -12.9px;
}
.theme-default .nivo-caption a {
    letter-spacing: 0px;
}
.memphis-1 {
    height: 280px;
    width: 160px;
    top: 13.5%;
    right: 3rem;
}
.gb h3, .Innerpage .gb h3  {
    font-size: 3.1rem;
    padding: 1rem;
}

.gb h3 span svg, .Innerpage .gb h3 span svg {
    height: 13px;
}
.gb h3 span, .Innerpage .gb h3 span {
    font-size: 1.3rem;
    line-height: 16px;
}
.gb h3 span:after, .Innerpage .gb h3 span:after {
    font-size: 9px;
    line-height: 0px;
    top: 6px;
}
.theme-default .nivo-caption .bottom-left h2.fat.bottom {
    font-size: 2.2rem;
}
.theme-default .nivo-caption .bottom-left h2.fat.top {
    position: relative;
    display: block;
    line-height: 0.7em;
    font-size: 5rem;
    letter-spacing: 5px;
    left: -30px;
}
.bottom-left h3 {
    color: #fff;
    font-size: 2.3rem;
    line-height: 1em;
    text-align: center;
    padding-left: 35%;
}
.bottom-left {
    right: 0px;
    width: 48%;
    text-align: right;
    position: relative;
    bottom: -18%;
}
.nivo-caption p {
    font-size: 0.7rem;
}
.theme-default .nivo-caption .centered h2.fat.top span {
    top: 30px;
    line-height: 1em;
}
.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 5rem;
    top: 26%!important;
    padding-left: 0px!important;
}
.theme-default .nivo-caption .centered h2.fat, .theme-default .nivo-caption .centered p {
    top: 29%!important;
    padding-left: 39px!important;
}
.centered {
    position: relative;
    top: -30px;
}
.centered h3 {
    top: 30%!important;
    left: 10.6%!important;
    font-size: 2.6rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
    font-size: 2.1rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 3.3rem;
    left: 20px;
    margin-bottom: 10px;
    top: 80px!important;
}
nav#MobileNavbar .navbar-header {
    padding: 1.1rem 2rem 10px!important;
    margin-bottom: 0px;
}
nav#MobileNavbar {
    width: 40%;
}
div#dnnMenu {
}
li.nav-item.dropdown .nav-link {
    padding-bottom: 0px;
    padding-top: 3px;
}
.nav {
    margin-left: 3rem;
    padding-top: 6px;
}
a.nav-link, .nav-pills .nav-link {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 1rem;
    line-height: 1em;
	padding:5px 10px;
}
h2 {
    font-size: 3.5rem;
}
.memphis-3 {
    top: 18%;
}
.Homepage h2.large, .Innerpage section.ContentWhite.texture.letschat h2.large {
    font-size: 3.4rem;
}
a.btnround:link, a.btnround:visited {
    width: 90px;
    font-size: 0.8rem;
    line-height: 1em;
    height: 90px;
    letter-spacing: 0px;
}
.Homepage section.ContentTeal p, .Innerpage.About .ContentWhite.letschat p {
    font-size: 1rem;
}
.flex.checkbox-list ul li p {
    margin-bottom: 6px;
    padding-bottom: 7px;
    font-size: 0.8rem!important;
}
.flex.checkbox-list {
    margin-top: 1rem;
}
h2 {
    font-size: 3rem;
}
h4 {
    font-size: 3rem;
}
h5 {
    font-size: 1.1rem;
}
a.wow-button:link, a.wow-button:visited {

font-size: 13px;}
div#dnn_FooterPane_1a_4, div#dnn_FooterPane_1b_4, div#dnn_FooterPane_1c_4 {
    width: 33%;
}
h6 {
    font-size: 1.2rem;
    margin-top: 20px;
}
.memphis-9 {
    height: 80px;
    width: 7.4%;
    top: 6%;
}
.memphis-8 {
    height: 170px;
    width: 35%;
top: 24.2%;}
div#dnn_FooterPane_12a_9 {
    width: 100%!important;
}
.footer_left.col-lg-6 {
    text-align: center;
}
div#GFM {
    justify-content: center!important;
}
.memphis-2 {
    height: 150px;
    width: 19%;
    top: -5%;
    right: 10px;
}
section.ContentBlue p {
    font-size: 0.9rem;
}
.memphis-3 {
    top: 20%;
}
section.ContentBlue strong br {
    display: none;
}
.Innerpage h1 span, h7 {
    color: #fff;
    line-height: 1em;
    margin: 0rem 20px 3rem;
    font-size: 1.6rem;
}
.Innerpage h2 {
    font-size: 3rem;
}

.Innerpage .courses h2 span {
    display: block;
    font-size: 1.2rem;
    line-height: 0.7em;
}
.courses {
        padding: 0.7rem 0.2rem 0.7rem 0.7rem;
}
.Innerpage .courses.parttime h2 {
    margin-bottom: 18px;
    font-size: 2rem!important;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 4.8rem;
}
.Innerpage .courses p.link {
    font-weight: 400;
    font-size: 0.5rem;
}
.Innerpage .courses p.link svg {
    height: 8px;
}.courses:before {
    border-bottom: 20px solid;
    border-left: 20px solid transparent;
}
.Innerpage .courses p {
    font-size: 0.5rem;
    margin-bottom: 10px;
}
.p-10 {
    padding: 3rem 2rem;
}
.Innerpage .container-fluid.p-10.g-5.pt-0 {
    padding-bottom: 4rem;
    padding-top: 3rem!important;
}
.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 31px;
    padding-left: 0px;
}
.cbp-l-grid-team .cbp-item {

    flex: 0 0 30%;
}
.col-md-9 {
    flex: 0 0 auto;
    width: 100%;
}
div#dnn_MidPane_2a_4 h2 {
    margin-top: -7px;
    padding-left: 0px;
    font-size: 2.9rem;
}
.Innerpage .ContentWhite ul {
    margin-left: 0px;
    list-style: disc;
    padding-left: 0px;
    font-size: 1rem;
}
.courses h2 u {
    font-size: 0.4rem;
    bottom: 0px;
    line-height: 3em;
    width: 48%;
}
.Graphic .ContentWhite h2.large, .Fashion .ContentWhite h2.large {
    font-size: 3.5rem;
	margin-left:0px;
}
.Graphic .ContentWhite .container-fluid.p-10.g-5.pt-0, .Fashion .ContentWhite .container-fluid.p-10.g-5.pt-0 {
    padding-bottom: 0rem;
}
div#dnn_MidPane_2a_4 .courses {
    width: 39%;
    margin: 25px 0px 0px auto;
}
.col-md-5 .col-md-6 {
    flex: 0 0 auto;
    width: 100%;
}
.Graphic section.ContentBlue h2, .Fashion section.ContentBlue h2 {
    font-size: 2.3rem;
}
h3 {
    font-size: 1.1rem;
}
h2 span {
    font-size: 1.3rem;
}
.col-md-6 .col-md-6 {
    width: 100%;
}
.Graphic .ContentWhite h2.large, .Fashion .ContentWhite h2.large {margin-left:0px;}
.Fashion .ContentWhite h2.large a img, .Graphic .ContentWhite h2.large a img {
    max-height: 50px;
}
.Graphic.Enrol .ContentWhite .container-fluid.p-10.g-5.pt-0 {padding-bottom:50px;}
nav#MobileNavbar .navbar-header {
    padding: 1.1rem 2rem 10px!important;
    margin-bottom: 0px;
    width: 50%;
    position: absolute;
    right: 0px;    z-index: 99;
}

.Innerpage nav#MobileNavbar {
    padding-bottom: 5%;
}

a.btnround .fa-solid {
    font-size: 1.3rem!important;
}
.Contact  .LiveForm.DesignSchool ul.page-break-section .Field:first-of-type {
    position: relative;
    padding: 0px 10px 0px!important;
}
.Contact .LiveForm.DesignSchool ul.page-break-section .Field {
    position: relative;
    padding: 10px 0px!important;
}

}

@media screen and (min-width: 740px) and (max-width: 769px) { 

}
@media screen and (min-width: 641px) and (max-width: 739px) { 


}
@media screen and (min-width: 481px) and (max-width: 640px) { 


}
@media handheld, only screen and (max-width: 480px){
	div#logo {
    margin-left: 0rem;
    width: 50%;
}
#dnn_dnnLOGO_imgLogo {
    max-height: 35px;
    padding-left: 0rem;
}
.memphis-1 {
    height: 230px;
    width: 80px;
    top: 17.5%;
    right: 1.7rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 2.6rem;
    left: 0px;
    margin-bottom: 10px;
    top: 60px!important;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
    font-size: 1.7rem;
}
.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 3.5rem;
    top: 26%!important;
    padding-left: 0px!important;
    margin-bottom: 0px;
    line-height: 1em;
}
.theme-default .nivo-caption .centered h2.fat, .theme-default .nivo-caption .centered p {
    top: 24%!important;
    padding-left: 0px!important;
}
	.navbar-header.col-md.d-flex.align-self-center.justify-content-end {
    margin-bottom: 0px;
    padding: 0px;
    width: 50%;
}
.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 3.7rem;
    top: 26%!important;
    padding-left: 0px!important;
}
.theme-default .nivo-caption .centered h2.fat.top span {
    top: 15px;
    line-height: 1em;
}
.bottom-right {
    width: 100%;
    position: relative;
    margin-top: 3rem;
}
h2.skinny.left {
    font-size: 1.8rem;
    left: 3rem;
    letter-spacing: -1px;
    top: 11px;
}
.bottom-left {
    right: 0px;
    width: 100%;
    text-align: right;
    position: relative;
    bottom: -18%;
}
h2.Giant.background {
    position: absolute;
    right: -150%;
    bottom: 32%;
    z-index: -1;
    animation: fadeIn 8s infinite;
    animation-delay: 3s;
}
.Homepage nav#MobileNavbar {
    width: 100%;
    z-index: 999;
    height: auto;
    bottom: -140%;
}
a.nav-link, .nav-pills .nav-link {
font-size: 1.3rem;
    padding: 10px 10px;
}
.dropdown-menu {
    font-size: 1rem;
}
.theme-default .nivo-caption h2.fat {
    font-size: 3.5rem;
    letter-spacing: 2px;
}

button.navbar-toggle {
    padding: 0px 0.7rem;

}
	.theme-default .nivo-caption {

    padding: 0px 3rem;
    opacity: 1;
    display: grid!important;
    transform: scale(0.6);
    overflow: visible;
}
.d-sm-none {display:none!important}
.d-sm-block {display:block!important;}
.p-10 {
    padding: 2rem;
}
.p-4 {
    padding: 1rem!important;
}
.gb, .Innerpage .gb {
    padding: 0rem 0px;
    margin-bottom: 20px;
}
.gb h3, .Innerpage .gb h3 {
    font-size: 5.1rem;
    padding: 1rem;
}
.gb h3 span, .Innerpage .gb h3 span {
    font-size: 2.3rem;
    line-height: 1em;
}
.gb h3 span svg, .Innerpage .gb h3 span svg {
    height: 0.7em;
}
.gb h3 span:after, .Innerpage .gb h3 span:after {
    font-size: 14px;
    line-height: 0px;
    top: 6px;
}
h1 span, h7 {
    letter-spacing: 1px;
    margin: 2rem 10px;
    font-size: 1.6rem;
    line-height: 1em;
}
section.ContentBlue h2 {
    margin-top: -7px;
    text-align: left!Important;
}
div#dnn_MidPane_1b_8 {
    width: 100%;
}
.Homepage  .memphis-2, .Homepage .memphis-3 {display:none;}
h2.large {
    display: flex;
flex-direction: column;}
.Homepage section.ContentTeal p, .Innerpage.About .ContentWhite.letschat p {
    font-size: 1rem;
    text-align: center!important;
}
.Homepage section.ContentTeal [class*="col-md-"] {
    padding-right: 0rem;
    padding-left: 0rem;
    align-self: center;
}
.memphis-5 {
    height: 110px;
    width: 16%;
    top: -2.7%;
    right: 2%;
    background-size: contain;
    z-index: 9;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg__itemContainer {
    flex: 1 0 100%;
}
.memphis-7 {

    height: 90px;
    width: 23%;
    top: 10%;
    right: 0px;
}
.memphis-6 {
    width: 17%;
    top: -2%;
    height: 80px;
}
div#dnn_FooterPane_1a_4, div#dnn_FooterPane_1b_4, div#dnn_FooterPane_1c_4 {
    width: 100%;
}
nav#MobileNavbar {
    width: 100%;
}
.FooterTop p {
    line-height: 1.2em;
    font-size: 1rem;
}
.Footer {
    font-size: 1.1rem;
}
div#GFM {
    justify-content: center!important;
    margin-top: 20px;
}
.memphis-9 {
    height: 90px;
    width: 18.4%;
    top: 19%;
    right: 11%;
}
.memphis-8 {
    height: 60px;
    width: 45%;
    top: 49.2%;
}
.memphis-4 {
    top: -22%;
    right: 3%;
    width: 17%;
}
.Innerpage div#dnn_BannerPane {overflow:hidden;}
.Innerpage div#dnn_BannerPane img {
    min-width: 124%;
}
.Innerpage #dnn_dnnLOGO_imgLogo {
    max-height: 23px;
    padding-left: 0px;
}
div#logo {
    padding: 0px;
}
.dropdown-menu {
    font-size: 1rem;
    line-height: 1.6em;
}
.Innerpage h1 span, h7 {
    color: #fff;
    line-height: 1em;
    margin: 0rem 0px 2rem;
    font-size: 1.3rem;
}
div#dnn_MidPane_2a_4 h2 {
    margin-top: -7px;
    padding-left: 0px;
    font-size: 2.9rem;
    text-align: left!important;
}
.Innerpage div#dnn_MidPane_2a_4 {
    width: 100%;
}
.Innerpage .container-fluid.p-10.g-5.pt-0 {
    padding-top: 2rem!important;
}
.Fashion .memphis-4, .Graphic .memphis-4, .Innerpage .memphis-3 {display:none;}
.Innerpage.Enrol.About .memphis-2 {
    height: 160px;
    width: 32%;
    top: -2%;
    right: 0px;

}
.Innerpage h2.large {
    font-size: 3rem;
}
a.btnround:link, a.btnround:visited {

    margin-left: 0px;
}
h2.large img {
    max-height: 42px;
    display: block!important;
    text-align: center;
    margin: auto;
}
h2.large {
    display: flex;
    flex-direction: column;
    text-align: center;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 12.8rem;
}
.Innerpage .courses p, div#dnn_MidPane_2a_4 .courses p {
    font-size: 1.5rem;
    margin-bottom: 10px;
}
.Innerpage .courses h2 span, div#dnn_MidPane_2a_4 .courses h2 span {
    display: block;
    font-size: 4.2rem;
    line-height: 0.7em;
}
.Graphic.About section.ContentWhite.texture a.btnround:link, .Graphic.About section.ContentWhite.texture a.btnround:visited {
    margin-left: 0px;
}

.Innerpage .courses p.link, div#dnn_MidPane_2a_4 .courses p.link {
    font-weight: 400;
    font-size: 1.2rem;
}
.Innerpage .courses p.link svg, div#dnn_MidPane_2a_4 .courses p.link svg {
    height: 18px;
}
.courses, div#dnn_MidPane_2a_4 .courses {
    padding: 0.7rem 0.3rem 0.7rem 0.7rem;
    margin-bottom: 20px;
}
.courses:before{
    border-bottom: 50px solid;
    border-left: 50px solid transparent;
}
.courses h2 u {
    font-size: 1.1rem;
    bottom: 0px;
    line-height: 3.1em;
    width: 43%;
}
.Innerpage .courses.parttime h2, div#dnn_MidPane_2a_4 .courses.parttime h2 {
    margin-bottom: 15px;
    font-size: 6.6rem!important;
}
.Innerpage .courses h2 u span, .Innerpage .courses h2 u span, div#dnn_MidPane_2a_4 .courses h2 u span {
    font-size: 0.9rem;
    text-decoration: none;
    line-height: 1em;
    display: inline-block;
    color: #ffff;
    font-weight: 700;
}
.accordion-container {
    height: auto;
    overflow-y: visible;
}
.zerofees {
    float: none;
    padding: 0px!important;
}
div#dnn_MidPane_2a_4 .courses {
    width: 100%;
    margin: 25px 0px 25px auto;
}
p {
    font-size: 1rem;
}
.Innerpage .memphis-13 {
    height: 170px;
    width: 19%;
    top: -17%;
    left: 7%; 
}
.Innerpage .memphis-12 {

    height: 190px;
    width: 30%;
    top: 95%;
    right: 0px;
}
.pb-5 {
    padding-bottom: 2rem!important;
}
.pt-5 {
    padding-top: 2rem!important;
}
.Innerpage .memphis-2 {
    height: 140px;
    width: 20%;
    top: -1%;
    right: 10px;
  
}
p.smaller {
    font-size: 0.6rem!important;
}
section.ContentGrey .eds_GravityGallery_Graviton .edsgg__itemsListContainer .edsgg_thumbnailWrapper {
    margin: 0 0px 30px!important;
}
button.navbar-toggle {
    padding: 0px 0rem;
}

.cbp-popup-singlePage .cbp-l-project-container {
    overflow: hidden;
    margin: 25px auto 0;
    width: 100%;
    padding: 1rem;
}
.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
    display: block;
    margin: 0 0px 0px 0px!important;
    max-width: 100%!important;
    padding: 1rem;
}
.Innerpage.Enrol section.ContentGrey div#dnn_MidPane_5e_2 {
    width: 100%;
}
.Radiobutton td, .LiveForm.DesignSchool .Field.Checkbox table td {
    width: 100%;
    display: block;
}
.great-reason div#dnn_MidPane_4a_3b {
    order: 2;
}
.Innerpage.Contact #dnn_MidPane_4a_3a h3, .Innerpage.Contact #dnn_MidPane_4a_3a p {

    text-align: left!important;
}
.Contact .LiveForm.DesignSchool ul.page-break-section .Field:first-of-type {
    position: relative;
    padding: 40px 0px 0px!important;
}
.Innerpage.Contact .ContentWhite ul li p, .Innerpage.Contact .ContentWhite p strong {
    font-size: 1.2rem;
}
.Fashion .ContentWhite div#dnn_MidPane_2a_4 h3 {
    text-align: left!important;
}
.Graphic .ContentWhite .container-fluid.p-10.g-5.pt-0, .Fashion .ContentWhite .container-fluid.p-10.g-5.pt-0 {
    padding-bottom: 3rem;
}
.cbp {
    max-width: 100%!important;
}
.cbp-l-grid-team .cbp-item {
    flex: 0 0 47%;
    margin: 4px!important;
}

.Fashion .ContentWhite h2.large a img, .Graphic .ContentWhite h2.large a img {
    max-height: 40px;
}
h4 {
    font-size: 2.5rem;
}
.Graphic .ContentWhite h2.large, .Fashion .ContentWhite h2.large {
    font-size: 2.7rem;
    line-height: 1.5em;
}
div#dnn_ctr2732_ContentPane p, div#dnn_ctr2740_ContentPane p{
    display: none;
}
div#dnn_MidPane_2a_4 h2, .Fashion .ContentWhite h2 strong {
    margin-top: -7px;
    padding-left: 0px;
    font-size: 2.6rem;
}
a.wow-button:link, a.wow-button:visited {
display: block;}

.Homepage div#dnnMenu {
    background: #362d77;
    padding-bottom: 5%;
}
/*--------- Retina Styles ----------*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
       only screen and (-moz-min-device-pixel-ratio: 2),
       only screen and (-o-min-device-pixel-ratio: 2/1),
       only screen and (min-device-pixel-ratio: 2) {



}


}

@media screen and (min-width: 380px) and (max-width: 414px) { 



}
@media screen and (max-width: 400px) { 
div#dnn_MidPane_2a_4 h2, .Fashion .ContentWhite h2 strong {
    margin-top: -7px;
    padding-left: 0px;
    font-size: 2.5rem;
}
.Footer {
    font-size: 0.9rem;
}
.p-4 {
    padding: 0.5rem!important;
}
.theme-default .nivo-caption {
padding: 0px 0rem!important;}
.centered h3 {
    font-size: 2.2rem;
}
.theme-default .nivo-caption .centered h2.fat.top {
    font-size: 2.6rem;
    top: 26%!important;
    padding-left: 0px!important;
    letter-spacing: 4px;
}
.nivo-caption p {
    font-size: 0.6rem;
}
.theme-default .nivo-caption .centered h2.fat.bottom {
    font-size: 2.2rem;
    left: 0px;
    margin-bottom: 10px;
    top: 60px!important;
}
.theme-default .nivo-caption .centered h2.fat.bottom span {
    font-size: 1.3rem;
}
.centered h3 {
    top: 35%!important;
    left: 4.6%!important;
    font-size: 1.7rem;
}
#dnn_dnnLOGO_imgLogo {
    max-height: 25px;
    padding-left: 0rem;
}
.memphis-1 {
    height: 230px;
    width: 71px;
    top: 17.5%;
    right: 0.5rem;
}
.bottom-left {
    right: 0px;
    width: 100%;
    text-align: right;
    position: relative;
    bottom: -6%;
    left: -50px;
}
.gb h3, .Innerpage .gb h3 {
    font-size: 4.2rem;
    padding: 1rem;
}
.gb h3 span, .Innerpage .gb h3 span {
    font-size: 2rem;
    line-height: 1em;
}
h5 + p {
    display: none;
}
.dropdown-menu {
    font-size: 1rem;
    line-height: 1.4em;
}
.p-10 {
    padding: 1.5rem!important;
}

span.icon-bar {
    background: #fff;
    width: 23px;
    height: 3px;
    display: block;
    margin: 4px 0px;
}
.Innerpage .courses.parttime h2, div#dnn_MidPane_2a_4 .courses.parttime h2 {
    margin-bottom: 15px;
    font-size: 5.6rem!important;
}
.Innerpage .courses h2 span, div#dnn_MidPane_2a_4 .courses h2 span {
    display: block;
    font-size: 2.7rem;
    line-height: 0.7em;
}
.Innerpage .courses h2, .Innerpage div#dnn_MidPane_2a_4 .courses h2 {
    font-size: 10.8rem;
}
.Innerpage .courses p, div#dnn_MidPane_2a_4 .courses p {
    font-size: 1.2rem;
    margin-bottom: 10px;
}
.Innerpage .courses p.link, div#dnn_MidPane_2a_4 .courses p.link {
    font-weight: 400;
    font-size: 1rem;
}
.courses h2 u {
    font-size: 1rem;
    bottom: 0px;
    line-height: 3em;
    width: 43%;
}


}