@font-face {
  font-family: "Collection-1";
  src: url("../fonts/Collection-1.eot");
  src: url("../fonts/Collection-1.eot?#iefix") format("embedded-opentype"),
       url("../fonts/Collection-1.woff2") format("woff2"),
       url("../fonts/Collection-1.woff") format("woff"),
       url("../fonts/Collection-1.ttf") format("truetype"),
       url("../fonts/Collection-1.svg#Collection-1") format("svg");
  font-weight: normal;
  font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: "Collection-1";
    src: url("../fonts/Collection-1.svg#Collection-1") format("svg");
  }
}

[data-icons8]:before { content: attr(data-icons8); }

.icons8, [data-icons8]:before,
.icons8-apple-jam:before,
.icons8-car-service:before,
.icons8-create:before,
.icons8-fork-and-knife-crossed:before,
.icons8-gas-industry:before,
.icons8-light-bulb-outline:before,
.icons8-operation-manager:before,
.icons8-safety-hat:before,
.icons8-sprout:before,
.icons8-t-shirt:before,
.icons8-white-collar-worker:before {
  display: inline-block;
  font-family: "Collection-1";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  line-height: 1;
  text-decoration: inherit;
  text-rendering: optimizeLegibility;
  text-transform: none;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
}

.icons8-apple-jam:before { content: "\f10a"; }
.icons8-car-service:before { content: "\f105"; }
.icons8-create:before { content: "\f109"; }
.icons8-fork-and-knife-crossed:before { content: "\f101"; }
.icons8-gas-industry:before { content: "\f103"; }
.icons8-light-bulb-outline:before { content: "\f108"; }
.icons8-operation-manager:before { content: "\f106"; }
.icons8-safety-hat:before { content: "\f104"; }
.icons8-sprout:before { content: "\f102"; }
.icons8-t-shirt:before { content: "\f100"; }
.icons8-white-collar-worker:before { content: "\f107"; }

.b-size {
	color: rgb(237, 28, 36);
}

.b-size[data-size="16"]  { font-size: 16px } 
.b-size[data-size="21"]  { font-size: 21px }
.b-size[data-size="25"]  { font-size: 25px }
.b-size[data-size="36"]  { font-size: 36px }
.b-size[data-size="50"]  { font-size: 50px }
.b-size[data-size="60"]  { font-size: 60px }
.b-size[data-size="72"]  { font-size: 72px }
.b-size[data-size="100"]  { font-size: 100px }


body {
	color: rgb(38, 52, 63); line-height: 1.5; font-family: Roboto; font-weight: 400;
}
.btn {
	transition:0.5s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
.carousel-control {
	transition:0.5s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
#products .product .hidden-product-info {
	transition:0.5s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
.atlas-arrow-left {
	transition:0.5s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
.atlas-arrow-right {
	transition:0.5s; -webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s;
}
#slider .overlay-bg {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;
}
#properties .col-md-6 .work-info {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;
}
.bg {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;
}
a {
	transition:0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s;
}
img {
	max-width: 100%;
}
h1, h2 {
	font-family: HelvetNeueBold;
}
h2 {
	font-size: 1.6em;
}
a {
	color: rgb(237, 28, 36);
}
.panel-default > .panel-heading a:hover {
	color: rgb(237, 28, 36);
}
a:hover {
	text-decoration: none;
}
a:focus {
	text-decoration: none;
}
textarea {
	resize: vertical;
}
.strong {
	font-weight: bold;
}
.table {
	width: 100%; display: table;
}
.circle {
	border-radius: 50%;
}
.white-border {
	border: 1px solid white; border-image: none;
}
.grayBg {
	background-color: rgb(251, 251, 251);
}
.darkBg {
	color: white; background-color: #26343F;
}
.darkBg a {
	color: white;
}
.darkBg a:hover {
	color: black;
}
ul.row {
	list-style: none;
}
.btn {
	border-radius: 3px;
}
.btn-transparent {
	border-color: rgb(178, 183, 187); background-color: transparent;
}
.btn-orange {
	font-size: 1em; padding: 6px 20px; margin: 5px; color: white; background-color: rgba(240, 116, 56, 0.9);
}
.btn-transparent:hover {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36); background-color: transparent;
}
.btn-transparent:focus {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36); background-color: transparent;
}
.btn-turquoise {
	padding: 18px 60px; border: 1px solid rgb(237, 28, 36); border-image: none; color: rgb(237, 28, 36); font-weight: 700; background-color: rgba(227, 251, 252, 0.75);
}
.btn-turquoise:hover {
	border-color: black;
}
.btn-turquoise:focus {
	border-color: black;
}
.btn-white:hover {
	border-color: black;
}
.btn-white:focus {
	border-color: black;
}
.btn-lg {
	padding: 18px 45px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
#myCarousel .btn-turquoise {
	padding: 15px 80px;
}
.overflow-hidden {
	overflow: hidden;
}
.relative {
	position: relative;
}
.modal-zoom-icon {
	position: relative;
}
.atlas-icon {
	border-radius: 3px; width: 50px; height: 50px; color: white; line-height: 44px; font-size: 22px; font-weight: lighter; display: inline-block; background-color: rgba(255, 255, 255, 0.1);
}
.atlas-icon:hover {
	color: white; text-decoration: none;
}
.atlas-icon + .atlas-icon {
	margin-left: 10px;
}
.icon-atlas-plus {
	border-radius: 50%; border: 1px solid rgb(189, 187, 188); border-image: none; width: 28px; height: 28px; text-align: center; color: rgb(189, 187, 188); line-height: 23px; text-indent: 1px; font-size: 25px; font-style: normal; font-weight: 100; display: inline-block;
}
.icon-atlas-plus:hover {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36);
}
.icon-atlas-plus:focus {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36);
}
a:hover .icon-atlas-plus {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36);
}
a:focus .icon-atlas-plus {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36);
}
:not(.collapsed).active .icon-atlas-plus {
	border-color: rgb(237, 28, 36); color: rgb(237, 28, 36);
}
.active .icon-atlas-plus {
	line-height: 19px; font-size: 50px;
}
.opacity50 {
	opacity: 0.5;
}
.opacity80 {
	opacity: 0.8;
}
#header {
	transition:none; color: rgb(140, 140, 141); padding-top: 4px; padding-bottom: 6px; font-weight: 500; background-color: rgb(233, 234, 235);
}
.margin-bottom#header {
	margin-bottom: 88px;
}
#header span {
	letter-spacing: 1px; font-size: 11px; font-weight: 400; margin-right: 15px;
}
#header span i {
	font-size: 14px;
}
#header i {
	margin: 0px 5px; color: rgb(140, 140, 141);
}
#header .social-panel a:first-child i {
	margin-left: 0px;
}
#header .social-panel {
	font-size: 16px;
}
#header .social-panel a:last-child i {
	margin-right: 0px;
}
#header .glyphicon-earphone {
	transform: rotate(270deg); -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -o-transform: rotate(270deg);
}
.navbar-fixed-top {
	margin-bottom: 0px; position: static;
}
.fixed {
	position: fixed;
}
.navbar-brand {
	padding-top: 35px;
}
.navbar-default {
	border-color: rgb(233, 234, 235); background-color: white;
}
.navbar-default .navbar-nav > li > a {
	color: rgb(38, 52, 63); padding-top: 35px; padding-bottom: 30px; border-top-color: transparent; border-top-width: 2px; border-top-style: solid;
}
.navbar-default .navbar-nav {
	/*padding-left: 200px;*/
}
.dropdown-menu {
	border-color: rgb(237, 28, 36) rgb(244, 244, 244) rgb(244, 244, 244); padding: 10px 0px; border-top-width: 2px; border-top-style: solid; box-shadow: 1px 2px 2px rgba(0,0,0,0.15);
}
.dropdown-menu > li > a {
	padding: 8px 20px; font-weight: 300;
}
#slider .carousel {
	margin-bottom: 40px; border-bottom-color: rgb(233, 234, 235); border-bottom-width: 1px; border-bottom-style: solid;
}
#slider .fill {
	background-position: center; width: 100%; height: 560px; background-repeat: no-repeat; background-size: cover;
}
#slider .overlay-bg {
	background: rgb(237, 28, 36); left: 0px; top: 0px; right: 0px; bottom: 0px; position: absolute; z-index: 0; opacity: 0.9; transform: translate3d(0px, 0px, 0px); -webkit-transform: translate3d(0px, 0px, 0px); -moz-transform: translate3d(0px, 0px, 0px); -o-transform: translate3d(0px, 0px, 0px);
}
#slider .carousel-control-panel {
	text-align: center;
}
#slider .carousel-control {
	margin: 0px 15px; width: 80px; height: 10px; display: inline-block; position: static;
}
.atlas-arrow-right {
	margin: 0px 15px; width: 80px; height: 10px; display: inline-block; position: static;
}
.atlas-arrow-left {
	margin: 0px 15px; width: 80px; height: 10px; display: inline-block; position: static;
}
#slider .right.carousel-control {
	background: url("arrow-right.png") no-repeat 0px 0px rgba(0, 0, 0, 0);
}
.atlas-arrow-right {
	background: url("arrow-right.png") no-repeat 0px 0px rgba(0, 0, 0, 0);
}
#slider .left.carousel-control {
	background: url("arrow-left.png") no-repeat 0px 0px rgba(0, 0, 0, 0);
}
.atlas-arrow-left {
	background: url("arrow-left.png") no-repeat 0px 0px rgba(0, 0, 0, 0);
}
#carousel-image-1 {
	background-image: url("slider_equity.jpg");
}
#carousel-image-2 {
	background-image: url("slider_property1.jpg"); background-color: rgb(237, 28, 36);
}
.carousel-caption {
	left: 50%; top: 20%; text-align: left; right: 3%; font-size: 18px; font-weight: 300; margin-top: 20px;
}
.carousel-caption p {
	font-weight: 300;
}
.feature-summary {
	font-size: 22px; font-weight: 400; opacity: 0.8; color: rgb(237, 28, 36);
}
.carousel-caption h1 {
	font-size: 60px; font-weight: 900;
}
.carousel-caption *:not(.btn) {
	color: black; text-shadow: none;
}
.bg-world {
	background: url("WorldMap-Canada-Ghana.png") no-repeat left / cover;
}
#banner{
	padding-top: 20px;
}
#banner-photo{
	height: 100%;
	width: 50%;
	position: absolute;
	right: 0;
	background: url("shutterstock_195033356.png") no-repeat 120px top;
	background-size: cover;
	overflow: hidden;
}
#banner h1{
	font-size: 42px;
}
#about {
	margin: 30px 0 70px 0;
}
#work {
	margin: 30px 0 70px 0;
}
#sectors {
	margin: 30px 0 70px 0;
}
#clients {
	margin: 100px 0px;
}
#about p {
	font-size: 16px; margin-top: 15px;
}
#about li {
	font-size: 16px;
}
#work p {
	font-size: 16px; margin-top: 15px;
}
#work li {
	font-size: 16px;
}
#services p {
	font-size: 16px; margin-top: 15px;
}
#services li {
	font-size: 16px;
}
#sectors p {
	font-size: 16px; margin-top: 15px;
}
#sectors li {
	font-size: 16px;
}
.tab-pane {
	line-height: 1.875;
}
#about p {
	line-height: 1.875;
}
#work p {
	line-height: 1.875;
}
.panel-body {
	line-height: 1.875;
}
#about h2 {
	margin-bottom: 15px;
}
#work h2 {
	margin-bottom: 15px;
}
#about h2 i {
	font-size: 25px; margin-right: 15px; vertical-align: text-bottom;
}
#work h2 i {
	font-size: 25px; margin-right: 15px; vertical-align: text-bottom;
}
#properties .col-md-6 {
	padding: 0px; height: 500px; overflow: hidden; position: relative;
}
#properties .col-md-6 .work-info {
	left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; z-index: 2;
}
#properties .col-md-6 .work-info:hover {
	cursor: pointer; background-color: rgba(240, 116, 56, 0.90);
}
#properties .col-md-6 .work-info .table {
	width: 100%; height: 100%; display: table;
}
#properties .col-md-6 .work-info .table > span {
	padding: 5em; vertical-align: middle; display: table-cell;
}
#properties .col-md-6 .work-info .table > span > span {
	padding: 3em; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 260px; height: 260px; color: white; display: inline-block;
}
#properties .col-md-6 .work-info .table > span > span span.media-object {
	margin-top: 0.75em; margin-bottom: 1.25em;
}
#properties .col-md-6 .work-info .table > span > span strong.media-object {
	margin-top: 2em;
}
#clients .circle {
	width: 70px; margin-right: 40px;
}
#clients strong.media-object {
	padding-top: 15px; font-weight: 700;
}
#clients .table {
	font-size: 13px;
}
#clients p {
	line-height: 1.75; font-size: 1.25em; font-style: italic; font-weight: 300; margin-top: 1em; display: block;
}
.chart {
	text-align: center; position: relative;
}
.chart > span {
	left: 0px; top: 75px; width: 100%; font-size: 22px; position: absolute;
}
.chart > span small {
	font-size: 13px; margin-top: 7px; display: block;
}
#activities {
	padding: 100px 0px;
}
#activities .btn-lg {
	font-size: 14px; margin-top: 3em;
}
#products {
	margin-bottom: 100px;
}
#posts {
	margin-bottom: 100px;
}
#sectors li {
	font-size: 16px;
}
#services {
	margin: 50px 0px;
}
.scope-bg{
	width: 100px;
	height: 100px;
	margin:	auto;
	padding-top: 10px;
	background: linear-gradient(to right, rgb(237, 28, 36) 0%,rgb(237, 28, 36) 50%,#000000 50%,rgb(65, 64, 66) 50%,rgb(65, 64, 66) 100%);
	border-radius: 50px;
	font-family: FontAwesome;
	font-size: 4em;
    color: white;
    font-style: none;
}
#call-to-action {
	margin-bottom: 100px;
}
#contact-form {
	margin-bottom: 100px;
}
#services {
	margin-bottom: 100px;
}
#pricing {
	margin-bottom: 100px;
}
#mobile {
	margin-bottom: 100px;
}
#contact-form .has-error {
	margin-bottom: 0px; display: none;
}
#contact-form .has-success {
	margin-bottom: 0px; display: none;
}
#map img {
	max-width: none;
}
#properties .col-md-6 > img {
	max-width: none;
}
#products .container-fluid > div {
	padding: 0px;
}
#products .container-fluid {
	padding: 0px;
}
#products .product {
	height: 300px;
}
#products .product:hover {
	cursor: pointer;
}
#posts .col-md-6 {
	cursor: pointer;
}
.member:hover {
	cursor: pointer;
}
#products .product .hidden-product-info {
	padding: 20px 0px; width: 100%; height: 90px; bottom: -90px; position: absolute; background-color: rgb(237, 28, 36);
}
#products .product:hover .hidden-product-info {
	bottom: 0px;
}
.hidden-product-info .atlas-icon + .atlas-icon {
	margin-left: 25px;
}
.member .atlas-icon + .atlas-icon {
	margin-left: 25px;
}
.panel-details {
	margin-top: 30px;
}
.panel-details strong {
	font-size: 18px;
}
.panel-details h2 {
	margin-top: 5px;
}
#mobile {
	padding-top: 80px;
}
#mobile i {
	font-size: 60px; margin-top: 10px; margin-right: 25px; float: left;
}
#mobile .row > div {
	padding: 0px;
}
#mobile .col-md-5 {
	width: 36%;
}
#mobile .col-md-7 {
	width: 64%;
}
#mobile ul {
	list-style: none;
}
#mobile ul li span {
	line-height: 1.125; font-size: 32px; font-weight: lighter;
}
#mobile ul li span span {
	padding-top: 18px; display: block;
}
.flat_phone {
	height: 520px;
}
.flat_phone img {
	float: left; position: relative; z-index: 2; max-width: 500px;
}
.flat_phone img + img {
	margin-top: 40px; margin-left: -255px; z-index: 1;
}
#pricing .table {
	border: 1px solid rgb(226, 227, 229); border-image: none; padding-bottom: 30px; font-size: 13px;
}
#pricing .table .header {
	padding: 10px 10px; color: white; font-size: 14px; font-weight: 100; margin-bottom: 30px; background-color: rgb(237, 28, 36);
}
#pricing .table .header sub {
	bottom: 0px; font-size: 50%; margin-left: 0.05em;
}
#pricing .table .header sup {
	font-size: 60%; margin-right: 0.05em;
}
#pricing .table .offer-type {
	font-weight: bold; margin-bottom: 40px;
}
#pricing .table .table-list {
	list-style: none; width: 90%; text-align: left; margin-right: auto; margin-bottom: 40px; margin-left: auto; display: block;
}
#pricing .table .table-list li {
	padding: 10px 0px 10px 20px;
}
ul li.triangular-marker {
	background: url("../images/triangular-marker.png") no-repeat 2px 15px;
}
#team {
	padding-bottom: 30px; margin-bottom: 70px;
}
.members .member {
	height: 300px; overflow: hidden; padding-top: 20px; margin-right: -15px; margin-left: -15px; background-color: rgb(230, 230, 230);
}
.bg {
	left: 0px; top: 0px; width: 100%; height: 100%; text-align: center; position: absolute; opacity: 0;
}
.bg:hover {
	opacity: 1;
}
.member:hover .bg {
	background-color: rgba(62, 203, 212, 0.75);
}
.bg .table {
	height: 100%;
}
.bg .table > * {
	vertical-align: middle; display: table-cell;
}
.progress-panel {
	margin: 70px 0px;
}
.progress-panel .col-md-3 {
	padding-right: 0px;
}
.progress-panel .col-md-3 {
	padding-left: 30px;
}
.progress-panel .col-md-3 + .col-md-3 {
	background: url("../images/progress/progress-bg.png") no-repeat left;
}
.progress-panel .table {
	border-radius: 50%; border: 1px solid rgb(229, 229, 229); border-image: none;
}
.progress-panel .table > div {
	vertical-align: middle; display: table-cell;
}
.progress-panel .table h2 {
	margin-top: 30px;
}
#posts .col-md-6 {
	padding: 0px; height: 420px; overflow: hidden;
}
#posts .bg {
	color: white; opacity: 1; background-color: rgba(37, 45, 52, 0.9);
}
#posts .col-md-6:hover .bg {
	opacity: 0;
}
#posts .bg article h2 {
	font-size: 18px; font-weight: 500; margin-top: 0px;
}
#posts .bg article * {
	display: block;
}
#posts .bg article span {
	opacity: 0.3;
}
#posts .bg article span + span {
	margin-top: 10px; opacity: 1;
}
.arrow-white-left {
	width: 29px; height: 49px; display: inline-block;
}
.arrow-white-right {
	width: 29px; height: 49px; display: inline-block;
}
.arrow-white-left {
	background: url("../images/arrow-white-left.png") no-repeat;
}
.arrow-white-right {
	background: url("../images/arrow-white-right.png") no-repeat;
}
#posts .arrow-white-left {
	left: 20%; top: 45%; position: absolute; z-index: 2;
}
#posts .arrow-white-right {
	left: 20%; top: 45%; position: absolute; z-index: 2;
}
#posts .arrow-white-right {
	left: auto; right: 20%;
}
.panel-default > .panel-heading {
	color: inherit; background-color: transparent;
}
.nav-tabs a {
	color: inherit; background-color: transparent;
}
.panel-default {
	border: currentColor; border-image: none;
}
.panel-default > .panel-heading {
	border: currentColor; border-image: none;
}
.panel-group .panel-heading + .panel-collapse .panel-body {
	border: currentColor; border-image: none;
}
.panel {
	box-shadow: none;
}
.panel-heading {
	padding-left: 50px; position: relative;
}
.panel-title {
	font-size: 18px; font-weight: 300;
}
.panel-heading .icon-atlas-plus {
	left: 0px; top: 7px; position: absolute;
}
.atlas-bg {
	height: 100%; background-size: cover;
}
.panel-body {
	padding: 15px 15px 15px 50px;
}
.nav-tabs {
	border: currentColor; border-image: none; margin-bottom: 30px;
}
.nav-tabs > li > a {
	padding: 10px 15px; border-radius: 2px; border: 1px solid transparent; border-image: none; font-size: 18px; font-weight: 300;
}
.container .nav-tabs .active a {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.nav-tabs > li > a:hover {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.nav-tabs > li > a:focus {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.modal-zoom-icon {
	display: block;
}
.modal-zoom-icon .bg {
	background: url("eye-icon.png") no-repeat center;
}
#call-to-action {
	/*background: url("../images/call-to-action/call-to-action.jpg") no-repeat bottom / cover;*/
	padding: 50px 0px;
}
#call-to-action .bg {
	opacity: 1; background-color: #26343F;
}
#contact .bg {
	opacity: 1; background-color: #26343F;
}
#call-to-action h2 {
	line-height: 1.5;
}
#call-to-action p {
	line-height: 2; padding-top: 10px;
}
.form-styled input {
	height: auto; display: block;
}
.form-styled textarea {
	height: auto; display: block;
}
.form-styled select {
	height: auto; display: block;
}
.form-styled .row {
	margin-bottom: 30px;
}
.form-styled .form-control {
	border-color: rgb(181, 186, 189); padding: 17px; border-radius: 2px; color: rgb(146, 154, 161); font-weight: bold; box-shadow: none;
}
.recent-posts-widget {
	font-size: 13px;
}
.recent-posts-widget h4 {
	font-size: 13px;
}
.recent-posts-widget h4 {
	font-weight: 700; margin-bottom: 0px;
}
.recent-posts-widget a {
	color: rgb(38, 52, 63);
}
.recent-posts-widget li {
	margin-bottom: 25px;
}
.recent-posts-widget .recent-date {
	display: block; opacity: 0.4;
}
.recent-posts-widget img {
	margin-bottom: 5px;
}
.form-styled .form-control:focus {
	border-color: rgba(53, 175, 184, 0.35); box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075), 0px 0px 8px rgba(69,225,235,0.6); -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(240, 116, 56, .6);
}
:-ms-input-placeholder.form-control {
	color: rgb(146, 154, 161);
}
.form-styled button {
	padding: 15px 25px; border-radius: 2px; border: currentColor; border-image: none; color: white; font-weight: bold; background-color: rgb(237, 28, 36);
}
.form-styled button:hover {rgb(237, 28, 36)
	color: black; background-color: rgb(173, 173, 173);
}
#contact {
	background: url("../images/contact/contact.jpg") no-repeat center -800px / cover; padding: 80px 0px; font-size: 22px;
}
#contact i {
	font-size: 5em; margin-right: 20px;
}
#contact p {
	padding-top: 0.5em;
}
#contact .row + .row {
	margin-top: 80px;
}
#contact .btn-lg {
	padding: 15px 60px; font-size: 14px; white-space: normal;
}
#call-to-action-subpage .btn-lg {
	padding: 15px 60px; font-size: 14px; white-space: normal;
}
#map {
	height: 600px;
}
#footer {
	color: white; font-size: 13px; background-color: rgb(35, 35, 35);
}
#footer .rights {
	color: rgb(65, 65, 65); padding-top: 10px; padding-bottom: 10px; background-color: rgb(30, 30, 30);
}
#footer > .container {
	padding-top: 80px; padding-bottom: 70px;
}
#footer > .container .col-md-3 > strong {
	font-size: 18px; font-weight: 400; margin-bottom: 20px; display: block;
}
#footer .recent-post a {
	color: white;
}
#footer .recent-post a:hover {
	color: rgb(52, 144, 150);
}
#footer .media-object {
	margin-top: 10px;
}
#footer .contact-us i {
	color: rgb(237, 28, 36); font-size: 25px; margin-top: 5px; margin-right: 15px;
}
#instagram img {
	margin-right: 10px; margin-bottom: 10px; float: left;
}
 /* Style the buttons that are used to open and close the accordion panel */
.accordion {
  background-color: #CCC;
  color: #353535;
  cursor: pointer;
  padding: 18px;
  width: 100%;
  text-align: left;
  border: none;
  outline: none;
  transition: 0.4s;
  font-size: 18px;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.accordion.active, .accordion:hover {
  background-color: rgb(237, 28, 36);
  color: #FFF;
}
.accordion:after {
  content: '\02795'; /* Unicode character for "plus" sign (+) */
  font-size: 13px;
  color: #FFF;
  float: right;
  margin-left: 5px;
}

.accordion.active:after {
  content: "\2796"; /* Unicode character for "minus" sign (-) */
}

/* Style the accordion panel. Note: hidden by default */
.panel {
  padding: 0 18px;
  background-color: white;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.2s ease-out;
}
@media all and (min-width:992px)
{
#pricing .col-md-4 {
	padding-right: 35px; padding-left: 35px;
}
#pricing .table .table-list {
	padding-left: 80px;
}
#mobile ul li {
	padding: 35px 0px; width: 100%; display: table;
}
}
@media all and (min-width:768px)
{
.navbar-default .navbar-nav > .active > a {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:hover {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > .active > a:focus {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > .open > a {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > .open > a:hover {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > .open > a:focus {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > li > a:hover {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav > li > a:focus {
	border-color: rgb(237, 28, 36); background-color: transparent;
}
.navbar-default .navbar-nav {
	float: right;
}
.navbar-nav > li {
	font-size: 13px;
}
}
@media all and (max-width:1200px)
{
#contact {
	background-position: center;
}
}
@media all and (max-width:991px)
{
#activities .col-md-3 {
	margin-bottom: 50px;
}
#about .col-md-3 {
	margin-bottom: 50px;
}
#work .col-md-3 {
	margin-bottom: 50px;
}
#progress {
	margin-bottom: 50px;
}
#services .col-md-4 {
	margin-bottom: 50px;
}
#call-to-action {
	margin-bottom: 50px;
}
#team {
	margin-bottom: 50px;
}
#services {
	margin: 50px 0px;
}
#footer > .container .col-sm-6 + .col-sm-6 + .col-sm-6 {
	margin-top: 50px;
}
.members .col-md-4 + .col-md-4 {
	margin-top: 50px;
}
#mobile {
	padding: 50px 0px;
}
#contact {
	padding: 50px 0px;
}
#call-to-action {
	padding: 50px 0px;
}
#footer > .container {
	padding-top: 50px; padding-bottom: 50px;
}
#mobile .col-md-5 {
	width: 100%;
}
.form-styled .col-md-6 {
	margin-top: 30px;
}
#contact .row + .row {
	margin-top: 30px;
}
#contact i {
	font-size: 2em; margin-right: 0px; float: none !important;
}
#mobile i {
	font-size: 2em; margin-right: 0px; float: none !important;
}
#contact {
	text-align: center;
}
#mobile {
	text-align: center;
}
#map {
	height: 300px;
}
#mobile ul li span {
	font-size: 2em; margin-top: 10px; display: block;
}
#mobile ul li span span {
	display: none;
}
}
@media all and (max-width:767px)
{
.navbar-brand {
	padding-top: 10px;
}
.navbar-default .navbar-nav {
	padding-left: 0px;
}
.navbar-nav {
	margin-top: 0px;
}
.navbar-default .navbar-nav > li > a {
	padding: 15px; border: currentColor; border-image: none;
}
.navbar-default .navbar-nav > li > a:hover {
	background-color: rgb(231, 231, 231);
}
.navbar-default .navbar-nav > li > a:focus {
	background-color: rgb(231, 231, 231);
}
.carousel-caption {
	left: 33%; top: 20px;
}
#slider .fill {
	height: 280px;
}
.text-center-xs {
	text-align: center;
}
.text-right-xs {
	text-align: right;
}
#about {
	margin: 30px 0px;
}
#banner h1{
	font-size: 36px;
}
#work {
	margin: 30px 0px;
}
#clients {
	margin: 30px 0px;
}
#activities .btn-lg {
	margin: 30px 0px;
}
#activities {
	padding: 30px 0px;
}
#activities .col-md-3 {
	margin-bottom: 30px;
}
#about .col-md-3 {
	margin-bottom: 30px;
}
#work .col-md-3 {
	margin-bottom: 30px;
}
#progress {
	margin-bottom: 30px;
}
#services .col-md-4 {
	margin-bottom: 30px;
}
#call-to-action {
	margin-bottom: 30px;
}
#team {
	margin-bottom: 30px;
}
#contact-form {
	margin-bottom: 30px;
}
#services {
	margin-bottom: 30px;
}
#mobile .col-sm-4 + .col-sm-4 {
	margin-top: 30px;
}
#footer > .container .col-sm-6 + .col-sm-6 {
	margin-top: 30px;
}
#footer .contact-us i {
	margin-top: 30px;
}
#clients .circle {
	margin: auto; float: none !important;
}
#footer .contact-us i {
	margin: auto; float: none !important;
}
#footer .contact-us i {
	margin-bottom: 5px; display: block;
}
#instagram img {
	float: none;
}
#mobile ul {
	padding-right: 1em; padding-left: 1em;
}
.carousel-caption h1 {
	font-size: 32px;
}
#properties .col-md-6 .work-info .table > span {
	padding: 0px;
}
}