.notice{
  background-color: #7E57C2;
  color: #fff;
  width: 100%;
  text-align: center;
  font-family: 'Open Sans', sans-serif;
  padding: 30px;
}


html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;}
blockquote, q {quotes: none;}
b, strong {font-weight:700;}

/* GENERAL CLASSES */

.clear {clear: both;}
ul {margin: 0 0 0 10px; padding: 0; text-align: left; list-style-type: circle;}
ul li {color: #3e3e3e; font-family: 'Open Sans', sans-serif; margin:10px; font-size: 1em; text-align: left;}
ul li a {color: #3e3e3e; font-family: 'Open Sans', sans-serif; margin:10px; font-size: 1em; text-align: left; text-decoration: none;}
ul li a:hover {text-decoration: underline;}
.active {font-weight: 700;}
.anchor {position: absolute; margin: -25px 0 0 0;}

.image-float-50 {float: left; width: 40%; margin: 5% 5% 5% 10px;  padding:5px; border:1px solid #dddddd; float:right; margin:0px 0px 10px 10px;}

.backToTop { text-align:right; margin: 20px 0 15px 0; padding: 20px 0 0 0; font-family: 'Open Sans', sans-serif; margin:0; font-size: 1em;}
.backToTop a { color:#7E57C2; }

.page-bar {width: 100%; height: 4px; background:#7E57C2; }
#genius {width: 100%; height: 4px; background:lime; }
#genius {display:none;}


/* TYPOGRAPHY */

h1 {color: #5E35B1; font-family: 'Bitter', serif; font-size: 2em; margin: 10px 0px 20px 0px; }

h2 {color: #CC2216; font-family: 'Bitter', serif; font-size: 1.5em; margin: 15px 0 15px 0; }

h3 {color: #7E57C2; font-family: 'Bitter', serif; display:inline; font-size: 1.2em; margin: 20px 0 10px 0; }

h4 {color: #7E57C2; font-family: 'Bitter', serif; font-size: 1.1em; display:inline; }

h5 {color: #7E57C2; font-family: 'Bitter', serif; font-size: 1em; }

p {font-family: 'Open Sans', sans-serif; color: #3e3e3e; margin:20px 0 10px 0; font-size: 1em; line-height:1.8em;}

a { font-family: 'Open Sans', sans-serif; color: #7E57C2; font-size: 1em; }


/* PAGE ELEMENTS */

html { width: 100%;}

.container {width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0; box-sizing:border-box;}

body {  background: #512DA8; width:100%; background-repeat: no-repeat; margin: 0 auto; padding: 0;}

header { width: 100%; background: #ffffff; margin: 0 auto; padding: 20px 0px 50px 0px; box-sizing:border-box;}
.header-container {width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0; box-sizing:border-box;}
.logo {width:500px; margin: 0px auto 0px auto; padding: 0; }
.logo img {width: 100%; margin: 0px auto 0px auto; padding: 0;}
nav { width: 100%; margin:-20px 0px 5px 0px; padding: 0; box-sizing:border-box; }
nav ul {list-style-type: none; margin: 0; padding: 0; box-sizing:border-box;}
nav ul li {display: inline-block; font-family: 'Open Sans', sans-serif;  margin: 30px 0px 0px 0px; padding: 15px 0 15px 0; text-align: center; box-sizing:border-box;}
nav ul li a {color: #3e3e3e; padding: 0; margin: 0;}
nav ul li:hover a {text-decoration: none; color: #ffffff;}

nav ul li:nth-of-type(1) {width: 9%; box-sizing:border-box;}
nav ul li:nth-of-type(2) {width: 10%; box-sizing:border-box;}
nav ul li:nth-of-type(3) {width: 14%; box-sizing:border-box;}
nav ul li:nth-of-type(4) {width: 14%; box-sizing:border-box;}
nav ul li:nth-of-type(5) {width: 14%; box-sizing:border-box;}
nav ul li:nth-of-type(6) {width: 14%; box-sizing:border-box;}
nav ul li:nth-of-type(7) {width: 7%; box-sizing:border-box;}
nav ul li:nth-of-type(8) {width: 14%; box-sizing:border-box;}

nav ul li:hover {background:#512DA8; color:#ffffff; border-radius: 5px ;}
nav ul li.active {background:#512DA8; color:#ffffff; border-radius: 5px; }
nav ul li.active a {color:#ffffff; }

#main_body_nav {display: none;}

/* BOUNCE NAV TRANSITION

nav ul li {display: inline-block;vertical-align: middle;-webkit-transform: translateZ(0);transform: translateZ(0);box-shadow: 0 0 1px rgba(0, 0, 0, 0);-webkit-backface-visibility: hidden;backface-visibility: hidden;-moz-osx-font-smoothing: grayscale;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;border-radius: 0px 0px 5px 5px;}
nav ul li:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #7E57C2;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.5s;transition-duration: 0.5s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;border-radius: 0px 0px 5px 5px;}
nav ul li:hover, nav ul li:focus, nav ul li:active {color: white;}
nav ul li:hover:before, nav ul li:focus:before, nav ul li:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);-webkit-transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);transition-timing-function: cubic-bezier(0.52, 1.64, 0.37, 0.66);}*/

/* MAIN CONTENT */

main { width: 1200px; max-width: 1200px; margin: -45px auto 10px auto; padding: 10px 10px 10px 10px;  }
.main-border {border: 10px solid red;}
.main-header {width: 100%; margin: 0; padding: 0; background: #7E57C2; border-radius: 5px 5px 0px 0px; box-sizing:border-box;}
.main-header ul {margin: 0; padding:10px; list-style-type: none; text-align: center;}
.main-header ul li {margin: 0; padding: 0; display: inline-block; font-family: 'Open Sans', sans-serif; font-size: 1.05em; letter-spacing: 1px;}
.main-header ul li a {color: #ffffff; text-decoration: none;}
.main-header ul li a:hover {text-decoration: underline;}
.main-header ul li.contact-phone {background:url('../images/iconTelephone.png') left 6px no-repeat; padding: 0 0 0 30px; margin: 0 0 0 10px; font-weight: 800; font-size: 1.2em; color: #ffffff;}
.main-header ul li.contact-email {background:url('../images/iconEmail.png') left 6px no-repeat; padding: 3px 0 0 20px; margin: 0 0 0 10px;}
.main-header ul li.contact-address {background:url('../images/iconAddress.png') left 6px no-repeat; padding: 3px 0 0 30px; margin: 0 0 0 10px; color: #ffffff;}

.main-banner {position: relative; width: 100%; margin: -10px 0 25px 0; padding: 0;}
.main-banner p {font-size:0.5em; margin:0 0 20px 0;}
.main-banner h2 {font-size:2.5em;}
.main-banner img {width: 100%; margin: 0; padding: 0;}
.main-banner span {position: absolute; bottom: 125px;left: 150px; color: #ffffff; font-family: 'Bitter', serif;  padding: 20px; width:60%; background: rgb(0,0, 0); background: rgba(0, 0, 0, 0.5); }
.main-banner span { -moz-animation-name: dropSpan;-moz-animation-iteration-count: 1;-moz-animation-timing-function: ease-in;-moz-animation-duration: 0.6s;-webkit-animation-name: dropSpan;-webkit-animation-iteration-count: 1;-webkit-animation-timing-function: ease-in;-webkit-animation-duration: 0.6s;animation-name: dropSpan;animation-iteration-count: 1;animation-timing-function: ease-in;animation-duration: 0.6s;}
.main-banner .banner-description p {color: #ffffff; line-height: 1.5em;}
.banner-cta {font-family: 'Open Sans', sans-serif; font-size: 0.5em; margin: 10px 10px 10px 0; }
.banner-cta a {color: #ffffff; background: #7E57C2; padding:10px 20px; text-decoration: none; border-radius: 50px;}
.banner-cta a:hover {background: #9575CD;}

@-moz-keyframes dropSpan {0% {-moz-transform: translateY(-80px); opacity: 0;} 100% {-moz-transform: translateY(0); opacity: 100;} }
@-webkit-keyframes dropSpan {0% {-webkit-transform: translateY(-80px); opacity: 0;}100% {-webkit-transform: translateY(0); opacity: 100;}}
@keyframes dropSpan {0% {transform: translateY(-80px); opacity: 0;}100% {transform: translateY(0); opacity: 100;}}

/* PAGE JUMPS */

.jumps {width: 100%; margin:0; padding: 0 10px 10px 10px; background: #ffffff; box-sizing:border-box; font-size:0.9em;}
.jumps img {width: 100%; margin: 0; padding: 0;}
.jump-description {width: 100%; margin: 0; padding: 10px; box-sizing:border-box;}
.jump1 {width: 24%; float: left; margin: 0.5%; padding: 10px 0 0 0; background: #ffffff; box-sizing:border-box; }
.jump2 {width: 24%; float: left; margin: 0.5%; padding: 10px 0 0 0; background: #ffffff; box-sizing:border-box; }
.jump3 {width: 24%; float: left; margin: 0.5%; padding: 10px 0 0 0; background: #ffffff; box-sizing:border-box; }
.jump4 {width: 24%; float: left; margin: 0.5%; padding: 10px 0 0 0; background: #ffffff; box-sizing:border-box; }

.jump-button { width: 100px; text-align: center;  padding: 10px; margin: 0 auto;  background: #7E57C2; border-radius: 50px; }
.jump-button a {color: #ffffff; font-family: 'Open Sans', sans-serif; font-size: 1em; margin: 10px 0 20px 0;  line-height: 1.6em; text-decoration: none;}

.jump1:hover {cursor: pointer;}
.jump1:hover img {opacity: 0.6; }
.jump1:hover .jump-button {cursor: pointer; background: #9575CD; border:none;}
.jump1:hover .jump-button a {color: #fff; cursor: pointer;}
.jump2:hover {cursor: pointer;}
.jump2:hover img {opacity: 0.6; }
.jump2:hover .jump-button {cursor: pointer; background: #9575CD; border:none;}
.jump2:hover .jump-button a {color: #fff;}
.jump3:hover {cursor: pointer;}
.jump3:hover img {opacity: 0.6;}
.jump3:hover .jump-button {cursor: pointer; background: #9575CD; border:none;}
.jump3:hover .jump-button a {color: #fff;}
.jump4:hover {cursor: pointer;}
.jump4:hover img {opacity: 0.6;}
.jump4:hover .jump-button {cursor: pointer; background: #9575CD; border:none;}
.jump4:hover .jump-button a {color: #fff;}

.main-content {width: 70%;float: left; padding: 20px; margin: 10px 0 0 0; background:#ffffff; box-sizing:border-box;}
.main-content-container {background: #ffffff; width: 100%;}
.associate-images {width: 100%; margin: 20px 0 20px 0; padding:10px 0 10px 0;}
.associate-images .logo2 {height:70px; padding-right:10px; padding-bottom:15px;}

.testimonial-primary { box-sizing:border-box; padding: 5px 10px 5px 10px; font-style: italic;}
.testimonial-primary p {color: #512DA8; font-size: 1.2em;}


/* RIGHT COLUMN */

.right-column {width: 30%;float: right; padding: 0 20px 10px 20px; margin: 10px 0 0 0; box-sizing:border-box;}
.right-column-box {width: 100%; margin:0; padding: 10px; border-bottom: 1px solid #e1e1e1; background: #f5f5f5; box-sizing:border-box; }
.right-column-box  ul li{font-size:0.9em; }
.right-column-box img {width: 100%;}
.right-column-box:nth-of-type(1) { border-radius: 5px 5px 0px 0px; }
.right-column-box-contact {width: 100%; margin:0; padding: 10px; background: #eeeeee; border-radius: 0px 0px 5px 5px; box-sizing:border-box;}
.right-column-box-contact ul {list-style-type: none; margin: 0;}
.right-column-box-contact ul li {margin: 0;  }
.contact-phone-alt {background:url('../images/iconTelephoneAlt.png') left 6px no-repeat; padding: 0 0 0 30px; margin: 0 0 0 10px; font-weight: 800; font-size: 1.2em; }
.contact-email-alt {background:url('../images/iconEmailAlt.png') left 6px no-repeat; padding: 3px 0 0 30px; margin: 0 0 0 10px;}
.contact-address-alt {background:url('../images/iconAddressAlt.png') left 6px no-repeat; padding: 3px 0 0 30px; margin: 0 0 0 10px; font-size:0.9em; padding-bottom:10px}

/* FOOTER */

footer {width: 100%; margin: 0; padding: 10px 0 20px 0; border-radius: 0px 0px 5px 5px; box-sizing:border-box; background: rgba(0,0,0,0.2);}
.footer-container {width: 1200px; max-width: 1200px; margin: 0 auto; padding: 0; box-sizing:border-box;}
footer ul {list-style-type:none; width: 80%; padding: 0; margin: 0; float: left; box-sizing:border-box;}
footer ul li {display:inline-block; }
footer ul li a {color: #ffffff;}
footer p {width: 20%; float: right; padding: 10px 20px 10px 0; margin: 0; text-align: right; color: #ffffff; box-sizing:border-box;}
footer a {color: #7E57C2; }

/* --MEDIA-- */

/* -- 1400px  -- */

@media (max-width: 1400px) {

.main-banner span { width: 70%; bottom: 125px;left: 150px;}

}


/* -- 1300px  -- */

@media (max-width: 1300px) {

.container {width: 95%;}
.header-container {width: 95%;}
main {width: 95%;}
.footer-container {width: 95%; padding: 10px 20px 10px 20px;}

}

/* -- 1200px  -- */

@media (max-width: 1200px) {
#genius {background:pink;}
main {margin: -30px auto 10px auto; }
.main-banner span { width: 70%; bottom: 75px;left: 150px; }
nav { width: 100%; margin:-10px 0px 5px 0px; padding: 0; font-size:0.9em;  }
nav ul li:nth-of-type(1) {width: 9%; box-sizing:border-box;}
nav ul li:nth-of-type(2) {width: 10%; box-sizing:border-box;}
nav ul li:nth-of-type(3) {width: 12%; box-sizing:border-box;}
nav ul li:nth-of-type(4) {width: 14%; box-sizing:border-box;}
nav ul li:nth-of-type(5) {width: 17%; box-sizing:border-box;}
nav ul li:nth-of-type(6) {width: 16%; box-sizing:border-box;}
nav ul li:nth-of-type(7) {width: 7%; box-sizing:border-box;}
nav ul li:nth-of-type(8) {width: 11%; box-sizing:border-box;}

}



/* -- 1000px  -- */

@media (max-width: 1000px) {
#genius {width:100%; background:yellow; height:2px;}

.logo {width:350px;}
nav { width: 100%; margin:-10px 0px 5px 0px; padding: 0; font-size:0.9em;  }
nav ul li:nth-of-type(1) {width: 9%; box-sizing:border-box;}
nav ul li:nth-of-type(2) {width: 10%; box-sizing:border-box;}
nav ul li:nth-of-type(3) {width: 12%; box-sizing:border-box;}
nav ul li:nth-of-type(4) {width: 14%; box-sizing:border-box;}
nav ul li:nth-of-type(5) {width: 17%; box-sizing:border-box;}
nav ul li:nth-of-type(6) {width: 16%; box-sizing:border-box;}
nav ul li:nth-of-type(7) {width: 7%; box-sizing:border-box;}
nav ul li:nth-of-type(8) {width: 11%; box-sizing:border-box;}

.main-banner span { width: 80%; top: 50px;left: 50px; font-size: 0.78em; }

.main-content {width: 100%;}
.right-column {width: 100%;}
.right-column-box:nth-of-type(1) {display: none;}
.right-column-box:nth-of-type(2) {width: 50%; float: left; background: none;}
.right-column-box:nth-of-type(3) {width: 50%; float: right; background: none;}
}


/* -- 820px  -- */


@media (max-width: 820px) {
#genius {width:100%; background:pink; height:2px;}
.main-banner span { width: 85%; bottom: 35px;left: 20px;  }

.jump1 {width: 49%; float: left; box-sizing:border-box;}
.jump2 {width: 49%; float: right; box-sizing:border-box;}
.jump3 {width: 49%; float: left; box-sizing:border-box;}
.jump4 {width: 49%; float: right; box-sizing:border-box;}

.logo {margin: 0 auto; width: 100%; text-align: center;}
.logo img {width: 50%;}

nav {width: 100%;}
nav ul {text-align: center; margin: 30px 0 20px 0; padding: 0;}

footer ul {width: 100%; text-align: center;}
footer p {width: 100%; text-align: center;}

}






/* -- 625px  -- */

@media (max-width: 820px) {
#genius {width:100%; background:white; height:2px;}

.jump1 {width: 100%; }
.jump2 {width: 100%; }
.jump3 {display: none;}
.jump4 {display: none;}

nav ul {display: none;}

.main-header ul li.contact-address {display: none;}

#main_body_nav {margin: 0 auto;width: 100%; display: block; padding: 0; font-family: 'PT Sans', sans-serif; font-size: 1.1em; background:#7E57C2; border-radius: 5px; margin: -20px 0 0 0;}
#main_body_nav  ul {list-style:none; padding:10px 3% 10px 3%;  margin-top: 0px; margin-bottom: -10px;width:100%; box-sizing:border-box; margin: 20px 0 0 0;}
#main_body_nav  ul li {list-style:none;  border-top:0px solid #fff; margin: 0; padding: 10px 0; border-radius: 5px;}
#main_body_nav  ul li:hover {background:#7E57C2; cursor:pointer; }
#main_body_nav  ul li:hover a {color: #ffffff; }
#main_body_nav  ul li a { color: #ffffff;font-size:1.2em; line-height:1.3em; font-weight:500; text-decoration:none; padding: 10px;}
#main_body_nav  ul li span {float:right;height:35px; width:35px; background:url('../images/icon-menu.png'); background-repeat:no-repeat; background-size:35px; margin:-2px 5px 5px 0px;}
#main_body_nav  ul li span:hover {cursor:pointer;}
#menu_title ul li.menu_button {width:auto; background: url('#')  60px 0px no-repeat;  background-size:30px; padding:10px 0 10px 0;}
#menu_title ul li.menu_button:hover {cursor: pointer;}

#a, #b, #c, #d, #e, #f, #g, #h, #i, #j {padding:0; }
#a ul, #b ul, #c ul, #d ul, #e ul, #f ul, #g ul, #h ul, #i ul, #j ul{list-style:none; margin:0; padding:0;}


h1 {font-size: 1.7em; }

h2 {font-size: 1.5em;}

h3 {font-size: 1.2em; }

h4 {font-size: 1.1em; }

h5 {font-size: 1em; }

}

/* -- 575px  -- */

@media (max-width: 575px) {
body{font-size:80%;}
.image-float-50 {float: left; width: 100%; margin: 10px 0;}
.logo img{width: 80%;}
.right-column-box:nth-of-type(1) {width: 100%; display: block;}
.right-column-box:nth-of-type(2) {width: 100%;}
.right-column-box:nth-of-type(3) {width: 100%;}

}

/* -- 475px  -- */

@media (max-width: 475px) {

.logo img{width: 100%;}


}