/* ==========================================================================
HEADER
========================================================================= */
.navbar {
    -webkit-box-shadow: 0 8px 6px -6px #999;
    -moz-box-shadow: 0 8px 6px -6px #999;
    box-shadow: 0 8px 6px -6px #999;
}

.navbar-nav .nav-item {
    border-bottom: 3px solid transparent;
}

.navbar-nav .nav-item .nav-link {
	padding-left: 8px !important;
}

/* ==========================================================================
 BODY
========================================================================= */
body {
  font-family: "Open Sans", Arial, sans-serif;
  font-size: 13px;
  line-height: 22px;
  color: #777;
  background-color: #fff;
  position: relative;
}

#main-content {
  margin-top: 104px;  
}

/* ==========================================================================
 FOOTER
========================================================================= */
#copyright-container {
  background-color: #31393f;
  padding: 25px 0;
  margin-top: 20px;
}
#copyright-container .row {
  margin-bottom: 0;
}
#copyright-container p,
#copyright-container a {
  color: #a0a9b1;
  padding-bottom: 0;
}

/* ==========================================================================
 PAGE TITLES
========================================================================= */
#page-title {
  width: 100%;
  margin: 0 auto 70px;
}
#page-title .row {
  margin-bottom: 0;
}
#page-title + .tp-banner-container {
  margin-top: -70px;
}
.page-title {
  padding: 20px 0;
  background-image: url("../img/pattern.png");
  background-repeat: repeat;  
}
.page-title .title-container .title h1 {
  color: #fff;
  font-weight: 400;
  font-size: 28px;
  margin-bottom: 0;
}
.page-title .pt-image-container {
  width: 100%;
  float: right;
}
.page-title .pt-image-container .pt-image {
  position: relative;
  bottom: 0;
}
.page-title .pt-image-container .pt-image img {
  margin: 0;
}
.page-title .breadcrumbs-container {
  width: 100%;
  padding-top: 8px;
}
.page-title .breadcrumbs-container .breadcrumb {
  float: right;
}
.page-title .breadcrumbs-container span {
  color: #000;
  padding-right: 8px;
}
.page-title .breadcrumbs-container .breadcrumb li {
  float: left;
  padding: 0 0px 0 3px;
  color: #fff;
  list-style: none;
}
.page-title .breadcrumbs-container .breadcrumb li a {
  color: #fff;
}

/* ==========================================================================
  SIMPLE HEADING
========================================================================= */
.simple-heading {
  text-transform: uppercase;
  width: 100%;
  position: relative;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.simple-heading.left::after,
.simple-heading.center::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 70px;
  height: 1px;
  background-color: #ddd;
}
.simple-heading.center {
  text-align: center;
}
.simple-heading.center::after {
  left: 50%;
  margin-left: -35px;
}
/* .col-md-12 .simple-heading:only-child {
  margin-bottom: 0;
} */
.simple-heading h1,
.simple-heading h2,
.simple-heading h3,
.simple-heading h4,
.simple-heading h5,
.simple-heading h6 {
  font-weight: 600;
  margin-bottom: 0;
}
.simple-heading h1 {
  /* font-size: 27px; */
}
.simple-heading h2 {
  font-size: 24px;
}
.simple-heading h3 {
  font-size: 21px;
}
.simple-heading h4 {
  font-size: 18px;
}
.simple-heading h5 {
  font-size: 16px;
}
.simple-heading h6 {
  font-size: 40px;
}

/* ==========================================================================
    1. DOCUMENT STYLES
    ========================================================================= */

/* ==========================================================================
    2. TYPOGRAPHY 
    ========================================================================= */
h1, h2, h3, h4, h5, h6 {
  font-family: "Raleway", "Open Sans", Arial, sans-serif;
  font-weight: 500;
  color: #252525;
  margin-top: 0;
  margin-bottom: 15px;
}

a {
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

/* ==========================================================================
WORK PROCESS CIRCLES
========================================================================= */
.process-box-circle {
  cursor: pointer;
}
.process-box-circle .icon-container {
  display: table;
  margin: 0 auto;
  margin-bottom: 20px;
  border-radius: 50%;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-transition: all 0.2s ease 0s;
  -moz-transition: all 0.2s ease 0s;
  -o-transition: all 0.2s ease 0s;
  -ms-transition: all 0.2s ease 0s;
  transition: all 0.2s ease 0s;
}
.process-box-circle .icon-container i {
  font-size: 60px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
}
.process-box-circle:hover .icon-container {
  box-shadow: 0 0 30px #bbb;
  -webkit-box-shadow: 0 0 30px #bbb;
  -moz-box-shadow: 0 0 20px #bbb;
}
.process-box-circle h4 {
  font-size: 18px;
  font-weight: 600;
  text-align: center;
  position: relative;
  text-transform: uppercase;
}
.process-box-circle h4:after {
  position: absolute;
  content: "";
  display: block;
  width: 70px;
  height: 1px;
  background-color: #ddd;
  left: 50%;
  margin-left: -35px;
  bottom: -3px;
}
.process-box-circle p {
  text-align: center;
}

/* ==========================================================================
NUMBER COUNTERS
========================================================================= */
.my-numbers-counter i {
	font-size: 52px;
	margin-bottom: 20px;
	display: block;
	width: 100%;
	color: #777;
}
.my-numbers-counter p {
	font-size: 32px;
	font-weight: 600;
	position: relative;
	margin-bottom: 30px;
	color: #252525;
}

/* ==========================================================================
BLUE
========================================================================= */
.page-title,
.process-box-circle .icon-container ,
.breadcrumbs-container.theme-color
{
	background-color: #117dc2;
}

strong, a
{
	color: #117dc2;
}

.img-rounded-circle-border {
	border: 7px solid #117dc2; 
	width: 170px; 
	height: 170px;
	margin: 10px 0px;
}

:target:before {
content:"";
display:block;
height:159px; /* fixed header height*/
margin:-159px 0 0; /* negative fixed header height */
}

.navbar-nav .nav-item:hover {
    border-bottom: 3px solid #aaa;
}

.navbar-nav .nav-item.active {
    border-bottom: 3px solid #117dc2;
}