@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,600,700,300,800);


/*************************
*******Typography******
**************************/

html {
	position:relative; 
	min-height: 100%;
}

body {
  background: #fff;
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
  line-height: 22px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: 600; 
  font-family: 'Open Sans', sans-serif;
  color:#4e4e4e;
}
h1{
  font-size: 36px;
}

h2{
  font-size: 27px;
}

h3{
  font-size: 21px;
}

h4{
  font-size: 18px;
}

h5{
  font-size: 15px;
}

h6{
  font-size: 12px;
}

a {
  color: #0071a9;
  -webkit-transition: color 300ms, background-color 300ms;
  -moz-transition: color 300ms, background-color 300ms;
  -o-transition:  color 300ms, background-color 300ms;
  transition:  color 300ms, background-color 300ms;
}

a:hover, a:focus {
  color: #0083c4;
}

hr {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #fff;
}


.btn-primary {
  padding: 8px 20px;
  background: #0071a9;
  color: #fff;
  border-radius: 4px;
  border:none;
  margin-top: 10px;
}


.btn-primary:hover, 
.btn-primary:focus{
  background: #0071a9;
  outline: none;
  box-shadow: none;
} 

.btn-transparent {
  border: 3px solid #fff;
  background: transparent;
  color: #fff;
}

.btn-transparent:hover {
  border-color: rgba(255, 255, 255, 0.5);
}

a:hover,
a:focus {
  color: #0083c4;
  text-decoration: none;
  outline: none;
}

.dropdown-menu {
  margin-top: -1px;
  min-width: 180px;
}

.center h2{
  font-size: 27px;
  margin-top: 0;
  margin-bottom: 20px;
}

.media>.pull-left{
  margin-right: 20px;
}

.media>.pull-right{
  margin-left: 20px;
}

section {
  padding: 20px 0;
}

.center {
  text-align: center;
  padding-bottom: 20px;
}

.scaleIn {
  -webkit-animation-name: scaleIn;
  animation-name: scaleIn;
}

.lead{
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
}

.transparent-bg {
  background-color: transparent !important;
  margin-bottom: 0;
}

@-webkit-keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes scaleIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
  }

  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}


/*************************
*******Header******
**************************/

#header .search{
  display: inline-block;
}

.navbar>.container .navbar-brand{
  margin-left: 0;
}

.top-bar {
  padding: 0px 0;
  background: #191919;
  border-bottom: 1px solid #222;
  line-height: 28px;
}

.top-number{
  color: #fff;
}

.top-number p{
  margin: 0
}

.social{
  text-align: right;
}

.social-share{
 display: inline-block;
 list-style: none;
 padding: 0;
 margin: 0;
}

ul.social-share li {
  display: inline-block;
}

ul.social-share li a {
  display: inline-block;
  color: #fff;
  background: #404040;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  border-radius: 2px;
}

ul.social-share li a:hover {
  background: #c52d2f;
  color: #fff;
}

.search i {
  color: #fff;
}

input.search-form{
  background: transparent;
  border: 0 none;
  width: 60px;
  padding: 0 10px;
  color: #FFF;
  -webkit-transition: all 400ms;
  -moz-transition: all 400ms;
  -ms-transition: all 400ms;
  -o-transition: all 400ms;
  transition: all 400ms;
  height: 28px;
}

input.search-form::-webkit-input-placeholder{
  color: transparent;
}

input.search-form:hover::-webkit-input-placeholder {
  color: #fff;
}

input.search-form:hover {
  width: 180px;
}

.navbar-brand {
  padding: 0;
  margin:0;
  padding-bottom: 5px;
}

.navbar {
  border-radius: 0;
  margin-bottom: 0;
  background: #333333;
  padding: 5px 0;
  padding-bottom: 0;
}

 .navbar-nav{
  margin-top: 12px;
 }

.navbar-nav>li{
  margin-right: 35px;
  padding-bottom: 28px;
}

.navbar-inverse .navbar-nav > li > a {
  border-radius: 3px;
  color: #06c;
  line-height: 24px;
  display: inline-block;
}

.navbar-inverse .navbar-nav > li > a:focus {
  border-radius: 3px;
  color: #06c;
  line-height: 24px;
  display: inline-block;
}

.navbar-inverse .navbar-nav > li > a:hover{
  color: #06c;
}

.navbar-inverse {
  border: none;
}

.navbar-inverse .navbar-brand {
  font-size: 36px;
  line-height: 50px;
  color: #fff;
}

.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus,
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  background-color: #0071a9;
  color: #fff;
}

.navbar-inverse .navbar-nav .dropdown-menu {
  background-color: #fff;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.175);
  border: 1px solid rgba(0,0,0,0.15);
  padding: 0;
  margin-top: 0;
  border-top: 0;
  border-radius: 0;
  left: 0;
}

.navbar-inverse .navbar-nav .dropdown-menu:before{
  position: absolute;
  top:0;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a {
  padding: 8px 15px;
  color: #333;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a,
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a,
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
  background-color: #fff;
  color: #000;
}

.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
  border-radius: 0 0 3px 3px;
}

.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
  background-color: transparent;
}

.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-top: 0;
  padding-bottom: 0;
}

.features{
  padding: 0;
}

.panel-default{
  border-color: transparent;
}

.panel-default>.panel-heading,
.panel{
  background-color: #e6e6e6; 
  border:0 none;
  box-shadow:none;
}

.panel-default>.panel-heading+.panel-collapse .panel-body{
  background: #fff;
  color: #858586;
}

.panel-body{
  padding: 20px 20px 10px;
}

.panel-group .panel+.panel{
  margin-top: 0;
  border-top: 1px solid #d9d9d9;
}

.panel-group .panel{
  border-radius: 0;
}

.panel-heading{
  border-radius: 0;
}

.panel-title>a{
  color: #4e4e4e;
}

.panel-heading.active{
  background: #1f1f20;
}

.panel-heading.active .panel-title>a{
  color:#fff;
}

.panel-heading.active a.accordion-toggle i{
  background: #c52d2f;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #c52d2f;
  color: #fff;
}

.nav-tabs>li{
  margin-bottom: 0px;
  border-bottom: 1px solid #e6e6e6;
}

.nav-tabs{
  border-bottom: transparent;
  border-right: 1px solid #e6e6e6;
}

.nav-tabs>li>a {
  background: #f5f5f5;
  color: #666;
  border-radius: 0;
  border: 0 none;
  line-height: 24px;
  margin-right:0;
  padding: 13px 15px;
}

.nav-tabs li:last-child{
  border-bottom: 0 none;
} 

.nav-stacked>li+li{
  margin-top: 0;
}

.nav-tabs>li>a:hover{
  background: #1f1f20;
  color:#fff;
}

.nav-tabs>li.active>a, 
.nav-tabs>li.active>a:hover, 
.nav-tabs>li.active>a:focus {
  border: 0;
  color:#fff;
  background: #1f1f20;
  position: relative;
}

.nav-tabs>li.active>a:after {
  position: absolute;
  content:  "";
  width: auto;
  height: auto;
  border-style:solid;
  border-color: transparent transparent transparent #1f1f20;
  border-width: 25px 22px;
  right: -44px;
  top:0;
}

.tab-wrap{
  border:1px solid #e6e6e6;
  margin-bottom: 20px;
}

.tab-content{
  padding: 20px;
}

.tab-content h2{
  margin-top: 0;
}

.tab-content img{
  border-radius: 4px;
}

.team .btn {
  background:transparent;
  font-size: 12px;
  font-weight: 300;
  margin-bottom: 3px;
  padding: 1px 5px;
  text-transform: uppercase;
  border:1px solid#ddd;
  margin-right: 3px;
}

.footer {
  background: none repeat scroll 0 0 #2E2E2E;
  border-top: 5px solid #C52D2F;
  height: 84px;
  margin-top: 110px;
}

.footer_left {
  padding: 10px;
}

.text-left {
  color: #FFFFFF;
  font-size: 12px;
  margin-top: 15px;
}

#contact-page .contact-form 
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
}

textarea#message{
  resize: none;
  padding: 10px;
}

#contact-page .contact-wrap {
  margin-top: 20px;
}

ul.pagination > li > a {
  border: 1px solid #F1F1F1;
  margin-right:5px;
  border-radius: 5px;
  font-size: 16px;
  padding: 5px 14px;
}

ul.pagination > li > a i{
  margin-left:5px;
  margin-right:5px;
}

ul.pagination > li.active > a, 
ul.pagination > li:hover > a {
  background-color: #0071a9 !important;
  border-color: #0071a9 !important;
  color: #fff;
}

.search_box {
  background-image: url("../images/search_icon.png");
  background-position: 314px 15px;
  background-repeat: no-repeat;
  border-color: #DEDEDE;
  height: 48px;
  outline: medium none;
  box-shadow: none;
}

.form-control:focus {
  box-shadow:none;
  outline: 0 none;
}

/******************
 404 page css
 ******************/

#error .btn-success:hover, 
.btn-success:focus, 
.btn-success:active, 
.btn-success.active, 
.open .dropdown-toggle.btn-success:hover {
  background-color: #EBEBEB;
  border-color: #EBEBEB;
  color: #4E4E4E;
}

#error h1{
  color: #4e4e4e;
  text-transform: uppercase;
}

/***********************
********* Footer ******
************************/
#bottom {
  background: #f5f5f5;
  border-bottom: 5px solid #c52d2f;
  font-size: 14px;
}

#bottom h3 {
  margin-top: 0;
  margin-bottom: 10px;
  text-transform: uppercase;
  font-size:22px;
  color: #000;
}

#bottom ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#bottom ul li {
  display: block;
  padding: 5px 0;
}

#bottom ul li a {
  color: #808080;
}

#bottom ul li a:hover {
  color: #c52d2f;
}

#bottom .widget {
  margin-bottom: 0;
}

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #666;
  background: #ededed;
}

#footer a {
  color: #666;
}

#footer a:hover {
  color: #0083c4;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#footer ul > li {
  display: inline-block;
  margin-right: 15px;
}

/** Ontario.ca stats **/

.stats, .number, .stats-caption {
  font-family: raleway;
  font-weight: bold;
}

.stats .stats-caption {
  font-size: 1.6rem;
  line-height: 1.3;
}

.stats .number {
  display: block;
  font-size: 4.5rem;
  margin: 20% auto;
  text-align: center;
  width: 11.25rem;
}

.stats .number.big {
  font-size: 2.6rem;
  margin-top: 35%;
}

.circle, .circle--small {
  font-family: raleway;
  border-radius: 50%;
  color: #fff;
  display: inline-block;
  font-weight: 800;
  margin-bottom: 0.5rem;
  position: relative;
  width: 12.1875rem;
  height: 12.1875rem;
}

.circle--small {
  width: 4.0625rem;
  height: 4.0625rem;
}

.circle--small .number {
  font-size: 6.5rem;
  line-height: 6.5rem;
  margin: 0 auto;
  width: auto;
}

/** Ontario.ca colours **/

.greyscale-0,
.light-text {
  color: #fff !important;
}

.greyscale-7 {
  color: #ededed;
}

.light-grey-bg {
  background: #ededed;
}

.greyscale-70,
.dark-text {
  color: #4d4d4d !important;
}

.greyscale-80 {
  background: #333333;
}

/* theme colors */
.link-color {
  color: #0066cc;
}

.link-visited-color {
  color: #8138b3;
}

.link-hover-color {
  color: #5798d8;
}

.service-ontario {
  background: #006b3f;
}

.primary-button-color {
  background: #0071A9;
}

.minty {
  background: #DFF3F3 !important;
}

.pinky {
  background: #FAD2D2 !important;
}

.limey {
  background: #E6FAD2 !important;
}

.ducky {
  background: #fafad2 !important;
}

.yellow-bg {
  background-color: #ffc300 !important;
  color: #fff; 
}

.yellow-bg a, .yellow-bg a:hover, .yellow-bg a:visited {
  color: #d1ddeb !important; 
}

.yellow-bg a:focus, .yellow-bg a:active, .yellow-bg a.active {
  color: #ededed !important; 
}

.orange-bg {
  background-color: #f2671f !important;
  color: #fff;
}

.orange-bg a, .orange-bg a:hover, .orange-bg a:visited {
  color: #d1ddeb !important; 
}

.orange-bg a:focus, .orange-bg a:active, .orange-bg a.active {
  color: #ededed !important; 
}

.red-bg {
  background-color: #c91b26 !important;
  color: #fff; }

.red-bg a, .red-bg a:hover, .red-bg a:visited {
  color: #d1ddeb !important; 
}

.red-bg a:focus, .red-bg a:active, .red-bg a.active {
  color: #ededed !important; 
}

.magenta-bg {
  background-color: #9c0f5f !important;
  color: #fff; 
}

.magenta-bg a, .magenta-bg a:hover, .magenta-bg a:visited {
  color: #d1ddeb !important; 
}

.magenta-bg a:focus, .magenta-bg a:active, .magenta-bg a.active {
  color: #ededed !important; 
}

.purple-bg {
  background-color: #60047a !important;
  color: #fff; }

.purple-bg a, .purple-bg a:hover, .purple-bg a:visited {
  color: #d1ddeb !important; }

.purple-bg a:focus, .purple-bg a:active, .purple-bg a.active {
  color: #ededed !important; }

.blue-bg {
  background-color: #0087cb !important;
  color: #fff; 
}

.blue-bg a, .blue-bg a:hover, .blue-bg a:visited {
  color: #d1ddeb !important; 
}

.blue-bg a:focus, .blue-bg a:active, .blue-bg a.active {
  color: #ededed !important; 
}

.green-bg {
  background-color: #008b52 !important;
  color: #fff; 
}

.green-bg a, .green-bg a:hover, .green-bg a:visited {
  color: #d1ddeb !important; 
}

.green-bg a:focus, .green-bg a:active, .green-bg a.active {
  color: #ededed !important; 
}

/* complementary theme colors */
.light-blue-bg {
  background: #D1DDEB !important;
}

.light-lavender-bg {
  background: #D2D1EB !important;
}

.light-purple-bg {
  background: #DFD1EB !important;
}

.light-magenta-bg {
  background: #EBD1EA !important;
}

.light-pink-bg {
  background: #EBD1DD !important;
}

.light-red-bg {
  background: #EBD2D1 !important;
}

.light-orange-bg {
  background: #EBDFD1 !important;
}

.light-yellow-bg {
  background: #EAEBD1 !important;
}


.light-lime-bg { 
  background: #DDEBD1 !important;
}

.light-green-bg { 
  background: #D1EBD2 !important;
}

.light-mint-bg { 
  background: #D1EBDF !important;
}

.light-aqua-bg { 
  background: #D1EAEB !important;
}

.bright-yellow-bg { 
  background: #FAFAD2 !important;
}

.bright-lime-bg { 
  background: #E6FAD2 !important;
}

.bright-green-bg { 
  background: #D2FAD2 !important;
}

.bright-mint-bg { 
  background: #D2FAE6 !important;
}

.bright-aqua-bg { 
  background: #D2FAFA !important;
}

.bright-blue-bg { 
  background: #D2E6FA !important;
}

.bright-lavender-bg { 
  background: #D2D2FA !important;
}

.bright-purple-bg { 
  background: #E6D2FA !important;
}

.bright-magenta-bg { 
  background: #FAD2FA !important;
}

.bright-pink-bg { 
  background: #FAD2E6 !important;
}

.bright-red-bg { 
  background: #FAD2D2 !important
}

.bright-orange-bg { 
  background: #FAE6D2 !important;
}

/** Ontario.ca hightlight-blocks **/

.main-content aside, 
.alert-box,
.error, 
span.error, 
small.error {
  font-family: raleway;
  background: #ededed;
  border-color: rgba(0, 0, 0, .1);
  border-width: 0 0 0 .9375rem;
  border-style: solid;
  padding: .9375rem;
  margin-bottom: 1.25rem;
  color: #333333;
  position: relative;
}

.alert-box {
  background: #fafad2;
}

.alert-box.success {
  background: #E6FAD2;
}

.alert-box.alert,
.error, span.error, small.error {
  background: #FAD2D2;
}

.alert-box .close {
  color: #0066cc;
  font-size: 1.875rem;
  line-height: .9;
  padding: 0 6px 6px;
  margin-top: -0.9375rem;
  position: absolute;
  top: 30%;
  right: 0.25rem;
}

input[type="text"] {
	border-radius: 0 !important;
}

.left-padding {
  padding-left: 4rem !important;
}