@charset "UTF-8";
html {height: 101%; margin: 0; padding: 0; min-height: 101%;}
body {font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 100%; font-style: normal; margin: 0; padding: 0; height: 100%; position: relative; overflow-x: hidden; background: #ff7f00; min-height: 101%;}
body.scitt {background: #51427f; font-family: "Roboto", sans-serif;}
/* font-family: 'Montserrat', sans-serif;font-weight: */

img {display: block; margin: 0; outline: none; padding: 0; vertical-align: bottom; max-width: 100%; width: auto;}
hr {width: 100%; height: 1px; background: #cccccc; border: none; margin: 0 auto 20px auto;}

img.seecmsimagedefault, img.seecmsimagedefaultundefined {display: inline-block; margin: 0 0 20px 0!important;}
img.seecmsimageleft, img.seecmsimageleftundefined {float: left; margin: 0 20px 20px 0!important;}
img.seecmsimageright, img.seecmsimagerightundefined {float: right; margin: 0 0 20px 20px!important;}
img.seecmsimagecentre, img.seecmsimagecentreundefined {display: block; margin: 0 auto;}
img.circleimage {border-radius: 50%; overflow: hidden;}

p, h1, h2, h3, h4, li {margin: 0; padding: 0; line-height: 130%; color: #333333; font-style: normal; font-weight: normal;}
p {padding: 0 0 20px 0;}
ul, ol {margin: 0; padding: 0;}
strong {font-weight: bold;}
a {text-decoration: none; color: #333333;}
p.seeformerrors {color: red;}
.col1, .col2, .col3, .col4, .left, .right {display: block; float: left; min-height: 5px;}

div:after, form:after, ul:after, input:after, section:after, article:after, header:after, footer:after, nav:after, aside:after, hgroup:after {clear: both; content: ""; display: block; height: 0; visibility: hidden;}
section, article, header, footer, nav, aside, hgroup {display: block;}
label {color: #333333; font-size: 90%;}

input[type="text"], input[type="password"], input[type="email"], textarea, select, button {width: 100%; padding: 0 2%; box-sizing: border-box; height: 30px; background: #ffffff; border: 1px solid #cccccc; margin: 5px 0 15px 0; outline: none; resize: none; font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 90%;}
input:-webkit-autofill {-webkit-box-shadow: 0 0 0 1000px white inset;}

textarea {height: 130px; padding: 10px 2%;}

input[type="checkbox"] {width: 15px; height: 15px; float: left; margin: 0 10px 0 0;}
input[type="text"], input[type="submit"], textarea, button, input[type="password"] {-webkit-appearance: none; -moz-appearance: none; appearance: none; border-radius: 0;}
input[type="submit"] {cursor: pointer; width: auto; outline: none; border: none; text-transform: none; background: #00a786; padding: 0 20px; height: 30px; color: #ffffff; font-size: 100%; font-family: "vag-rundschrift-d-n4", "vag-rundschrift-d", arial, sans-serif; font-weight: 400; border-radius: 0;}
.clear {clear: both;}

/* font-family: "vag-rundschrift-d-n4", "vag-rundschrift-d", arial, sans-serif; font-weight: 400; */

.pinkbar a, .greenbar a, .orangebar a, .purplebar a {color: #ffffff!important; text-decoration: none; padding: 10px 60px 10px 15px; display: inline-block; position: relative; border-radius: 10px; clear: both; background: #d7489a;}
.greenbar a {background: #00a786;}
.orangebar a {background: #f27c23;}
.purplebar a {background: #564082;}
/* .pinkbar a:after, .greenbar a:after, .orangebar a:after, .purplebar a:after {content: "\f35a"; position: absolute; top: 14px; right: 15px; font-family: "Font Awesome\ 5 Free"; color: #ffffff; font-size: 100%; line-height: 100%; font-variant: normal; text-rendering: auto; -webkit-font-smoothing: antialiased; display: inline-block; font-style: normal; font-weight: 900;} */

.roundedtext {font-family: "vag-rundschrift-d-n4", "vag-rundschrift-d", arial, sans-serif; font-weight: 400;}

.blockbutton a {display: inline-block; background: #51427f; border-radius: 5px; padding: 10px 15px; color: #ffffff!important; text-transform: uppercase; text-decoration: none; font-weight: 600;}
.blockbutton a.pink {background: #db4599;}
.blockbuttongreen {position: relative; float: right;}
.blockbuttongreen a {display: block; padding: 6px 40px 6px 16px; color: #ffffff; background: #00a786; /* url(../images/arrow-right-white.png) no-repeat; background-size: 20px; background-position: 90% 50%; */ border-radius: 10px; font-size: 90%; text-transform: uppercase;}

.popupbanner {width: 90%; max-width: 1180px;}
.popupbanner .inner {box-sizing: border-box; padding: 40px!important;}

.tsa ul {list-style-image: url(../images/chevron-right-solid.png);}

.tsa .content table {width: 100%; margin: 0 0 10px 0; border: 0!important; border-collapse: separate!important; border-spacing: 0!important;}
.tsa .content table th {padding: 10px 10px 10px 0; font-size: 100%; color: #58595b; background: #ffffff!important; font-weight: 700; border-collapse: separate!important; text-align: left; border: 0!important; border-spacing: 0!important; position: relative; text-transform: uppercase;}
.tsa .content table td {padding: 10px 10px 10px 0; font-size: 100%; color: #58595b; background: #ffffff!important; font-weight: 400; border-collapse: separate!important; text-align: left; border: 0!important; border-spacing: 0!important; position: relative;}
.tsa .content table td:before {width: 100%; height: 1px; content: ""; background: #58595b; position: absolute; bottom: 0; left: 0; display: block;}
.tsa .content table th:before {width: 100%; height: 1px; content: ""; background: #be1e2d; position: absolute; top: 0; left: 0; display: block;}
.tsa .content table th:after {width: 100%; height: 1px; content: ""; background: #be1e2d; position: absolute; bottom: 0; left: 0; display: block;}
.tsa .content table th p, .tsa .content table td p {font-size: 100%; padding: 0;}
.tsa .content table td li, .tsa .content table th li {font-size: 100%;}

.top-mobile {display: none;}
.top-header-wrap {
  padding: 0 20px; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(157, 36, 78, 1) 0%, rgba(224, 88, 51, 1) 33%, rgba(247, 218, 131, 1) 66%, rgba(0, 173, 157, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d244e", endColorstr="#00ad9d", GradientType=1); /* IE6-9 */
}
.top-header {max-width: 1480px; width: 100%; margin: 0 auto; padding: 15px 0; position: relative;}
.top-header .socialicons {float: left; padding-right: 20px;}
.top-header .socialicons p {padding: 0 0 0 10px; float: left;}
.top-header .socialicons p a {color: #ffffff; font-size: 110%;}
.top-header .links {float: left;}
.top-header .links p {float: left; padding: 0 0 0 20px;}
.top-header .links p a {color: #ffffff;}
.top-header .search {float: right; width: 30px;}
.top-header .search label, .top-header .search span.alttext {height: 0; width: 0; overflow: hidden; opacity: 0; position: absolute; display: block;}
.top-header .search a {color: #ffffff; text-decoration: none; font-size: 100%; display: inline-block;}
.top-header .search a.close {position: absolute; top: 50%; transform: translateY(-50%); right: 0; color: #60b084; z-index: 20; display: none;}
.top-header .search .searchbox {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 250px; visibility: hidden; opacity: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.top-header .search .searchbox input {height: 30px; margin: 0;}
.top-header .search.clicked .searchbox {right: 0; visibility: visible; opacity: 1;}
.top-header .search.clicked a.open {display: none;}
.top-header .search.clicked a.close {display: block; right: 10px;}

.header-wrap {padding: 0 20px; background: #ffffff;}
.header {max-width: 1180px; width: 100%; margin: 0 auto; padding: 27px 0 19px 0;}
.header .left {float: left; width: 780px;}
.header .right {float: right; width: 360px; text-align: right;}
.header .right p {color: #ff7f00; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 155%; padding: 0 0 5px 0;}
.header a.logo {display: block; width: 100%; height: 93px; background: url(../images/logo.png) no-repeat 0 0; background-size: 100%;}
.header a.logo i {display: none!important;}
.header p.socialicons {font-size: 100%!important;}
.header p.socialicons a {width: 35px; height: 35px; border-radius: 50%; display: inline-block; margin: 0 0 0 10px; line-height: 35px; text-align: center; color: #ffffff; background: #2d89c6;}
.header p.socialicons a.memberbutton {width: auto; height: 35px; border-radius: 0; display: inline-block; margin: 0 0 0 10px; line-height: 35px; text-align: center; color: #ffffff; background: #2d89c6; padding: 0 20px;}
.header p.socialicons a:hover {background: #8bbcdd;}

.nav {padding: 40px 0 0 0;}
.nav ul {width: 100%; display: table;}
.nav li {list-style: none; display: table-cell; text-align: left; padding: 0 0 0 20px; position: relative;}
.nav li:first-child {padding: 0;}
.nav li a {padding: 13px 0 0 0; border-top: 1px solid #333333; display: block; font-weight: 700; color: #333333;}
.nav li a i {display: none;}
.nav li.selected a, .nav li:hover a {color: #2d89c6; background: url(../images/nav-selected.png) repeat-x top left; border-color: #2d89c6;}
.nav li ul {position: absolute; top: 100%; left: 0; min-width: 300px; width: 100%; display: none; z-index: 99; background: #ffffff; padding: 20px 0;}
.nav li:hover ul {display: block;}
.nav li li {display: block; padding: 5px 20px;}
.nav li li:first-child {padding: 5px 20px;}
.nav li.selected li a, .nav li:hover li a {background: none; color: #333333; border-color: #333333;}
.nav li.selected li.selected a, .nav li:hover li:hover a {/* background: url(../images/nav-selected.png) repeat-x top left; */ color: #2d89c6; border-color: #2d89c6;}

.content .snav {border-bottom: 3px solid #00a786; margin: 0 0 20px 0;}
.content .snav ul {margin: 0!important;}
.content .snav li {list-style: none; padding: 0!important; background: none!important; border-top: 1px solid #666666;}
.content .snav li a {font-family: "myriad-pro", sans-serif; font-weight: 400; color: #666666; font-size: 110%; margin: 15px 0; display: inline-block;}
.content .snav li a i {display: none;}
.content .snav li ul {margin: 0 0 15px 20px!important; padding-left: 10px;}
.content .snav li ul li {border: none; list-style-image: url(../images/chevron-right-solid.png);}
.content .snav li ul li a {margin: 0; font-size: 95%;}
.content .snav li.selected a, .content .snav li:hover a {color: #00a786;}
.content .snav li.selected li a {color: #666666;}
.content .snav li.selected li.selected a, .content .snav li.selected li:hover a {color: #00a786;}

.sidelinks p a {padding: 10px 15px; display: block; border-radius: 10px; font-weight: 700; color: #ffffff; text-transform: uppercase; font-style: normal; font-size: 120%;}
.sidelinks p.block1 a {background: #d7489a;}
.sidelinks p.block2 a {background: #00a786;}
.sidelinks p.block3 a {background: #f27c23;}
.sidelinks p.block4 a {background: #564082;}

.banners-wrap {background: #ff7f00 url(../images/banner-text-wrap.png) repeat-x bottom left; padding: 0 20px 0 0;}
.banners {max-width: 1400px; width: 100%; margin: 0 auto; outline: none!important;}
.banners .fade {outline: none!important;}
.banners .slick-dots {position: absolute; bottom: 30px; right: 0; margin: 0; padding: 0;}
.banners .slick-dots li {list-style: none; float: left; margin: 0 0 0 5px; width: 15px; height: 15px; line-height: 15px;}
.banners .slick-dots li button {width: 15px; height: 15px; padding: 0; border: none; background: #ffffff; border-radius: 50%; text-indent: -99999px; margin: 0; cursor: pointer;}
.banners .slick-dots li.slick-active button {background: #2d89c6;}
.banners .banner .image {width: 476px; min-height: 5px; float: left;}
.banners .banner .text {width: 924px; min-height: 5px; float: left; height: 408px;}
.banners .banner .text .inner {padding: 35px 257px 0 55px;}
.banners .banner .text .inner h3 {color: #ffffff; line-height: 100%; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 500%; margin: 0 0 20px 0;}
.banners .banner .text .inner p {color: #ffffff; line-height: 110%; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 200%; padding: 0 0 20px 0;}
.banners .banner .text .inner p.readmore {font-size: 100%; color: #ffffff; font-family: "Montserrat", sans-serif; font-weight: 700; line-height: 100px;}
.banners .banner .text .inner p.readmore a {color: #ff7f00; width: 100px; height: 100px; background: #efd4b9; border-radius: 50%; display: inline-block; text-align: center; margin-right: 5px;}

/* TSA Homepage */
.banners-wrap.tsa {width: 100%; position: relative; background: #000000; padding: 0;}
.banners-wrap.tsa .banners {width: 100%; max-width: 0; margin: 0; height: 500px;}
.banners-wrap.tsa .bannerimage {width: 100%; overflow: hidden;}
.banners-wrap.tsa .bannerimage img {width: 100%;}
.banners-wrap.tsa .bannerimage img.mobile {display: none;}
.banners-wrap.tsa .bannerimage img.tablet {display: none;}
.banners-wrap.tsa .bannerimage .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 2; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0); /* IE6-9 */
}
.banners-wrap.tsa .bannerimage .letteroverlay {position: absolute; width: 100%; height: 100%; background: url(../images/banner-overlay.png) no-repeat left center; background-size: auto 100%; z-index: 1; top: 0; left: 0;}
.banners-wrap.tsa .block {position: relative; height: 850px;}

.bannerimage .slick-dots {position: absolute; top: 50%; right: 38px; margin: 0; padding: 0; z-index: 20; width: 12px; transform: translate(0, -50%); margin-top: 8px;}
.bannerimage .slick-dots li {list-style: none; display: block; width: 12px; height: 12px; line-height: 12px; margin: 0 0 8px 0;}
.bannerimage .slick-dots li button {margin: 0; padding: 0; outline: none; border: none; background: #ffffff; border-radius: 50%; text-indent: -99999px; cursor: pointer; width: 12px; height: 12px;}
.bannerimage .slick-dots li.slick-active button {opacity: 0.7;}

.banners-wrap.tsa .overlay {margin: 0 auto; position: absolute; width: 100%; height: 100%; left: 0; top: 0;}
.banners-wrap.tsa .overlay .container {position: absolute; max-width: 1520px; width: 100%; height: 100%; top: 0; left: 50%; transform: translateX(-50%);}

.header-container {width: 100%; position: absolute; top: 0; box-sizing: border-box; z-index: 99;}
.header-container .inner {max-width: 1520px; width: 100%; margin: 0 auto; padding: 0 20px; box-sizing: border-box;}
.header-container .inner .left {float: left; width: 500px; padding: 30px 0 0 0;}
.header-container .inner .left a.logo img {width: 100%;}
.header-container .inner .left p {color: #ffffff; font-style: italic; padding: 0 0 5px 0;}
.header-container .inner .left p span {font-weight: 700;}
.header-container .inner .left .slogan {font-size: 197%;}
.header-container .inner .right {float: right; padding: 20px 0 0 0;}

.header-container .nav {padding: 0;}
.header-container .nav li a {color: #ffffff; border-top: none; border-bottom: 1px solid #ffffff; padding: 0 0 5px 0; font-weight: 300; box-sizing: border-box; font-size: 110%;}
.header-container .nav li.selected a {font-style: italic; font-weight: 700; background: none; border-bottom: 4px solid #ffffff;}
.header-container .nav li:hover a {background: none;}
.header-container .nav li ul li a {color: #000000; border-bottom: 2px solid #000000!important;}
.header-container .nav li.selected ul li a {font-weight: 300;}
.header-container .nav li ul li:hover a {color: #2d89c6; border-bottom: 2px solid #2d89c6!important;}
.banners-wrap.tsa .leftcontainer {height: 0; max-width: 1480px; width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0;}
.banners-wrap.tsa .leftcontainer .innerblock {width: 100%; max-width: 500px; z-index: 10; position: relative; height: 850px;}

.header-container .left .nav {display: none;}
.banners-wrap.tsa .bannertext {float: right; max-width: 550px; text-align: right; box-sizing: border-box; padding: 0 20px;}
.banners-wrap.tsa .bannertext h2 {color: #ffffff; font-weight: 700; font-size: 325%; line-height: 110%; padding: 0 0 10px 0;}
.banners-wrap.tsa .bannertext p a {color: #ffffff; font-weight: 500; font-size: 200%; font-style: italic;}
.responsive-bannertext {display: none;}

.banners-wrap.tsa .banner-boxes {padding: 220px 0 0 0;}
.banners-wrap.tsa .banner-boxes p {padding: 0 0 10px 0; max-width: 500px; width: 100%;}
.banners-wrap.tsa .banner-boxes p a {padding: 15px; display: block; border-radius: 10px; font-weight: 700; color: #ffffff; text-transform: uppercase; font-style: normal; font-size: 120%;}
.banners-wrap.tsa .banner-boxes p a span {font-style: italic; font-weight: 500; text-transform: lowercase;}
.banners-wrap.tsa .banner-boxes p.block1 a {background: #d7489a;}
.banners-wrap.tsa .banner-boxes p.block2 a {background: #00a786;}
.banners-wrap.tsa .banner-boxes p.block3 a {background: #f27c23;}
.banners-wrap.tsa .banner-boxes p.block4 a {background: #564082;}
.banners-wrap.tsa .intro-box-wrap {position: absolute; bottom: 80px; left: 0; z-index: 10;}
.banners-wrap.tsa .intro-box {max-width: 500px; padding: 20px; box-sizing: border-box; border-radius: 10px; border: 2px solid #80b7b5; background: rgba(0, 0, 0, 0.8);}
.banners-wrap.tsa .intro-box h4 {color: #ffffff; padding: 0 0 10px 0; font-size: 150%;}
.banners-wrap.tsa .intro-box p {padding: 0; font-weight: 300; color: #ffffff;}

.bannertextblock {position: absolute; max-width: 1480px; bottom: 70px; right: 0; margin: 0 auto; z-index: 100;}

.content-wrap.tsa .content {max-width: 1480px; width: 100%; margin: 0 auto;}

.content-wrap.tsa .tsalatestnewsfeed h2 {text-align: center; color: #564082!important; font-size: 250%!important; padding: 0 0 40px 0; font-family: "myriad-pro", sans-serif; font-weight: 700;}
.content-wrap.tsa .tsalatestnewsfeed h3 {font-family: "myriad-pro", sans-serif; font-weight: 700; text-transform: uppercase;}
.tsalatestnewsfeed .doublefeaturebox {width: 50%; float: left; background: #00a786; border: 2px solid #c6cecc; border-radius: 20px; position: relative; margin-bottom: 20px; box-sizing: border-box; max-height: 320px; overflow: hidden;}
.tsalatestnewsfeed .doublefeaturebox .newsimage {width: 50%; float: left; box-sizing: border-box; z-index: 5; height: 100%; position: relative; overflow: hidden;}
.tsalatestnewsfeed .doublefeaturebox .newsimage img {border-radius: 20px; object-fit: cover; object-position: center; max-width: initial; min-width: 100%; min-height: 100%; width: auto; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; -o-transition: all 0.4s;}
.tsalatestnewsfeed .doublefeaturebox:hover .newsimage img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.tsalatestnewsfeed .doublefeaturebox .right {float: right; width: 50%; height: 320px;}
.tsalatestnewsfeed .doublefeaturebox .heading {width: 100%; float: right; padding: 10px 20px; box-sizing: border-box;}
.tsalatestnewsfeed .doublefeaturebox .heading h3 {color: #ffffff; font-size: 125%;}
.tsalatestnewsfeed .doublefeaturebox .text {width: 50%; float: right; padding: 15px; box-sizing: border-box; position: absolute; bottom: 0; right: 0; height: 65%; border-bottom-right-radius: 20px; border-top-right-radius: 20px; background: #ffffff url(../images/arrow-right-green.png) no-repeat; background-size: 30px; background-position: 95% 95%;}

.tsalatestnewsfeed .singlefeaturebox {width: 23%; margin-left: 2%; float: left; background: #ffffff; border: 2px solid #c6cecc; border-radius: 20px; position: relative; min-height: 320px; overflow: hidden; box-sizing: border-box;}
.tsalatestnewsfeed .singlefeaturebox .newsimage {width: 100%; box-sizing: border-box;}
.tsalatestnewsfeed .singlefeaturebox .newsimage img {width: 100%; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; -o-transition: all 0.4s;}
.tsalatestnewsfeed .singlefeaturebox:hover .newsimage img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.tsalatestnewsfeed .singlefeaturebox .text {box-sizing: border-box; padding: 20px; background: #ffffff url(../images/arrow-right-blue.png) no-repeat; background-size: 30px; background-position: 95% 95%;}
.tsalatestnewsfeed .singlefeaturebox .text h3 {color: #4086c5; font-size: 125%;}
.tsalatestnewsfeed .singlefeaturebox .text p {padding: 0;}

.tsalatestnewsfeed .tallfeaturebox {width: 23%; margin-left: 2%; float: right; background: #a80080; border: 2px solid #c6cecc; border-radius: 20px; position: relative; overflow: hidden; box-sizing: border-box;}
.tsalatestnewsfeed .tallfeaturebox .newsimage {width: 100%; box-sizing: border-box;}
.tsalatestnewsfeed .tallfeaturebox .newsimage img {border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; width: 100%; min-height: 320px; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; -o-transition: all 0.4s;}
.tsalatestnewsfeed .tallfeaturebox:hover .newsimage img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.tsalatestnewsfeed .tallfeaturebox .text {min-height: 335px; box-sizing: border-box; padding: 20px; background: #a80080 url(../images/arrow-right-white.png) no-repeat; background-size: 30px; background-position: 95% 95%; border-radius: 10px;}
.tsalatestnewsfeed .tallfeaturebox .text h3 {color: #ffffff; font-size: 125%;}
.tsalatestnewsfeed .tallfeaturebox .text p {color: #ffffff;}

.tsalatestnewsfeed .fullfeaturebox {width: 75%; float: left; background: #ffffff; border: 2px solid #c6cecc; border-radius: 20px; position: relative; max-height: 320px; overflow: hidden; box-sizing: border-box;}
.tsalatestnewsfeed .fullfeaturebox .fullwidthimage {width: 100%; box-sizing: border-box;}
.tsalatestnewsfeed .fullfeaturebox .fullwidthimage img {border-radius: 20px; width: 100%; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; -ms-transition: all 0.4s; transition: all 0.4s; -o-transition: all 0.4s;}
.tsalatestnewsfeed .fullfeaturebox:hover .fullwidthimage img {transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1);}
.tsalatestnewsfeed .fullfeaturebox .fullwidthimage .overlay {background: rgba(0, 0, 0, 0.4); position: absolute; width: 100%; height: 100%; top: 0; left: 0; border-radius: 20px;}
.tsalatestnewsfeed .fullfeaturebox .text {position: absolute; top: 0; left: 0; width: 100%; height: 100%; box-sizing: border-box; padding: 20px; background: url(../images/arrow-right-white) no-repeat; background-size: 30px; background-position: 95% 95%;}
.tsalatestnewsfeed .fullfeaturebox .text .inner {position: absolute; bottom: 0;}
.tsalatestnewsfeed .fullfeaturebox .text .inner h3 {color: #ffffff; font-size: 125%;}
.tsalatestnewsfeed .fullfeaturebox .text .inner p {color: #ffffff;}

.content-wrap.purple {background: #564082;}
.content-wrap.purple .content {width: 100%; max-width: 1480px; margin: 0 auto; position: relative; padding: 20px 0;}

.icons-wrap {float: left; width: 75%; position: absolute; top: 50%; transform: translateY(-50%); left: 0;}
.icons-wrap .icon {float: left; width: 48%; padding: 10px; box-sizing: border-box; border: 1px solid #726097; margin: 0 0 2% 2%; border-radius: 10px;}
.icons-wrap .icon .left {float: left; width: 25%; height: 68px; position: relative;}
.icons-wrap .icon .left i {font-size: 350%; color: #ffffff; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.icons-wrap .icon .right {float: right; width: 75%; background: url(../images/arrow-right-purple.png) no-repeat top right; background-size: 30px;}
.icons-wrap .icon .right h2 {color: #ffffff; padding: 0; font-size: 150%; text-transform: uppercase; margin: 0; font-family: "myriad-pro", sans-serif; font-weight: 700;}
.icons-wrap .icon .right p {color: #ffffff; padding: 0 25% 0 0;}
.icon-overlay {float: right; padding: 20px 0;}

.tsaabout-wrap {padding: 0 20px; background: url(../images/about-background.png) no-repeat; background-position: center; background-repeat: no-repeat; background-size: cover;}
.tsaabout-wrap .tsaabout {padding: 100px 0; max-width: 1480px; width: 100%; margin: 0 auto; position: relative;}
.tsaabout-wrap .tsaabout .left {width: 25%; float: left; position: absolute; left: 0; top: 50%; transform: translateY(-50%); background: url("../images/arrow-right-purple") no-repeat; background-size: 30px; background-position: 100% 100%;}
.tsaabout-wrap .tsaabout .left p {font-size: 120%;}
.tsaabout-wrap .tsaabout .right {width: 65%; float: right;}
.tsaabout-wrap .tsaabout .right h4 {padding: 0 0 20px 0; font-size: 250%; color: #00a786; font-weight: 700;}
.bar {
  padding: 5px 0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(157, 36, 78, 1) 0%, rgba(224, 88, 51, 1) 33%, rgba(247, 218, 131, 1) 66%, rgba(0, 173, 157, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d244e", endColorstr="#00ad9d", GradientType=1); /* IE6-9 */
}
.tsaabout-wrap .tsaabout .left.mobile {display: none;}

.content-wrap.promote .content {width: 100%; max-width: 1480px; margin: 0 auto;}
.promotes {padding: 40px; border-radius: 10px; box-sizing: border-box; width: 100%; border: 1px solid #000000; background: url(../images/promotion-overlay.png) no-repeat; background-size: 20%; background-position: 55% 50%; position: relative;}
.promotes .promoteimage {float: left; width: 40%;}
.promotes .promoteimage img {border-radius: 10px;}
.promotes .text {float: right; width: 55%;}
.promotes .text h4 {font-size: 250%; color: #564082; padding: 0 0 10px 0; margin: 0; font-family: "myriad-pro", sans-serif; font-weight: 700;}
.promotes .text p {font-size: 150%; color: #564082; padding: 0 0 40px 0;}
.promotes .text p a {color: #564082; text-decoration: none; font-weight: 700;}

.promotes .slick-dots {position: absolute; bottom: 10px; z-index: 9999; padding: 0; margin: 0 auto; text-align: center; left: 50%;}
.promotes .slick-dots li {display: inline-block; width: 12px; height: 12px; line-height: 12px; margin: 0 5px 0 0; padding: 0; list-style: none;}
.promotes .slick-dots li button {width: 12px; height: 12px; border: none; border-radius: 50%; background: rgba(0, 0, 0, 0.8); margin: 0; padding: 0; cursor: pointer; text-indent: -9999px;}
.promotes .slick-dots li.slick-active button {background: rgba(0, 0, 0, 0.4);}

.content-wrap.promote .jointwitter {padding: 20px 0;}
.content-wrap.promote .jointwitter p {color: #2ca2cd; font-size: 250%;}
.content-wrap.promote .jointwitter p span.twittericon {color: #2ca2cd; font-size: 120%;}
.content-wrap.promote .jointwitter p a {color: #2ca2cd; font-weight: 700; padding-right: 20px;}

.banners-wrap.tsa.inner .innerbannerimage.hasimage {width: 100%; height: auto;}
.banners-wrap.tsa.inner .innerbannerimage {height: 400px;}
.banners-wrap.tsa.inner .innerbannerimage img.desktop {display: block;}
.banners-wrap.tsa.inner .innerbannerimage img.mobile {display: none;}
.banners-wrap.tsa.inner .innerbannerimage .overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.02) 50%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=0); /* IE6-9 */
}
.banners-wrap.tsa.inner .innerbannerimage .letteroverlay {position: absolute; width: 40%; height: 100%; background: url(../images/banner-overlay.png) no-repeat left center; background-size: 100% auto; z-index: 1; top: 0; left: 0;}

.content .twitterdeck {width: 102%; margin-left: -2%;}
.tsahometwitter {float: left; width: 23%; margin: 0 0 0 2%;}
.tsahometwitter .tweet {padding: 20px; box-sizing: border-box; background: #f2f2f2; overflow: hidden;}
.tsahometwitter .tweet p {padding: 0 0 10px 0;}
.tsahometwitter .tweet p i {color: #1da1f2;}

.tsa-footerbar {padding: 0 20px; background: #00a786; text-align: center;}
.tsa-footerbar p {padding: 0 20px 0 0; display: inline-block;}
.tsa-footerbar p a {display: block; text-align: center; padding: 10px 0; text-transform: uppercase; color: #ffffff; font-weight: 700;}
.tsa-footerbar p a i {color: #72c7b6;}

.tsa-footer-wrap {padding: 0 20px; background: url(../images/footer-background.png) no-repeat; background-size: cover;}
.tsa-footer {width: 100%; max-width: 1480px; margin: 0 auto; padding: 40px 0; position: relative;}
.tsa-footer .col1 {width: 30%;}
.tsa-footer .col2 {width: 40%;}
.tsa-footer .col2 {margin-left: 5%;}
.tsa-footer .col3 {width: 20%; float: left;}
.tsa-footer .col3 {position: absolute; top: 50%; transform: translateY(-50%); right: 0;}
.tsa-footer .col1 p, .tsa-footer .col2 p, .tsa-footer .col3 p {color: #ffffff;}
.tsa-footer .col1 p.strap-line {font-style: italic;}
.tsa-footer .col1 p.strap-line span {font-weight: 700;}
.tsa-footer .col1 p a {color: #ffffff;}
.tsa-footer .col1 p a.fb {padding-left: 20px;}
.tsa-footer .col1 p a span {font-weight: 700;}
.tsa-footer .col2 img {width: 40%; margin: 0 0 10px 0;}
.tsa-footer .col3 img {width: 80%; margin: 0 auto;}

.tsa-bottom-footer-wrap {
  padding: 0 20px; /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(157, 36, 78, 1) 0%, rgba(224, 88, 51, 1) 33%, rgba(247, 218, 131, 1) 66%, rgba(0, 173, 157, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d244e", endColorstr="#00ad9d", GradientType=1); /* IE6-9 */
}
.tsa-bottom-footer {padding: 10px 0; max-width: 1480px; width: 100%; margin: 0 auto;}
.tsa-bottom-footer p {padding: 0; float: left; color: #ffffff; font-style: italic;}
.tsa-bottom-footer p.copy {padding-right: 10%;}
.tsa-bottom-footer p a {color: #ffffff;}
.tsa-bottom-footer p a i {display: none;}
.tsa-bottom-footer p.right {float: right; text-align: right;}

/* End of TSA Homepage */

.scitt .content h1 {font-family: "Roboto", sans-serif;}
.scitt .content h2 {font-family: "Roboto", sans-serif;}
.scitt .content h3 {font-family: "Roboto", sans-serif;}
.scitt .content h4 {font-family: "Roboto", sans-serif;}

.scitt .top-header-wrap {padding: 0 20px; background: #ffffff;}
.scitt .top-header-wrap .top-header {padding: 10px 0; max-width: 1180px; width: 100%;}
.scitt .top-header-wrap .top-header p {padding: 0; float: right; font-size: 95%;}
.scitt .top-header-wrap .top-header p a {padding: 0 0 0 20px; font-weight: 700;}
.scitt .top-header-wrap .top-header .search {text-align: right;}
.scitt .top-header-wrap .top-header .search a {color: #333333;}
.scitt .top-header .search .searchbox {bottom: -22px; top: auto; transform: none;}

.complexbanners img {width: 100%;}
.complexbanners img.desktop {display: block;}
.complexbanners img.mobile {display: none;}
.complexbanners .banner.casestudybanner img.mobilesmall {display: none;}
.complexbanners .banner {width: 100%; position: relative; background: rgba(219, 69, 153, 1);}
.complexbanners .banner.blue {background: rgba(45, 137, 198, 1);}
.complexbanners .banner.orange {background: rgba(227, 127, 0, 1);}
.complexbanners .banner.purple {background: rgba(79, 66, 127, 1);}
.complexbanners .banner .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.complexbanners .banner.blue .overlay {background: rgba(45, 137, 198, 0.7);}
.complexbanners .banner.orange .overlay {background: rgba(227, 127, 0, 0.7);}
.complexbanners .banner.purple .overlay {background: rgba(79, 66, 127, 0.7);}
.complexbanners .banner .overlay .inner {background: url(../images/spot-wrap.png) repeat-x bottom left; background-size: 100%; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0 20px; box-sizing: border-box;}
.complexbanners .banner .overlay .inner .container {max-width: 1180px; width: 100%; margin: 0 auto; position: absolute; top: 0; left: 0; right: 0; height: 100%;}
.complexbanners .banner .overlay .inner .container .text {max-width: 780px; width: 100%; box-sizing: border-box; position: absolute; bottom: 20px; height: auto!important;}
.complexbanners .banner .overlay .inner .container .text p {font-family: "Roboto", sans-serif; font-weight: 300; padding: 0 0 20px 0; color: #ffffff; font-size: 150%; line-height: 140%; max-width: 70%;}
.complexbanners .banner .overlay .inner .container .text p strong {font-family: "Roboto", sans-serif; font-weight: 400;}
.complexbanners .banner .overlay .inner .container .text p a {color: #ffffff; text-decoration: none;}
.complexbanners .banner .overlay .inner .container .text .tttcircle {width: 140px; height: 140px; border-radius: 50%; text-align: center; transform: rotate(-20deg); color: #ffffff; position: absolute; bottom: -70px; right: -70px; background: #503a77; font-family: "vag-rundschrift-d-n4", "vag-rundschrift-d", arial, sans-serif; font-weight: 400;}
.complexbanners .banner .overlay .inner .container .text .tttcircle span {max-width: 80%; width: 100%; margin: 0 auto; position: absolute; top: 50%; left: 0; right: 0; line-height: 110%; transform: translate(0, -50%); font-size: 160%;}
.complexbanners .banner .overlay .inner .container .text .tttcircle span.letter {max-width: 40px; width: 100%;}
.complexbanners .banner.blue .overlay .inner .container .text .tttcircle {background: #d64893;}
.complexbanners .banner.orange .overlay .inner .container .text .tttcircle {background: #2d89c7;}
.complexbanners .banner.purple .overlay .inner .container .text .tttcircle {background: #e17f09;}
.complexbanners .banner .overlay .inner .container .text .tttcircle a {color: #ffffff; text-decoration: none;}
.complexbanners .slick-dots {position: absolute; top: 50%; right: 38px; margin: 0; padding: 0; z-index: 20; width: 12px; transform: translate(0, -50%); margin-top: 8px;}
.complexbanners .slick-dots li {list-style: none; display: block; width: 12px; height: 12px; line-height: 12px; margin: 0 0 8px 0;}
.complexbanners .slick-dots li button {margin: 0; padding: 0; outline: none; border: none; background: #ffffff; border-radius: 50%; text-indent: -99999px; cursor: pointer; width: 12px; height: 12px;}
.complexbanners .slick-dots li.slick-active button {opacity: 0.7;}

.complexbanners .banner .overlay .inner .container .text h2 {padding: 0 0 20px 0; color: #ffffff; font-size: 350%; line-height: 90%;}
.complexbanners .overlay .inner .container .interested {position: absolute; top: 40px; left: 0;}
.complexbanners .overlay .inner .container .interested p.blockbutton a {background: #ffffff; color: #000000!important; font-weight: 300; text-transform: none; border: 1px solid #ff7f00; border-radius: 0;}
.complexbanners .overlay .inner .container .interested p.blockbutton a:hover {background: #ff7f00; color: #ffffff!important; border: 1px solid #ffffff;}
.complexbanners .banner .overlay .inner .container p.blockbutton {font-size: 100%;}
.complexbanners .banner .overlay .inner .container .text p.blockbutton a {background: #ff7f00; text-transform: none; padding: 14px 32px; border-radius: 0;}

.complexbanners .banner.casestudybanner .overlay .inner .container .text p {font-size: 300%; line-height: 100%;}
.complexbanners .banner.casestudybanner .overlay, .complexbanners .banner.casestudybanner.blue .overlay, .complexbanners .banner.casestudybanner.orange .overlay, .complexbanners .banner.casestudybanner.purple .overlay {background: none;}
.complexbanners .banner.casestudybanner .bannerimage {width: 47.3%; float: right; position: relative;}
.complexbanners .banner.casestudybanner .bannerimage .overlay {background: linear-gradient(to right, rgba(219, 69, 153, 1) 0%, rgba(219, 69, 153, 1) 16%, rgba(219, 69, 153, 0) 60%, rgba(219, 69, 153, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db4599", endColorstr="#00db4599", GradientType=1); position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.complexbanners .banner.casestudybanner.blue .bannerimage .overlay {background: linear-gradient(to right, rgba(45, 137, 198, 1) 0%, rgba(45, 137, 198, 1) 16%, rgba(45, 137, 198, 0) 60%, rgba(45, 137, 198, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d89c6", endColorstr="#002d89c6", GradientType=1);}
.complexbanners .banner.casestudybanner.purple .bannerimage .overlay {background: linear-gradient(to right, rgba(81, 66, 127, 1) 0%, rgba(81, 66, 127, 1) 16%, rgba(81, 66, 127, 0) 60%, rgba(81, 66, 127, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51427f", endColorstr="#0051427f", GradientType=1);}
.complexbanners .banner.casestudybanner.orange .bannerimage .overlay {background: linear-gradient(to right, rgba(227, 127, 0, 1) 0%, rgba(227, 127, 0, 1) 16%, rgba(227, 127, 0, 0) 60%, rgba(227, 127, 0, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e37f00", endColorstr="#00e37f00", GradientType=1);}

.complexbanners .banner.casestudybanner.transparent .bannerimage .overlay, .complexbanners .banner.transparent {background: none;}
.complexbanners .banner.transparent .overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 1) 100%);}
.scitt .complexbanners .banner .overlay {background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 100%);}

.scitt .bannerquicklinks {border-top: 4px solid #ffffff;}
.scitt .bannerquicklinks .box {float: left; width: 25%; margin: 0; box-sizing: border-box; border-left: 5px solid #ffffff; padding: 15px 30px; cursor: pointer;}
.scitt .bannerquicklinks .box:hover {opacity: 0.5;}
.scitt .bannerquicklinks .box:first-child {border: none;}
.scitt .bannerquicklinks .box h2 {color: #ffffff; padding: 0 0 10px 0; font-weight: 700;}
.scitt .bannerquicklinks .box p a {color: #ffffff;}
.scitt .bannerquicklinks .box.c1 {background: #554082;}
.scitt .bannerquicklinks .box.c2 {background: #ef509d;}
.scitt .bannerquicklinks .box.c3 {background: #f17c2b;}
.scitt .bannerquicklinks .box.c4 {background: #4185c6;}

.scitt .content.homenew .left {width: 20%; float: left;}
.scitt .content.homenew .right {width: 75%; float: right;}
.scitt .content.homenew .right .image {width: 33%; float: left;}
.scitt .content.homenew .right .quote {width: 60%; float: right;}
.scitt .quotes .quote h1 {color: #000000; font-weight: 300; padding: 0 0 20px 0; font-size: 200%;}
.scitt .quotes .quote p {font-size: 110%;}
.scitt .content.homenew .right .quote p.blockbutton {padding: 0;}
.scitt .content.homenew .right .quote p.blockbutton a {text-transform: none; background: #f17c2b;}

.title-wrap {background: #ff7f00 url(../images/banner-text-wrap.png) repeat-x bottom left; padding: 0 20px;}
.title {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 0;}
.title h1 {color: #ffffff; font-family: "vag-rundschrift-d-n4", "vag-rundschrift-d", arial, sans-serif; font-weight: 400; padding: 0; font-size: 525%; line-height: 110%; margin: 0;}
.scitt .title h1 {font-family: "Roboto", sans-serif;}

.content-wrap {padding: 0 20px; background: #ffffff;}
.content {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 0;}
.content h1 {line-height: 110%; font-size: 220%; font-family: "myriad-pro", sans-serif; font-weight: 600; margin: 0 0 10px 0; color: #564082;}
.content h2 {line-height: 110%; font-size: 165%; font-family: "myriad-pro", sans-serif; font-weight: 600; margin: 0 0 10px 0; color: #00a786;}
.content h3 {line-height: 110%; font-size: 150%; font-family: "myriad-pro", sans-serif; font-weight: 400; margin: 0 0 10px 0; color: #ff7f00;}
.content h4 {line-height: 110%; font-size: 130%; font-family: "myriad-pro", sans-serif; font-weight: 300; margin: 0 0 10px 0; color: #999999;}
.content p {line-height: 150%; font-size: 110%;}
.content a {color: #00a786;}
.content ul, .content ol {margin: 0 0 20px 18px; padding: 0;}
.content li {font-size: 110%; color: #333333; line-height: 150%;}
.content li li, .content li p {font-size: 100%;}
.content table {width: 100%; margin: 0 0 20px 0;}
.content table th {padding: 7px 10px; color: #ffffff; font-family: "myriad-pro", sans-serif; font-weight: 400; background: #2d89c6;}
.content table th p {padding: 0; color: #ffffff; font-family: "myriad-pro", sans-serif; font-weight: 400;}
.content table th a {color: #ffffff!important;}
.content table td {padding: 7px 10px; color: #666666; background: #f2f2f2; font-size: 90%;}
.content table p, .content table li {padding: 0; color: #666666; font-size: 100%;}
.content table .odd td {background: #f2f2f2;}
.content .col1 {width: 282px; margin-right: 38px;}
.content .col2 {width: 660px; margin-right: 20px;}
.content.wide .col2 {width: 860px; margin-right: 0;}
.content .col3 {width: 180px;}
.content.home .col1 {width: 364px; margin-right: 44px;}
.content.home .col2 {width: 364px; margin-right: 44px;}
.content.home .col3 {width: 364px;}
.content.home iframe {width: 100%!important; height: 260px!important;}
.content.home h1, .content.home h2 {font-size: 240%;}

.content.multi .left {width: 282px; margin-right: 38px;}
.content.multi .right {width: 860px; margin-right: 0;}
.content.multi .right .columns {width: 104%; margin-left: -4%;}
.content.multi .right .columns .col {width: 46%; margin: 0 0 0 4%; float: left;}
.content.multi .right .col1 {width: 30%; float: left; margin: 0;}
.content.multi .right .col2 {width: 65%; float: right; margin: 0;}
.content.multi .right .opposite .col1 {width: 65%; float: left; margin: 0;}
.content.multi .right .opposite .col2 {width: 30%; float: right; margin: 0;}

.tsa .content {max-width: 1480px;}
.tsa .content.wide .col2 {width: 1060px; margin-right: 0;}
.tsa .content .col1 {width: 382px; margin-right: 38px;}
.tsa .content .col2 {width: 739px; margin-right: 20px;}
.tsa .content .col3 {width: 298px;}

.content .col1 a {word-break: break-word;}
.content .col3 a {word-break: break-word;}
.content .col2 iframe {width: 100%; overflow: hidden;}
.content .col3 iframe {width: 100%; overflow: hidden;}

.content.home.homenew .col1 {width: 364px; margin-right: 38px;}
.content.home.homenew .col2 {width: 778px; margin-right: 0;}

.content.home.tsahomenew {padding: 50px 0 0 0;}
.content.home.tsahomenew h1, .content.home.tsahomenew h2, .content.home.tsahomenew h3 {font-size: 190%;}
.content.home.tsahomenew h1 {color: #da7219;}
.content.home.tsahomenew h2 {color: #473c74;}
.content.home.tsahomenew h3 {color: #d2398f;}

.content.home.tsahomenew .col1 a {color: #473c74;}
.content.home.tsahomenew .col2 a {color: #cb3d8a;}
.content.home.tsahomenew .col3 a {color: #da7219;}

.scitt .innerbanners {position: relative;}
.scitt .innerbanners .innerbanner {background: url(../images/spot-wrap.png) repeat-x bottom left; background-size: 100%;}
.scitt .innerbanners .innerbanner .overlay {position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 100%; height: 100%; max-width: 1180px;}
.scitt .innerbanners .innerbanner .overlay h1 {position: absolute; bottom: 20px; left: 20px; font-size: 400%; color: #ffffff;}
.scitt .innerbanners .innerbanner .spots {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/spot-wrap.png) repeat-x bottom left; background-size: 100%;}

.scitt .featuredimages {position: relative;}
.scitt .featuredimages .featuredimage .overlay {position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5);}
.scitt .featuredimages .featuredimage img.mobile {display: none;}
.scitt .subjectshome {background: url(../images/spot-wrap.png) repeat-x bottom left; background-size: 100%; position: absolute; width: 100%; height: 100%; top: 0; left: 0; box-sizing: border-box;}
.scitt .subjectshome .content {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.subjectshome h2 {font-size: 300%; color: #ffffff!important; padding: 0 0 10px 0;}
/* .subjectshome .subjectsfeed {width: 101%; margin-left: -1%;} */
/* .subjectshome .subjectsfeed .button {float: left; width: 19%; margin: 0 0 1% 1%;}
.subjectshome .subjectsfeed .button a {display: block; text-align: center; padding: 15px; text-transform: uppercase; text-decoration: none; color: #e17f00; background: #ffffff; border-radius: 10px; font-size: 90%; font-weight: 600; transition: all .2s ease;}
.subjectshome .subjectsfeed .button:hover a {background: #e17f00; color: #ffffff;} */
.subjectshome .subjectsfeed ul {margin: 0; padding: 0; column-count: 2;}
.subjectshome .subjectsfeed ul li {list-style: none; font-size: 120%;}
.subjectshome .subjectsfeed ul li a {color: #ffffff;}
.subjectshome .subjectsfeed ul li:hover a {color: #db4599;}
.subjectshome .content {padding: 30px 0;}

.breadcrumb p {font-size: 80%;}
.breadcrumb p a {color: #333333!important;}
.breadcrumb p a i {display: none;}
.breadcrumb p span {color: #00a786!important;}

.scitt .gridboxes {width: 102%; margin-left: -2%;}
.scitt .gridboxes .box {float: left; width: 31.333%; margin: 0 0 2% 2%; position: relative;}
.scitt .gridboxes .box img {width: 100%;}
.scitt .gridboxes .box a.overlay {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; text-decoration: none; color: #ffffff; font-weight: 600; font-size: 110%; background: rgba(0, 0, 0, 0.5);}
.scitt .gridboxes .box a.overlay:hover {background: rgba(81, 66, 127, 0.85);}
.scitt .gridboxes .box a.overlay span {position: absolute; top: 50%; left: 50%; display: block; padding: 0 0 5px 0; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); text-align: center; line-height: 110%;}
.scitt .gridboxes .box a.overlay span:after {transition: all 0.3s ease; -moz-transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -o-transition: all 0.3s ease; -ms-transition: all 0.3s ease; width: 20px; height: 2px; background: #51427f; display: block; content: ""; visibility: visible; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto;}
.scitt .gridboxes .box a.overlay:hover span:after {background: #000000;}
.scitt .gridboxes .box .imagenoslick {margin: 0 0 30px 0;}
.scitt .gridboxes.videos .box {width: 48%;}
.scitt .gridboxes.videos .box iframe {width: 100%!important; height: 300px; display: block!important;}
.scitt .gridboxes .text h4 {text-transform: uppercase; font-size: 130%; position: relative; padding: 0 0 5px 0; margin: 0 0 20px 0;}
.scitt .gridboxes .text h4:after {width: 30px; height: 2px; background: #51427f; display: block; content: ""; visibility: visible; position: absolute; bottom: 0; left: 0;}
.scitt .gridboxes .text p {padding: 0;}

.scitt .gridboxes.usefullinks .imagenoslick {height: 150px; position: relative; overflow: hidden;}
.scitt .gridboxes.usefullinks .imagenoslick img {width: 100%; object-fit: cover; position: absolute; top: 0; left: 0; height: 100%;}
.scitt .gridboxes.usefullinks .imagenoslick.centerimage {background: #ffffff; width: 100%; box-sizing: border-box; border: 1px solid #cccccc; height: 150px; position: relative;}
.scitt .gridboxes.usefullinks .imagenoslick.centerimage img {position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; transform: translate(0, -50%); -webkit-transform: translate(0, -50%); -moz-transform: translate(0, -50%); -ms-transform: translate(0, -50%); -o-transform: translate(0, -50%); max-height: 100px; max-width: 80%; width: auto; height: auto;}

.scitt .concertina {margin: 0 0 40px 0;}
.scitt .concertina .block {margin: 0 0 10px 0;}
.scitt .concertina .block .heading {padding: 15px 20px 12px 20px; background: #51427f; cursor: pointer;}
.scitt .concertina .block .heading p {padding: 0; font-weight: 700; color: #ffffff!important; font-size: 110%;}
.scitt .concertina .block .heading p i {float: right;}
.scitt .concertina .block .text {padding: 15px 20px; display: none; background: #efefef;}

.scitt .thumbnails {width: 102%; margin-left: -2%;}
.scitt .thumbnails .thumbnail {width: 23%; float: left; margin: 0 0 2% 2%;}
.scitt .thumbnails .thumbnail .imagenoslick {margin: 0 0 10px 0;}
.scitt .thumbnails .thumbnail .text p.name {font-weight: 700;}
.scitt .thumbnails .thumbnail .text p {padding: 0;}

.scitt .social-wrap {border-top: 10px solid #ffffff; border-bottom: 10px solid #ffffff;}
.social-wrap {padding: 0 20px; background: #2d89c6 url(../images/social-wrap.png) repeat-x bottom left;}
.social {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 0 40px 0;}
.social .left {float: left; width: 560px;}
.social .right {float: right; width: 560px;}
.social .tweet {padding: 0 0 10px 0;}
.social h3 {color: #ffffff; font-size: 240%; line-height: 110%; margin: 0 0 20px 0; font-family: "myriad-pro", sans-serif; font-weight: 400;}
.social p {font-size: 90%;}
.social p, .social a {color: #ffffff;}
.social p.date {color: #93c3e2;}

.twitter .left {float: left; width: 189px;}
.twitter .right {float: right; width: 351px;}
.twitter img {width: 100%;}

.scitt .twitter {position: relative;}
.scitt .twitter h2 {padding: 0 150px 20px 0; font-size: 300%; color: #ffffff!important; font-weight: 600;}
.scitt .twitter p.connect {position: absolute; top: 20px; right: 0;}
.scitt .twitter .tweet {position: relative; margin: 0 0 20px 0;}
.scitt .twitter .tweet .left {position: absolute; top: 0; left: 0; width: 50%; height: 100%;}
.scitt .twitter .tweet .left img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}
.scitt .twitter .tweet .right {float: right; width: 50%; box-sizing: border-box; padding: 15px 30px;}
.scitt .twitter .tweet .right p {padding: 0;}
.scitt .twitter .tweet .right p.twittername {font-weight: 700;}

.facebook h4 {font-family: "Montserrat", sans-serif; font-weight: 700; font-size: 120%; line-height: 110%; color: #ffffff; margin: 0 0 20px 0;}
.facebook.main h4 {color: #333333; margin: 0 0 10px 0;}
.facebook p.view {float: right; color: #b5d6eb;}
.facebook p.view a {color: #b5d6eb;}
.facebook.main p.view, .facebook.main p.view a {color: #2d89c6;}

.scroller .slick-dots {margin: 0!important;}
.scroller .slick-dots li {list-style: none; float: left; margin: 0 5px 0 0; width: 15px; height: 15px;}
.scroller .slick-dots button {width: 15px; height: 15px; padding: 0; background: #ffffff; border-radius: 50%; outline: none; border: none; text-indent: -99999px; cursor: pointer; margin: 0;}
.scroller .slick-dots .slick-active button {opacity: 0.7;}

.newsfeed .news-story {margin: 0 0 30px 0; border: 1px solid #000000; border-radius: 10px; overflow: hidden;}
.newsfeed .news-story .image {float: left; width: 20%; margin-right: 5%;}
.newsfeed .news-story .text {float: left; width: 75%; box-sizing: border-box; padding: 20px 10px;}
.newsfeed .news-story .text a.readmore {display: inline-block; color: #ff7f00; font-family: "myriad-pro", sans-serif; font-weight: 400;}

.whatweoffer {width: 100%;}
.whatweoffer .circlewrap {float: left; padding: 0 0 0 31px; width: 210px;}
.whatweoffer .circlewrap:first-child {padding: 0;}
.whatweoffer .circle {width: 100%; height: 0; padding-bottom: 100%; border-radius: 50%; overflow: hidden; position: relative; background: #ff7f00;}
.whatweoffer .circle img {width: 100%;}
.whatweoffer .circle .overlay {position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(0, 0, 0, 0.5); box-sizing: border-box; padding: 10px 20px;}
.whatweoffer .circlewrap.noimg .overlay {background: none;}
.whatweoffer .circle .overlay .inner {display: table; width: 100%; height: 100%; text-align: center;}
.whatweoffer .circle .overlay .inner a {display: table-cell; width: 100%; height: 100%; text-align: center; vertical-align: middle; color: #ffffff; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 175%; line-height: 100%;}
.whatweoffer .circlewrap .links {display: none; margin: 20px 0 0 0;}
.whatweoffer .circlewrap .links ul {margin: 0!important; padding: 0!important;}
.whatweoffer .circlewrap .links li {list-style: none; font-size: 90%; font-weight: 700; padding: 0 0 3px 0;}
.whatweoffer .circlewrap .links li i {color: #2d89c6;}
.whatweoffer .circlewrap .links li a {color: #333333;}
.whatweoffer .circlewrap .links li:hover i {color: #ff9730;}
.whatweoffer .circle.open img {display: none!important;}
.whatweoffer .circle.open .overlay {background: none!important;}

.subjects {width: 102%; margin-left: -2%;}
.subjects .subject {width: 31.3333%; float: left; margin: 0 0 2% 2%; border-radius: 20px;}
.subjects.secondarysubjects .subject {width: 156px;}
.subjects .subject img {width: 100%; margin: 0 0 10px 0; border-radius: 20px;}
.subjects p.readmore a {display: block; color: #ffffff!important; background: #2d89c6; font-family: "myriad-pro", sans-serif; font-weight: 400; padding: 10px 20px;}

.subjects.casestudies .subject {position: relative; cursor: pointer;}
.subjects.casestudies .subject img {margin: 0;}
.subjects.casestudies .subject .text {text-align: center; background: #db4599; padding: 10px; position: absolute; bottom: 0; left: 0; box-sizing: border-box; width: 100%;}
.subjects.casestudies .subject.orange .text {background: #e37f00;}
.subjects.casestudies .subject.blue .text {background: #2d89c6;}
.subjects.casestudies .subject.purple .text {background: #51427f;}
.subjects.casestudies .subject .text h3 {padding: 0; margin: 0; font-size: 105%;}
.subjects.casestudies .subject .text h3 a {color: #ffffff;}
.subjects.casestudies .subject .text p {padding: 0; color: #ffffff; font-size: 85%;}

.tsa .subjects .subject {position: relative; width: 31.33333%;}
.tsa .subjects .subject .overlay {position: absolute; bottom: 10px; left: 0; width: 100%; height: auto; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; padding: 15px 20px; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.tsa .subjects .subject h3 {color: #ffffff; padding: 0 0 5px 0; font-weight: 700; font-size: 130%; min-height: 5px; margin: 0;}
.tsa .subjects .subject h3 a, .tsa .subjects .subject p a {color: #ffffff;}
.tsa .subjects .subject p {font-size: 90%; padding: 0; color: #ffffff; display: none; line-height: 130%;}
.tsa .subjects .subject p.readmore a {display: inline-block; padding: 7px 10px; margin: 10px 0 0 0;}
.tsa .subjects .subject:hover .overlay {
  height: 100%;
  background: -webkit-linear-gradient(45deg, rgba(169, 45, 73, 0.9) 0%, rgba(232, 132, 78, 0.9) 25%, rgba(245, 206, 124, 0.9) 50%, rgba(168, 204, 139, 0.9) 77%, rgba(9, 175, 156, 0.9) 100%);
  background: linear-gradient(45deg, rgba(169, 45, 73, 0.9) 0%, rgba(232, 132, 78, 0.9) 25%, rgba(245, 206, 124, 0.9) 50%, rgba(168, 204, 139, 0.9) 77%, rgba(9, 175, 156, 0.9) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#73a92d49", endColorstr="#7309af9c", GradientType=1);
  padding: 20px;
  border-radius: 20px;
  bottom: 5px;
}
.tsa .subjects .subject:hover p {display: block;}

.tsa .title-wrap {background: none; position: absolute; bottom: 0; left: 0; right: 0; padding: 0 20px; box-sizing: border-box; width: 100%;}
.tsa .title {max-width: 1480px; width: 100%; margin: 0 auto; padding: 40px 0;}
.tsa .title h1 {font-family: "myriad-pro", sans-serif; font-weight: 700; font-style: italic;}

.tsa .ourteams {width: 102%; margin-left: -2%;}
.tsa .ourteams .ourteam {width: 23%; float: left; margin: 0 0 2% 2%; position: relative;}
.tsa .ourteams .ourteam img {border-radius: 20px;}
.tsa .ourteams .ourteam .overlay {position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px; background: rgba(0, 0, 0, 0.8); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px;}
.tsa .ourteams .ourteam .overlay h3 {padding: 0; margin: 0; color: #ffffff; font-size: 130%;}
.tsa .ourteams .ourteam .overlay p {padding: 0; color: #ffffff;}

.tsa .featurelinks {width: 102%; margin-left: -2%;}
.tsa .featurelinks .featurelink {width: 23%; float: left; margin: 0 0 2% 2%; position: relative;}
.tsa .featurelinks .featurelink img {border-radius: 20px; width: 100%;}
.tsa .featurelinks .featurelink .overlay {position: absolute; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 10px; background: rgba(0, 0, 0, 0.8); border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; min-height: 72px;}
.tsa .featurelinks .featurelink .overlay h3 {padding: 0; margin: 0;}
.tsa .featurelinks .featurelink .overlay h3 a {color: #ffffff; display: block;}

.casestudypopup {max-width: 1100px; width: 90%; background: #db4599!important; position: relative;}
.casestudypopup .mainimage {float: right; position: relative; width: 60%;}
.casestudypopup .mainimage img {width: 100%;}
.casestudypopup .mainimage img.desktop {display: block;}
.casestudypopup .mainimage img.mobile {display: none;}
.casestudypopup .mainimage .overlay {width: 100%; background: linear-gradient(to right, rgba(219, 69, 153, 1) 0%, rgba(219, 69, 153, 1) 16%, rgba(219, 69, 153, 0) 60%, rgba(219, 69, 153, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#db4599", endColorstr="#00db4599", GradientType=1); position: absolute; top: 0; left: 0; height: 100%;}
.casestudypopup.purple .mainimage .overlay {background: linear-gradient(to right, rgba(81, 66, 127, 1) 0%, rgba(81, 66, 127, 1) 16%, rgba(81, 66, 127, 0) 60%, rgba(81, 66, 127, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#51427f", endColorstr="#0051427f", GradientType=1);}
.casestudypopup.blue .mainimage .overlay {background: linear-gradient(to right, rgba(45, 137, 198, 1) 0%, rgba(45, 137, 198, 1) 16%, rgba(45, 137, 198, 0) 60%, rgba(45, 137, 198, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d89c6", endColorstr="#002d89c6", GradientType=1);}
.casestudypopup.orange .mainimage .overlay {background: linear-gradient(to right, rgba(227, 127, 0, 1) 0%, rgba(227, 127, 0, 1) 16%, rgba(227, 127, 0, 0) 60%, rgba(227, 127, 0, 0) 64%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e37f00", endColorstr="#00e37f00", GradientType=1);}
.casestudypopup .inner {width: 60%; position: absolute; top: 0; left: 0; z-index: 20;}
.casestudypopup .inner .textinner {padding: 25px;}
.casestudypopup .inner .textinner .casestudytitle {padding: 0 0 20px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ffffff;}
.casestudypopup .inner .textinner .casestudytitle h2 {font-family: "myriad-pro", sans-serif; font-weight: 400; padding: 0; margin: 0; line-height: 110%; font-size: 300%; color: #ffffff;}
.casestudypopup .inner .textinner .casestudytitle h3 {color: #ffffff; padding: 0; margin: 0; line-height: 110%; font-family: "myriad-pro", sans-serif; font-weight: 300; font-size: 160%;}
.casestudypopup .inner .textinner .casestudytitle h4 {color: #ffffff; padding: 0; margin: 0; line-height: 110%; font-family: "myriad-pro", sans-serif; font-weight: 300; font-size: 110%;}
.casestudypopup .inner .textinner .casestudytitle h4 strong {font-family: "myriad-pro", sans-serif; font-weight: 400;}
.casestudypopup .inner .textinner p {color: #ffffff;}
.casestudypopup .inner .textinner .text {-webkit-column-count: 2; -moz-column-count: 2; column-count: 2;}
.casestudypopup .inner .textinner p, .casestudypopup .inner .textinner li {font-family: "Montserrat", sans-serif; font-weight: 400; font-size: 80%;}
.casestudypopup .inner .textinner .text h1 {font-family: "myriad-pro", sans-serif; font-weight: 400; line-height: 110%; padding: 0 0 20px 0; margin: 0; color: #ffffff; font-size: 160%;}
.casestudypopup .inner .textinner .text h2, .casestudypopup .inner .textinner .text h3 {font-weight: 700; line-height: 110%; padding: 0 0 10px 0; margin: 0; color: #ffffff; font-size: 100%; font-family: "Montserrat", sans-serif;}
.casestudypopup .inner .textinner .text h4 {font-family: "myriad-pro", sans-serif; font-weight: 400; line-height: 110%; padding: 0 0 20px 0; margin: 0; color: #ffffff; font-size: 110%;}
.casestudypopup.orange {background: #e37f00!important;}
.casestudypopup.blue {background: #2d89c6!important;}
.casestudypopup.purple {background: #51427f!important;}
.casestudypopup .bottom-overlay {position: absolute; width: 100%; height: 0; padding-bottom: 30%; bottom: 0; left: 0; background: url(../images/spot-wrap.png) repeat-x bottom left;}
.casestudypopup .bottom {position: absolute; bottom: 20px; right: 5%; max-width: 55%; width: 100%;}
.casestudypopup .quote {box-sizing: border-box; padding: 20px; border: 5px solid #ffffff; margin: 0 0 20px 0;}
.casestudypopup .quote p {padding: 0; color: #ffffff; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 160%; line-height: 110%; text-shadow: 0 0 5px rgba(0, 0, 0, 1);}
.casestudypopup .stamp p {font-size: 140%; padding: 0; color: #ffffff; font-family: "myriad-pro", sans-serif; font-weight: 400;}
.casestudypopup .stamp p a {color: #ffffff;}
.casestudypopup .stamp a.logo {width: 100%; height: 0; padding-bottom: 12%; display: block; background: url(../images/scitt-logo-white.png) no-repeat 0 0; margin: 0 0 10px 0; background-size: 100%;}

.fancybox-slide > * {padding: 0!important;}

.partners {margin-left: -20px; margin-bottom: 40px;}
.partners .partner {float: left; width: 200px; margin: 0 0 20px 20px; background: #ff7f00 url(../images/banner-text-wrap.png) no-repeat 0 0; background-size: cover; height: 287px; position: relative;}
.partners .partner .logo {width: 100%; height: 120px; background: #ffffff; display: table;}
.partners .partner .logo a {display: table-cell; padding: 15px; text-align: center; vertical-align: middle;}
.partners .partner .text {padding: 15px;}
.partners .partner h4 {color: #ffffff!important;}
.partners .partner p.viewwebsite {position: absolute; bottom: 15px; left: 15px; padding: 0;}
.partners .partner p.viewwebsite a {color: #ffffff!important; font-weight: 700;}
.partners .partner img {max-height: 80px; width: auto; display: inline-block;}

.rotatingquotes .rotatingquote h3 {font-size: 260%; padding: 0 0 20px 0;}
.rotatingquotes .rotatingquote img {width: 100%; border-radius: 10px;}
.rotatingquotes .rotatingquote .col2 {padding: 0 200px 0 0; box-sizing: border-box;}

.schoollocations .heading {background: #51427f; padding: 0 20px;}
.schoollocations .heading h3 {color: #ffffff; margin: 0; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 200%; padding: 20px 0; line-height: 110%; text-align: center;}
.schoollocations .googlemap {width: 100%; height: 400px;}

.schoolslist {width: 102%; margin-left: -2%;}
.schoolslist .school {float: left; width: 31%; margin: 0 0 2% 2%; box-sizing: border-box; padding: 20px 20px 100px 20px; background: #f2f2f2; position: relative;}
.schoolslist .school p.contactlinks {position: absolute; bottom: 20px; left: 0; width: 100%; box-sizing: border-box; padding: 0 20px;}

.programs {width: 102%; margin-left: -2%;}
.programs .programcircle {float: left; width: 31%; margin: 0 0 0 2%; text-align: center; border-radius: 40px; overflow: hidden;}
.programs .programcircle a {display: block; position: relative; height: 200px; color: #ffffff; text-decoration: none; background: #db4599; transition: all 0.2s ease;}
.programs .programcircle:hover a {background: rgba(219, 69, 153, 0.8);}
.programs .programcircle a span {color: #ffffff; position: absolute; top: 50%; left: 0; right: 0; margin: 0 auto; max-width: 80%; width: 100%; transform: translate(0, -50%); font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 140%; line-height: 110%;}

.footer-wrap {padding: 0 20px; background: #f4f9fc;}
.footer {max-width: 1180px; width: 100%; margin: 0 auto; padding: 50px 0 30px 0;}
.footer .col1 {width: 346px; margin-right: 54px;}
.footer .col2 {width: 439px; margin-right: 49px;}
.footer .col3 {width: 292px; padding-top: 81px;}
.footer p {font-size: 90%; font-weight: 700; padding: 0 0 20px 0;}
.footer p i, .footer li i {color: #2d89c6; font-size: 110%;}
.footer p a, .footer li a {color: #333333; text-decoration: none;}
.footer li {font-size: 90%; font-weight: 700; list-style: none; padding: 0 0 7px 0;}
.footer ul {margin: 0; padding: 0;}
.footer a:hover {color: #2d89c6;}

.scitt .footer .col3 {padding: 0;}

.bottom-footer-wrap {padding: 0 20px;}
.bottom-footer {max-width: 1180px; width: 100%; margin: 0 auto; padding: 15px 0;}
.bottom-footer .col1 {width: 346px; margin-right: 54px;}
.bottom-footer .col2 {width: 439px; margin-right: 49px;}
.bottom-footer .col3 {width: 292px; text-align: right;}
.bottom-footer p {color: #ffffff; padding: 0; font-size: 90%;}
.bottom-footer p a {color: #ffffff; text-decoration: none;}
.bottom-footer p.thespecialists a {color: #ffb368;}
.bottom-footer p a:hover {color: #ffb368;}

.scitt .header a.logo {background: url(../images/logo-nsitt.svg) no-repeat 0 0; width: 100%; height: 180px; background-size: contain;}
.scitt .header .right p {color: #51427f;}
.scitt .header p.socialicons a {background: #db4599;}
.scitt .header p.socialicons a:hover {background: #ec88c0;}
.scitt .nav li.selected a, .scitt .nav li:hover a {color: #db4599; background: url(../images/scitt-nav-selected.png) repeat-x top left; border-color: #db4599;}
.scitt .nav li.selected li a, .scitt .nav li:hover li a {background: none; color: #333333; border-color: #333333;}
.scitt .nav li.selected li.selected a, .scitt .nav li:hover li:hover a {background: url(../images/scitt-nav-selected.png) repeat-x top left; color: #db4599; border-color: #db4599;}
.scitt .banners-wrap {background: #51427f url(../images/scitt-banner-text-wrap.png) repeat-x bottom left;}
.scitt .banner .text .inner p.readmore a {color: #ffffff; background: #db4599;}
.scitt .title-wrap {background: #51427f url(../images/scitt-banner-text-wrap.png) repeat-x bottom left;}
.scitt .footer p i, .scitt .footer li i, .scitt .footer a:hover {color: #db4599;}
.scitt .bottom-footer p.thespecialists a {color: #c2bdd2;}
.scitt .content h2 {color: #51427f;}
.scitt .social p.date {color: #eca0ca;}
.scitt .content h1 {color: #51427f;}
.scitt .content h2 {color: #db4599;}
.scitt .content table th {background: #db4599;}
.scitt .snav li.selected a, .scitt .snav li:hover a {color: #db4599;}
.scitt .snav li.selected li.selected a, .scitt .snav li.selected li:hover a {color: #db4599;}
.scitt .snav {border-bottom: 3px solid #db4599;}
.scitt input[type="submit"] {background: #db4599;}
.scitt .content a {color: #db4599;}
.scitt .breadcrumb p span {color: #db4599!important;}
.scitt .bottom-footer p a:hover {color: #c2bdd2;}
.scitt .newsfeed .news-story .text a.readmore {background: #51427f;}
.scitt .facebook p.view, .scitt .facebook p.view a {color: #eca0ca;}

.scitt .top-header-wrap {
  padding: 0 20px; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right, rgba(157, 36, 78, 1) 0%, rgba(224, 88, 51, 1) 33%, rgba(247, 218, 131, 1) 66%, rgba(0, 173, 157, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9d244e", endColorstr="#00ad9d", GradientType=1); /* IE6-9 */
}
.scitt .top-header {max-width: 1480px; width: 100%; margin: 0 auto; padding: 15px 0 30px; position: relative; font-size: 80%;}
.scitt .top-header p a {margin-left: 10px;}
.scitt .top-header .links {float: left;}
.scitt .top-header .links p {float: left; padding: 0 0 0 20px;}
.scitt .top-header .links p a {color: #ffffff; margin-left: 15px;}
.scitt .top-header .search {float: right; width: 30px;}
.scitt .top-header .search label, .top-header .search span.alttext {height: 0; width: 0; overflow: hidden; opacity: 0; position: absolute; display: block;}
.scitt .top-header .search a {color: #000000; text-decoration: none; font-size: 150%; display: inline-block;}
.scitt .top-header .search a.close {position: absolute; top: 34%; transform: translateY(-50%); right: 0; color: #60b084; z-index: 20; display: none;}
.scitt .top-header .search .searchbox {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 300px; visibility: hidden; opacity: 0; transition: all 0.4s ease; -webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -ms-transition: all 0.4s ease; -o-transition: all 0.4s ease;}
.scitt .top-header .search .searchbox input {height: 40px; margin: 0;}
.scitt .top-header .search.clicked .searchbox {right: 0; visibility: visible; opacity: 1;}
.scitt .top-header .search.clicked a.open {display: none;}
.scitt .top-header .search.clicked a.close {display: block; right: 10px;}

.orangefeaturewrap {background: #e17f00 url(../images/spot-wrap.png) repeat-x bottom left;}
.orangefeaturebox {border: 2px solid #ffffff; box-sizing: border-box; padding: 30px; text-align: center;}
.orangefeaturebox h3 {color: #ffffff; padding: 0; margin: 0; font-size: 300%;}
.orangefeaturebox h3 a {color: #ffffff!important; text-decoration: none;}
.orangefeaturebox p.text {padding: 20px 0 0 0; color: #ffffff;}
.orangefeaturebox p.text a {color: #ffffff; text-decoration: none;}
.orangefeaturebox p.icon img {max-width: 150px; width: 100%; margin: 0 auto; display: inline-block;}

.orangefeaturewrap .slick-dots {position: absolute; bottom: -45px; right: 0; left: 0; margin: 0; padding: 0; z-index: 20; width: 100%; transform: translate(0, -50%); text-align: center;}
.orangefeaturewrap .slick-dots li {list-style: none; display: inline-block; width: 12px; height: 12px; line-height: 12px; margin: 0 3px;}
.orangefeaturewrap .slick-dots li button {margin: 0; padding: 0; outline: none; border: none; background: #ffffff; border-radius: 50%; text-indent: -99999px; cursor: pointer; width: 12px; height: 12px;}
.orangefeaturewrap .slick-dots li.slick-active button {opacity: 0.7;}

.seecmsdownloadarea {margin: 0 0 20px 0!important; padding: 0;}
.seecmsdownloadarea li {list-style: none; margin: 0 0 10px 0;}
.seecmsdownloadarea li img {display: inline-block; margin: 0 10px 0 0;}
#seecmsdownloadareafolder {margin: 0!important;}

.accreditations-wrap {padding: 0 20px; background: #ffffff;}
.accreditations-wrap .top {display: none;}
.accreditations {max-width: 1180px; width: 100%; margin: 0 auto; padding: 30px 0;}
.accreditations .list {width: 100%; display: table;}
.accreditations .list .accreditation {display: table-cell; text-align: center; vertical-align: middle; padding: 0 20px;}
.accreditations .list .accreditation a img {display: inline-block; margin: 0 auto; max-height: 70px; border-radius: 0!important;}

.mobile-header-wrap, .snavmobile, .mobile-nav {display: none;}

@media print {
  * {-webkit-print-color-adjust: exact;}
  body {font-size: 12pt; font-family: arial, serif; line-height: 140%;}
  .see-cms-toolbar {display: none!important;}
}

@media (max-width: 1524px){
  .content .col1, .tsa .content .col1 {float: left; width: 20%; margin-right: 5%;}
  .content .col2, .tsa .content .col2 {float: left; width: 60%; margin-right: 3%;}
  .content.wide .col2, .tsa .content.wide .col2 {float: left; width: 75%;}
  .content .col3, .tsa .content .col3 {float: left; width: 12%;}
}

@media (max-width: 1420px){
  .banner .image {width: 34%;}
  .banner .text {width: 66%; height: 0; padding-bottom: 29%;}
  .banner .text .inner {padding: 4% 0% 0 6%;}

  .header-container .inner .left {width: 220px; padding: 30px 20px 0 0;}
  .header-container .inner .left .slogan {font-size: 86%;}
  .header-container .inner .right {padding: 20px 0 0 0; float: left;}

  .complexbanners .banner .overlay .inner .container .text p {font-size: 350%;}
  .scitt .complexbanners .overlay .inner .container .interested {left: 20px;}
  .scitt .complexbanners .banner .overlay .inner .container .text {padding-bottom: 0; bottom: 20px;}
  .scitt .complexbanners .banner .overlay .inner .container .text h2 {font-size: 250%; padding: 0 0 10px 0;}
  .scitt .complexbanners .banner .overlay .inner .container .text p {font-size: 150%;}
}

@media (max-width: 1240px){

  .header .left {width: 66%;}
  .header .right {width: 27%;}
  .header a.logo {height: 0; padding-bottom: 12%;}

  .scitt .header a.logo {background: url(../images/logo-nsitt.svg) no-repeat 0 0; width: 60%; height: 100px; background-size: contain;}
  .scitt .header .left, .scitt .header .right {width: 50%;}

  .banner .text .inner h3 {font-size: 400%;}
  .banner .text .inner p {font-size: 140%;}

  .content .col1, .tsa .content .col1 {width: 24%; margin-right: 3%;}
  .content .col2, .tsa .content .col2 {width: 45%; margin-right: 2%;}
  .content.wide .col2, .tsa .content.wide .col2 {width: 73%; margin-right: 0%;}
  .content .col3, .tsa .content .col3 {width: 26%;}
  .content.home .col1 {width: 30%; margin-right: 3%;}
  .content.home .col2 {width: 30%; margin-right: 3%;}
  .content.home .col3 {width: 32%;}
	
  .content.multi .left {width: 24%; margin-right: 3%;}
  .content.multi .right {width: 73%;}

  .content.home.homenew .col1 {width: 30%; margin-right: 5%;}
  .content.home.homenew .col2 {width: 65%; margin-right: 0;}

  .tsa .featurelinks .featurelink {width: 31.3333%;}

  .social .left {width: 47%;}
  .social .right {width: 47%;}

  .partners {margin-left: -2%; width: 102%;}
  .partners .partner {width: 23%; margin: 0 0 2% 2%; height: 287px;}

  .twitter .left {width: 33%!important;}
  .twitter .right {width: 62%!important;}

  .whatweoffer .circlewrap {padding: 0 0 0 3%; width: 17.5%;}
  .whatweoffer .circlewrap:first-child {padding: 0;}

  .newsfeed .news-story .image {width: 17%; margin-right: 2%;}
  .newsfeed .news-story .text {width: 81%;}

  .subjects {margin-left: -2%;}
  .subjects .subject, .subjects.secondarysubjects .subject {width: 31%; float: left; margin: 0 0 2% 2%;}

  .complexbanners .banner .overlay .inner .container .text {left: 20px;}

  .banners-wrap.tsa .bannerimage img.desktop {display: none;}
  .banners-wrap.tsa .bannerimage img.tablet {display: block;}

  .scitt .featuredimages .featuredimage img.desktop {display: none;}
  .scitt .featuredimages .featuredimage img.mobile {display: block;}
  .scitt .subjectshome .content {box-sizing: border-box; padding: 0 20px;}

  .tsaabout-wrap {background: none; background-color: #ffffff;}
  .tsaabout-wrap .tsaabout {padding: 30px 0;}
  .tsaabout-wrap .tsaabout .right {float: none; width: 100%;}
  .tsaabout-wrap .tsaabout .left {display: none;}
  .tsaabout-wrap .tsaabout .left.mobile {display: block; background: none;}
  .tsaabout-wrap .tsaabout .left.mobile {float: none; position: relative; top: auto; transform: none; width: 100%; left: auto;}

  .footer .col1 {width: 29%; margin-right: 4%;}
  .footer .col2 {width: 37%; margin-right: 4%;}
  .footer .col3 {width: 24%;}

  .bottom-footer .col1 {width: 29%; margin-right: 4%;}
  .bottom-footer .col2 {width: 37%; margin-right: 4%;}
  .bottom-footer .col3 {width: 24%;}
}

@media (max-width: 1150px){
  .complexbanners img.desktop {display: none;}
  .complexbanners img.mobile {display: block;}
  .complexbanners .banner.casestudybanner .bannerimage {width: 54.5%;}

  .banners-wrap.tsa .inner .left {width: 100%;}
  .banners-wrap.tsa .inner .left .nav {display: block; margin-bottom: 40px;}
  .banners-wrap.tsa .inner .left a.logo img {width: 80%; max-width: 500px;}

  .banners-wrap.tsa .banner-boxes {top: 260px;}
  .banners-wrap.tsa .intro-box-wrap {bottom: 40px;}

  .banners-wrap.tsa .inner .left .banner-boxes {width: 48%; float: left; margin-top: 20px;}
  .banners-wrap.tsa .inner .left .intro-box {width: 48%; float: left; margin-left: 2%; margin-top: 20px;}
  .banners-wrap.tsa .inner .right {display: none;}
	
  .responsive-bannertext {display: block;}
  .responsive-bannertext .bannertext {padding: 40px 20px; box-sizing: border-box;}
  .responsive-bannertext .bannertext h2 {color: #ffffff; font-weight: 700; font-size: 325%;}
  .responsive-bannertext .bannertext p {padding: 0;}
  .responsive-bannertext .bannertext p a {color: #ffffff; font-size: 150%; font-weight: 700;}

  .banners-wrap.tsa.inner .innerbannerimage img.desktop {display: none;}
  .banners-wrap.tsa.inner .innerbannerimage img.mobile {display: block;}

  .icons-wrap {width: 100%; position: relative; top: auto; transform: none; padding: 40px 0; z-index: 10;}
  .icons-wrap .icon {background: #564082;}
  .icon-overlay {background: url(../images/N.png) no-repeat center right; background-size: 100%; width: 267px; height: 270px; position: absolute; right: 0;}
  .icon-overlay img {display: none;}

  .tsa-bottom-footer p {font-size: 80%;}
  .tsa-bottom-footer p.copy {padding-right: 2%;}
}

@media (max-width: 1024px){

  .top-header .sociallinks p, .top-header .links p {font-size: 80%;}

  .header .right p {font-size: 190%;}
  .scitt .header .right .top-header p {font-size: 140%;}

  .banner .image {width: 44%;}
  .banner .text {width: 56%; height: 0; padding-bottom: 29%;}
  .banner .text .inner p.readmore {font-size: 80%;}

  .banners-wrap.tsa .leftcontainer .innerblock, .banners-wrap.tsa .bannertext {width: 48%; max-width: initial;}
  .banners-wrap.tsa .bannertext p a {font-size: 120%;}
  .banners-wrap.tsa .bannertext h2 {font-size: 220%;}
  .bannertextblock {bottom: 30px;}

  .title h1 {font-size: 400%;}

  .scitt .gridboxes .box {width: 48%;}

  .tsa .ourteams .ourteam {width: 31.3333%;}

  .whatweoffer .circle .overlay .inner a {font-size: 140%;}

  .tsa-footerbar p {width: 100%; padding: 0;}

  .scitt .bannerquicklinks .box {padding: 15px;}
}

@media (max-width: 900px){
  .header-container .nav li a {font-size: 85%;}

  .complexbanners .banner .overlay .inner .container .text {max-width: 80%;}

  .casestudypopup .mainimage {float: none; position: relative; width: 100%;}
  .casestudypopup .mainimage .overlay {display: none;}
  .casestudypopup .inner {width: 100%; position: static; top: 0; left: 0; z-index: 20;}
  .casestudypopup .bottom-overlay {position: absolute; width: 100%; height: 0; padding-bottom: 30%; bottom: 0; left: 0; background: url(../images/spot-wrap.png) repeat-x bottom left;}
  .casestudypopup .bottom {position: static; bottom: 20px; right: 0%; max-width: 100%; width: 100%; display: none;}
  .casestudypopup .inner .textinner .casestudytitle h2 {font-size: 200%;}

  .casestudypopup .mainimage img.desktop {display: none;}
  .casestudypopup .mainimage img.mobile {display: block;}

  .tsa .subjects .subject {width: 48%;}
  .tsa .featurelinks .featurelink {width: 48%;}

  .scitt .bannerquicklinks .box {width: 50%; border-left: none;}

  .scitt .content.homenew .left {width: 100%; float: none;}
  .scitt .content.homenew .right {width: 100%; float: none;}
}

@media (max-width: 800px){
	
  .top-mobile {display: block;}
  .top-mobile p {float: left; width: 50%; text-align: center; padding: 0; font-size: 80%;}
  .top-mobile p a {display: block; padding: 10px 0; color: #ffffff; background: #564082;}

  .top-header .links .email {display: none;}
  .top-header .links .signup {display: none;}

  .header .right p {font-size: 140%;}

  .banners-wrap {padding: 0;}
  .banner .image {width: 100%;}
  .banner .image img {width: 100%;}
  .banner .text {width: 100%; height: auto; padding-bottom: 0;}
  .banner .text .inner {padding: 20px 20px 40px 20px;}
  .banners .slick-dots {right: 20px;}

  .banners-wrap.tsa .banner-boxes {padding: 240px 0 0 0;}

  .banners-wrap.tsa .inner .left .banner-boxes {width: 100%; float: none;}
  .banners-wrap.tsa .inner .left .intro-box {width: 100%; float: none; margin-left: 0;}

  .social h3 {font-size: 180%;}

  .whatweoffer .circle .overlay .inner a {font-size: 100%;}

  .content.default .col2 {width: 73%; margin: 0;}
  .content.default .col3 {width: 73%; float: right; margin: 0;}

  .partners .partner h4 {font-size: 100%!important;}

  .tsalatestnewsfeed .doublefeaturebox {width: 100%;}
  .tsalatestnewsfeed .singlefeaturebox {width: 100%; margin-left: 0; margin-bottom: 20px;}
  .tsalatestnewsfeed .tallfeaturebox {width: 100%; margin-bottom: 20px;}
  .tsalatestnewsfeed .tallfeaturebox .text {min-height: 0;}
  .tsalatestnewsfeed .fullfeaturebox {width: 100%;}

  .promotes {background-position: 50% 85%;}
  .promotes .promoteimage {width: 100%; float: none; margin-bottom: 10px;}
  .promotes .text {width: 100%; float: none;}

  .tsahometwitter {width: 48%; margin: 0 0 2% 2%;}

  .tsa-footer .col1 {float: none; width: 100%;}
  .tsa-footer .col2 {float: none; width: 100%; margin-left: 0;}
  .tsa-footer .col3 {float: none; width: 100%; position: relative; right: auto; top: auto; transform: none;}
  .tsa-footer .col3 img {width: 40%; margin: 0;}

  .tsa-bottom-footer p {float: none; text-align: center; padding: 0 0 10px 0;}
  .tsa-bottom-footer p.right {float: none; text-align: center; padding: 0;}

  .tsa .ourteams .ourteam {width: 48%;}
  .tsa .ourteams .ourteam img {margin: 0!important;}
}

@media (max-width: 750px){

  .header-container {position: static; background: #000000;}
  .header-container .inner .right {display: none;}
  .header-wrap {display: none;}
  .banners-wrap.tsa .inner .left .nav {display: none;}
  .banners-wrap.tsa .banner-boxes {padding: 20px 0 0 0;}

  .mobile-nav {display: block; background: #2d89c6;}
  .mobile-nav .top {padding: 15px 20px; cursor: pointer;}
  .mobile-nav .top a {color: #ffffff; font-family: "myriad-pro", sans-serif; font-weight: 400;}
  .mobile-nav ul {display: none; border-top: 2px solid #ffffff; border-bottom: 2px solid #ffffff;}
  .mobile-nav li a {display: block; padding: 15px 20px; font-family: "myriad-pro", sans-serif; font-weight: 400; color: #ffffff;}
  .mobile-nav li.selected a {background: #5dade3;}

  .nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; float: right; margin-top: 2px;}
  .nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #ffffff; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
  .nav-icon span:nth-child(1) {top: 0;}
  .nav-icon span:nth-child(2), .nav-icon span:nth-child(3) {top: 7px;}
  .nav-icon span:nth-child(4) {top: 14px;}
  .open .nav-icon span:nth-child(1) {top: 21px; width: 0%; left: 50%;}
  .open .nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .open .nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
  .open .nav-icon span:nth-child(4) {top: 18px; width: 0%; left: 50%;}

  .mobile-header-wrap {display: block; background: #ffffff;}
  .mobile-header {padding: 30px 20px; text-align: center;}
  .mobile-header p {font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 150%; color: #ff7f00;}
  .mobile-header a.logo {display: block; width: 250px; height: 33px; background: url(../images/logo.png) no-repeat 0 0; background-size: 100%; margin: 0 auto 10px auto;}
  .mobile-header p.socialicons {font-size: 100%!important; padding: 0;}
  .mobile-header p.socialicons a {width: 35px; height: 35px; border-radius: 50%; display: inline-block; margin: 0 0 0 10px; line-height: 35px; text-align: center; color: #ffffff; background: #2d89c6;}
  .mobile-header p.socialicons a:hover {background: #8bbcdd;}

  .scitt .mobile-header a.logo {display: block; width: 250px; height: 100px; background: url(../images/logo-nsitt.svg) no-repeat 0 0; background-size: contain; background-position: center; margin: 0 auto 10px;}
  .scitt .mobile-header a.logo i {display: none;}

  .scitt .mobile-header .right p {color: #51427f;}
  .scitt .mobile-header p.socialicons a {background: #db4599;}
  .scitt .mobile-header p.socialicons a:hover {background: #ec88c0;}

  .scitt .mobile-nav {background: #db4599;}
  .scitt .mobile-nav li.selected a {background: #ec9eca;}

  .scitt .content.homenew .left {width: 100%;}
  .scitt .content.homenew .right {width: 100%; padding: 0;}
}

@media (max-width: 667px){

  .banners-wrap.tsa .leftcontainer .innerblock, .banners-wrap.tsa .bannertext {width: 100%; box-sizing: border-box; padding: 0 20px;}
  .banners-wrap.tsa .intro-box-wrap {position: static;}

  .banners-wrap.tsa .bannerimage img.desktop {display: none;}
  .banners-wrap.tsa .bannerimage img.tablet {display: none;}
  .banners-wrap.tsa .bannerimage img.mobile {display: block;}

  .banners-wrap.tsa .banner-boxes {padding: 25px 0 0 0;}
  .banners-wrap.tsa .banner-boxes p a {font-size: 100%;}

  /* .bannerimage .slick-dots {top: auto;  left: 50%; right: auto; bottom: 10px; transform: translate(50%,0); text-align: center;} */
  /* .bannerimage .slick-dots li {display: inline-block;} */
  .bannerimage .slick-dots {position: absolute; bottom: 10px; z-index: 9999; padding: 0; margin: 0 auto; text-align: center; left: 50%; top: auto; right: auto; float: left; width: auto;}
  .bannerimage .slick-dots li {display: inline-block; width: 12px; height: 12px; line-height: 12px; margin: 0 5px 0 0; padding: 0; list-style: none; float: left;}

  .complexbanners .banner .overlay {position: static; height: auto;}
  .complexbanners .banner .overlay .inner {position: static; height: auto;}
  .complexbanners .banner .overlay .inner .container {position: static; height: auto;}
  .complexbanners .banner .overlay .inner .container .text {border: none; transform: none; position: static; left: 0; padding: 20px 20px 20px 0;}
  .complexbanners .banner .overlay .inner .container .text p {font-size: 250%;}
  .complexbanners .banner.casestudybanner .overlay .inner .container .text p {font-size: 150%;}
  .complexbanners .banner .overlay .inner .container .text .tttcircle {right: -10px; bottom: auto; top: 0; width: 80px; height: 80px;}
  .complexbanners .banner .overlay .inner .container .text .tttcircle span {font-size: 100%;}

  .complexbanners .banner.casestudybanner .bannerimage {width: 100%; clear: both; float: none;}
  .complexbanners .banner.casestudybanner .bannerimage .overlay {display: none!important;}

  .complexbanners .banner.casestudybanner img.mobile {display: none;}
  .complexbanners .banner.casestudybanner img.mobilesmall {display: block;}

  .scitt .complexbanners .banner {background: none;}
  .scitt .complexbanners .banner .overlay {background: none;}
  .scitt .complexbanners .banner .overlay .inner .container .text p.blockbutton {font-size: 90%;}

  .scitt .innerbanners .innerbanner .overlay h1 {font-size: 150%;}

  .partners .partner {width: 48%; margin: 0 0 2% 2%; height: 287px;}

  .snav {display: none; margin: 0; border-bottom: 0;}
  .snavmobile, .snavmobile .snav {display: block;}
  .snav li {border-top: none;}
  .snav li a {color: #ffffff!important; margin: 0 0 5px 0; display: block; padding: 15px; background: #2d89c6; font-size: 120%;}
  .snav li.selected a {background: #5dade3;}
  .snav li ul li a {font-size: 100%;}
  .snav li.selected ul {margin-top: 10px!important;}
  .snav li.selected li a {font-size: 100%; padding: 0; background: none; color: #666666!important;}
  .snav li.selected li.selected a {color: #2d89c6!important;}

  .content .col1.fullwidth {display: none;}

  .scitt .snav li a {background: #db4599;}
  .scitt .snav li.selected a {background: #ec9eca;}
  .scitt .snav li.selected li.selected a {color: #db4599!important;}

  .title {padding: 30px 0;}
  .title h1 {font-size: 300%;}

  .social .left {width: 100%;}
  .social .right {width: 100%;}

  .casestudypopup .inner .textinner .text {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1;}

  .whatweoffer .circlewrap {padding: 0; width: 210px; margin: 0 auto 40px auto; float: none;}
  .whatweoffer .circle .overlay .inner a {font-size: 140%;}
  .whatweoffer .circlewrap .links {text-align: center;}

  .schoolslist {width: 100%; margin-left: 0%;}
  .schoolslist .school {width: 100%; margin: 0 0 10px 0;}

  .content .col1, .tsa .content .col1 {width: 100%; margin-right: 0%;}
  .content .col2, .tsa .content .col2 {width: 100%; margin-right: 0%;}
  .content.wide .col2, .tsa .content.wide .col2 {width: 100%; margin-right: 0%;}
  .content .col3, .tsa .content .col3 {width: 100%;}
  .content.home .col1 {width: 100%; margin-right: 0%;}
  .content.home .col2 {width: 100%; margin-right: 0%;}
  .content.home .col3 {width: 100%;}
  .content img {width: 100%; margin: 0 0 20px 0!important;}
  .content li, .content p, label, .content table td {font-size: 80%;}

  .content.default .col2 {width: 100%;}
  .content.default .col3 {width: 100%;}

  .content.multi .left {width: 100%; margin-right: 0;}
  .content.multi .right {width: 100%;}
  .content.multi .right .columns {width: 100%; margin: 0;}
  .content.multi .right .columns .col {width: 100%; float: none; margin: 0;}
  .content.multi .right .col1, .content.multi .right .opposite .col1 {width: 100%; float: none; margin: 0;}
  .content.multi .right .col2, .content.multi .right .opposite .col2 {width: 100%; float: none; margin: 0;}

  .content.home.homenew .col1 {width: 100%; margin-right: 0;}
  .content.home.homenew .col2 {width: 100%; margin-right: 0;}

  .breadcrumb p {font-size: 70%!important;}

  .accreditations-wrap {padding: 0;}
  .accreditations-wrap .top {background: #e6e6e6; padding: 15px 20px; cursor: pointer; display: block;}
  .accreditations-wrap .top p {padding: 0; float: left; color: #2f2f2f; font-family: "myriad-pro", sans-serif; font-weight: 400; font-size: 90%;}
  .accreditations .list {padding: 0 20px; box-sizing: border-box; display: block;}
  .accreditations {display: none; padding: 0;}
  .accreditations-wrap .nav-icon {width: 27px; height: 20px; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; cursor: pointer; float: right;}
  .accreditations-wrap .nav-icon span {display: block; position: absolute; height: 3px; width: 100%; background: #2f2f2f; border-radius: 0; opacity: 1; left: 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: 0.25s ease-in-out; -moz-transition: 0.25s ease-in-out; -o-transition: 0.25s ease-in-out; transition: 0.25s ease-in-out;}
  .accreditations-wrap .nav-icon span:nth-child(1) {top: 0;}
  .accreditations-wrap .nav-icon span:nth-child(2), .accreditations-wrap .nav-icon span:nth-child(3) {top: 7px;}
  .accreditations-wrap .nav-icon span:nth-child(4) {top: 14px;}
  .accreditations-wrap .open .nav-icon span:nth-child(1) {top: 21px; width: 0%; left: 50%;}
  .accreditations-wrap .open .nav-icon span:nth-child(2) {-webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
  .accreditations-wrap .open .nav-icon span:nth-child(3) {-webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg);}
  .accreditations-wrap .open .nav-icon span:nth-child(4) {top: 18px; width: 0%; left: 50%;}
  .accreditations .list .accreditation {display: block; text-align: center; padding: 20px;}
  .accreditations .list .accreditation a img {display: inline-block; margin: 0 auto; max-height: 70px; border-radius: 0!important;}

  .newsfeed .news-story .image {width: 150px; float: none; margin: 0 auto;}
  .newsfeed .news-story .text {width: 100%;}
  .newsfeed .news-story .text a.readmore {width: 100%; text-align: center; box-sizing: border-box; padding: 10px 20px;}

  .complexbanners .heading .inner h2 {font-size: 200%;}
  .complexbanners .banner .inner .text {position: static; box-sizing: border-box; padding: 0 20px;}
  .complexbanners .banner .inner .text h3 {font-size: 200%;}
  .complexbanners .banner .image {max-width: 100%; position: static;}
  .complexbanners .slick-dots {display: none!important;}
  .scitt .complexbanners .banner .overlay .inner .container .text {padding: 40px 20px; max-width: 100%;}

  .scitt .gridboxes {width: 100%; margin: 0;}
  .scitt .gridboxes.videos .box, .scitt .gridboxes .box {width: 100%; margin: 0 0 2% 0;}

  .scitt .gridboxes .box img {margin: 0!important;}

  .subjectshome .subjectsfeed {width: 100%; margin-left: 0;}
  .subjectshome .subjectsfeed .button {width: 100%; margin: 0 0 10px 0;}

  .scitt .bannerquicklinks {display: block;}
  .scitt .bannerquicklinks .box {width: 100%; border-left: none;}

  .scitt .quotes .quote h1 {font-size: 150%;}

  .tsalatestnewsfeed .fullfeaturebox .fullwidthimage img {margin: 0!important;}
  .tsalatestnewsfeed .doublefeaturebox .text {height: 50%;}

  .programs {width: 100%; margin-left: 0;}
  .programs .programcircle {width: 100%; margin: 0 0 10px 0;}

  .rotatingquotes .rotatingquote .col2 {padding: 0;}
  .rotatingquotes .rotatingquote h3 {font-size: 200%;}

  .icons-wrap {position: relative; top: auto; transform: none; left: auto; background: url("../images/n.png") no-repeat right center;}
  .icons-wrap .icon {width: 100%; margin: 0 0 2% 0; background-color: #564082;}
  .icon-overlay {display: none;}

  .orangefeaturewrap .slick-dots {bottom: -35px;}

  .footer {padding: 50px 0;}
  .footer .col1 {width: 100%; margin-right: 0%; margin-bottom: 20px;}
  .footer .col2 {width: 100%; margin-right: 0%; margin-bottom: 20px;}
  .footer .col3 {width: 100%; text-align: left; padding-top: 0;}
  .footer img {width: 150px;}

  .bottom-footer .col1 {width: 100%; margin-right: 0%;}
  .bottom-footer .col2 {width: 100%; margin-right: 0%;}
  .bottom-footer .col3 {width: 100%; text-align: left;}
}

@media (max-width: 500px){
  .content .twitterdeck {width: 100%; margin-left: 0;}
  .tsahometwitter {width: 100%; margin: 0 0 2% 0;}
	
  .tsa .subjects {width: 100%; margin: 0;}
  .tsa .subjects .subject {width: 100%; float: none; margin: 0 0 2% 0;}

  .tsa .featurelinks {width: 100%; margin: 0;}
  .tsa .featurelinks .featurelink {width: 100%; float: none; margin: 0 0 2% 0;}

  .tsa .ourteams {width: 100%; margin: 0;}
  .tsa .ourteams .ourteam {width: 100%; float: none; margin: 0 0 2% 0;}

  .scitt .content a {word-wrap: break-word;}

  .scitt .content.homenew .right .image {width: 100%; float: none;}
  .scitt .content.homenew .right .quote {width: 100%; float: none;}

  .scitt .subjectshome h2 {font-size: 200%;}
  .scitt .subjectshome .subjectsfeed ul li {font-size: 95%;}

  .scitt .twitter h2 {font-size: 150%;}
  .scitt .twitter .tweet .left {position: relative; width: 100%!important; height: auto; top: auto; left: auto;}
  .scitt .twitter .tweet .left img {position: relative; width: 100%; height: auto; top: auto; left: auto;}
  .scitt .twitter .tweet .right {width: 100%!important; padding: 10px 0;}
}

@media (max-width: 400px){
	
  .top-mobile p {width: 100%; float: none;}
  .top-mobile p.email a {background: #8369b8;}

  .banners-wrap.tsa .inner .left .slogan {font-size: 150%;}
  .title h1 {font-size: 200%;}

  .social h3 {font-size: 150%;}
  .social p {font-size: 80%;}

  .content {padding: 30px 0;}

  .footer p, .footer li {font-size: 80%;}

  input[type="submit"] {width: 100%; height: 40px;}
  input[type="text"], input[type="password"], input[type="email"], textarea, select, button {height: 40px;}
  textarea {height: 150px;}

  .subjects .subject, .subjects.secondarysubjects .subject {width: 98%;}

  .bottom-footer {padding: 25px 0;}
  .bottom-footer p {font-size: 80%;}

  .partners .partner {width: 98%; margin: 0 0 20px 2%; height: auto;}
  .partners .partner .text {padding: 15px 15px 30px 15px;}
}