@charset "UTF-8";
/* CSS Document */ 

/***** Table of Contents **********************

1.  Font Import 
2.  Text Colors
3.  Background Colors
4.  Tags
5.  Font Sizes
6.  Fonts
7.  Headers
8.  Footers
9.  Seperators
10. Buttons
11. Check lists
12. Spacers
13. Bootstrap Utilities
14. Margin Utilities
15. Padding Utilities
16. Layout Utilities

***********************************************/

/**** 1. Start Font Import ******************************/
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700|Open+Sans:300,400,600,700,400italic|Lobster+Two:400,700);
/**** 1. End Font Import ******************************/

/**** 2. Start Text Colors ******************************/
.light-grey{
	color:#c6c6c6;
}
.grey{
	color:#707170;
}
.white{
	color:#FFF;
}
.black{
	color:#000;
}
.yellow{
	color:#ffa300;
}
.purple{
	color:#8446ac;
}
.purple-90-percent{
}
.green{
	color:#7a9b49;
}
.blue{
	color:#3e8ddd;
}
/**** 2. End Text Colors ******************************/

/**** 3. Start Background Colors ******************************/
.grey-bg{
	background-color:#707170;
	color:#FFF;
}
.light-grey-bg{
	background-color:#eee;
}
.white-bg{
	background-color:#FFF;
	color:#707170;
}
.black-bg{
	background-color:#000;
	color:#FFF;
}
.yellow-bg{
	background-color:#ffa300;
	color:#FFF;
}
.purple-bg{
	background-color:#8446ac;
	color:#FFF;
}
.green-bg{
	background-color:#7a9b49;
	color:#FFF;
}
.blue-bg{
	background-color:#3e8ddd;
	color:#FFF;
}
/**** 3. End Background Colors ******************************/

/**** 4. Start Tags ******************************/
html,
body{
	color:#707170;
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-size:14px;
	background-color:#CCC;
}
h1,
h2,
h3,
h4,
h5,
h6{
	font-weight:700;
	margin-bottom:20px;
	line-height:1;
}
h6{
	font-size:11px;
}
h5{
	font-size:14px;
}
h4{
	font-size:18px;
}
h3{
	font-size:26px;
}
h2{
	font-size:42px;
}
h1{
	font-size:60px;
	font-family: "Oswald",sans-serif;
	letter-spacing:1px;
}
ul,
ol{
	margin-bottom:20px;
}
a,
a:active{
	outline:none !important;
	color:#3e8ddd;
	text-decoration:none;
}
a:hover{
	text-decoration:underline;
	color:#3e8ddd;
}
a:visited{
	color:#3e8ddd;
}
/**** 4. End Tags ******************************/

/**** 5. Start Font Sizes ******************************/
.text-xs{
	font-size:11px;
}
.text-sm{
	font-size:14px;
}
.text-md{
	font-size:18px;
}
.text-lg{
	font-size:26px;
}
.text-xl{
	font-size:42px;
}
.text-xxl{
	font-size:60px;
}
.text-huge{
	font-size:100px;
}
/**** 5. End Font Sizes ******************************/

/**** 6. Start Fonts ******************************/
.font-open-sans-light{
	font-family: 'Open Sans', sans-serif;
	font-weight:300;
}
.font-open-sans{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
}
.font-open-sans-italic{
	font-family: 'Open Sans', sans-serif;
	font-weight:400;
	font-style:italic;
}
.font-open-sans-bold{
	font-family: 'Open Sans', sans-serif;
	font-weight:700;
}
.font-oswald{
	font-family: 'Oswald', sans-serif;
	font-weight:400;
}
.font-oswald-bold{
	font-family: 'Oswald', sans-serif;
	font-weight:700;
}
.font-lobster-two{
	font-family: 'Lobster Two', cursive;
	font-weight:400;
}
.font-lobster-two-bold{
	font-family: 'Lobster Two', cursive;
	font-weight:700;
}
/**** 6. End Fonts ******************************/

/**** 7. Start Headers ******************************/
#wrapper{
	padding-top:119px; /* height of header */
}
.logo-nav{
	height:70px;
	margin-right:20px;
}
.logo-icon-nav{
	height:40px;
	width:193px;
}
#header1 .navbar-brand{
	padding:22px;
}
#header1 .navbar{
	min-height:92px;
	margin-bottom:0px;
}
#header1 .navbar-default{
	background-color:#FFF;
	border:none;
}
#header1 .navbar-nav{
	padding-top:5px;
}
#header1 .navbar-nav > li > a{
	line-height:20px;
	/* Added to make border flush */
	padding: 15px 0px;
	margin-right: 15px;
	margin-left: 15px;
	/* End added to make border flush */
	margin-top:22px;
	margin-bottom:17px; /* to account for hidden border */
	border-bottom:3px #FFF solid;
	color:#707170;
	cursor:pointer;    
	transition: border-bottom 0.5s ease 0s;
}
#header1 a img{
	cursor:pointer;
}
#header1 .navbar-nav > li > a:hover{
	border-bottom:2px #8446ac solid;
	color:#707170;
}
#header1 li.active a{
	background-color:#FFF;
}
#header1{
	background-color:#FFF;
	border-top:#8446ac solid 5px;
}
#header1 .navbar-brand{
	height:auto;
}
#header1.header-fixed{
	width:100%;
	position:fixed;
	top:0px;
	left:0px;
	z-index:10000;
}
#header1 .navbar-social-icons{
	margin-right:60px;
}
#header1 .navbar-social-icons a{
	/* Added to make border flush */
	margin-left: 0px !important;
	/* End added to make border flush */
	background-color:#707170;
	color:#FFF !important;
	line-height:35px !important;
	height:35px;
	text-align:center;
	width:35px;
	margin-right:4px !important;
	padding:0px !important;
	font-size:25px;
	margin-top:29px !important;
	border:none !important;    
	transition:background-color 0.5s ease 0s !important;
}
#header1 .navbar-social-icons a:hover{
	border:none !important;
	background-color:#8446ac !important;
}
#header1 .navbar-mobile-social-icons{
	text-align:center;
	padding-bottom:10px;
}
#header1 .navbar-mobile-social-icons a{
	display:inline-block;
	background-color:#707170;
	color:#FFF;
	line-height:35px;
	height:35px;
	text-align:center;
	width:35px;
	margin-right:4px;
	padding:0px;
	font-size:25px;
	transition:background-color 0.5s ease 0s;
	margin:0px 2px;
}
#header1 .navbar-mobile-social-icons a:hover{
	background-color:#7a9b49;
}
#header1 .login-button{
	/* Added to make border flush */
	padding:15px 0px !important;
	margin-right:0px !important;
	margin-left:0px !important;
	/* End added to make border flush */
	padding-right:30px !important;
	border:none !important;
}
#header1 .login-button:after{
	font-family:'Glyphicons Halflings';
	content:"\e072";
	position:absolute;
	right:0px;
	font-size:12px;
	top:0px;
	background-color:#707170;
	color:#FFF;
	width:20px;
	height:20px;
	text-align:center;
	top:15px;
	
}
#header1 .login-button:hover:after{
	background-color:#8446ac;
	color:#FFF;
	transition:background-color 0.5s ease 0s;
	
}
@media (max-width: 767px) {
#wrapper{
	padding-top:89px;
}
#header1 .container{
	padding-right:0px;
	padding-left:0px;
}
#header1 .navbar{
	min-height:60px;
}
#header1 .navbar-toggle{
	margin-top: 25px;
}
#header1 .navbar-nav > li > a,
#header1 li.active a,
#header1 .navbar-nav > li > a:link,
#header1 .navbar-nav > li > a:hover{
	color:#FFF;
	border:none;
	line-height:20px;
	margin:5px 0px;
	background-color:#8446ac;
	text-align:center;
	padding:10px 0px;
}
#header1 .navbar-collapse{
	background-color:#8446ac;
	border-bottom:5px #ffa300 solid;
}
.logo-icon-nav {
    height: 35px;
    width: 173px;
}
}
/**** 7. End Headers ******************************/

/**** 8. Start Footers ******************************/
.footer-logo-container{
	padding:20px;
}
.logo-footer{
	max-width: 120px;
	height: auto;
	margin: 20px auto;
}
.footer-legal{
	padding:40px;
	padding-top:60px;
	padding-right:0px;
	font-size:14px;
	text-align:center;
}
.footer-legal a{
	color:#FFF;
	text-decoration:none;
}
.footer-legal a:hover{
	text-decoration:underline;
}
/**** 8. End Footers ******************************/

/**** 9. Start Seperators ******************************/
.sep-arrow-down-purple,
.sep-arrow-down-green,
.sep-arrow-down-blue{
	position: relative;
	background: #8446ac;
	color:#FFF;
	text-align:center;
	padding:20px;
}
.sep-arrow-down-purple:after,
.sep-arrow-down-green:after,
.sep-arrow-down-blue:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(132, 70, 172, 0);
	border-top-color: #8446ac;
	border-width: 25px;
	margin-left: -25px;
	z-index:5;
}
.sep-arrow-down-green:after{
	border-top-color:#7A9B49;
}
.sep-arrow-down-blue:after{
	border-top-color:#3e8ddd;
}
.sep-arrow-down-green{
	background: #7A9B49;
}
.sep-arrow-down-blue{
	background:#3e8ddd;
}
.sep-arrow-down-purple h2,
.sep-arrow-down-green h2,
.sep-arrow-down-blue h2{
	display:block;
	position: relative;
	padding:0px;
	margin:0px;
	font-size:40px;
	letter-spacing:0px;
	font-weight:300;
	z-index:10;
}
.sep-arrow-down-purple h2:after,
.sep-arrow-down-green h2:after,
.sep-arrow-down-blue h2:after{
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 163, 0, 0);
	border-top-color: #ffa300;
	border-width: 13px;
	margin-left: -13px;
	margin-top:12px;
	z-index:10;
}
.sep-yellow-bar{
	background-color:#ffa300;
	position:absolute;
	width:15%;
	height:100%;
	right:0px;
	top:0px;
	z-index:1;
}
@media (max-width: 767px) { 
.sep-yellow-bar{
	width:20px;
}
}
/**** 9. End Seperators ******************************/

/**** 10. Start Buttons ******************************/
.btn{
    white-space:normal !important;
    word-wrap:break-word; 
}
.btn-arrow-purple,
.btn-arrow-green,
.btn-arrow-yellow{
	background-color:#8446ac;
	margin-left:20px;
	position:relative;
	display:inline-block;
	color:#FFF !important;
	text-decoration:none;
	text-transform:uppercase;
	letter-spacing:1px;
	border:1px solid #707170;
	padding:3px;
	font-size:18px;
	line-height: 18px;
	padding: 3px 15px;
	font-weight:600;
	transition: all 0.5s ease 0s;
}
.btn-arrow-green{
	background-color:#7A9B49;
}
.btn-arrow-yellow{
	background-color:#ffa300;
}
.btn-arrow-purple:hover,
.btn-arrow-green:hover{
	color:#FFF;
	background-color:#ffa300;
}
.btn-arrow-yellow:hover{
	background-color:#7a9b49;
	color:#FFF;
}
.btn-arrow-purple:link,
.btn-arrow-green:link,
.btn-arrow-yellow:link{
	color:#FFF;
}
.btn-arrow-purple:after,
.btn-arrow-green:after,
.btn-arrow-yellow:after{
	font-family:'Glyphicons Halflings';
	content:"\e072";
	position:absolute;
	color:#ffa300;
	left:-25px;
	font-size:20px;
	top:3px;
	transition: all 0.5s ease 0s;
}
.btn-arrow-purple:hover:after,
.btn-arrow-green:hover:after{
	color:#8446ac;
}
/**** 10. End Buttons ******************************/

/**** 11. Start Start lists ******************************/
ul.checklist-purple > li,
ul.checklist-green > li{
	font-size:16px;
	margin-bottom:10px;
	margin-left:0px;
	padding-left:40px;
	list-style:none;
	position:relative;
	line-height:1.3;
}
ul.checklist-purple > li:before,
ul.checklist-green > li:before{
	font-family:'Glyphicons Halflings';
	content:"\e084";
	font-size:18px;
	left:10px;
	top:0px;
	color:#8446ac;
	position:absolute;
}
ul.checklist-green > li:before{
	color:#7a9b49;
}
/**** 11. End Check lists ******************************/

/**** 12. Start Spacers ******************************/
.spacer-5{
	height:5px;
}
.spacer-10{
	height:10px;
}
.spacer-15{
	height:15px;
}
.spacer-20{
	height:20px;
}
.spacer-25{
	height:25px;
}
.spacer-30{
	height:30px;
}
.spacer-35{
	height:35px;
}
.spacer-40{
	height:40px;
}
.spacer-45{
	height:45px;
}
.spacer-50{
	height:55px;
}
.spacer-50{
	height:50px;
}
.spacer-60{
	height:60px;
}
.spacer-65{
	height:65px;
}
.spacer-70{
	height:70px;
}
.spacer-75{
	height:75px;
}
.spacer-80{
	height:80px;
}
.spacer-85{
	height:95px;
}
.spacer-90{
	height:90px;
}
.spacer-95{
	height:95px;
}
.spacer-100{
	height:100px;
}
/**** 12. End Spacers ******************************/

/**** 13. Start Bootstrap Utilities ******************************/
.row-no-gutters {
  margin-right: 0;
  margin-left: 0;
}
.row-no-gutters > [class^="col-"],
.row-no-gutters > [class*=" col-"] {
  padding-right: 0;
  padding-left: 0;
}
.img-responsive-center{
	margin:0px auto;
}
/**** 13. End Bootstrap Utilities ******************************/

/**** 14. Start Margin Utilities ******************************/
.margin-minus-40-t{
	margin-top:-40px;
}
.margin-minus-40-l{
	margin-left:-40px;
}
.margin-minus-40-r{
	margin-right:-40px;
}
.margin-minus-30-t{
	margin-top:-30px;
}
.margin-minus-30-l{
	margin-left:-30px;
}
.margin-minus-30-r{
	margin-right:-30px;
}
.margin-minus-20-t{
	margin-top:-20px;
}
.margin-minus-20-l{
	margin-left:-20px;
}
.margin-minus-20-r{
	margin-right:-20px;
}
.margin-minus-15-t{
	margin-top:-15px;
}
.margin-minus-15-l{
	margin-left:-15px;
}
.margin-minus-15-r{
	margin-right:-15px;
}
.margin-minus-10-t{
	margin-top:-10px;
}
.margin-minus-10-l{
	margin-left:-10px;
}
.margin-minus-10-r{
	margin-right:-10px;
}
.margin-0{
	margin:0px;
}
.margin-0-t{
	margin-top:0px;
}
.margin-0-b{
	margin-bottom:0px;
}
.margin-0-tb{
	margin-top:0px;
	margin-bottom:0px;
}
.margin-0-l{
	margin-left:0px;
}
.margin-0-r{
	margin-right:0px;
}
.margin-0-lr{
	margin-left:0px;
	margin-right:0px;
}
.margin-10{
	margin:10px;
}
.margin-10-t{
	margin-top:10px;
}
.margin-10-b{
	margin-bottom:10px;
}
.margin-10-tb{
	margin-top:10px;
	margin-bottom:10px;
}
.margin-10-l{
	margin-left:10px;
}
.margin-10-r{
	margin-right:10px;
}
.margin-10-lr{
	margin-left:10px;
	margin-right:10px;
}
.margin-15{
	margin:15px;
}
.margin-15-t{
	margin-top:15px;
}
.margin-15-b{
	margin-bottom:15px;
}
.margin-15-tb{
	margin-top:15px;
	margin-bottom:15px;
}
.margin-15-l{
	margin-left:15px;
}
.margin-15-r{
	margin-right:15px;
}
.margin-15-lr{
	margin-left:15px;
	margin-right:15px;
}
.margin-20{
	margin:20px;
}
.margin-20-t{
	margin-top:20px;
}
.margin-20-b{
	margin-bottom:20px;
}
.margin-20-tb{
	margin-top:20px;
	margin-bottom:20px;
}
.margin-20-l{
	margin-left:20px;
}
.margin-20-r{
	margin-right:20px;
}
.margin-20-lr{
	margin-left:20px;
	margin-right:20px;
}
.margin-30{
	margin:30px;
}
.margin-30-t{
	margin-top:30px;
}
.margin-30-b{
	margin-bottom:30px;
}
.margin-30-tb{
	margin-top:30px;
	margin-bottom:30px;
}
.margin-30-l{
	margin-left:30px;
}
.margin-30-r{
	margin-right:30px;
}
.margin-30-lr{
	margin-left:30px;
	margin-right:30px;
}
.margin-40{
	margin:40px;
}
.margin-40-t{
	margin-top:40px;
}
.margin-40-b{
	margin-bottom:40px;
}
.margin-40-tb{
	margin-top:40px;
	margin-bottom:40px;
}
.margin-40-l{
	margin-left:40px;
}
.margin-40-r{
	margin-right:40px;
}
.margin-40-lr{
	margin-left:40px;
	margin-right:40px;
}
.margin-50{
	margin:50px;
}
.margin-50-t{
	margin-top:50px;
}
.margin-50-b{
	margin-bottom:50px;
}
.margin-50-tb{
	margin-top:50px;
	margin-bottom:50px;
}
.margin-50-l{
	margin-left:50px;
}
.margin-50-r{
	margin-right:50px;
}
.margin-50-lr{
	margin-left:50px;
	margin-right:50px;
}
.margin-60{
	margin:60px;
}
.margin-60-t{
	margin-top:60px;
}
.margin-60-b{
	margin-bottom:60px;
}
.margin-60-tb{
	margin-top:60px;
	margin-bottom:60px;
}
.margin-60-l{
	margin-left:60px;
}
.margin-60-r{
	margin-right:60px;
}
.margin-60-lr{
	margin-left:60px;
	margin-right:60px;
}
/**** 14. End Margin Utilities ******************************/

/**** 15. Start Padding Utilities ******************************/
.padding-0{
	padding:0px !important;
}
.padding-0-t{
	padding-top:0px !important;
}
.padding-0-b{
	padding-bottom:0px !important;
}
.padding-0-tb{
	padding-top:0px !important;
	padding-bottom:0px !important;
}
.padding-0-l{
	padding-left:0px !important;
}
.padding-0-r{
	padding-right:0px !important;
}
.padding-0-lr{
	padding-left:0px !important;
	padding-right:0px !important;
}
.padding-10{
	padding:10px !important;
}
.padding-10-t{
	padding-top:10px !important;
}
.padding-10-b{
	padding-bottom:10px !important;
}
.padding-10-tb{
	padding-top:10px !important;
	padding-bottom:10px !important;
}
.padding-10-l{
	padding-left:10px !important;
}
.padding-10-r{
	padding-right:10px !important;
}
.padding-10-lr{
	padding-left:10px !important;
	padding-right:10px !important;
}
.padding-15{
	padding:15px !important;
}
.padding-15-t{
	padding-top:15px !important;
}
.padding-15-b{
	padding-bottom:15px !important;
}
.padding-15-tb{
	padding-top:15px !important;
	padding-bottom:15px !important;
}
.padding-15-l{
	padding-left:15px !important;
}
.padding-15-r{
	padding-right:15px !important;
}
.padding-15-lr{
	padding-left:15px !important;
	padding-right:15px !important;
}
.padding-20{
	padding:20px !important;
}
.padding-20-t{
	padding-top:20px !important;
}
.padding-20-b{
	padding-bottom:20px !important;
}
.padding-20-tb{
	padding-top:20px !important;
	padding-bottom:20px !important;
}
.padding-20-l{
	padding-left:20px !important;
}
.padding-20-r{
	padding-right:20px !important;
}
.padding-20-lr{
	padding-left:20px !important;
	padding-right:20px !important;
}
.padding-30{
	padding:30px !important;
}
.padding-30-t{
	padding-top:30px !important;
}
.padding-30-b{
	padding-bottom:30px !important;
}
.padding-30-tb{
	padding-top:30px !important;
	padding-bottom:30px !important;
}
.padding-30-l{
	padding-left:30px !important;
}
.padding-30-r{
	padding-right:30px !important;
}
.padding-30-lr{
	padding-left:30px !important;
	padding-right:30px !important;
}
.padding-40{
	padding:40px !important;
}
.padding-40-t{
	padding-top:40px !important;
}
.padding-40-b{
	padding-bottom:40px !important;
}
.padding-40-tb{
	padding-top:40px !important;
	padding-bottom:40px !important;
}
.padding-40-l{
	padding-left:40px !important;
}
.padding-40-r{
	padding-right:40px !important;
}
.padding-40-lr{
	padding-left:40px !important;
	padding-right:40px !important;
}
.padding-50{
	padding:50px !important;
}
.padding-50-t{
	padding-top:50px !important;
}
.padding-50-b{
	padding-bottom:50px !important;
}
.padding-50-tb{
	padding-top:50px !important;
	padding-bottom:50px !important;
}
.padding-50-l{
	padding-left:50px !important;
}
.padding-50-r{
	padding-right:50px !important;
}
.padding-50-lr{
	padding-left:50px !important;
	padding-right:50px !important;
}
.padding-60{
	padding:60px !important;
}
.padding-60-t{
	padding-top:60px !important;
}
.padding-60-b{
	padding-bottom:60px !important;
}
.padding-60-tb{
	padding-top:60px !important;
	padding-bottom:60px !important;
}
.padding-60-l{
	padding-left:60px !important;
}
.padding-60-r{
	padding-right:60px !important;
}
.padding-60-lr{
	padding-left:60px !important;
	padding-right:60px !important;
}
/**** 15. End Padding Utilities ******************************/

/**** 16. Start Layout Utilities ******************************/
.position-absolute{
	position:absolute;
}
.position-relative{
	position:relative;
}
.position-fixed{
	position:fixed;
}
.full-width-bg{
	position:absolute;
	width:100%;
	top:0px;
	bottom:0px;
	left:0px;
	right:0px;
}
.half-width-bg-left{
	position:absolute;
	width:50%;
	top:0px;
	bottom:0px;
	left:0px;
}
.half-width-bg-right{
	position:absolute;
	width:50%;
	top:0px;
	bottom:0px;
	right:0px;
}
/**** 16. End Layout Utilities ******************************/