@charset "utf-8";

/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Merriweather:300,300i,400,400i,700,700i,900,900i|Open+Sans+Condensed:300,300i,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i&subset=cyrillic,cyrillic-ext';

html,

body {

  height: 100%;

  width: 100%;

}

body {

  font-family: 'Open Sans', Arial, 'Helvetica Neue', Helvetica, sans-serif;

}

hr {

  border-color: white;

  border-width: 1px;

}

hr.light {

  max-width: 50px;

}

a {

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

  color: #F05F40;

}



a.rollover {
 display: block;
 width: 77px;
 height: 40px;
 text-decoration: none;
 background: url("CIUS_logo_Wht_n_rollover.png");
 }

a.rollover:hover {
 background-position: -78px 0;
 }

.displace {
 position: absolute;
 left: -5000px;
 }

a:hover,

a:focus {

  color: #eb3812;

}

h1,

h2,

h3,

h4,

h5,

h6 {

  font-family: 'Merriweather', 'Tines New Roman', Times, serif;

}

h4 {

  line-height: 1.4;	

}

p {

  font-size: 14px;

  line-height: 1.8;

  margin-bottom: 10px;

}

@media (max-width: 767px) {

	p, ul li {

	  font-size: 16px;

	}

}

.bg-primary {

  background-color: #F05F40;

}

.bg-dark {

  background-color: #222222;

  color: white;

}

.text-faded {

  color: rgba(255, 255, 255, 0.7);

}

section {

  padding: 20px 0;

}

section.photos {

	padding: 0;	

}

aside {

  padding: 50px 0;

}

.no-padding {

  padding: 0;

}

.no-top-margin {

	margin-top: 0 !important;	

}

.no-bottom-margin {

	margin-bottom: 0 !important;	

}

.top-1em {

	margin-top: 1em;	

}

.top-2em {

	margin-top: 2em;	

}

.top-3em {

	margin-top: 3em;	

}

.bottom-1em {

	margin-bottom: 2em;	

}

.bottom-2em {

	margin-bottom: 2em;	

}

.bottom-3em {

	margin-bottom: 3em;	

}

.bg-alt {

	background-color: floralwhite/*#efefef*/;	

}

.bg-alt2{

	background-color:papayawhip	

}

div.table-responsive table.annex-table td:nth-child(1) {

  white-space:normal;

  width:45% !important;

}

 div.table-responsive table.annex-table td:nth-child(2) {

  white-space:normal;

  width:45% !important;

}

table > tbody > tr > td {

	vertical-align: top;

}



nav#mainNav .container-fluid {

    padding-right: 0px;

    padding-left: 0px;

    margin-right: auto;

    margin-left: auto;

}

.navbar-default {

  background-color: #fffbf5;

  border-color: rgba(34, 34, 34, 0.05);

  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

}

.navbar-default .navbar-header {

	width: 100% !important;	

	margin-right: 0;

   margin-left: 0;

}

.navbar-default .navbar-header .navbar-brand {

  font-family: 'Merriweather', Times, serif;

  font-weight: 400;

  font-style: italic;

  line-height: 30px;

  color: #f05f40;

  margin-left: 15px;

}

.navbar-default .navbar-header .navbar-brand span#brand-name {

    display: none;

  }

.navbar-default .navbar-header .navbar-brand:hover,

.navbar-default .navbar-header .navbar-brand:focus {

  color: #eb3812;

}

.navbar-default .navbar-header .navbar-toggle {

  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  font-weight: 700;

  font-size: 16px;

  color: #404040;

  border: none;

  background-color: #fffbf5;

  width: 40px;

  height: 40px;

}

.navbar-default .nav > li > a > i.fa {

	color: #F05F40;

	padding-right: .5em;

	padding-left: 15px;

}

.navbar-default .nav > li > a,

.navbar-default .nav > li > a:focus {

  font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;	

  font-weight: 400;

  font-size: 18px;

  color: #404040;

}

.navbar-default .nav > li > a:hover,

.navbar-default .nav > li > a:focus:hover {

  color: #f05f40;

}

.navbar-default .nav > li.active > a,

.navbar-default .nav > li.active > a:focus {

  color: #F05F40 !important;

  background-color: transparent;

}

.navbar-default .nav > li.active > a:hover,

.navbar-default .nav > li.active > a:focus:hover {

  background-color: transparent;

}

@media (min-width: 768px) {

  .navbar-default {

    /*background-color: transparent;*/

    border-color: rgba(255, 255, 255, 0.3);

	 background-color: rgba(255, 255, 255, 0.3);

  }

  .navbar-default .navbar-header .navbar-brand {

    color: white;

  }

  .navbar-default .navbar-header .navbar-brand span#brand-name {

    display: inline;

	 margin-left: 10px;

  }

  .navbar-default .navbar-header .navbar-brand:hover,

  .navbar-default .navbar-header .navbar-brand:focus {

    color: white;

  }

  ul.navbar-default {

		margin-top:70px;

  }

  .navbar-default .nav > li > a,

  .navbar-default .nav > li > a:focus {

    color: rgba(255, 255, 255, 1);

	 font-family: 'Open Sans Condensed', Helvetica, Arial, sans-serif;	

  	 font-weight: 500;

    font-size: 20px;

  }

  .navbar-default .nav > li > a:hover,

  .navbar-default .nav > li > a:focus:hover {

    color: #f05f40;

  }

  .navbar-default.affix {

    background-color: #fffbf5;

    border-color: rgba(34, 34, 34, 0.05);

  }

  .navbar-default.affix .navbar-header .navbar-brand {

    color: #F05F40;

    font-size: 18px;

  }

  .navbar-default.affix .navbar-header .navbar-brand:hover,

  .navbar-default.affix .navbar-header .navbar-brand:focus {

    color: #eb3812;

  }

  .navbar-default.affix .nav > li > a,

  .navbar-default.affix .nav > li > a:focus {

    color: #222222;

  }

  .navbar-default.affix .nav > li > a:hover,

  .navbar-default.affix .nav > li > a:focus:hover {

    color: #F05F40;

  }

}

header {

  position: relative;

  width: 100%;

  min-height: auto;

  -webkit-background-size: cover;

  -moz-background-size: cover;

  background-size: cover;

  -o-background-size: cover;

  background-position: center;

  background-image: url('../img/homepage.jpg');

  text-align: center;

  color: white;

}

header#homepage {

  background-image: url('../img/homepage.jpg');

}

header#unit1 {

  background-image: url('../img/unit1.jpg');

}

header#unit2 {

  background-image: url('../img/unit2.jpg');

}

/* adjust header to fit Працевлаштування */

@media only screen and (min-device-width : 768px)  and (max-device-width : 1024px) {

	#unit2 #homeHeading {

		font-size:65px;

	}

}

@media (max-width: 667px) {

	#unit2 #homeHeading {

		font-size:30px;

	}

}

header#unit3 {

  background-image: url('../img/unit3.jpg');

}

header#unit4 {

  background-image: url('../img/unit4.jpg');

}

header#unit5 {

  background-image: url('../img/unit5.jpg');

}

header#annexes {

  background-image: url('../img/girl-writing.jpg');

}

header#glossary {

  background-image: url('../img/books.jpg');

}

header#find-it {

  background-image: url('../img/find-it.jpg');

}

header#to-students {

  background-image: url('../img/to-students.jpg');

}

header#to-instructors {

  background-image: url('../img/to-instructors.jpg');

}

header#about {

  background-image: url('../img/about.jpg');

}

header .header-content {

  position: relative;

  text-align: center;

  padding: 100px 15px 100px;

  width: 100%;

}

header .header-content .header-content-inner {

  font-family: 'Open Sans', Arial, Helvetica, sans-serif;

  font-weight: 500;

  color: rgba(255, 255, 255, 1);

  margin-bottom: 50px;

}

header .header-content .header-content-inner h1 {

  font-family: 'Merriweather', Times, serif;

  font-weight: 700;

  font-style: italic;

  margin-top: 0;

  margin-bottom: 50px;

  font-size: 30px;

  color:white;

  text-shadow: 1px 1px 1px rgba(150, 150, 150, 0.5);

}

header .header-content .header-content-inner hr {

  margin: 30px auto;

}

header .header-content .header-content-inner .slogan {

  margin-bottom: 20px;

}

/* homepage styling */

header .header-content .header-content-inner h1.homeBookTitle {

	font-size: 40px;

	line-height: 60px;

	margin-bottom: 20px;

}

header .header-content .header-content-inner h1.homeBookTitle:nth-of-type(1) {

	margin-top: 100px;

}

header .header-content .header-content-inner h2.homeAuthor {

	margin-bottom: 20px;

	font-size: 22px;

}

header .header-content .header-content-inner p.homeAbout {

	font-weight: 300;

	font-size: 16px;

	width: 500px;

	margin-left: auto;

	margin-right: auto;

}

header .header-content .header-content-inner p.homeAbout:nth-of-type(3) {

	margin-bottom: 50px;

}

header .header-content .header-content-inner p.copyright {

	font-weight: 300;

	font-size: 16px;

	margin-top: 50px;

}

header .header-content .header-content-inner hr#homeHR {

  margin: 30px auto;

  width: 200px;

}

/* end homepage styling */



@media (min-width: 768px) {

  header {

    min-height: 100%;

  }

  header .header-content {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    padding: 0 50px;

  }

  header .header-content .header-content-inner {

    max-width: 1000px;

    margin-left: auto;

    margin-right: auto;

  }

  header .header-content .header-content-inner h1 {

    font-size: 80px;

  }

  header .header-content .header-content-inner p {

    font-size: 20px;

    padding-left: 0 20px;

  }

}

@media (max-width: 767px) {

  header {

    min-height: 100%;

  }

  header .header-content {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    padding: 0;

	 margin:0 auto;

  }

  header .header-content .header-content-inner {

    max-width: 700px;

	 margin-left: auto;

    margin-right: auto;

  }

  header .header-content .header-content-inner h1 {

	 font-size: 60px;

  }

  header .header-content .header-content-inner .slogan {

  	 font-size: 18px;

	 padding: 0 20px;

  }

	/* hompage styling */

	header .header-content .header-content-inner h1.homeBookTitle {

		font-size: 20px;

		line-height: 26px;

		margin-bottom: 0;

	}

	header .header-content .header-content-inner h2.homeAuthor {

		font-size: 15px;

		margin-bottom: 10px;

		margin-top: 10px;

	}

	header .header-content .header-content-inner p.homeAbout {

		font-weight: 300;

		font-size: 16px;

		line-height: 22px;

		width: 90%;

	}

	header .header-content .header-content-inner p.homeAbout:nth-of-type(3) {

		margin-bottom: 30px;

	}

	header .header-content .header-content-inner p.copyright {

		display:none;

	}

	header .header-content .header-content-inner hr#homeHR {

		margin: 20px auto;

		width: 70px;

	}

	/* end hompage styling */

}

@media (max-width: 767px) and (orientation: landscape)  {

	header .header-content .header-content-inner p.homeAbout {

		display: none;	

	}

	header .header-content .header-content-inner h2.homeAuthor:nth-of-type(2) {

		margin-bottom: 30px;

	}

}

@media (max-width: 480px) {

	header .header-content .header-content-inner {

	 max-width: 460px;

	 margin-left: auto;

	 margin-right: auto;

	 margin-top: 100px;

	}

	header .header-content .header-content-inner hr {

	margin: 30px auto;

	width: 70%;

	}

	header .header-content .header-content-inner h1 {

	font-size: 50px;

	}

	header .header-content .header-content-inner .slogan {

	 font-size: 16px !important;

	 padding: 0 10px;

	}

}

@media (max-width: 320px) {

  header .header-content .header-content-inner {

    max-width: 300px;

	 margin-left: auto;

    margin-right: auto;

  }

  header .header-content .header-content-inner h1 {

	 font-size: 30px;

  }

  header .header-content .header-content-inner .slogan {

  	 font-size: 20px;

	 /*max-width: 700px;*/

  }

	/* hompage styling */

	header .header-content .header-content-inner h1.homeBookTitle {

		font-size: 20px;

		line-height: 26px;

		margin-bottom: 0;

	}

	header .header-content .header-content-inner h2.homeAuthor {

		font-size: 15px;

		margin-bottom: 30px;

		margin-top: 10px;

	}

	header .header-content .header-content-inner p.homeAbout {

		display: none;

	}

	header .header-content .header-content-inner p.copyright {

		display:none;

	}

	header .header-content .header-content-inner hr#homeHR {

		display: none;

	}

	header .header-content .header-content-inner a {

		display: block;

		margin: 0 auto;

	}

	/* end hompage styling */

}



/* footer, copyright and go-to-next styles */

footer .container {

	padding-top: 40px;

	padding-bottom: 20px;	

}

footer .container div {

	padding-bottom: 10px;	

}

footer .container div p.prev {

	text-align: left;	

}

footer .container div p.next {

	text-align: right;	

}

@media (max-width: 768px) {

	footer .container div p.prev, footer .container div p.next {

		text-align: center;	

	}

}





.section-heading {

  margin-top: 0;

}

.service-box {

  max-width: 400px;

  margin: 50px auto 0;

}

@media (min-width: 992px) {

  .service-box {

    margin: 20px auto 0;

  }

}

.service-box p {

  margin-bottom: 0;

}

.portfolio-box {

  position: relative;

  display: block;

  max-width: 650px;

  margin: 0 auto;

}

.portfolio-box .portfolio-box-caption {

  color: white;

  opacity: 0;

  display: block;

  background: rgba(240, 95, 64, 0.9);

  position: absolute;

  bottom: 0;

  text-align: center;

  width: 100%;

  height: 100%;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content {

  width: 100%;

  text-align: center;

  position: absolute;

  top: 50%;

  transform: translateY(-50%);

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  padding: 0 15px;

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

  text-transform: uppercase;

  font-weight: 600;

  font-size: 14px;

}

.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

  font-size: 18px;

}

.portfolio-box:hover .portfolio-box-caption {

  opacity: 1;

}

.portfolio-box:focus {

  outline: none;

}

@media (min-width: 768px) {

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category {

    font-size: 16px;

  }

  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name {

    font-size: 22px;

  }

}

.call-to-action h2 {

  margin: 0 auto 20px;

}

.text-primary {

  color: #F05F40;

}

.no-gutter > [class*='col-'] {

  padding-right: 0;

  padding-left: 0;

}

button#menu {

	color: #222222;	

}

button#menu:hover {

	color: #f05f40;	

}

.btn-default {

  color: #222222;

  background-color: whitesmoke;

  border-color: grey;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

}

.btn-default:hover,

.btn-default:focus,

.btn-default.focus,

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  color: #f05f40;

  background-color: floralwhite;

  border-color: #ededed;

}

.btn-default:active,

.btn-default.active,

.open > .dropdown-toggle.btn-default {

  background-image: none;

}

.btn-default.disabled,

.btn-default[disabled],

fieldset[disabled] .btn-default,

.btn-default.disabled:hover,

.btn-default[disabled]:hover,

fieldset[disabled] .btn-default:hover,

.btn-default.disabled:focus,

.btn-default[disabled]:focus,

fieldset[disabled] .btn-default:focus,

.btn-default.disabled.focus,

.btn-default[disabled].focus,

fieldset[disabled] .btn-default.focus,

.btn-default.disabled:active,

.btn-default[disabled]:active,

fieldset[disabled] .btn-default:active,

.btn-default.disabled.active,

.btn-default[disabled].active,

fieldset[disabled] .btn-default.active {

  background-color: white;

  border-color: white;

}

.btn-default .badge {

  color: white;

  background-color: #222222;

}

.btn-primary {

  color: white;

  background-color: #F05F40;

  border-color: #F05F40;

  -webkit-transition: all 0.35s;

  -moz-transition: all 0.35s;

  transition: all 0.35s;

}

.btn-primary:hover,

.btn-primary:focus,

.btn-primary.focus,

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  color: white;

  background-color: #ee4b28;

  border-color: #ed431f;

}

.btn-primary:active,

.btn-primary.active,

.open > .dropdown-toggle.btn-primary {

  background-image: none;

}

.btn-primary.disabled,

.btn-primary[disabled],

fieldset[disabled] .btn-primary,

.btn-primary.disabled:hover,

.btn-primary[disabled]:hover,

fieldset[disabled] .btn-primary:hover,

.btn-primary.disabled:focus,

.btn-primary[disabled]:focus,

fieldset[disabled] .btn-primary:focus,

.btn-primary.disabled.focus,

.btn-primary[disabled].focus,

fieldset[disabled] .btn-primary.focus,

.btn-primary.disabled:active,

.btn-primary[disabled]:active,

fieldset[disabled] .btn-primary:active,

.btn-primary.disabled.active,

.btn-primary[disabled].active,

fieldset[disabled] .btn-primary.active {

  background-color: #F05F40;

  border-color: #F05F40;

}

.btn-primary .badge {

  color: #F05F40;

  background-color: white;

}



/* cusom button style */

.btn-ex {

  color: #fff;

  background-color: #d9534f;

  border-color: #d9534f;

}

.btn-ex:focus,

.btn-ex.focus {

  color: #fff;

  background-color: #d9534f;

  border-color:#d9534f;

}

.btn-ex:hover {

  color: #fff;

  background-color: #d9534f;

  border-color: #d9534f;

}

.btn-ex:active,

.btn-ex.active,

.open > .dropdown-toggle.btn-ex {

  color: #fff;

  background-color: #d9534f;

  border-color: #d9534f;

}

.btn-ex:active:hover,

.btn-ex.active:hover,

.open > .dropdown-toggle.btn-ex:hover,

.btn-ex:active:focus,

.btn-ex.active:focus,

.open > .dropdown-toggle.btn-ex:focus,

.btn-ex:active.focus,

.btn-ex.active.focus,

.open > .dropdown-toggle.btn-ex.focus {

  color: #fff;

  background-color: #ac2925;;

  border-color: #ac2925;;

}

.btn-ex:active,

.btn-ex.active,

.open > .dropdown-toggle.btn-ex {

  background-image: none;

}

.btn-ex.disabled:hover,

.btn-ex[disabled]:hover,

fieldset[disabled] .btn-ex:hover,

.btn-ex.disabled:focus,

.btn-ex[disabled]:focus,

fieldset[disabled] .btn-ex:focus,

.btn-ex.disabled.focus,

.btn-ex[disabled].focus,

fieldset[disabled] .btn-ex.focus {

  background-color: #d9534f;

  border-color: #d9534f;

}

.btn-ex .badge {

  color: #d9534f;

  background-color: #fff;

}

/* end custom button style */



.btn {

  font-family: 'Open Sans', 'Helvetica Neue', Arial, sans-serif;

  font-size: 16px;

  border: none;

  border-radius: 6px;

  font-weight: 300;

  /*text-transform: uppercase;*/

}

.btn-xl {

  padding: 15px 30px;

}

::selection {

  background: #b55856;

  color: #fff;

  text-shadow: none;

}

::-moz-selection {

  background: #b55856;

  color: #fff;

  text-shadow: none;

}

img::selection {

  color: white;

  background: transparent;

}

img::-moz-selection {

  color: white;

  background: transparent;

}

body {

  webkit-tap-highlight-color: #b55856;

}







/* Alphabetic index bar styles */

#myScrollspy ul.nav-tabs {

	width: 40px;

	margin-top: 0;

	border-radius: 4px;

	border: 1px solid #ddd;

	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.067);

	z-index: 999;

}

#myScrollspy ul.nav-tabs li {

	margin: 0;

	border-top: 1px solid #ddd;

	background-color: rgba(255,255,255,.5);

	text-align: center;

}

#myScrollspy ul.nav-tabs li:first-child {

	border-top: none;

}

#myScrollspy ul.nav-tabs li a {

	margin: 0;

	padding: 2px 13px;

	border-radius: 0;

	color: #f05f40;

	font-family: 'Open Sans', Arial, sans-serif;

	font-size: 14px;

}

#myScrollspy ul.nav-tabs li.active a, #myScrollspy ul.nav-tabs li.active a:hover {

	color: #fff !important;

	background: #0088cc;

	border: 1px solid #0088cc;

}

#myScrollspy ul.nav-tabs li:first-child a {

	border-radius: 4px 4px 0 0;

}

ul.nav-tabs li:last-child a {

	border-radius: 0 0 4px 4px;

}

#myScrollspy ul.nav-tabs.affix {

	top: 0px; /* Set the top position of pinned element *//*right:0px;*/

	right:0px; 

}





/* Hide additional letters to adjust fixed index bar to the height of a viewport */ 

/* for most common laptop/monitor screens */

@media screen and (min-height: 800px) and (max-height: 901px) {

	 #ltr5, #ltr8, #ltr11, #ltr13, #ltr14, #ltr30, #ltr31 {

		display: none;

	}

}

/* iPad lanscape orientation */

@media screen and (max-height: 768px) {

	  #ltr5, #ltr8, #ltr11, #ltr12, #ltr13, #ltr14, #ltr30, #ltr31 {

		display: none;

	}

}

/* Nexus lanscape orientation */

@media screen and (max-height: 600px) {

	  #ltr5, #ltr8, #ltr10, #ltr11, #ltr12, #ltr13, #ltr14, #ltr16, #ltr18, #ltr26, #ltr27, #ltr28, #ltr30, #ltr31, #ltr32 {

		display: none;

	}

}

/* iPhone 4 */

@media screen and (orientation: portrait) and (max-height: 480px){

	#ltr2, #ltr6, #ltr8, #ltr9, #ltr12, #ltr13, #ltr23, #ltr30, #ltr31 {

		display: none;

	}

}

/* iPhone 5 */

@media screen and (orientation: portrait) and (min-height: 481px) and (max-height: 568px){

	#ltr5, #ltr6, #ltr8, #ltr12, #ltr13, #ltr30, #ltr31 {

		display: none;

	}

}

@media screen and (orientation: landscape) and (max-height: 320px) {

	#ltr2, #ltr5, #ltr6, #ltr8, #ltr9, #ltr11, #ltr14, #ltr16, #ltr17, #ltr19, #ltr23, #ltr24, #ltr25, #ltr26, #ltr27, #ltr30, #ltr31 {

		display: none;

	}

}

/* iPhone 6 */

@media screen and (orientation: portrait) and (min-height: 569px) and (max-height: 668px){

	#ltr5, #ltr8,  #ltr9, #ltr11, #ltr13, #ltr14, #ltr25, #ltr28, #ltr30, #ltr31, #ltr32 {

		display: none;

	}

}

@media screen and (orientation: landscape) and (max-height: 375px) {

	#ltr4, #ltr5, #ltr8, #ltr11, #ltr13, #ltr14, #ltr19, #ltr23, #ltr25, #ltr27, #ltr28, #ltr31, #ltr32 {

		display: none;

	}

}

/* iPhone 6 Plus */

@media screen and (orientation: portrait) and (min-height: 668px) and (max-height: 736px){

	#ltr6, #ltr11, #ltr27 {

		display: none;

	}

}

@media screen and (orientation: landscape) and (max-height: 414px) {

	#ltr2, #ltr4, #ltr8, #ltr9, #ltr10, #ltr11, #ltr12, #ltr16, #ltr17, #ltr19, #ltr21, #ltr23, #ltr26, #ltr27, #ltr28, #ltr30, #ltr31, #ltr32 {

		display: none;

	}

}

/* End of alphabetic index bar styles */







/* Lesson content styling */

.lesson-quicknav {

	width: 40px; 

	height: 40px; 

	margin: 8px; 

	font-size: 16px; 

	background-color: #fffbf5;

	border-radius: 4px;

}

.lesson-quicknav-heading {

	padding:4px 0 0 20px;

	font-weight:700;

}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {

    color: #f05f40;

    text-decoration: none;

    background-color: whitesmoke;

}

.spacer {

	min-height: 30px !important;	

	width: 100%;

}

section > .container {

	margin-top: 0;

	margin-bottom: 30px;

}

section p > .fa {

    color: #f05f40;

    font-size: 1.3em;

    padding-right: 5px;

}

.row > .section {

	margin-top: 50px;

	border-bottom: 1px solid #666;		

}

.row > .subsection {

	background-color: gainsboro;

	margin: 20px 0;

}



.task, .subtask {

	color: #d9534f;

	line-height: 21px;

	padding-bottom:10px;

	/*padding-left: 20px;

	text-indent: -15px;*/

}

.task {

	padding-top: 10px;

}

/* indent subtasks on laptop and desktop screens */

@media (min-width: 769px) {

	.subtask {

		padding-left: 30px;

	}

}

.task-num {

	color: #d9534f;

	line-height: 21px;

	padding-left: 10px;

	text-indent: -20px;

}



span.number/*, span.number-long*/ {

	display:inline-block;

	font-weight:500;

	color:#fff;

	font-family:'Open Sans', Arial, Helvetica, sans-serif;

	letter-spacing: -1px;

	line-height:22px;

	background-color:#d9534f;

	width:23px;

	height:23px;

	-webkit-border-radius:15px;

	border-radius:15px;

	text-align: center;

	margin-right:5px;

	padding-left: 19px;

	text-indent: -20px;

}

.pick-words {

	color: darkslategray;

}

a.modal-link {

	color:dodgerblue;	

}

a.modal-link > i.fa {

	color: #333;	

}

a.modal-link:hover, a.modal-link:active, a.modal-link:focus {

	color:royalblue;

}

blockquote {

	padding: 15px 30px;

	margin: 0 0 20px;

	border-left: 5px solid #e5e5e5;

	color: #626970;

	font-size:1em;

}

blockquote.boxed {

	background-color:#e5e5e5;

}

	

	

/* word definitions/popovers in texts */

span.define {

 cursor:pointer;

 font-weight:normal !important;

 font-style:normal !important;

 border-bottom: 1px dotted #D9534F;

 text-decoration: none;

 color: #626970;

}

.popover-title, .popover-content {

	font-family:'Open Sans', Arial, Helvetica, sans-serif;

}

.popover-title {

	color: black;	

}



/* Small devices (tablets, 768px and up) */

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

	.oversized {

		max-height: 405px !important;

		width: 100% !important;

		/*border: 1px solid green;*/

	}

}

/* Medium devices (desktops, 992px and up) */

@media (min-width: 992px) { 

	.oversized {

		max-height: 255px !important;

		width: 100% !important;	

		/*border: 1px solid blue;*/

	}

}

/* Large devices (large desktops, 1200px and up) */

@media (min-width: 1200px) {

	.oversized {

		max-height:312px !important;

		width: 100% !important;

		/*border: 1px solid red;*/

	}

}



/* truncate lesson quick nav strings for mobile screens */

@media (max-width: 768px) {

	.truncate {

	  width: 310px;

	  white-space: nowrap;

	  overflow: hidden;

	  text-overflow: ellipsis;

	}

}

@media (max-width: 320px) {

	.truncate {

	  width: 260px;

	  white-space: nowrap;

	  overflow: hidden;

	  text-overflow: ellipsis;

	}

}



/* hanging indent for horoscope links */

div.horoscope p {

	padding-left: 40px;

	text-indent: -40px;

}



.index-subsection {

	border-bottom: 1px solid lightgray;	

	font-weight: 500;

	font-size: 1.1em;

	padding-top: 20px;

}



.sponsor-logo {

	padding: 0 5px 2em 0;	

	display: inline-block;

}

@media (max-width: 1199px) {

	.sponsor-logo {

		display: block;

		margin: 0 auto !important;

	}

}



.get-access {

	margin-left: 2em;

	color: #222222;		

}



ul.index a li {

	list-style-type: none;	

	line-height: 24px;

}

ul.index li::before {

	font-family: FontAwesome;

	content: "\f0a4";

	padding-right: 10px;

}


a.navbar-brand.navbar-right.cius-logo img:hover{
  position: relative !important;
  left:-77px !important;
}