@font-face {
	font-family: 'Walkway SemiBold';
	font-style: normal;
	font-weight: normal;
	src: local('Walkway SemiBold'), local('Walkway SemiBold'), url('../fonts/Walkway SemiBold.woff') format('woff');
}
body {
	font-family: Tahoma, Geneva, sans-serif;
	font-weight: normal;
	font-size: 14px;
	line-height: 24px;
	color: #949fab;
	letter-spacing: .5px;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-overflow-scrolling: touch;
}
.walk {
	font-family: 'Walkway SemiBold';
}
.marbtm{
	margin-bottom:3%;
	}
h1 small {
	color: #949fab;
	display: block;
	font-size: 16px;
	font-weight: 400;
	letter-spacing: 0.8px;
	line-height: 24px;
	margin: 10px auto 0;
	text-transform: none;
}
h2 {
	font-size: 100px;
	line-height: 75px;
	letter-spacing: 1.5px;
	text-transform: none;
	margin: 0;
	font-weight: 400;
	color: #737474;
	text-align: left;
	font-family: 'Walkway SemiBold';
}
.header {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
	background: rgba(255,255,255,0.1);
	z-index: 99;
	text-align: center;
	height: 80px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
}
.large-cta .content h2 {
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
	margin-bottom: 3%;
	position: relative;
}
.large-cta {
	text-align: center;
	position: relative;
	top: 40%;
	-webkit-transform: none;
	-moz-transform: none;
	-ms-transform: none;
	-o-transform: none;
	transform: none;
}
.section.transparent.white>.inner {
	background: rgba(255,255,255,0.98);
}
.main-nav ul>li ul {
	position: absolute;
	left: 110%;
	top: 0;
	text-align: left;
	min-width: 460px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-ms-transition: .25s;
	-o-transition: .25s;
	transition: .25s;
	margin-left: 10%;
	list-style: none;
	padding: 0;
}
.main-nav ul>li ul>li a {
	font-size: 14px;
	line-height: 26px;
	font-weight: 300;
	color: #949fab;
	letter-spacing: 1.5px;
	text-transform: none;
}
.main-nav.submenu-open>ul {
	text-align: right;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}
.main-nav ul>li a {
	font-size: 26px;
	line-height: 32px;
	font-weight: 300;
	color: #949fab;
	letter-spacing: 1.5px;
	text-transform: uppercase;
}
h1 {
	font-size: 42px;
	line-height: 28px;
	letter-spacing: 1.4px;
	text-transform: none;
	margin: 0;
	margin-bottom: 86px;
	font-weight: 400;
	color: #2f3c4e;
	text-align: center;
}
h7 {
    color: #2f3c4e;
    font-size: 42px;
    font-weight: 400;
    letter-spacing: 1.4px;
    line-height: 28px;
    margin: 0 0 3%;
    text-align: center;
    text-transform: none;
}
h7 .icon {
    display: block;
    font-family: "lombokregular";
    font-size: 15px;
    letter-spacing: 0.75px;
    margin-top: 18px;
}
.txtl {
	text-align: left;
}
.empty-space::after {
	clear: both;
	content: "";
	display: block;
}
.empty-space.col-xs-b30 {
	height: 30px;
	margin-bottom: 0;
}
@media (min-width: 768px) {
.empty-space.col-sm-b40 {
	height: 40px;
	margin-bottom: 0;
}
.empty-space.col-sm-b70 {
	height: 70px;
	margin-bottom: 0;
}
}
.header.headroom--not-top {
	box-shadow: 0 0 0px rgba(0, 0, 0, 0.25);
}
.section>.inner {
	padding: 80px 0;
	background: #fff;
	position: relative;
}
.blog-post .category-and-image {
    margin-left: 0px;
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
/* 29 - SERVICES 1 */
/*-------------------------------------------------------------------------------------------------------------------------------*/
.empty-space.col-xs-b15 {
	height: 15px;
	margin-bottom: 0;
}
/*table*/
.table-view {
	height: 100%;
	width: 100%;
	display: table;
}
.row-view {
	display: table-row;
}
.cell-view {
	display: table-cell;
	vertical-align: middle;
	width: 10000px;
}
.simple-article {
	font-size: 14px;
	line-height: 24px;
	color: #222;
}
.simple-article.small {
	font-size: 13px;
	line-height: 24px;
}
.simple-article.large {
	font-size: 15px;
	line-height: 24px;
}
.simple-article.light {
	color: #fff;
}
.simple-article.grey {
	color: #989898;
}
.simple-article.transparent {
	color: rgba(34,34,34,.7);
}
.simple-article.light.transparent {
	color: rgba(255,255,255,.7);
}
.simple-article.grey.transparent {
	color: rgba(152,152,152,.7);
}
.simple-article img {
	max-width: 100%;
	height: auto;
	display: block;
}
.simple-article ol {
	counter-reset: number;
}
.simple-article ol li {
	padding-left: 0;
	margin-bottom: 8px;
}
.simple-article ol li:before {
	counter-increment: number;
	content: "#" counter(number);
	color: #10ace0;
	margin-right: 5px;
}
.simple-article ul li {
	margin-bottom: 8px;
}
.simple-article ul li:before {
	content: "";
	width: 15px;
	height: 1px;
	background: currentColor;
	display: inline-block;
	margin: 0 6px 0 15px;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
.simple-article ul.no-dash li:before {
	display: none;
}
.simple-article h1, .h1, .simple-article h2, .h2, .simple-article h3, .h3, .simple-article h4, .h4, .simple-article h5, .h5, .simple-article h6, .h6 {
	color: #222;
	margin: 0;
	font-weight: 400;
}
.simple-article.light h1, .simple-article.light .h1, .h1.light, .simple-article.light h2, .simple-article.light .h2, .h2.light, .simple-article.light h3, .simple-article.light .h3, .h3.light, .simple-article.light h4, .simple-article.light .h4, .h4.light, .simple-article.light h5, .simple-article.light .h5, .h5.light, .simple-article.light h6, .simple-article.light .h6, .h6.light {
	color: #fff;
}
.simple-article h1, .h1 {
	font-size: 90px;
	line-height: 1em;
}
.simple-article h1.small, .h1.small {
	font-size: 80px;
	line-height: 1em;
}
.simple-article h2, .h2 {
	font-size: 60px;
	line-height: 1em;
}
.simple-article h2.small, .h2.small {
	font-size: 40px;
	line-height: 1em;
}
.simple-article h3, .h3 {
	font-size: 26px;
	line-height: 1em;
	text-align: left;
}
.simple-article h3.small, .h3.small {
	font-size: 28px;
	line-height: 30px;
}
.simple-article h4, .h4 {
	font-size: 24px;
	line-height: 30px;
}
.simple-article h4.small, .h4.small {
	font-size: 18px;
	line-height: 24px;
}
.simple-article h5, .h5 {
	font-size: 16px;
	line-height: 24px;
}
.simple-article h5.small, .h5.small {
	font-size: 15px;
	line-height: 24px;
}
.simple-article h6, .h6 {
	font-size: 14px;
	line-height: 24px;
}
.simple-article h6.small, .h6.small {
	font-size: 12px;
	line-height: 24px;
}
.simple-article a:hover {
	text-decoration: underline;
}
.simple-article a.button:hover, .simple-article a.mouseover-simple:hover {
	text-decoration: none;
}
.simple-article.border-left {
	padding-left: 30px;
	border-left: 3px #222 solid;
}
.simple-article.light.border-left {
	border-left-color: #fff;
}
.simple-article br {
	line-height: 30px;
}
.title-line {
	margin-bottom: 30px;
}
.title-line span {
	height: 5px;
	width: 30px;
	display: inline-block;
	vertical-align: bottom;
	background: currentColor;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.simple-article h1, .h1 {
	font-size: 34px;
}
.simple-article h1.small, .h1.small {
	font-size: 34px;
}
.simple-article h2, .h2 {
	font-size: 30px;
}
.simple-article h2.small, .h2.small {
	font-size: 30px;
}
.simple-article h3, .h3 {
	font-size: 28px;
}
}
.left-right-entry {
	position: relative;
}
.left-right-entry .left {
	width: 50%;
	float: left;
}
.left-right-entry .cell-view {
	height: 410px;
	padding: 30px 0;
}
.left-right-entry .right {
	position: absolute;
	width: 50%;
	right: 0;
	top: -12px;
	bottom: -12px;
	z-index: 1;
}
.left-right-entry .right .entry {
	background-size: cover;
	background-position: center top;
}
.left-right-entry.new-view .left {
	float: right;
}
.left-right-entry.new-view .right {
	position: absolute;
	width: 50%;
	left: 0;
	right: auto;
}
@media (max-width: 767px) {
.left-right-entry .left, .left-right-entry.new-view .left {
	float: none;
	width: auto;
}
.left-right-entry .cell-view {
	height: auto;
}
.left-right-entry .right, .left-right-entry.new-view .right {
	position: relative;
	left: auto;
	right: auto;
	top: auto;
	bottom: auto;
	height: 400px;
	width: 100%!important;
}
}
.left-right-entry.style-1 .right {
	width: calc(50% - 15px);
	top: 0;
	bottom: 0;
}
.frame-article-entry {
	position: absolute;
	left: 125px;
	right: 125px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.frame-article-entry .frame-wrapper {
	position: relative;
	max-width: 570px;
	margin: 0 auto;
}
.frame-article-entry .frame {
	border: 5px #fff solid;
}
.frame-article-entry .frame-wrapper .cell-view {
	height: 340px;
	position: relative;
}
/*Phones (<768px)*/
@media (max-width: 767px) {
.frame-article-entry {
	left: 15px;
	right: 15px;
}
.frame-article-entry .frame {
	display: none;
}
}
/*-------------------------------------------------------------------------------------------------------------------------------*/
.bg-section-blue:before,
.bg-section-dark:before,
.bg-section-white:before,
.bg-section-gray:before,
.bg-section-featured:before{
    content: ' ';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    top: 0;
    left: 0;
}
.opacity-60::before {
    opacity: 0.6;
}
.breadcrumbs {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.page-section, .small-section, .blog-section, .mini-section {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 130px 0;
    position: relative;
    width: 100%;
}

element.style {
    background-image: url("images/section-bg/section-bg-6.jpg");
}
.bg-section-white::before {
    background-color: #ffffff;
}
.bg-section-blue::before, .bg-section-dark::before, .bg-section-white::before, .bg-section-gray::before, .bg-section-featured::before {
    content: " ";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}
.opacity-60::before {
    opacity: 0.6;
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
.breadcrumbs {
    color: #ffffff;
    font-size: 16px;
    font-weight: 400;
    text-decoration: none;
    text-transform: none;
    transition: all 0.27s cubic-bezier(0, 0, 0.58, 1) 0s;
}
.page-section, .small-section, .blog-section, .mini-section {
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    padding: 130px 0;
    position: relative;
    width: 100%;
}
section {
    display: block;
    margin: 0;
    padding: 0;
}
.breadcrumbs .section-title {
    font-size: 54px;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    text-align: inherit;
}
.section-title {
    color: #303233;
    font-size: 30px;
    font-weight: 700;
    line-height: 1.3;
    margin-bottom: 15px;
    padding-bottom: 15px;
    position: relative;
    text-align: center;
    z-index: 4;
}
.page-section .container,
.small-section .container,
.blog-section .container,
.mini-section .container{
    position: relative;
}
.mt-30 {
    margin-top: 30px;
}
.section-title-top {
    color: #303233;
    font-size: 14px;
    letter-spacing: 1px;
    margin-bottom: 3px;
	font-weight:normal;
}
.align-left {
    text-align: left !important;
}
.mt-0 {
    margin-top: 0 !important;
}
.team-item {
    padding: 0 15px;
    position: relative;
}
.team-img {
    overflow: hidden;
    position: relative;
}
.padl{
	padding-left:3%;
	}
.sidebar-widget > p {
    padding: 0 0px;
}	
.accordion {
  max-width: 100%;
  margin: 0 auto 100px;
  border-top: 1px solid #d9e5e8;
}
.accordion dd {
  border-bottom: 1px solid #d9e5e8;
  position: relative;
}
.accordion dd p {
  display: none;
  padding: 10px 25px 0px;
  color: #6b97a4;
}
.accordion a {
  width: 100%;
  display: block;
  cursor: pointer;
  font-weight: normal;
  line-height: 3;
  font-size: 16px;
  text-indent: 15px;
  user-select: none;
}
.accordion a:after {
  width: 8px;
  height: 8px;
  border-right: 1px solid #4a6e78;
  border-bottom: 1px solid #4a6e78;
  position: absolute;
  right: 10px;
  content: " ";
  top: 17px;
  transform: rotate(-45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.accordion p {
  font-size: 14px;
  line-height: 2;
  padding: 10px;
}

a.active:after {
  transform: rotate(45deg);
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
/*team*/
.at-section__title {
  margin: 0 0 70px;
  color: #000;
  font-family: 'Roboto', sans-serif;
  font-size: 3.5rem;
  font-weight: 300;
  line-height: 2.625rem;
  text-align: center;
}
.at-grid {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  background: #FFF;
  border: 1px solid #E2E9ED;
}
.at-grid[data-column="1"] .at-column {
  width: 100%;
  max-width: 100%;
  min-width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
.at-grid[data-column="2"] .at-column {
  width: 50%;
  max-width: 50%;
  min-width: 50%;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
.at-grid[data-column="3"] .at-column {
  width: 33.33333%;
  max-width: 33.33333%;
  min-width: 33.33333%;
  -webkit-flex-basis: 33.33333%;
      -ms-flex-preferred-size: 33.33333%;
          flex-basis: 33.33333%;
}
.at-grid[data-column="4"] .at-column {
  width: 25%;
  max-width: 25%;
  min-width: 25%;
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
}
.at-grid[data-column="5"] .at-column {
  width: 20%;
  max-width: 20%;
  min-width: 20%;
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
}
.at-grid[data-column="6"] .at-column {
  width: 16.66667%;
  max-width: 16.66667%;
  min-width: 16.66667%;
  -webkit-flex-basis: 16.66667%;
      -ms-flex-preferred-size: 16.66667%;
          flex-basis: 16.66667%;
}
.at-grid[data-column="7"] .at-column {
  width: 14.28571%;
  max-width: 14.28571%;
  min-width: 14.28571%;
  -webkit-flex-basis: 14.28571%;
      -ms-flex-preferred-size: 14.28571%;
          flex-basis: 14.28571%;
}
.at-grid[data-column="8"] .at-column {
  width: 12.5%;
  max-width: 12.5%;
  min-width: 12.5%;
  -webkit-flex-basis: 12.5%;
      -ms-flex-preferred-size: 12.5%;
          flex-basis: 12.5%;
}
.at-grid[data-column="9"] .at-column {
  width: 11.11111%;
  max-width: 11.11111%;
  min-width: 11.11111%;
  -webkit-flex-basis: 11.11111%;
      -ms-flex-preferred-size: 11.11111%;
          flex-basis: 11.11111%;
}
.at-column {
  z-index: 0;
  position: relative;
  background: #FFF;
  box-shadow: 0 0 0 1px #E2E9ED;
  padding: 10px;
  box-sizing: border-box;
  -webkit-transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0.2s ease, -webkit-transform 0.2s ease;
}
.at-column:before {
  content: "";
  display: block;
  padding-top: 100%;
}
.at-column:hover {
  z-index: 1;
  box-shadow: 0 8px 50px rgba(0, 0, 0, 0.2);
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
  -webkit-transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease;
  transition: box-shadow 0.2s ease, transform 0.2s ease, z-index 0s 0s ease, -webkit-transform 0.2s ease;
}
.at-column:hover .at-social {
  margin: 16px 0 0;
  opacity: 1;
}
@media (max-width: 800px) {
  .at-column {
    width: 50% !important;
    max-width: 50% !important;
    min-width: 50% !important;
    -webkit-flex-basis: 50% !important;
        -ms-flex-preferred-size: 50% !important;
            flex-basis: 50% !important;
  }
}
@media (max-width: 600px) {
  .at-column {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 100% !important;
    -webkit-flex-basis: 100% !important;
        -ms-flex-preferred-size: 100% !important;
            flex-basis: 100% !important;
  }
}
.at-user {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
  text-align: center;
}
.at-user__avatar {
  width: 120px;
  height: 120px;
  border-radius: 100%;
  margin: 0 auto 5px;
  overflow: hidden;
}
.at-user__avatar img {
  display: block;
  width: 100%;
  max-width: 100%;
}
.at-user__name {
  color: #313435;
  font-family: 'Roboto', sans-serif;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.625rem;
}
.at-user__title {
  color: #6F808A;
  font-family: 'Roboto', sans-serif;
  font-size: 14px;
  line-height: 2.375rem;
  padding:0px 20px;
}
.at-social {
  margin: 0 0 -18px;
  opacity: 0;
  -webkit-transition: margin 0.2s ease, opacity 0.2s ease;
  transition: margin 0.2s ease, opacity 0.2s ease;
}
.at-social__item {
  display: inline-block;
  margin: 0 10px;
}
.at-social__item a {
  display: block;
}
.at-social__item svg {
  fill: #515F65;
  display: block;
  height: 18px;
  -webkit-transition: fill 0.2s ease;
  transition: fill 0.2s ease;
}
.at-social__item svg:hover {
  fill: #788D96;
}

.client-entry-wrapper{margin-bottom: 60px;}
.client-entry{position: relative; overflow: hidden; max-width: 171px; margin: 0 auto; display: block;}
.client-entry img{display: block; width: 100%; height: auto;}
.client-entry:hover .client-logo{transform: scale(.8); -webkit-transform: scale(.8);}
.client-entry .client-thumbnail{position: absolute; left: 0; top: 0; width: 100%; transform: translateY(100%); -webkit-transform: translateY(100%);}
.client-entry:hover .client-thumbnail{transform: translateY(0%); -webkit-transform: translateY(0%);}
.client-entry .client-thumbnail:after{content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color:transparent;}
/*Phones (<768px)*/
@media (max-width: 767px) {
	.thumbnail-line-entry{width: 20%;}
	.client-entry-wrapper{margin-bottom: 15px;}
}

.blog-post {
	position: relative;
	margin-bottom: 5px;
}

.sidebar-widget {
    margin-bottom: 10px;
}

/*modal*/
.popup-wrap {
  width: 100%;
  height: 100%;
  display: none;
  position: absolute;
  top: 0px;
  left: 0px;
  content: '';
  background: rgba(0, 0, 0, 0.85);
  z-index:999;
}

.popup-box {
  width: 400px;
  padding: 25px 25px;
  transform: translate(-50%, -50%) scale(0.5);
  position: absolute;
  top: 50%;
  left: 50%;
  box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.5);
  border-radius: 3px;
  background: #fff;
  text-align: center;
}
.popup-box h2 {
  color: #1a1a1a;
}
.popup-box h3 {
  color: #888;
}
.popup-box .close-btn {
  width: 30px;
  height: 30px;
  display: inline-block;
  position: absolute;
  top: 10px;
  right: 10px;
  -webkit-transition: all ease 0.50s;
  transition: all ease 0.75s;
  border-radius: 1000px;
  background: #d75f70;
  font-weight: bold;
  text-decoration: none;
  color: #fff;
  line-height: 160%;
}
.popup-box .close-btn:hover {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}

.transform-in, .transform-out {
  display: block;
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}

.transform-in {
  -webkit-transform: translate(-50%, -50%) scale(1);
  transform: translate(-50%, -50%) scale(1);
}

.transform-out {
  -webkit-transform: translate(-50%, -50%) scale(0.5);
  transform: translate(-50%, -50%) scale(0.5);
}
