/*------------------------------*\

	TABLE OF CONTENTS

	x. SASS ELEMENTS (not shown in CSS)

	0. HACKS AND OVERRIDES

	1. ROW AND COLUMN STYLING

	2. SECTION BLOCKS STYLING

	3. FONTS

\*------------------------------*/
/*--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--*\

    NOTE: ALL MEDIA QUERIES CAN BE FOUND WITH THEIR ASSOCIATED STLYING BLOCK

    AND

    THIS PAGE IS BUILT USING FOUNDATION 4

\*--~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~--*/
/*------------------------------------*\

    x. SASS ELEMENTS

\*------------------------------------*/
/*----------------------------------------------------------*\

    0. HACKS AND OVERRIDES (to overwrite foundation defaults)

\*----------------------------------------------------------*/
.row {
  max-width: none !important; }

.row.mainContent .row {
  margin-left: 0 !important; }

.no_padding {
  padding: 0px !important; }

.no_margin {
  margin: 0px !important; }

.center {
  text-align: center; }

.content-popup {
  display: none; 
    position: absolute;
    left: 50%;
    background-color: #fff;
    border: 1px solid #2071af;
    padding: 0 30px 10px 30px;
    z-index: 10;
    box-shadow: 2px 2px 10px rgba(0,0,0,0.2);
    max-width: 640px;
    width: 90%;
    max-height: 80%;
    top: 100px;
    transform: translate(-50%,0);
	transition: 400ms;
	opacity: 0;
}
.content-popup a.close-popup {
	width: calc(100% + 60px);
	display: block;
	background-color: #3589C9;
	padding: 15px;
	margin-bottom: 25px;
	margin-left: -30px;
	font-weight: 700;
	font-size: 16px;
	margin-right: -30px;
	text-align: right;
	color: #fff; }
.content-popup a.close-popup:hover, .content-popup a.close-popup:focus {
	background-color: #2071af; }
.content-popup p, .content-popup ul, .content-popup li {
	font-size: 14px;
	line-height: 1.25em !important;
	margin-bottom: 15px;
	padding-bottom: 0;
}
.content-popup li:not(:last-of-type), .content-popup li:not(:last-of-type) p {
	margin-bottom: 5px;
}
.content-popup.visible {
	display: block;
	opacity: 1;
}
.large-block-grid-4 li {
	padding: 0 20px;
}
.orbit-container .orbit-slide-number, .orbit-container .orbit-timer .orbit-progress, .orbit-container .orbit-timer {
	display: none;
}
a.minitab-text-link {
	color: #000;
	font-weight: 700; }
a.minitab-text-link span {
	text-decoration: underline; }

body, p, h1, h2, h3, h4, h5, ul, li, a, nav, span {
  font-family: 'Open Sans', Arial, sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -webkit-text-shadow: rgba(0, 0, 0, 0.01) 0 0 1px; }

@media only screen {
  .small-3 {
    width: 18%; } }
@media only screen and (max-width: 40em) {
  p {
    line-height: 2.0; } }
[tabindex='3']:focus {
  opacity: 0.5; }

[tabindex='4']:focus {
  opacity: 0.5; }

[tabindex='7']:focus {
  opacity: 0.5; }

[tabindex='8']:focus {
  opacity: 0.5; }

[tabindex='10']:focus {
  opacity: 0.5; }

[tabindex='11']:focus {
  opacity: 0.5; }

[tabindex='5']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='6']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='9']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='16']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='17']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='18']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='19']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='20']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

[tabindex='21']:focus {
  border-bottom: 2px solid #64BAE7;
  outline: none; }

/*-----------------------------------------*\

    1. ROW/COLUMN STYLING

\*-----------------------------------------*/
/* SETTING A CONTAINER MAX WIDTH */
.row .container {
  max-width: 1350px !important;
  margin: 0 auto; }

nav .container {
  max-width: 1280px !important;
  margin: 0 auto; }

.row.mainContent:nth-child(odd) {
    background-color: #EBEBEB !important; } 

/* DEFAULT STYLING FOR ALL mainContent BLOCKS */
.row.mainContent {
  margin: 0px 0px;
  padding: 60px 20px;
  /*~~~~~~~~~~~~~~~~~~ MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /* DEFAULT STYLING IN MOBILE */
  /* DEFAULT STYLING IN MEDIUM SCREENS UP */ }
  .row.mainContent .button {
	  padding: 10px 20px;
    min-width: 180px; }
  .row.mainContent .container {
    padding: 0px 88px; }
    @media only screen and (max-width: 64em) {
      .row.mainContent .container {
        text-align: center; } }
  .row.mainContent .circles {
    padding-top: 20px; }
  .row.mainContent ul.none {
    list-style: none; }
  .row.mainContent p, .row.mainContent h1, .row.mainContent h2, .row.mainContent h3 {
    color: #000; }
.row.mainContent h1 {
	font-size: 36px; }
.row.mainContent h2 {
	font-size: 32px; }
.row.mainContent h3 {
	font-size: 18px; }
.row.mainContent h1, .row.mainContent h2, .row.mainContent h3 {
    font-weight: 600; }
.row.mainContent h2 span {
	font-weight: 300; }
  @media only screen and (max-width: 40em) {
    .row.mainContent {
      padding: 45px 0px; }
      .row.mainContent .container {
        padding: 0px 0px; }
      .row.mainContent .columns {
        padding-left: 0px; }
      .row.mainContent p {
        font-size: 14px; } }
  @media only screen and (min-width: 40.063em) {
    .row.mainContent p {
      font-size: 15px; } }

/* ADD-THIS STYLING */
.at4-follow {
  position: absolute; }

.at4-follow-inner {
  top: 69px; }

.at-follow-open-control {
  top: 69px; }

/*--------------------------------------*\

    2. SECTION BLOCKS STYLING

\*--------------------------------------*/
/*~~~~~~~~~~~~~~~~~~~~~~~~
      a. HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~~*/
.row.header {
  background-color: #fff !important;
  padding: 15px 120px;
  height: 76px;
  /*~~~~~~~~~~~~~~~~~~ MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /* MOBILE */
  /* EXTRA LARGE SCREENS */ }
.row.header .container {
	    padding: 0 88px;
}
  .row.header .columns {
    padding-top: 7px; }
  .row.header img.oth-logo {
    max-width: 160px; }
  .row.header img.minitab-logo {
    max-width: 140px; }
  .row.header .large-2 {
    width: 50%;
    padding-left: 0rem;
    padding-right: 7rem; }
  .row.header .large-offset-3 {
    width: 18%; }
  @media only screen and (max-width: 40em) {
    .row.header {
      padding: 0px 10px;
      height: 55px; }
      .row.header .columns {
        padding-top: 5px; }
      .row.header img {
        max-width: 110px; } }
  @media only screen and (min-width: 64.063em) and (max-width: 90em) {
    .row.header .container {
      max-width: 1280px !important; } }

/*~~~~~~~~~~~~~~~~~~~~~~~
      b. SUB-HEADER 
~~~~~~~~~~~~~~~~~~~~~~~~~*/
div.subHeader {
  background-color: #3589C9 !important;
  /* MEDIUM SCREENS */
  /* LARGE SCREENS */
  /* EXTRA LARGE SCREENS */ }
  div.subHeader a {
    font-size: 15px !important; }
.top-bar-section { text-align: center; }
.top-bar-section ul { display: block; font-size: 0; }
.top-bar-section ul li { float: none; text-align: center; display: inline-block; border-right: 1px solid #5ca0d4; }
.top-bar-section ul li:first-child { border-left: 1px solid #5ca0d4; }
  div.subHeader .top-bar-section li:not(.has-form) a:not(.button), .top-bar-section ul {
    background: transparent; }
  div.subHeader .top-bar-section li:not(.has-form) a:not(.button):hover,  div.subHeader .top-bar-section li:not(.has-form) a:not(.button):focus {
    background: #2071af; }

.top-bar.expanded .title-area {
  background: #545454 !important; }

/*~~~~~~~~~~~~~~~~~~~~~~~
      c. ACADEMIC SOFTWARE
~~~~~~~~~~~~~~~~~~~~~~~~~*/
  /*~~~~~~~~~~~~~~~~~~ MEDIA QUERIES ~~~~~~~~~~~~~~~~~~~~~~~~~ */
  /* MOBILE */
  /* MEDIUM SCREENS  */
  /* LARGE SCREENS AND UP*/
.academicSoftware {
	background-image: url(../img/header-image.jpg);
	background-position: right center;
	background-size: auto;
	background-repeat: no-repeat;
	padding: 0 !important;
}
.academicSoftware .container {
	background-color: #EBEBEB;
	background: linear-gradient(to right, #EBEBEB 45%, transparent 46%);
	height: 100%;
	width: 100%;
	padding: 0 !important;
	max-width: none !important;
}
.academicSoftware .inner-container {
	max-width: 1350px;
	padding: 0 88px;
	margin: 0 auto;
}
.academicSoftware .circleText {
	background-color: #EBEBEB;
	background: linear-gradient(to right, #EBEBEB 78%, rgba(235,235,235,0.8) 88%, transparent 100%);
	padding: 60px 300px 60px 15px;
	float: none;
}
.academicSoftware .circleText.large-7 {
	width: 70%;
}
  .academicSoftware .button {
    background-color: #3589C9; }
    .academicSoftware .button span {
      font-size: 16px;
      font-weight: 700; }
  .academicSoftware button:hover, .academicSoftware button:focus, .academicSoftware .button:hover, .academicSoftware .button:focus {
    background-color: #2071af; }
  .academicSoftware .large-12 {
    padding-left: 0rem; }
    .academicSoftware .large-12 p {
      margin-bottom: 0.2em; }
  .academicSoftware .columns .expander {
	color: #000;
	  font-weight: 700; }
  .academicSoftware .columns .expander:hover, .academicSoftware .columns .expander:focus {
	  text-decoration: underline;
}
  .academicSoftware .columns .expander:after {
	  content: "";
	  background-size: 10px 10px;
	  background-repeat: no-repeat;
	  width: 10px;
	  height: 10px;
	  display: inline-block;
	  margin-left: 5px;
	  background-image: url("../img/right-chevron-blue.png");
}
@media(max-width: 1600px) {
	.row.header .container {
		padding: 0;
	}
}
@media(max-width: 1100px) {
	.academicSoftware {
		background-size: cover;
	}
	.academicSoftware .circleText {
		padding-right: 140px;
	}
}
@media(max-width: 1024px) {
	.academicSoftware .circleText.large-7 {
		width: 100%;
		padding-right: 100px;
		padding-left: 100px;
		background: #EBEBEB;
	}
	.academicSoftware .container {
		background: #EBEBEB;
	}
	.row.ctaBtns {
		margin-left: 0;
		margin-right: 0;
	}
	.row.ctaBtns a {
		max-width: 460px;
		margin: 0 auto 20px auto;
		display: block;
		float: none;
	}
	.content-popup *:not(a) {
		text-align: left;
	}
	.row.mainContent .container {
		padding: 0 40px;
	}
	.row.mainContent.minitab-express .resize-medium-down {
		max-width:304px;
		margin: 0 auto 20px auto;
		float: none;
	}
}
@media(max-width: 800px) {
	.academicSoftware .circleText.large-7 {
		padding-right: 0px;
		padding-left: 0px;
	}
}
@media(max-width: 767px) {
	.row.header {
		padding: 18px 30px 15px 30px;
	}
	.row.header img.oth-logo {
		max-height: 23px !important;
	}
	.row.header img.minitab-logo {
		max-height: 16px !important;
	}
}
@media(max-width: 640px) {
	div.subHeader {
		display: none !important;
	}
	.orbit-slides-container img {
		margin: 0 auto 20px auto;
		text-align: center;
	}
}

/*~~~~~~~~~~~~~~~~~~~~~~~~
      d. LEARNING BLOCK
~~~~~~~~~~~~~~~~~~~~~~~~~*/

.minitab-info h2 {
	text-align: center;
	max-width: 460px;
	margin: 0 auto 60px auto;
}
.minitab-info .feature-list img {
	margin-bottom: 20px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~
      e. MINITAB BLOCK
~~~~~~~~~~~~~~~~~~~~~~~~~*/
  .minitab19 .button, .previousVersions .button {
    background-color: #6EB43F; }
  .minitab19 button:hover, .minitab19 button:focus, .minitab19 .button:hover, .minitab19 .button:focus,   .previousVersions button:hover, .previousVersions button:focus, .previousVersions .button:hover, .previousVersions .button:focus {
    background-color: #5E9A36; }

/*~~~~~~~~~~~~~~~~~~~~~~~~
      e. MINITAB EXPRESS BLOCK
~~~~~~~~~~~~~~~~~~~~~~~~~*/
  .minitab-express .button {
    background-color: #004E74; }
    
  .minitab-express button:hover, .minitab-express button:focus, .minitab-express .button:hover, .minitab-express .button:focus {
    background-color: #003D5A; }


/*~~~~~~~~~~~~~~~~~~~~~~~~
      f. QUALITY COMPANION BLOCK
~~~~~~~~~~~~~~~~~~~~~~~~~*/
.companion .button {
    background-color: #EB7203; }
  .companion button:hover, .companion button:focus, .companion .button:hover, .companion .button:focus {
    background-color: #D25900; }
.companion .large-5 {
	margin-top: 70px;
}
@media(max-width: 1200px) {
	.companion .large-5 {
		margin-top: 40px;
	}
}
@media(max-width: 1024px) {
	.companion .large-5 {
		margin-top: 0px;
	}
}

/*----------------------------------------------------------*\
    7. SUB FOOTER
\*----------------------------------------------------------*/
.subFooter.row {
  padding: 80px 20px 60px 20px;
  background-color: #252525 !important; }
.subFooter.row p {
  margin-top: 20px;
  font-size: 12px;
  line-height: 1.3em;
  color: #dbdbdb; }
.subFooter.row p.big-text {
  color: #fff;
  letter-spacing: 0.01em;
  margin-top: 0;
  margin-bottom: 25px;
  font-size: 16px;
  font-family: 'helveticabold', Arial, sans-serif !important;
  font-weight: 700; }
.subFooter.row p.italic {
  font-style: italic; }
.subFooter.row a img {
  min-width: 215px;
  margin-bottom: 20px; }
.subFooter.row a:focus img, .subFooter.row a:active img {
  background-color: rgba(255,255,255,0.1); }
.subFooter.row .socials a {
  margin-right: 10px; }
.subFooter.row .socials a svg, .subFooter.row .socials a svg, .subFooter.row .socials a svg {
  transition: 200ms;
  background: transparent;
  border-radius: 15px; }
.subFooter.row .socials a svg path {
  transition: 200ms; }
.subFooter.row .socials a:hover svg path, .subFooter.row .socials a:focus svg path, .subFooter.row .socials a:active svg path {
  fill: #B0B0B0 !important; }
.subFooter.row .socials a:hover svg, .subFooter.row .socials a:focus svg, .subFooter.row .socials a:active svg {
  background: #000; }
.subFooter.row .socials a:hover, .subFooter.row .socials a:focus, .subFooter.row .socials a:active {
  outline: 0; }
.subFooter .navigation {
  columns: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  -o-column-count: 2; }
.subFooter .navigation {
  border-right: 1px solid #888;
  margin-right: 70px;
  width: calc(41.666% - 70px);
  padding: 0 30px 0 40px; }
.subFooter .navigation ul li {
  display: block;
  line-height: 1.25em;
  margin: 0 0 20px 0; }
.subFooter ul a, .subFooter ul a:link, .subFooter ul a:active, .subFooter ul a:visited {
  color: #FFF;
  font-family: 'helveticabold', Arial, sans-serif;
  font-size: 16px;
  letter-spacing: 0.01em;
  -webkit-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -o-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
  text-decoration: none; }
.subFooter ul a:hover, .subFooter ul a:focus, .subFooter ul a:active {
    color: #B0b0b0; }
.subFooter #mc_embed_signup form {
  padding: 0; }
.subFooter #mc_embed_signup div.mc-field-group {
  width: calc(50% - 12px);
  float: left;
  clear: none;
  margin-right: 10px; }
.subFooter #mc_embed_signup div.mc-field-group:nth-child(even) {
  margin-right: 0;
  margin-left: 10px; }
.subFooter #mc_embed_signup div.mc-field-group label.hidden {
  width: 0;
  height: 0;
  opacity: 0;
  visibility: hidden; }
.subFooter #mc_embed_signup div.mc-field-group input, .subFooter #mc_embed_signup div.mc-field-group select {
  border-radius: 5px;
  margin-bottom: 15px;
  width: 100%;
  max-height: 38px;
  padding: 5px 10px; }
.subFooter #mc_embed_signup div.mc-field-group input {
  font-weight: 700; }
.subFooter #mc_embed_signup div.mc-field-group input::placeholder, .subFooter #mc_embed_signup div.mc-field-group select::placeholder {
  font-weight: 400;
  color: #222; }
.subFooter #mc_embed_signup div.mc-field-group select:focus, .subFooter #mc_embed_signup div.mc-field-group select:active {
  -webkit-box-shadow: 0 0 5px #999999;
  -moz-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999; }
.subFooter #mc_embed_signup div.mc-field-group div.mce_inline_error {
  display: none !important; }
.subFooter #mc_embed_signup .button {
  background-color: #fff;
  color: #000;
  border-radius: 24px;
  padding: 12px 60px;
  line-height: 1em;
  height: auto;
  font-family: 'helveticabold', Arial, sans-serif;
  font-weight: 700; }
.subFooter #mc_embed_signup .button:hover, .subFooter #mc_embed_signup .button:focus, .subFooter #mc_embed_signup .button:active {
  background-color: #B0B0B0; }
.subFooter #mc_embed_signup div#mce-responses {
	width: 100%;
	margin: 0;
	padding: 0; }
.subFooter #mc_embed_signup div.response {
	color:#ebebeb;
	font-style: italic;
	line-height: 1.2em;
	margin: 0 0 20px 0;
	padding: 0;
	font-size: 14px !important;
	font-weight: 400;
	width: 100%; }
.subFooter #mc_embed_signup div.response a {
	color: #fff;
	text-decoration: underline; }

/*----------------------------------------------------------*\
    8. FOOTER
\*----------------------------------------------------------*/
footer {
  background-color: #000 !important; }
footer p {
  color: #fff;
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 14px; }
footer a, footer a:link, footer a:active, footer a:visited {
  color: #fff;
  text-decoration: none; }
footer a.privacy {
  text-decoration: underline; }
footer a.privacy:active, footer a.privacy:focus {
  color: #B0B0B0; }
footer .columns {
  padding: 15px 15px; }
footer .large-6:nth-child(even) {
  text-align: right; } 

/*----------------------------------------------------------*\
    9. RESPONSIVE
\*----------------------------------------------------------*/
@media (max-width: 1200px) {
  .subFooter .navigation {
	margin-right: 40px;
	width: calc(41.666% - 40px);
	padding: 0 30px 0 40px; }
}
@media (max-width: 1024px) {
  .subFooter.row .large-3.content {
	width: 100%;
	text-align: center; }
  .subFooter.row .large-3.content p {
	max-width: 600px;
	margin: 25px auto 60px auto; }
  .subFooter.row .socials a {
	margin-left: 6px;
	margin-right: 6px; }
  .subFooter .large-5.navigation {
	margin-right: 60px;
	width: calc(58.333% - 60px); }
  .subFooter .large-4.newsletter {
	width: 41.666%; }
  footer.row .large-6 {
	width: 50%; }
}
@media (max-width: 767px) {
  .subFooter.row .large-3.content p {
	margin-bottom: 50px; }
  .subFooter .large-5.navigation {
	width: 100%;
	text-align: center;
	margin-right: 0;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #888;
	border-right: 0; }
  .subFooter .large-5.navigation ul {
	margin-left: 0 !important; }
  .subFooter .large-4.newsletter {
	width: 100%;
  	text-align: center; }
  .subFooter #mc_embed_signup .mc-field-group {
	padding-bottom: 8px; }
  .subFooter #mc_embed_signup div.clear {
	text-align: center; }
  .subFooter #mc_embed_signup .button {
	margin: 0 auto;  }
}
@media (max-width: 500px) {
  .subFooter #mc_embed_signup .mc-field-group {
	width: 100% !important;
	margin-right: 0 !important;
	margin-left: 0 !important; }
}