/* 
	Table of Contents

	I.   Generic --------------------------------------
	     01. Reset ------------------------------------
	     02. Base -------------------------------------
	     03. Fonts ------------------------------------
	     04. Helpers ----------------------------------
	         Clear ------------------------------------
	         Notext -----------------------------------
	         Text -------------------------------------
	         Hidden -----------------------------------
	         Alignleft --------------------------------
	         Alignright -------------------------------
	         Disabled ---------------------------------
	         Grid -------------------------------------
	         Responsive Helpers -----------------------
	II.  Regions --------------------------------------
	     01. Container --------------------------------
	     02. Content ----------------------------------
	     03. Footer -----------------------------------
	     04. Footer Alt -------------------------------
	         Footer Alt Secondary ---------------------
	     05. Header -----------------------------------
	         Header Banner ----------------------------
	     06. Main -------------------------------------
	     07. Shell ------------------------------------
	     08. Sidebar ----------------------------------
	     09. Wrapper ----------------------------------
	III. Modules --------------------------------------
	     01. Banner -----------------------------------
	     02. Breadcrumbs ------------------------------
	     03. Button -----------------------------------
	         Button Block -----------------------------
	     04. Button Icon ------------------------------
	     05. Burger Menu ------------------------------
	     06. Copyright --------------------------------
	     07. Form Elements ----------------------------
	     08. Form -------------------------------------
	     09. Icons ------------------------------------
	     10. List -------------------------------------
	     11. List Links -------------------------------
	     12. List Dots --------------------------------
	     13. Logo -------------------------------------
	     14. Nav --------------------------------------
	     15. Nav Utilities ----------------------------
	     16. Nav Secondary ----------------------------
	     17. Pdf --------------------------------------
	     18. Section ----------------------------------
	         Section Alt ------------------------------
	     19. Slider -----------------------------------
	     20. Subscribe --------------------------------
	     21. Table ------------------------------------
	     22. Widget -----------------------------------
 */

.cols:after,
.container:after,
.section .section__actions:after { content: ''; line-height: 0; display: table; clear: both; }
/* ------------------------------------------------------------ *\
	I.   Generic
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Reset
\* ------------------------------------------------------------ */
*,
*:before,
*:after { padding: 0; margin: 0; outline: 0; box-sizing: border-box; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
main { display: block; }
html { tap-highlight-color: rgba(0,0,0,0); }
body { -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; -webkit-text-size-adjust: none; -ms-text-size-adjust: none; text-size-adjust: none; }
img,
iframe,
video,
audio,
object { max-width: 100%; }
img,
iframe { border: 0 none; }
img { height: auto; display: inline-block; vertical-align: middle; }
b,
strong { font-weight: bold; }
address { font-style: normal; }
svg:not(:root) { overflow: hidden; }
a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
input[type="file"],
input[type="image"],
label[for] { cursor: pointer; }
a[href^="tel"],
button[disabled],
input[disabled],
textarea[disabled],
select[disabled] { cursor: default; }
button::-moz-focus-inner,
input::-moz-focus-inner { padding: 0; border: 0; }
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
input[type="color"],
textarea,
a[href^="tel"] { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
textarea { overflow: auto; -webkit-overflow-scrolling: touch; overflow-scrolling: touch; }
button,
input,
optgroup,
select,
textarea { font-family: inherit; font-size: inherit; color: inherit; -moz-osx-font-smoothing: grayscale; -webkit-font-smoothing: antialiased; font-smoothing: antialiased; }
button,
select { text-transform: none; }
table { width: 100%; border-collapse: collapse; border-spacing: 0; }
nav ul,
nav ol { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */
html,
body { height: 100%; }
body { min-width: 320px; background: #fff; font-family: 'Trebuchet MS', 'Arial', 'Helvetica', sans-serif; font-size: 15px; line-height: 1.2; color: #000; font-weight: 400; }
a { color: inherit; text-decoration: underline; color: #00f; }
a:hover { text-decoration: none; }
a[href^="tel"] { text-decoration: none; }
h1,
h2,
h3,
h4,
h5,
h6 { margin-bottom: 0.6em; }
h1 { font-size: ; }
h2 { font-size: 22px; letter-spacing: 0.02em; }
h3 { font-size: 20px; letter-spacing: 0.025em; }
h4 { font-size: 16px; letter-spacing: 0.022em; }
h5 { font-size: 16px; letter-spacing: 0.01em; font-weight: 400; }
h6 { font-size: ; }
p,
ul,
ol,
dl,
table,
blockquote { margin-bottom: 1.2em; }
h1[class],
h2[class],
h3[class],
h4[class],
h5[class],
h6[class],
h1:last-child,
h2:last-child,
h3:last-child,
h4:last-child,
h5:last-child,
h6:last-child,
p:last-child,
ul:last-child,
ol:last-child,
dl:last-child,
table:last-child,
blockquote:last-child { margin-bottom: 0; }
/* ------------------------------------------------------------ *\
	Fonts
\* ------------------------------------------------------------ */
@font-face {
	font-family: 'Trebuchet MS';
	src: url('https://www.teach-nology.com/new/fonts/Trebuchet MS.eot');
	src: local('?'),
		 url('https://www.teach-nology.com/new/fonts/Trebuchet MS.woff') format('woff'),
		 url('https://www.teach-nology.com/new/fonts/Trebuchet MS.ttf') format('truetype'),
		 url('https://www.teach-nology.com/new/fonts/Trebuchet MS.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('https://www.teach-nology.com/new/fonts/fontawesome-webfont.eot?v=4.7.0');
	src: url('https://www.teach-nology.com/new/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
		 url('https://www.teach-nology.com/new/fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
		 url('https://www.teach-nology.com/new/fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),
		 url('https://www.teach-nology.com/new/fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
		 url('https://www.teach-nology.com/new/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
/* ------------------------------------------------------------ *\
	Helpers
\* ------------------------------------------------------------ */
/*  Clear  */
.clear:after { content: ''; line-height: 0; display: table; clear: both; }
/*  Notext  */
.notext { white-space: nowrap; text-indent: 100%; text-shadow: none; overflow: hidden; }
.notext-old { font-size: 0; line-height: 0; text-indent: -4000px; }
/*  Text  */
.text-green { color: #4c9a00; }
.text-blue { color: #52a6cb; }
/*  Hidden  */
[hidden],
.hidden { display: none; }
/*  Alignleft  */
.alignleft { float: left; margin-right: auto; }
/*  Alignright  */
.alignright { float: right; margin-left: auto; }
/*  Disabled  */
[disabled],
.disabled { cursor: default; }
/*  Grid  */
.cols { margin: 0 -15px; }
.cols:after { }
.col { float: left; width: 100%; padding: 0 15px; }
.col-1of2 { width: 50%; }
/*  Responsive Helpers  */
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block { display: none !important; }
@media (max-width: 767px) {
	.hidden-xs { display: none !important; }
	.visible-xs-block { display: block !important; }
	.visible-xs-inline { display: inline !important; }
	.visible-xs-inline-block { display: inline-block !important; }
}
@media (min-width: 768px) and (max-width: 1023px) {
	.hidden-sm { display: none !important; }
	.visible-sm-block { display: block !important; }
	.visible-sm-inline { display: inline !important; }
	.visible-sm-inline-block { display: inline-block !important; }
}
@media (min-width: 1024px) and (max-width: 1200px) {
	.hidden-md { display: none !important; }
	.visible-md-block { display: block !important; }
	.visible-md-inline { display: inline !important; }
	.visible-md-inline-block { display: inline-block !important; }
}
@media (min-width: 1201px) {
	.hidden-lg { display: none !important; }
	.visible-lg-block { display: block !important; }
	.visible-lg-inline { display: inline !important; }
	.visible-lg-inline-block { display: inline-block !important; }
}
/* ------------------------------------------------------------ *\
	II.  Regions
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Container
\* ------------------------------------------------------------ */
.container { max-width: 1230px; padding-left: 10px; padding-right: 10px; margin: 0 auto; }
.container:after { }
.container .container__main { width: calc(100% - 300px); background: #fff; padding: 7px 30px 0; float: left; }
.container .container__aside { width: 310px; padding-left: 10px; padding-bottom: 10px; position: fixed; top: 0; right: calc((100vw - 1230px) / 2); }
.container--alt { max-width: 1212px; position: relative; left: -3px; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 0; }
.container--alt .container__main { padding: 0; position: relative; padding-bottom: 110px; }
.container--alt .container__inner,
.container--alt .container__aside { padding-left: 17px; }
.container .container__main--secondary { padding-bottom: 0; }
@media (min-width: 1085px) {
.container .sticky-sidebar { top: 0; }
.container .scrolled { bottom: 0; top: auto; }
.container .scrolled-alt { bottom: 0; top: auto; }
}
@media(max-width: 1250px) {
	.container--alt { min-width: 1070px; }
	.container .container__aside { right: 10px; width: 300px; }
	.container--alt .container__aside { padding-left: 0; }
}
@media(max-width: 1085px){
	.container .container__aside { position: absolute; float: right; padding-left: 12px; }
}
@media (max-width: 1023px) {
	/*.container .container__aside { width: 25%; }*/
	.container .container__main { /*width: 75%;*/ padding-left: 10px; padding-right: 10px; }
	
}
@media (max-width: 767px) {
	.container { display: block; padding-left: 0; padding-right: 0; }
	.container .container__aside { max-width: 100%; padding: 10px 0 0; position: static; width: 100%; text-align: center; }
	.container .container__inner { float: none; display: inline-block; padding: 10px; width: 100%; max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; }
	.container .container__inner .banner { float: none; }
	.container .container__main { padding: 0 10px 0; width: 100%; }
	.container--alt { min-width: auto; left: auto; padding-bottom: 10px; }
	.container--alt .container__aside { padding-left: 10px; padding-right: 10px; }
	

	.container .container__aside.scrolled .banners { position: static; display: inline-block; }
}
/* ------------------------------------------------------------ *\
	Content
\* ------------------------------------------------------------ */
.content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; padding-left: 30px; }
@media (max-width: 767px) {
	.content { padding: 20px 0 5px; }
}
/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */
.footer { padding: 35px 30px 32px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; }
.footer .footer__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }
.footer .footer__aside { -webkit-flex: 0 0 46%; -ms-flex: 0 0 46%; flex: 0 0 46%; max-width: 46%; }
.footer .footer__content { text-align: right; }
@media (max-width: 1023px) {
	.footer { padding: 18px 30px 20px; }
}
@media (max-width: 767px) {
	.footer { padding: 12px 10px; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
	.footer .footer__aside { max-width: 100%; -webkit-flex: 0 0 100%; -ms-flex: 0 0 100%; flex: 0 0 100%; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-top: 12px; }
}
/* ------------------------------------------------------------ *\
	Footer Alt
\* ------------------------------------------------------------ */
.footer-alt { position: absolute; bottom: 0; left: 0; right: 0; z-index: 10; margin-top: 100px; margin-left: calc(( (-100vw + 1212px) / 2 ) - 10px); }
.footer-alt .copyright { background: #599ec7; }
.footer-alt .footer__bar { background: #8abbd8; color: #cee2ee; font-size: 16px; padding: 4px 15px; border-style: solid; border-color: #91adbe; border-width: 1px 0; }
.footer-alt .footer__nav { font-size: 14px; }
.footer-alt .footer__nav a { text-decoration: none; color: #fff; transition: color .3s; }
.footer-alt .footer__nav a:hover { color: #599ec7; }
/*  Footer Alt Secondary  */
.footer-alt--secondary { position: static; margin: 30px 0 0 0; }
@media(max-width: 1212px) {
	.footer-alt { margin-left: -10px; }
}
@media (max-width: 991px) {
	.footer-alt { margin-top: 30px; }
}
@media (max-width: 767px) {
	.footer-alt { margin-top: 10px; position: static; margin-left: 0; margin-bottom: 10px; }
	.footer-alt  { margin-left: 0; }
	.footer-alt .footer__bar { padding-top: 10px; padding-bottom: 10px; }
}
/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */
.header { width: 100%; padding-top: 90px; }
.header .header__inner { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 14px; padding-top: 8px; }
.header .header__aside { -webkit-flex: 0 0 251px; -ms-flex: 0 0 251px; flex: 0 0 251px; max-width: 266px; }
.header .header__content { -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; text-align: right; padding-left: 15px; }
.header .header__box { margin-left: calc(( (100vw - 1212px) / 2 * -1) - 10px); }
.header .header__bar { background: #e8e8e8; margin-top: 5px; font-size: 12px; color: #444; font-weight: 700; border-style: solid; border-width: 1px 1px 1px 0; border-color: #888; font-family: 'Verdana', sans-serif; padding: 5px 16px; margin-bottom: 10px; }
.header .banner { padding: 0; }
/*  Header Banner  */
.header .header__banner { position: absolute; top: 0; left: -7px; z-index: 10; width: 100%; background: transparent; transition: opacity .3s, visibility .3s; }
.header .header__banner--home.header__banner--hidden { opacity: 0; visibility: hidden; }
.header .header__banner-inner { max-width: 1212px; padding: 0 312px 0 6px; }
.header .header__banner-inner--with-background { position: relative; }
.header .header__banner-inner--with-background:before { content: ''; position: absolute; top: 0; right: 303px; width: 9999px; height: 100%; background: #fff; }
.header .header__banner-content { position: relative; background: #fff; }
@media (min-width: 1087px) {
	.header .header__banner {left: 0; }
}
@media(min-width: 768px) {
	.header .header__aside .nav { display: none !important; }
}
@media(max-width: 1212px) {
	.header .header__box { margin-left: -10px; }
}
@media (max-width: 1023px) {
	.header .header__box { margin-left: -17px; }
}
@media (max-width: 991px) {
	.header .header__box { margin-left: -20px; }
}
@media (max-width: 767px) {
	.header { padding-top: 0; }
	.header .header__box { margin-left: 0; }
	.header .header__inner { display: block; }
	.header .header__content { padding-left: 0; }
	.header .header__aside { max-width: 100%; position: relative; }
	.header .header__bar { text-align: center; border-left-width: 1px; }
}
/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */
.main { position: relative; }
.main .main__head { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-top: 16px; }
.main .main__body { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 36px; }
.main .main__bar { background: #8abbd8; padding: 15px 30px 12px; }
.main .main__bar a { color: #fff; text-decoration: none; letter-spacing: 0.01em; font-size: 12px; }
.main .main__bar a:hover span { text-decoration: none; }
.main .main__bar a span { text-decoration: underline; display: inline-block; margin-left: 1px; position: relative; top: -2px; }
.main .main__foot { background: #599ec7; margin: 30px -30px 0; color: #cee2ee; }
.main .main__foot a { color: #cee2ee; }
@media (max-width: 1023px) {
	.main .main__head { padding-bottom: 9px; }
	.main .main__foot { margin: 10px -10px 0; }
}
@media (max-width: 767px) {
	.main .main__bar { padding: 8px 10px 7px; text-align: center; }
	.main .main__head { display: block; padding-top: 8px; }
	.main .main__body { display: block; margin-bottom: 0; }
}
/* ------------------------------------------------------------ *\
	Shell
\* ------------------------------------------------------------ */
.shell-fluid { max-width: none; }
/* ------------------------------------------------------------ *\
	Sidebar
\* ------------------------------------------------------------ */
.sidebar { -webkit-flex: 0 0 32.28%; -ms-flex: 0 0 32.28%; flex: 0 0 32.28%; max-width: 32.28%; padding-top: 15px; padding-left: 0px; }
@media (max-width: 1023px) {
	.sidebar { padding-top: 3px; }
}
@media (max-width: 767px) {
	.sidebar { max-width: 100%; margin-top: 10px; }
	.sidebar .sidebar__banner { margin: 20px auto 0; }
}
/* ------------------------------------------------------------ *\
	Wrapper
\* ------------------------------------------------------------ */
.wrapper { min-height: 100vh; background: #eef5f9; position: relative; }
.wrapper--alt { background: #fff; }
/* ------------------------------------------------------------ *\
	III. Modules
\* ------------------------------------------------------------ */
/* ------------------------------------------------------------ *\
	Banner
\* ------------------------------------------------------------ */
.banners { list-style-type: none; }
.banners li + li { margin-top: 10px; }
.banner { display: block; width: 300px; }
.banner a { display: block; }
.banner img { width: 100%; height: auto; }
.banner--one { margin: 0 auto; width: 728px; padding: 2px 0 5px; }
/*.banner--one-alt { margin-left: 0; }*/


//These were not originally in the CSS File You Gave Me. Think This might be the problem.
//.banner--two { margin: 0 auto; width: 300px;z-index: 1000; }
//.banner--three { margin: 0 auto; width: 300px;z-index: 1000; }
//.banner--four { margin: 0 auto; width: 300px;z-index: 1000; }


.banner--five { margin: 0 auto; width: 728px; }
.banner--six { margin-left: 10px; width: 160px; }
.banner--fixed { min-height: 600px; }
.banner--fixed .fixed { position: fixed; top: 90px; }
.banner--fixed .bottom { position: absolute; top: auto; bottom: 90px; }
@media (max-width: 767px) {
	.banner--one-alt { margin-left: 0;  }
	.banner--five,
	.banner--one { display: none; }

}
/* ------------------------------------------------------------ *\
	Breadcrumbs
\* ------------------------------------------------------------ */
.breadcrumbs { padding-left: 9px; -webkit-flex: 0 1 100%; -ms-flex: 0 1 100%; flex: 0 1 100%; max-width: 100%; }
.breadcrumbs li { display: inline-block; }
.breadcrumbs li + li:before { content: '>'; display: inline-block; }
.breadcrumbs .ico-home { position: relative; top: 2px; left: 1px; }
@media (max-width: 767px) {
	.breadcrumbs { padding: 0 0 11px; }
}
/* ------------------------------------------------------------ *\
	Button
\* ------------------------------------------------------------ */
.btn { display: inline-block; vertical-align: middle; text-align: center; cursor: pointer;
	-webkit-appearance: none;
	   -moz-appearance: none;
	 		appearance: none;
}
/*  Button Block  */
.btn-block { display: block; padding-left: 0; padding-right: 0; }
/* ------------------------------------------------------------ *\
	Button Icon
\* ------------------------------------------------------------ */
.btn-ico { font-size: 15px; text-decoration: none; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; opacity: 1; transition: opacity .3s; }
.btn-ico:hover { opacity: .7; }
.btn-ico .btn__icon { width: 30px; height: 30px; border-radius: 5px; border: 1px solid blue; display: inline-block; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-left: 3px; }
@media (max-width: 767px) {
	.btn-ico { display: inline-block; }
	.btn-ico span { display: inline-block !important; vertical-align: middle; }
	.btn-ico i { position: relative; top: 5px; }
}
/* ------------------------------------------------------------ *\
	Burger Menu
\* ------------------------------------------------------------ */
.burger-menu { display: none; width: 30px; position: absolute; top: 20px; right: 0px; }
.burger-menu.active span { background: #52a6cb; transition: background .3s; }
.burger-menu.active span:nth-child(1) { top: 7px; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); transition: top .3s, -webkit-transform .3s .3s; transition: top .3s, transform .3s .3s; transition: top .3s, transform .3s .3s, -webkit-transform .3s .3s; }
.burger-menu.active span:nth-child(2) { opacity: 0; }
.burger-menu.active span:nth-child(3) { top: -7px; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); transition: top .3s, -webkit-transform .3s .3s; transition: top .3s, transform .3s .3s; transition: top .3s, transform .3s .3s, -webkit-transform .3s .3s; }
.burger-menu span { position: relative; display: block; height: 2px; top: 0; background: #4c9a00; transition: .3s; }
.burger-menu span + span { margin-top: 5px; }
@media (max-width: 767px) {
	.burger-menu { display: block; }
}
/* ------------------------------------------------------------ *\
	Copyright
\* ------------------------------------------------------------ */
.copyright { padding: 5px 14px; font-size: 15px; color: #cee2ee; }
.copyright a { color: #cee2ee; }
@media (max-width: 767px) {
	.copyright { text-align: center; }
}
/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */
input::-webkit-input-placeholder { color: inherit; opacity: 1; }
input::-moz-placeholder { color: inherit; opacity: 1; }
input:-ms-input-placeholder { color: inherit; opacity: 1; }
input::placeholder { color: inherit; opacity: 1; }
textarea::-webkit-input-placeholder { color: inherit; opacity: 1; }
textarea::-moz-placeholder { color: inherit; opacity: 1; }
textarea:-ms-input-placeholder { color: inherit; opacity: 1; }
textarea::placeholder { color: inherit; opacity: 1; }
input:-webkit-autofill { -webkit-text-fill-color: inherit; -webkit-box-shadow: 0 0 0 1000px #fff inset; }
.field {}
.textarea {}
.select {}
.radio {}
.checkbox {}
/* ------------------------------------------------------------ *\
	Form
\* ------------------------------------------------------------ */
.form { max-width: 362px; margin-left: auto; padding-top: 15px; position: relative; }
.form .form__head { margin-bottom: 11px; }
.form .form__field { width: 100%; background: #efefef; border: 0; height: 27px; border-radius: 5px; padding: 0 115px 0 10px; }
.form .form__label { display: none; }
.form .form__controls { position: relative; }
.form .form__btn { width: 106px; height: 42px; background-image: url(https://www.teach-nology.com/new/css/images/btnSearch.gif); position: absolute; background-color: transparent; border: 0; font-size: 0; line-height: 0; position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: -1px; opacity: 1; transition: opacity .3s; }
.form .form__btn:hover { opacity: .8; }
.form .form__body { position: relative; }
@media (max-width: 1023px) {
	.form .form__head { margin-right: 0; }
}
@media (max-width: 767px) {
	.form { margin: 0 auto; }
	.form .form__head { text-align: center; }
}
/* ------------------------------------------------------------ *\
	Icons
\* ------------------------------------------------------------ */
.ico-star-outer { background: #f5ca59; display: inline-block; }
.ico-star { background-image: url(https://www.teach-nology.com/new/css/images/ico-star.svg); display: block; width: 32px; height: 32px; }
.ico-mail-outer { background: #848484; display: inline-block; }
.ico-mail { background-image: url(https://www.teach-nology.com/new/css/images/ico-mail.svg); display: block; width: 32px; height: 32px; }
.ico-home { background-image: url(https://www.teach-nology.com/new/css/images/ico-home.gif); width: 18px; height: 18px; display: inline-block; }
.ico-print { background-image: url(https://www.teach-nology.com/new/css/images/print.gif); width: 16px; height: 16px; display: inline-block; }
.ico-time { background-image: url(https://www.teach-nology.com/ticlok.gif); width: 18px; height: 18px; display: inline-block; }
.ico-news { background-image: url(https://www.teach-nology.com/new/css/images/ico-news.gif); max-width: 48px; height: 41px; display: block; background-size: 100% 100%; -webkit-flex: 0 0 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; }
.ico-message { background-image: url(https://www.teach-nology.com/new/css/images/ico-message.gif); width: 15px; height: 14px; display: inline-block; }

/* ------------------------------------------------------------ *\
	List
\* ------------------------------------------------------------ */
[class^="list-"] { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	List Links
\* ------------------------------------------------------------ */
.list-links { border-top: 1px solid #e5e5e5; letter-spacing: 0.025em; margin-left: 7px; margin-bottom: 28px; }
.list-links li { border-bottom: 1px solid #e5e5e5; }
.list-links a { text-decoration: none; color: #5a9fc7; transition: color .3s; display: inline-block; padding: 6px 13px 4px; }
.list-links li.current a { pointer-events: none; }
.list-links li.current a,
.list-links a:hover { color: #000; }
@media (max-width: 767px) {
	.list-links { margin-left: 0; margin-bottom: 20px; }
}
/* ------------------------------------------------------------ *\
	List Dots
\* ------------------------------------------------------------ */
.list-dots { font-size: 18px; }
.list-dots li { padding-left: 14px; position: relative; }
.list-dots li:before { content: ''; background: #c2c2c2; width: 4px; height: 4px; border-radius: 50%; position: absolute; top: 8px; left: 0; }
.list-dots li + li { margin-top: 5px; }
@media (max-width: 991px) {
	.list-dots { font-size: 15px; }	
	.list-dots li:before { top: 7px; }
}
@media (max-width: 767px) {
	.list-dots { font-size: 14px; }
	.list-dots li:before { top: 6px; }
}
/* ------------------------------------------------------------ *\
	Logo
\* ------------------------------------------------------------ */
.logo { background-image: url(https://www.teach-nology.com/new/css/images/logo.gif); background-size: 100% 100%; background-repeat: no-repeat; width: 251px; height: 84px; display: block; font-size: 0; line-height: 0; opacity: 1; transition: opacity .3s;
 }
.logo:hover { opacity: .8; }
.logo--large { width: 230px; height: 75px; margin-top: 5px; }
@media (max-width: 991px) {

}
@media (max-width: 767px) {
	.logo { width: 176px; height: 59px; }
	.logo--large { margin: 5px auto 0; }
}
/* ------------------------------------------------------------ *\
	Nav
\* ------------------------------------------------------------ */
.nav { font-size: 14px; border-radius: 6px; padding: 13px 39px 9px; text-align: center;
background: rgb(137,187,214);
background: linear-gradient(to bottom, rgba(137,187,214,1) 0%,rgba(111,171,207,1) 51%,rgba(5,171,224,1) 100%,rgba(94,161,203,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#89bbd6', endColorstr='#5ea1cb',GradientType=0 );
}
.nav li { position: relative; width: auto; display: inline-block; }
.nav li:after { content: '|'; display: inline-block; margin-right: 1px; margin-left: 1px; color: #fff; }
.nav li:last-child:after { display: none; }
.nav li + li:before {  }
.nav a { color: #fff; text-decoration: none; transition: color .3s; }
/*.nav a:visited { color: #00f; }*/
.nav a:hover { color: #bbddf0; }
@media(max-width: 2260px) {
	.nav { padding-left: 20px; padding-right: 20px; line-height: 1.5; }
}
@media (max-width: 767px) {
	.nav { z-index: 10; margin-top: 12px; display: none; }
	.nav li { display: block; }
	.nav li + li { margin-top: 10px; }
	.nav li:after { display: none; }
}
/* ------------------------------------------------------------ *\
	Nav Utilities
\* ------------------------------------------------------------ */
.nav-utilities { padding-top: 4px; padding-right: 27px; font-size: 13px; -webkit-flex: 0 0 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; max-width: 350px; }
.nav-utilities li { display: inline-block; }
@media (max-width: 767px) {
	.nav-utilities { max-width: 100%; margin-top: 5px; }
}
/* ------------------------------------------------------------ *\
	Nav Secondary
\* ------------------------------------------------------------ */
.nav-secondary { font-size: 12px; padding-top: 1px; }
.nav-secondary a { color: #fff; }
.nav-secondary li { display: inline-block; }
.nav-secondary li + li:before { content: '|'; display: inline-block; margin-right: -2px; margin-left: 0px; }
@media (max-width: 767px) {
	.nav-secondary { text-align: center; }
	.nav-secondary li { display: block; }
	.nav-secondary li + li { margin-top: 8px; }
	.nav-secondary li + li:before { display: none; }
}
/* ------------------------------------------------------------ *\
	Pdf
\* ------------------------------------------------------------ */
.pdf-viewer { height: 1350px; box-shadow: 4px 4px 10px rgba(0,0,0,.25); margin-bottom: 20px; }
.pdf-viewer embed { position: relative; z-index: 1; }
@media (max-width: 767px) {
	.pdf-viewer { height: 390px; text-align: center; }
}
/* ------------------------------------------------------------ *\
	Section
\* ------------------------------------------------------------ */
.section h3 { margin-bottom: 17px; }
.section ul { margin-bottom: 30px; }
.section p { margin-bottom: 0; }
.section p + p { margin-top: 30px; }
.section p + ul { margin-top: 14px; }
.section { position: relative; }
.section .section__btn { position: absolute; right: 1px; top: 0; }
/*  Section Alt  */
.section--alt h2 { margin-bottom: 11px; }
.section--alt h4 { margin-bottom: 23px; }
.section--alt h5 { margin-bottom: 8px; }
.section--alt .section__body { padding-bottom: 20px; }
.section--alt .section__body p { font-size: 16px; letter-spacing: 0.001em; line-height: 1.3; margin-bottom: 19px; }
.section--alt .section__head { text-align: center; font-size: 17px; font-weight: 700; letter-spacing: 0.04em; line-height: 1.25; margin-bottom: 28px; }
.section--alt .section__head p { margin-bottom: 8px; }
.section--alt .section__head small { font-size: 13px; letter-spacing: 0.042em; }
@media (max-width: 767px) {
	.section p + p { margin-top: 16px; }
	.section p + ul { margin-top: 18px; }
	.section ul { margin-bottom: 19px; }
	.section .section__btn { position: static; display: inline-block; margin-bottom: 11px; }
	.section .section__btn:first-child { float: left; }
	.section .section__btn:nth-child(2) { float: right; }
	.section .section__actions:after { }
	
	.section--alt .section__body { padding-bottom: 0; }
	.section--alt h4 { margin-bottom: 12px; }
	.section--alt h5 { margin-bottom: 11px; }
	.section--alt .section__body p { margin-bottom: 15px; }
}
/* ------------------------------------------------------------ *\
	Slider
\* ------------------------------------------------------------ */
.slider {}
.slider .slides { list-style: none outside none; }
/* ------------------------------------------------------------ *\
	Subscribe
\* ------------------------------------------------------------ */
.subscribe { margin-right: -7px; }
.subscribe .subscribe__head { display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 14px; padding-right: 8px; }
.subscribe .subscribe__head p { line-height: 1.4; margin-bottom: 0; padding-right: 10px; }
.subscribe .subscribe__head i { -webkit-align-self: flex-start; -ms-flex-item-align: start; align-self: flex-start; position: relative; top: -2px; }
.subscribe .subscribe__field { width: 100%; border: 1px solid #ccc; height: 23px; padding: 0 4px; letter-spacing: 0.02em; font-weight: 400; }
.subscribe .subscribe__field:focus { border-color: #7ca648; }
.subscribe .subscribe__btn { background: url(https://www.teach-nology.com/new/css/images/btnSignUp.gif); width: 84px; height: 25px; font-size: 0; line-height: 0; border: 0; margin-top: 6px; opacity: 1; transition: opacity .3s; }
.subscribe .subscribe__btn:hover { opacity: .8; }
@media (max-width: 767px) {
	.subscribe { margin-right: 0; }
	.subscribe .subscribe__field { margin-bottom: 7px; }
	.subscribe .subscribe__head { margin-bottom: 13px; }
}
/* ------------------------------------------------------------ *\
	Table
\* ------------------------------------------------------------ */
.table {}
/* ------------------------------------------------------------ *\
	Widget
\* ------------------------------------------------------------ */
.widgets { list-style: none outside none; }
.widget { padding-bottom: 9px; border-bottom: 1px solid #ccc; margin-bottom: 7px; }
.widget h2 { font-size: 17px; font-weight: 400; }
.widget .widget__head { color: #fff; border-radius: 7px; padding: 10px 20px;
background: rgb(159,208,117);
background: linear-gradient(to bottom, rgba(159,208,117,1) 0%,rgba(134,190,89,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fd075', endColorstr='#86be59',GradientType=0 );
}
.widget .widget__body { padding: 19px 10px; }
@media (max-width: 767px) {
	.widget { padding-bottom: 0; }
	.widget .widget__body { padding-left: 0; padding-right: 0; padding-bottom: 15px; }
}