/* Effective stylesheet produced by snapshot save */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0px; padding: 0px; border: 0px none; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; }
ol, ul { list-style: outside none none; }
blockquote::before, blockquote::after, q::before, q::after { content: none; }
table { border-collapse: collapse; border-spacing: 0px; }
body { background: rgb(255, 255, 255) none repeat scroll 0% 0%; font: 14px/21px "Raleway","HelveticaNeue-Light",Arial,sans-serif; color: rgb(68, 68, 68); }
h1, h2, h3, h4, h5, h6 { font-weight: 300; }
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 46px; line-height: 50px; margin-bottom: 14px; }
h2 { font-size: 38px; line-height: 40px; margin-bottom: 10px; }
h3 { font-size: 28px; line-height: 34px; margin-bottom: 8px; margin-top: 38px!important;}
h4 { font-size: 21px; line-height: 30px; margin-bottom: 4px; }
h5 { font-size: 17px; line-height: 24px; }
p { margin: 0px 0px 20px; line-height: 25px;}
em { font-style: italic; }
strong { font-weight: bold; }
blockquote cite::before { content: "— "; }
hr { border-style: solid; border-color: rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; border-width: 1px 0px 0px; clear: both; margin: 10px 0px 30px; height: 0px; }
a, a:visited { text-decoration: underline; outline: 0px none; }
a:hover, a:focus {  }
p a, p a:visited { line-height: inherit; }
ul, ol { margin-bottom: 20px; }
ul { list-style: outside none none; }
ol { list-style: outside none decimal; }
ul, ul.square { list-style: outside none square; }
ul ul, ul.circle { list-style: outside none circle; }
ul ul li, ul ol li, ol ol li, ol ul li { margin-bottom: 6px; }
li { line-height: 23px; margin-bottom: 12px; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0px none; padding: 0px; }
.highlighttable { color: rgb(248, 248, 242); table-layout: fixed; white-space: nowrap; width: 90%; }
.highlighttable pre, .highlighttable code { display: block; margin: 0px; padding: 0px; background: transparent none repeat scroll 0% 0%; overflow: auto; word-wrap: normal; }
.highlight, .linenodiv { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVQIHWPQ1dU1BgABzQC7XXMTYQAAAABJRU5ErkJggg=="); display: block; padding: 10px; margin-bottom: 20px; }
.linenodiv, .lineno { color: rgb(204, 204, 204); }
td.linenos { width: 40px; }
.linenodiv { border-right: medium none; padding: 10px; text-align: right; }
.s { color: rgb(230, 219, 116); }
.na { color: rgb(166, 226, 46); }
.nt { color: rgb(249, 38, 114); }
.container { position: relative; width: 960px; margin: 0px auto; padding: 0px; }
@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container { width: 768px; }
}
@media only screen and (max-width: 767px) {
  .container { width: 96%; }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
  .container { width: 92%; }
}
.container::after { content: " "; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix::before, .clearfix::after, .row::before, .row::after { content: " "; display: block; overflow: hidden; visibility: hidden; width: 0px; height: 0px; }
.row::after, .clearfix::after { clear: both; }
html { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
.text-white { color: rgb(248, 248, 248); }
.text-white a { color: rgb(248, 248, 248); }
.bg-blue { background-color: rgb(73, 167, 233) ! important; }
.text-purple { color: rgb(200, 105, 191); }
.text-orange { color: rgb(250, 177, 37); }
nav .p-intro { border-color: rgb(248, 248, 248); }
	#intro { background-color: rgb(248, 248, 248) ! important; color: rgb(17, 17, 17); }
	#intro a { color: rgb(17, 17, 17); }
nav .p-school { border-color: rgb(250, 177, 37); }
	#school { background-color: rgb(250, 177, 37) ! important; color: rgb(17, 17, 17); }
	#school a { color: rgb(17, 17, 17); }
	#school .sectiondivider { color: rgb(250, 177, 37); }
nav .p-problems { border-color: rgb(99, 189, 47); }
	#problems { background-color: rgb(99, 189, 47) ! important; color: rgb(248, 248, 248); }
	#problems a { color: rgb(248, 248, 248); }
	#problems .sectiondivider { color: rgb(99, 189, 47); }
nav .p-benefits { border-color: rgb(200, 105, 191); }
	#benefits { background-color: rgb(200, 105, 191) ! important; color: rgb(248, 248, 248); }
	#benefits .sectiondivider { color: rgb(200, 105, 191); }
nav .p-referrals { border-color: rgb(15, 191, 207); }
	#referrals { background-color: rgb(15, 191, 207) ! important; color: rgb(248, 248, 248); }
	#referrals a { color: rgb(248, 248, 248); }
	#referrals .sectiondivider { color: rgb(15, 191, 207); }
nav .p-testimonials { border-color: #e9654b }
	#testimonials { background-color: #e9654b ! important; color: rgb(248, 248, 248); }
	#testimonials a { color: rgb(248, 248, 248); }
	#testimonials .sectiondivider { color: #e9654b }
nav .p-private { border-color: rgb(73, 167, 233); }
	#private { background-color: rgb(73, 167, 233) ! important; color: rgb(248, 248, 248); }
	#private a { color: rgb(248, 248, 248); }
	#private .sectiondivider { color: rgb(73, 167, 233); }
nav .p-about { border-color: #2fbb79; }
	#about { background-color: #2fbb79 ! important; color: rgb(248, 248, 248); }
	#about a { color: rgb(248, 248, 248); }
	#about .sectiondivider { color: #2fbb79; }
nav .p-contact { border-color: rgb(248, 248, 248);  }
	#contact { background-color: rgb(248, 248, 248) ! important; color: rgb(17, 17, 17); }
	#contact a { color: rgb(17, 17, 17); }
	#contact .sectiondivider { rgb(248, 248, 248); }
code, pre { font-family: Monaco,Menlo,Consolas,"Courier New",monospace; }
code { background: rgba(255, 255, 255, 0.2) none repeat scroll 0% 0%; display: inline; word-wrap: break-word; }
pre code { background: transparent none repeat scroll 0% 0%; display: block; }
pre { display: block; margin: 20px 5%; padding: 4px 8px; background: rgba(255, 255, 255, 0.1) none repeat scroll 0% 0%; word-wrap: break-word; }
.highlighttable { margin: 20px 5%; }
hr { margin: 60px auto; width: 50%; border-color: rgb(17, 17, 17); }
.container { word-wrap: break-word; }
.center { text-align: center; }
.left, .container .left { text-align: left; }

.container h1, 
.container h2, 
.container h3, 
.container h4 { 
	margin-bottom: 20px; 
	text-align: center; 
	padding: 0px 4%; 
}
.container h2 {margin-bottom: 33px;}
.container p, .container ol, .container ul { font-size: 17px; padding: 0px 5%; text-align:justify; }
.container.center p, .container.center ol, .container.center ul { text-align:center; }
.container ol, .container ul { padding: 0px 8%; }
.container p:first-of-type { margin-top: 40px; }
.icontain { position: relative; height: 0px; overflow: hidden; padding-bottom: 56.25%; }
.icontain iframe { position: absolute; top: 0px; left: 0px; width: 100%; height: 100%; }
nav { transition: all 400ms ease; font-size: 15px; width: 100%; position: fixed; z-index: 100; top: 0px; left: 0px; background: rgb(46, 46, 46) none repeat scroll 0% 0%; }
nav ul { list-style: outside none none; text-align: center; padding: 0px; margin: 0px; letter-spacing: -4px; }
nav ul li { display: inline-block; border-top: 6px solid; padding: 8px 0px; letter-spacing: normal; text-transform: uppercase; min-width: 102px; line-height: 50px; margin: 0px; }
nav ul li a, nav ul li a:visited { display: block; color: rgb(255, 255, 255); text-decoration: none; font-weight: 600; opacity: 0.75; }
nav ul li a:hover { opacity: 1; }
nav ul li:hover, nav ul li.active { border-top-width: 14px; padding-top: 0px; }
.section { position: relative; display: block; width: 100%; min-height: 300px; padding: 170px 0px 180px 0px; background: transparent url("../images/bgnoise.png") repeat scroll 0% 0%; }
.section:first-of-type h1 { 
	position: absolute;
	z-index: 4;
	right: 0;
	top: 14px;
	background-image: url("../images/logo8.png");
	background-position: calc(50% + 30px) 72%;
	background-repeat: no-repeat;
	background-size: 15%;
	color: #ff6001;
	font-size: 77px;
	font-weight: normal;
	left: -20px;
	line-height: 190px;
	margin-left: auto;
	margin-right: auto;
}
.section:first-of-type { 
	padding-top: 120px; 
}
.section:first-of-type h2, .section:first-of-type h3 { 
	color: #be4cb7;
}
.section:first-of-type h2 {
	font-size: 33px;
   line-height: 34px;
}
.section:first-of-type h3 {
	font-size: 46px;
   line-height: 50px;
}
#footer { padding: 8px 0px; min-height: 0px; text-align: center; background-color: rgb(46, 46, 46); background-image: none; }
#footer .container p { font-size: 13px; margin: 0px; }
.subtlecircle { text-align: center; z-index: 3; border-radius: 50%; box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.05); background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAF0lEQVQIHWP8//+/MQMaYELjg7kUCgIASm8DOqGzfp8AAAAASUVORK5CYII=") repeat scroll 0% 0%; }
.sectiondivider { width: 270px; height: 270px; padding: 15px; position: absolute; top: -135px; left: 50%; margin-left: -135px; }
.sectiondivider .fa-stack { font-size: 130px; position: static; margin-top: -8px; }
.sectiondivider .fa-circle { color: rgb(255, 255, 255); }
.sectiondivider h5 { font-size: 15px; font-weight: 700; text-transform: uppercase; position: absolute; bottom: 45px; left: auto; text-align: center; display: block; z-index: 6; width: 240px; }

.go-top {
  display: block;
  width: 150px;
  height: 40px;
  line-height: 35px;
  text-align: center;
  font-size: 23px;
  position: fixed;
  bottom: -40px;
  right: 20px;
  transition: all 300ms ease;
  background-color: #404040;
  color: #FFFFFF;
  text-decoration: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  opacity:0.6;
}

blockquote {
	border-left: 8px solid #f17b20;padding-left: 20px;padding-top: 1px;padding-bottom: 1px;background-color: #e5f4ff;color: black;border-radius: 23px;
}
blockquote p:first-of-type {
    margin-top: 20px!important;
}
blockquote i {
    font-style: italic;
    color:darkgray;
}

.go-top.show { bottom: 20px; }

.go-top:hover {
  background-color: #5DBA9D;
  color: #FFFFFF;
}

.transparencysmaller {
	transition: background 500ms ease;
	background: rgba(46, 46, 46, 0.4) none repeat scroll 0 0!important;
}

.transparencysmallerli {
	transition: line-height 300ms ease;
	line-height: 38px!important;
}

@media screen and (min-width: 800px) {
  #forkongithub { position: fixed; display: block; top: 0px; right: 0px; width: 200px; overflow: hidden; height: 200px; z-index: 9999; }
  #forkongithub a { width: 200px; position: absolute; top: 60px; right: -60px; transform: rotate(45deg); box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.8); box-sizing: content-box; }
}
@media only screen and (max-width: 679px) {
  nav { font-size: 11px; }
  nav ul li { min-width: 60px; line-height: 40px; }
  .transparencysmallerli {
	transition: line-height 300ms ease;
	line-height: 13px!important;
  }
}
@media only screen and (max-width: 380px) {
  nav ul li { min-width: 90px; line-height: 20px; }
  .transparencysmallerli {
	transition: line-height 300ms ease;
	line-height: 13px!important;
  }
}
@media only screen and (max-width: 767px) {
  .container h1 { font-size: 35px!important; }
  .container h2 { font-size: 24px; }
  .container h3 { font-size: 20px; }
  .container h4 { font-size: 18px; }
  .section { padding: 130px 0px; }
  .sectiondivider { width: 200px; height: 200px; padding: 15px; top: -100px; margin-left: -100px; }
  .sectiondivider .fa-stack { font-size: 100px; margin-top: -14px; }
  .sectiondivider h5 { font-size: 15px; bottom: 30px; width: 170px; }
}
