/* original green - 8cc343 */
/* blue that replaced purple - 6993e2 */
/* blue that replaced green (text alphabet at top etc) - 83a5e4 */
/* blue dark background on bars - 082d50 */
/* blue v dark on navbar & footer - 071e33 */
/* blue light for table cell - dde5f3 */
/* blue on search result highlight - 87c5ff */
/* orange - 082d50 */
/* OLD green - 04b658 */
/* OLD purple - ad84df */

.topbar-h1 {
	height: 12px;

}
.topbar-h1 h1 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1px;
	font-weight: normal;
	color: #bbb;
	float: right;
	text-transform: uppercase;
}
.topbar-h1 a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1px;
	font-weight: normal;
	color: #bbb !important;
	text-decoration: none;
	margin-top: -4px;
}

.topbar-p p {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	line-height: 1px;
	font-weight: normal;
	color: #bbb;
	float: right;
	text-transform: uppercase;

}
.topbar-p a {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #83a5e4 !important;
	text-decoration: none;
	margin-top: -16px !important;
	margin-bottom: 8px;
}
ul.nav .nav-item.active .nav-link {
	color:#fff;
}
.introductionsuggest {
	padding-top: 20px;
  	padding-bottom: 80px;
}

@media (min-width: 992px) {
  .introductionsuggest {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
}
.introduction {
  padding-top: 20px;
  padding-bottom: 80px;
}

@media (min-width: 992px) {
  .introduction {
    padding-top: 50px;
    padding-bottom: 100px;
  }
}
/* slang - .content class */
.introduction .content {
  margin-top: 50px;
}
@media (max-width: 576px) {
.introduction .content {
  margin-top: 40px !important;
  margin-bottom: 40px;
}
}
@media (max-width: 576px) {
.introduction .contenttop {
  margin-top: 40px !important;
  margin-bottom: 20px !important;
}
}
.introduction .content h3 {
    color:#6C6 !important
	margin-top: 20px;
	margin-bottom: 30px;
}

.introduction h5 {
	font-size:18px !important;
}
@media only screen and (max-width: 576px) {
.introduction h5 {
	font-size:16px !important;
}
}
.introduction .content p {
    color:#444 !important;
	margin-bottom: 30px !important;
	line-height: 1.4em;
	margin-top: 20px;
}

.introduction .content a {
    color:#6993e2 !important;
	text-decoration: underline;
}
.introduction ul li {
	list-style-type: disc;
	margin-left: 55px;
	margin-top: 5px;
	color: #444;
	line-height: 1.4em;	
}
@media (max-width: 576px) {
.introduction ul li {
	margin-left: 25px;
	margin-top: 5px;
	color: #444;	
	line-height: 1.4em;	
}
}
/* slang - captcha mandatory field warning */
.help-block.with-errors ul li{
    color: #ff6000 !important;
    margin-top: 5px;
}
.introduction ol li {
	margin-left: 55px;
	margin-top: 5px;
	line-height: 1.4em;
	color: #444;	
}
@media (max-width: 576px) {
.introduction ol li {
	margin-left: 25px;
	margin-top: 5px;
	line-height: 1.4em;	
	color: #444;	
}
}
.introduction .content blockquote {
	margin-left: 35px !important;
	margin-right: 35px !important;
}


.introduction .table-bordered {
	border:0px solid #fff;
	background-color: #dde5f3;
	margin-top: 20px;
}
.introduction .table-bordered p {
    color:#444 !important;
	margin-bottom: 30px !important;
	line-height: 1.4em;
	margin-top: 10px;
}

.introduction .table-bordered td, .table-bordered th {
	border: 0px solid #fff;
	text-align: left;
	vertical-align: top;
}
.introduction .content input {
	padding: 5px;

}
.introduction img {
 	height:140px;
 	width: auto;
}
@media only screen and (max-width: 576px) {
.introduction img {
 	height:100px;
 	width: auto;
}
}

/* used on navbar logo */
@media (min-width: 768px) {
.marginleft {
	margin-left: 15px;	
}
}

.sup {
	vertical-align: super
}
.underline {
	text-decoration: underline;
}
.pt70 {
	padding-top: 70px;
}
.pt50 {
	padding-top: 50px;
}
.
.pt30 {
	padding-top: 30px;
}
.pt20 {
	padding-top: 20px;
}
.pt10 {
	padding-top: 10px;
}
.pb20 {
	padding-bottom: 20px;
}
.m10  {
	margin: 5px;
}
.mb70 {
	margin-bottom: 70px;
}

.uppercase {
	text-transform: uppercase !important;	
}

.btn-send {
    font-weight: 300;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

.error h1 {
  color: #6993e2;
  font-size: 100px !important;
  font-weight: 600;
  margin-top: 100px;
}
@media (max-width: 576px) {
.error h1 {
  color: #6993e2;
  font-size: 80px !important;
  font-weight: 600;
  margin-top: 40px;
}
}
.error p {
  color: #444;
  font-size: 30px !important;
  font-weight: 400;
  margin: 40px;
  line-height: 1.3em;
}
@media (max-width: 576px) {
.error p {
  color: #444;
  font-size: 24px !important;
  font-weight: 400;
  margin: 40px;
  line-height: 1.3em;
}
}
/* slang - reorders footer columns on mobiles */

@media only screen and (max-width: 576px) {
	#first {
		order: 1;
}
	#second {
		order: 2;
}
}

.four-bar {
  padding-top: 60px;
  padding-bottom: 60px;
}

@media (min-width: 992px) {
  .four-bar {
    padding-top: 100px;
    padding-bottom: 100px;
}
}

.four-bar.bg-image:before {
	background-color: #082d50;
	background-image: url(../images/slider/sl1cropOLD.jpg);
}
.four-bar .single_block {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #666;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 25px;
}
.four-bar .single_block_left {
	margin: 0px 0;
	padding: 0 0px;
}
@media (max-width: 576px) {
.four-bar .single_block {
	border-left-width: 0px;
	border-left-style: solid;
	border-left-color: #666;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 0px;	
	
}
}
@media (max-width: 576px) {
.four-bar .single_block_left {
	margin: 0px 0;
	padding: 0 0px;
	margin-bottom: 20px;
	
}
}
@media (min-width: 768px) {
  .four-bar .single_block {
    margin: 0px;
  }
}
.four-bar h5 {
  color: #ffffff;
  opacity: 0.9;
  margin-bottom: 20px;
}
.four-bar p {
	font-size: 14px;
	line-height: 1.4em;
  color: #ccc;
  opacity: 0.9;
}

.img-responsive {
	display:block;
	max-width:100%;
	height:auto;

}
.img-responsive-right {
	display:block;
	max-width:100%;
	height:auto;
	margin-left:15px;
	margin-top: 10px;

}
.definition {
/* added to make sitesearch360 pick up named anchored items and display in search results in FAQ extraction */	
}
/* visibility: hidden removed */

a.anchor {
    display: block;
    position: relative;
    top: -300px;
}
@media (max-width: 576px) {
a.anchor {
    display: block;
    position: relative;
    top: 0px;
}
}

a.anchor2 {
    position: relative;
	padding-top: 160px;
	text-decoration:none !important;	

}
@media (max-width: 576px) {
a.anchor2 {
    position: relative;
    margin-top: 0px;
	text-decoration:none !important;	
}
}
/* old style anchor links - made anchor hidden so placed before word - seo concerns */
/* 
a.anchor {
    display: block;
    position: relative;
    top: -300px;
    visibility: hidden;
}
@media (max-width: 576px) {
a.anchor {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}
}

a.anchor2 {
    display: block;
    position: relative;
    top: -170px;
    visibility: hidden;
}
@media (max-width: 576px) {
a.anchor2 {
    display: block;
    position: relative;
    top: 0px;
    visibility: hidden;
}
} */




.jumpdown {
	margin-top: 50px;  
}

@media (min-width: 992px) {
  .jumpdown {
	margin-top: 100px;
  }
}

.twitter {
	margin-top: 100px !important;
	background-color: #fff !important;
}

.cellwidth {
	width: 100%;	
}

/* slang - a good read  */
.goodread {
	border: 0px solid #83a5e4 !important;
	background-color: #071e33 !important;
}
.goodread td {
	border: 0px solid #83a5e4 !important;
	text-align: left;
	vertical-align: top;
	padding:.75rem;
}
@media (max-width: 576px) {
.goodread td {
	border: 0px solid #83a5e4 !important;
	text-align: left;
	vertical-align: top;
	padding:.15rem;
	
}
}
.goodread p {
	line-height: 1.4em;
	margin-left: 0px;
}
@media (max-width: 576px) {
.goodread p {
	line-height: 1.4em;
	margin-left: 10px;
}
}
.goodread h5 {
	color: #eee;
	margin-left: 0px;	
}
@media (max-width: 576px) {
.goodread h5 {
	color: #eee;
	margin-left: 10px;	
}
}
/* slang - modal privacy on suggest slang*/
.modal-body .content h3 {
	margin-top:40px;		
}
.modal-body .content p {
	margin-top:20px;		
}
.modal-body ul li {
	list-style-type: disc;
	margin-left: 55px;
	margin-top: 5px;
	color: #444;
	line-height: 1.4em;	
}
@media (max-width: 576px) {
.modal-body ul li {
	margin-left: 25px;
	margin-top: 5px;
	color: #444;	
	line-height: 1.4em;	
}
}

.screenshot {
	border: 1px solid #CCC;	
	width: 409px !important;
	height: 206px !important;
	padding: 10px;
}

/* use on nadsat page to reduce distance about tabled dictionary */
.mt-160 {
	margin-top: -160px;
}

@media (max-width: 992px) {
.mt-160 {
	margin-top: -40px;
}
}
.mt-100 {
	margin-top: -100px;
}

@media (max-width: 992px) {
.mt-100 {
	margin-top: 0px;
}
}

.mt60 {
	margin-top: 60px;	
}
.pt30 {
	padding-top: 30px;	
}
.pt40 {
	padding-top: 40px;	
}
	
.pt60 {
	padding-top: 60px;	
}
	   

/************** back to top ******************/
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	border: 0px solid #FFF;
	border-radius: 15%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
    overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
    background: #5d8be0 url(../images/arrow-up.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 1;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
@media (max-width: 767px) {
.cd-top {
	display: inline-block;
	height: 40px;
	width: 40px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	border: 0px solid #FFF;
	border-radius: 15%;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
	/* image replacement properties */
  overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
  background: #5d8be0 url(../images/arrow-up.png) no-repeat center 50%;
	visibility: hidden;
	opacity: 0;
  -webkit-transition: opacity .3s 0s, visibility 0s .3s;
  -moz-transition: opacity .3s 0s, visibility 0s .3s;
  transition: opacity .3s 0s, visibility 0s .3s;
}
}.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
  -webkit-transition: opacity .3s 0s, visibility 0s 0s;
  -moz-transition: opacity .3s 0s, visibility 0s 0s;
  transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 0.9;
}
.cd-top.cd-fade-out {
  /* if the user keeps scrolling down, the button is out of focus and becomes less visible */
  opacity: 1;
}
.no-touch .cd-top:hover {
  background-color: #77a2f1;
  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 15px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 45px;
    width: 45px;
    right: 15px;
    bottom: 15px;
  }
}
/************ end back to top *****************/