@font-face {
	font-family: CPYuGothic;
	font-weight: 100;
	src: local("YuGothic-Light"), local("Yu Gothic Light");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 200;
	src: local("YuGothic-Light"), local("Yu Gothic Light");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 300;
	src: local("YuGothic-Regular"), local("Yu Gothic");
}

@font-face {
	font-family: CPYuGothic;
	src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 500;
	src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 600;
	src: local("YuGothic-Bold"), local("Yu Gothic");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 700;
	src: local("YuGothic-Bold"), local("Yu Gothic");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 800;
	src: local("YuGothic-Bold"), local("Yu Gothic");
}

@font-face {
	font-family: CPYuGothic;
	font-weight: 900;
	src: local("YuGothic-Bold"), local("Yu Gothic");
}

.header.navbar {
	border: none;
	margin: 0;
	padding: 0;
}

.header.navbar-default {
	background: #1E232B;
}

.header.navbar-default .container-fluid {
	padding: 0;
}

.header.navbar-default .topbar {
	margin: 0 auto;
	max-width: 1230px;
	padding: 15px;
	width: 100%;
}

.header.navbar-default .topbar-block {
	display: table;
	height: 100%;
	padding-bottom: 0;
}

.header.navbar-default .topbar-block-cell {
	display: table-cell;
	vertical-align: middle;
}

.header.navbar-default .topbar-block-cell p {
	margin: 0;
}

.header.navbar-default .topbar-block.contact {
	float: right;
}

.header.navbar-default .topbar-block.contact .topbar-block-cell {
	border-left: solid 1px #ddd;
	padding: 0 30px 0 15px;
}

.header.navbar-default .topbar-block.contact .topbar-block-cell:last-child {
	border-right: solid 1px #ddd;
}

.header.navbar-default .topbar-block.contact ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.header.navbar-default .topbar-block.contact ul li {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding-left: 25px;
	position: relative;
}

.header.navbar-default .topbar-block.contact ul li i {
	color: #ccc;
	font-size: 18px;
	left: 0;
	position: absolute;
	top: 3px;
}

.header.navbar-default .logo {
	padding: 0;
}

.header.navbar-default .logo img {
	height: 65px;
	max-height: none;
	max-width: 100%;
}

.header.navbar-default .topbar {
	transition: all 0.4s ease-in-out 0s;
}

.header.navbar-default.top-nav-collapse .topbar {
	transition: margin 0.4s ease-in-out 0s;
}

.header.navbar-default .container-fluid.one-page-nav__fixed {
	background: #ccc;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .container {
	max-width: 1230px;
	width: 100%;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav {
	width: 100%;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li {
	border-left: solid 1px #d8d8d8;
	text-align: center;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li:last-child {
	border-right: solid 1px #d8d8d8;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li a {
	color: #333;
	font-size: 15px;
	font-weight: 700;
	position: relative;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li a:hover {
	background: #1e232b;
	color: #fff;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li.active a {
	background: #1e232b;
	color: #fff;
}

.owl-carousel .animated {
	-webkit-animation-duration: 1000ms;
	-webkit-animation-fill-mode: both;
	animation-duration: 1000ms;
	animation-fill-mode: both;
}

.owl-carousel .owl-animated-in {
	z-index: 0;
}

.owl-carousel .owl-animated-out {
	z-index: 1;
}

.owl-carousel .fadeOut {
	-webkit-animation-name: fadeOut;
	animation-name: fadeOut;
}

.owl-height {
	transition: height 500ms ease-in-out;
}

.owl-carousel {
	-webkit-tap-highlight-color: transparent;
	display: none;
	position: relative;
	width: 100%;
	z-index: 1;
}

.owl-carousel .owl-stage {
	-ms-touch-action: pan-Y;
	position: relative;
}

.owl-carousel .owl-stage:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.owl-carousel .owl-stage-outer {
	-webkit-transform: translate3d(0, 0, 0);
	overflow: hidden;
	position: relative;
}

.owl-carousel .owl-controls .owl-nav .owl-prev,
.owl-carousel .owl-controls .owl-nav .owl-next {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	cursor: hand;
	user-select: none;
}

.owl-carousel .owl-controls .owl-dot {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	cursor: pointer;
	cursor: hand;
	user-select: none;
}

.owl-carousel.owl-loaded {
	display: block;
}

.owl-carousel.owl-loading {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	display: block;
	opacity: 0;
}

.owl-carousel.owl-hidden {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}

.owl-carousel .owl-refresh .owl-item {
	display: none;
}

.owl-carousel .owl-item {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-backface-visibility: hidden;
	-webkit-tap-highlight-color: transparent;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	float: left;
	min-height: 1px;
	position: relative;
	user-select: none;
}

.owl-carousel .owl-item img {
	-webkit-transform-style: preserve-3d;
	display: block;
	width: 100%;
}

.owl-carousel.owl-text-select-on .owl-item {
	-moz-user-select: auto;
	-ms-user-select: auto;
	-webkit-user-select: auto;
	user-select: auto;
}

.owl-carousel .owl-grab {
	cursor: move;
	cursor: -webkit-grab;
	cursor: -o-grab;
	cursor: -ms-grab;
	cursor: grab;
}

.owl-carousel.owl-rtl {
	direction: rtl;
}

.owl-carousel.owl-rtl .owl-item {
	float: right;
}

.no-js .owl-carousel {
	display: block;
}

.owl-carousel .owl-item .owl-lazy {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-item img {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.owl-carousel .owl-video-wrapper {
	background: #000;
	height: 100%;
	position: relative;
}

.owl-carousel .owl-video-play-icon {
	-webkit-backface-visibility: hidden;
	background: url(owl.video.play.png) no-repeat;
	cursor: pointer;
	height: 80px;
	left: 50%;
	margin-left: -40px;
	margin-top: -40px;
	position: absolute;
	top: 50%;
	transition: scale 100ms ease;
	width: 80px;
	z-index: 1;
}

.owl-carousel .owl-video-play-icon:hover {
	transition: scale(1.3, 1.3);
}

.owl-carousel .owl-video-playing .owl-video-tn,
.owl-carousel .owl-video-playing .owl-video-play-icon {
	display: none;
}

.owl-carousel .owl-video-tn {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	height: 100%;
	opacity: 0;
	transition: opacity 400ms ease;
}

.owl-carousel .owl-video-frame {
	position: relative;
	z-index: 1;
}

/*!
* Cube Portfolio - Responsive jQuery Grid Plugin
*
* version: 3.7.1 (28 June, 2016)
* require: jQuery v1.7+
*
* Copyright 2013-2016, Mihai Buricea (http://scriptpie.com/cubeportfolio/live-preview/)
* Licensed under CodeCanyon License (http://codecanyon.net/licenses)
*
*/

/*
.cbp {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
    &:after {
      box-sizing: border-box;
    }
  }
  &:after {
    box-sizing: border-box;
  }
}

.cbp-l-filters-alignCenter {
  box-sizing: border-box;
  *, .cbp-filter-counter:after {
    box-sizing: border-box;
  }
}

.cbp-l-filters-alignLeft {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}

.cbp-l-filters-alignRight {
  box-sizing: border-box;
  *, .cbp-filter-counter:after {
    box-sizing: border-box;
  }
}

.cbp-l-filters-button {
  box-sizing: border-box;
  *, .cbp-filter-counter:after {
    box-sizing: border-box;
  }
}

.cbp-l-filters-buttonCenter {
  box-sizing: border-box;
  *, .cbp-filter-counter:after {
    box-sizing: border-box;
  }
}

.cbp-l-filters-dropdown {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}

.cbp-l-filters-dropdownHeader:after {
  box-sizing: border-box;
}

.cbp-l-filters-list, .cbp-l-filters-work, .cbp-l-filters-big {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}

.cbp-l-filters-text {
  box-sizing: border-box;
  *, .cbp-filter-counter:after {
    box-sizing: border-box;
  }
}

.cbp-l-filters-underline {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}

.cbp-popup-wrap {
  box-sizing: border-box;
  *, &:before {
    box-sizing: border-box;
  }
}

.cbp-popup-loadingBox:after {
  box-sizing: border-box;
}

.cbp-l-loadMore-bgbutton, .cbp-l-loadMore-button, .cbp-l-loadMore-text, .cbp-search {
  box-sizing: border-box;
  * {
    box-sizing: border-box;
  }
}

.cbp-l-grid-agency-title, .cbp-l-grid-agency-desc, .cbp-l-grid-work-title, .cbp-l-grid-work-desc, .cbp-l-grid-blog-title, .cbp-l-grid-projects-title, .cbp-l-grid-projects-desc, .cbp-l-grid-masonry-projects-title, .cbp-l-grid-masonry-projects-desc {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.cbp-l-filters-alignCenter, .cbp-l-filters-alignLeft, .cbp-l-filters-alignRight, .cbp-l-filters-button, .cbp-l-filters-buttonCenter, .cbp-l-filters-dropdown, .cbp-l-filters-list, .cbp-l-filters-work, .cbp-l-filters-big, .cbp-l-filters-text, .cbp-l-filters-underline {
  -webkit-tap-highlight-color: transparent;
  * {
    -webkit-tap-highlight-color: transparent;
  }
}

.cbp:after, .cbp-lazyload:after, .cbp-popup-loadingBox:after, .cbp-popup-singlePageInline:after {
  content: '';
  position: absolute;
  width: 34px;
  height: 34px;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
  animation: cbp-rotation .8s infinite linear;
  border-left: 3px solid rgba(114, 144, 182, 0.15);
  border-right: 3px solid rgba(114, 144, 182, 0.15);
  border-bottom: 3px solid rgba(114, 144, 182, 0.15);
  border-top: 3px solid rgba(114, 144, 182, 0.8);
  border-radius: 100%;
}

.cbp-item {
  display: inline-block;
  margin: 0 10px 20px 0;
}

.cbp {
  position: relative;
  margin: 0 auto;
  z-index: 1;
  height: 400px;
  > * {
    visibility: hidden;
  }
  .cbp-item {
    position: absolute;
    top: 0;
    left: 0;
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
  }
  img {
    display: block;
    border: 0;
    width: 100%;
    height: auto;
  }
  a {
    text-decoration: none;
    outline: 0;
    &:hover, &:active {
      text-decoration: none;
      outline: 0;
    }
  }
}

.cbp-ready {
  > * {
    visibility: visible;
  }
  &:after {
    display: none;
    visibility: hidden;
  }
}

.cbp-lazyload {
  position: relative;
  background: #fff;
  display: block;
  img {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    &[data-cbp-src] {
      opacity: 0;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    }
    &:not([data-cbp-src]) {
      transition: opacity 0.7s ease-in-out;
    }
  }
  &:after {
    z-index: 0;
  }
}

.cbp-wrapper-outer {
  overflow: hidden;
  position: relative;
  margin: 0 auto;
  list-style-type: none;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cbp-wrapper, .cbp-wrapper-helper {
  list-style-type: none;
  padding: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.cbp-wrapper, .cbp-wrapper-helper {
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
}

.cbp-item-off {
  z-index: -1;
  pointer-events: none;
  visibility: hidden;
}

.cbp-item-on2off {
  z-index: 0;
}

.cbp-item-off2on {
  z-index: 1;
}

.cbp-item-on2on {
  z-index: 2;
}

.cbp-item-wrapper {
  width: 100%;
  height: 100%;
  position: relative;
  top: 0;
  left: 0;
}

.cbp-l-project-related-wrap img, .cbp-l-inline img {
  display: block;
  width: 100%;
  height: auto;
  border: 0;
}

.cbp-updateItems {
  transition: height .5s ease-in-out !important;
  will-change: height;
  .cbp-item {
    transition: top 0.5s ease-in-out, left 0.5s ease-in-out;
  }
  .cbp-item-loading {
    animation: fadeIn .5s ease-in-out;
    transition: none;
  }
}

.cbp-removeItem {
  animation: fadeOut 0.5s ease-in-out;
}

.cbp-panel {
  width: 94%;
  max-width: 1170px;
  margin: 0 auto;
}

.cbp-misc-video {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background: #000;
  text-align: center;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

@keyframes cbp-rotation {
  0% {
    transform: rotate(0deg);
  }

  100% {
    transform: rotate(360deg);
  }
}


@keyframes fadeOut {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


.clearfix:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
}

.cbp-l-filters-left {
  float: left;
}

.cbp-l-filters-right {
  float: right;
}

.cbp-caption, .cbp-caption-defaultWrap {
  display: block;
}

.cbp-caption-activeWrap {
  display: block;
  background-color: #282727;
}

.cbp-caption-active {
  .cbp-caption, .cbp-caption-defaultWrap, .cbp-caption-activeWrap {
    overflow: hidden;
    position: relative;
    z-index: 1;
  }
  .cbp-caption-defaultWrap {
    top: 0;
  }
  .cbp-caption-activeWrap {
    width: 100%;
    position: absolute;
    z-index: 2;
    height: 100%;
  }
}

.cbp-l-caption-title {
  color: #fff;
  font: 400 (16px / 21px) "Open Sans", sans-serif;
}

.cbp-l-caption-desc {
  color: #aaa;
  font: 400 (12px / 16px) "Open Sans", sans-serif;
}

.cbp-l-caption-text {
  font: 400 14px/21px "Open Sans", sans-serif;
  color: #fff;
  letter-spacing: 3px;
  padding: 0 6px;
}

.cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
  background-color: #547eb1;
  color: #fff;
  display: inline-block;
  font: 400 12px/30px "Open Sans", sans-serif;
  min-width: 90px;
  text-align: center;
  margin: 4px;
  padding: 0 6px;
}

.cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {
  opacity: .9;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.cbp-caption-none .cbp-caption-activeWrap {
  display: none;
}

.cbp-l-caption-alignLeft .cbp-l-caption-body {
  padding: 12px 30px;
}

.cbp-caption-fadeIn .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-minimal .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-moveRight .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-overlayRightAlong .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushDown .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-pushTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealBottom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealLeft .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-revealTop .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-zoom .cbp-l-caption-alignLeft .cbp-l-caption-body, .cbp-caption-opacity .cbp-l-caption-alignLeft .cbp-l-caption-body {
  padding-top: 30px;
}

.cbp-l-caption-alignCenter {
  display: table;
  width: 100%;
  height: 100%;
  .cbp-l-caption-body {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    padding: 10px 0;
  }
  .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
    position: relative;
    transition: left 0.4s cubic-bezier(0.19, 1, 0.22, 1);
  }
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonLeft {
  left: -20px;
}

.cbp-caption-overlayBottom .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomPush .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight, .cbp-caption-overlayBottomAlong .cbp-l-caption-alignCenter .cbp-l-caption-buttonRight {
  left: 20px;
}

.cbp-caption:hover .cbp-l-caption-alignCenter {
  .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
    left: 0;
  }
}

.cbp-caption-fadeIn {
  .cbp-caption-activeWrap {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    background-color: rgba(0, 0, 0, 0.85);
    transition: opacity 0.9s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

.cbp-caption-minimal {
  .cbp-l-caption-title, .cbp-l-caption-desc {
    position: relative;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: transform 0.35s ease-out;
  }
  .cbp-l-caption-title {
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cbp-l-caption-desc {
    -ms-transform: translateY(70%);
    transform: translateY(70%);
  }
  .cbp-caption:hover {
    .cbp-l-caption-title, .cbp-l-caption-desc {
      opacity: 1;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
      -ms-transform: translateY(0);
      transform: translateY(0);
    }
  }
  .cbp-caption-activeWrap {
    top: 0;
    background-color: black;
    background-color: rgba(0, 0, 0, 0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
  .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
}

.cbp-caption-moveRight {
  .cbp-caption-activeWrap {
    left: -100%;
    top: 0;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover .cbp-caption-activeWrap {
    -ms-transform: translateX(100%);
    transform: translateX(100%);
  }
}

.cbp-caption-overlayBottom {
  .cbp-caption-activeWrap {
    height: 60px;
    background-color: #181616;
    background-color: rgba(24, 22, 22, 0.7);
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover .cbp-caption-activeWrap {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.cbp-caption-overlayBottomAlong {
  .cbp-caption-defaultWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    height: 60px;
  }
  .cbp-caption:hover {
    .cbp-caption-defaultWrap {
      -ms-transform: translateY(-30px);
      transform: translateY(-30px);
    }
    .cbp-caption-activeWrap {
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
    }
  }
}

.cbp-caption-overlayBottomPush {
  .cbp-caption-defaultWrap {
    transition: top 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    bottom: -60px;
    height: 60px;
    transition: bottom 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover {
    .cbp-caption-defaultWrap {
      top: -60px;
    }
    .cbp-caption-activeWrap {
      bottom: 0;
    }
  }
}

.cbp-caption-overlayBottomReveal {
  .cbp-caption-defaultWrap {
    z-index: 2;
    transition: top 0.5s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    bottom: 0;
    z-index: 1;
    height: 60px;
  }
  .cbp-caption:hover .cbp-caption-defaultWrap {
    top: -60px;
  }
}

.cbp-caption-overlayRightAlong {
  .cbp-caption-defaultWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    top: 0;
    left: -50%;
    width: 50%;
  }
  .cbp-caption:hover {
    .cbp-caption-defaultWrap {
      -ms-transform: translateX(25%);
      transform: translateX(25%);
    }
    .cbp-caption-activeWrap {
      -ms-transform: translateX(100%);
      transform: translateX(100%);
    }
  }
}

.cbp-caption-pushDown {
  .cbp-caption-defaultWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
    top: -102%;
    height: 102%;
  }
  .cbp-caption:hover {
    .cbp-caption-defaultWrap {
      -ms-transform: translateY(100%);
      transform: translateY(100%);
    }
    .cbp-caption-activeWrap {
      -ms-transform: translateY(99%);
      transform: translateY(99%);
    }
  }
}

.cbp-caption-pushTop {
  .cbp-caption-activeWrap, .cbp-caption-defaultWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    height: 102%;
  }
  .cbp-caption:hover {
    .cbp-caption-defaultWrap {
      -ms-transform: translateY(-100%);
      transform: translateY(-100%);
    }
    .cbp-caption-activeWrap {
      -ms-transform: translateY(-99%);
      transform: translateY(-99%);
    }
  }
}

.cbp-caption-revealBottom {
  .cbp-caption-defaultWrap {
    z-index: 2;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    top: 0;
    z-index: 1;
  }
  .cbp-caption:hover .cbp-caption-defaultWrap {
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
  }
}

.cbp-caption-revealLeft {
  .cbp-caption-activeWrap {
    left: 100%;
    top: 0;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover .cbp-caption-activeWrap {
    -ms-transform: translateX(-100%);
    transform: translateX(-100%);
  }
}

.cbp-caption-revealTop {
  .cbp-caption-defaultWrap {
    z-index: 2;
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption-activeWrap {
    top: 0;
    z-index: 1;
  }
  .cbp-caption:hover .cbp-caption-defaultWrap {
    -ms-transform: translateY(100%);
    transform: translateY(100%);
  }
}

.cbp-caption-zoom {
  .cbp-caption-defaultWrap {
    transition: transform 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover .cbp-caption-defaultWrap {
    -ms-transform: scale(1.25);
    transform: scale(1.25);
  }
  .cbp-caption-activeWrap {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    top: 0;
    background-color: rgba(0, 0, 0, 0.9);
    transition: opacity 0.8s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover .cbp-caption-activeWrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}

.cbp-caption-opacity {
  .cbp-item {
    padding: 1px;
  }
  .cbp-caption, .cbp-caption-activeWrap, .cbp-caption-defaultWrap {
    background-color: transparent;
  }
  .cbp-caption {
    border: 1px solid transparent;
    &:hover {
      border-color: #ededed;
    }
  }
  .cbp-caption-defaultWrap {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transition: opacity 0.6s cubic-bezier(0.19, 1, 0.22, 1);
  }
  .cbp-caption:hover {
    .cbp-caption-defaultWrap {
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }
    .cbp-caption-activeWrap {
      top: 0;
    }
  }
}

.cbp-caption-expand {
  .cbp-caption-activeWrap {
    height: auto;
    background-color: transparent;
  }
  .cbp-caption {
    border-bottom: 1px dotted #eaeaea;
  }
  .cbp-caption-defaultWrap {
    cursor: pointer;
    font: 500 15px/23px "Roboto", sans-serif;
    color: #474747;
    padding: 12px 0 11px 26px;
    svg {
      position: absolute;
      top: 16px;
      left: 0;
    }
  }
  .cbp-l-caption-body {
    font: 400 13px/21px "Roboto", sans-serif;
    color: #888;
    padding: 0 0 20px 26px;
  }
}

.cbp-caption-expand-active {
  transition: height 0.4s !important;
  .cbp-item {
    transition: left 0.4s, top 0.4s !important;
  }
}

.cbp-caption-expand-open .cbp-caption-activeWrap {
  transition: height 0.4s;
}

.cbp-l-filters-alignCenter {
  margin-bottom: 30px;
  text-align: center;
  font: 400 12px/21px sans-serif;
  color: #dadada;
  .cbp-filter-item {
    color: #949494;
    cursor: pointer;
    font: 400 13px/21px "Open Sans", sans-serif;
    padding: 0 12px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    display: inline-block;
    &:hover {
      color: #2d2c2c;
    }
    &.cbp-filter-item-active {
      color: #2d2c2c;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    background: none repeat scroll 0 0 #626161;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    transition: all 0.25s ease;
    &:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #626161;
      display: none;
    }
  }
  .cbp-filter-item:hover .cbp-filter-counter {
    &:after {
      display: block;
    }
    bottom: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.cbp-l-filters-alignLeft {
  margin-bottom: 30px;
  .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #cdcdcd;
    cursor: pointer;
    font: 400 12px/30px "Open Sans", sans-serif;
    padding: 0 13px;
    position: relative;
    overflow: visible;
    margin: 0 8px 10px 0;
    display: inline-block;
    color: #888;
    transition: all 0.2s ease-in-out;
    &:hover {
      color: #111;
    }
    &.cbp-filter-item-active {
      background-color: #6c7a89;
      border: 1px solid #6c7a89;
      color: #fff;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    display: inline;
  }
}

.cbp-l-filters-alignRight {
  margin-bottom: 30px;
  text-align: right;
  .cbp-filter-item {
    background-color: transparent;
    color: #8b8b8b;
    cursor: pointer;
    font: 400 11px/31px "Open Sans", sans-serif;
    padding: 0 14px;
    position: relative;
    overflow: visible;
    margin: 0 0 10px 5px;
    border: 1px solid #e4e2e2;
    text-transform: uppercase;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    &:hover {
      color: #2b3444;
      .cbp-filter-counter {
        &:after {
          display: block;
        }
        bottom: 44px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
        opacity: 1;
      }
    }
    &.cbp-filter-item-active {
      color: #fff;
      background-color: #049372;
      border-color: #049372;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    background: none repeat scroll 0 0 #049372;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    transition: opacity 0.25s ease, bottom 0.25s ease;
    &:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #049372;
      display: none;
    }
  }
}

.cbp-l-filters-button {
  margin-bottom: 30px;
  .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #ececec;
    color: #888;
    cursor: pointer;
    font: 400 12px/32px "Open Sans", sans-serif;
    margin: 0 10px 10px 0;
    overflow: visible;
    padding: 0 17px;
    position: relative;
    display: inline-block;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out, border-color 0.3s ease-in-out;
    &:hover {
      color: #545454;
      border-color: #dadada;
    }
    &.cbp-filter-item-active {
      background-color: #545454;
      color: #fff;
      border-color: #5d5d5d;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    background-color: #545454;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Open Sans", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity 0.25s ease, bottom 0.25s ease;
    &:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #545454;
      display: none;
    }
  }
  .cbp-filter-item:hover .cbp-filter-counter {
    &:after {
      display: block;
    }
    bottom: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.cbp-l-filters-buttonCenter {
  margin-bottom: 30px;
  text-align: center;
  .cbp-filter-item {
    background-color: #fff;
    border: 1px solid #ececec;
    color: #888;
    cursor: pointer;
    font: 400 12px/32px "Roboto", sans-serif;
    margin: 0 10px 10px 0;
    overflow: visible;
    padding: 0 17px;
    position: relative;
    display: inline-block;
    transition: all 0.3s ease-in-out;
    &:hover {
      color: #5d5d5d;
    }
    &.cbp-filter-item-active {
      color: #3b9cb3;
      border-color: #8cd2e5;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    background-color: #68abbc;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/18px "Roboto", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 34px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transition: opacity 0.25s ease, bottom 0.25s ease;
    &:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #68abbc;
      display: none;
    }
  }
  .cbp-filter-item:hover .cbp-filter-counter {
    &:after {
      display: block;
    }
    bottom: 44px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.cbp-l-filters-dropdown {
  margin-bottom: 40px;
  height: 38px;
  position: relative;
  z-index: 5;
}

.cbp-l-filters-dropdownWrap {
  width: 200px;
  position: absolute;
  right: 0;
  background: #4d4c4d;
}

.cbp-l-filters-dropdownHeader {
  font: 400 12px/38px "Open Sans", sans-serif;
  margin: 0 17px;
  color: #FFF;
  cursor: default;
  position: relative;
  &:after {
    border-color: #fff transparent;
    border-style: solid;
    border-width: 5px 5px 0;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    top: 50%;
    width: 0;
    margin-top: -1px;
  }
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownHeader:after {
  border-width: 0 5px 5px;
}

.cbp-l-filters-dropdownList {
  display: none;
  list-style: none outside none;
  margin: 0;
  padding: 0;
  > li {
    margin: 0;
    list-style: none;
  }
}

.cbp-l-filters-dropdownWrap.cbp-l-filters-dropdownWrap-open .cbp-l-filters-dropdownList {
  display: block;
  margin: 0;
}

.cbp-l-filters-dropdownList {
  .cbp-filter-item {
    background: transparent;
    color: #b3b3b3;
    width: 100%;
    text-align: left;
    font: 400 12px/40px "Open Sans", sans-serif;
    margin: 0;
    padding: 0 17px;
    cursor: pointer;
    border: none;
    border-top: 1px solid #595959;
    &:hover {
      color: #e6e6e6;
    }
  }
  .cbp-filter-item-active {
    color: #fff;
    cursor: default;
  }
}

.cbp-l-filters-dropdownWrap .cbp-filter-counter {
  display: inline;
}

.cbp-l-filters-dropdown-floated {
  float: right;
  margin-top: -2px;
  margin-left: 20px;
  width: 200px;
}

.cbp-l-filters-list {
  margin-bottom: 30px;
  content: "";
  display: table;
  clear: both;
  .cbp-filter-item {
    background-color: transparent;
    color: #585252;
    cursor: pointer;
    font: 400 12px/35px "Open Sans", sans-serif;
    padding: 0 18px;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    float: left;
    border: 1px solid #3288c4;
    border-right-width: 0;
    transition: left 0.3s ease-in-out;
    &:hover {
      color: #000;
    }
    &.cbp-filter-item-active {
      cursor: default;
      color: #fff;
      background-color: #3288c4;
    }
  }
}

.cbp-l-filters-list-first {
  border-radius: 6px 0 0 6px;
}

.cbp-l-filters-list-last {
  border-radius: 0 6px 6px 0;
  border-right-width: 1px !important;
}

.cbp-l-filters-list .cbp-filter-counter {
  display: inline;
}

@media only screen and (max-width: 600px) {
  .cbp-l-filters-list .cbp-filter-item {
    margin-right: 5px;
    border-radius: 6px;
    border-right-width: 1px;
  }
}

.cbp-l-filters-work {
  margin-bottom: 30px;
  text-align: center;
  .cbp-filter-item {
    background-color: #fff;
    color: #888;
    cursor: pointer;
    font: 600 11px/37px "Open Sans", sans-serif;
    margin: 0 5px 10px 0;
    overflow: visible;
    padding: 0 16px;
    position: relative;
    display: inline-block;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    &:hover {
      color: #fff;
      background: #607d8b;
    }
    &.cbp-filter-item-active {
      background: #607d8b;
      color: #fff;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    font: 600 11px/37px "Open Sans", sans-serif;
    text-align: center;
    display: inline-block;
    margin-left: 8px;
    &:before {
      content: "(";
    }
    &:after {
      content: ")";
    }
  }
}

.cbp-l-filters-big {
  margin-bottom: 30px;
  text-align: center;
  .cbp-filter-item {
    color: #444;
    cursor: pointer;
    font: 400 15px/22px "Roboto", sans-serif;
    margin: 0 15px 10px 0;
    padding: 10px 23px;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    text-transform: uppercase;
    transition: all 0.3s ease-in-out;
    &:hover {
      color: #888;
    }
    &.cbp-filter-item-active {
      border-color: #d5d5d5;
      cursor: default;
      color: #444;
    }
  }
}

.cbp-l-filters-text {
  margin-bottom: 30px;
  text-align: center;
  font: 400 12px/21px "Lato", sans-serif;
  color: #dadada;
  padding: 0 15px;
  .cbp-filter-item {
    color: #949494;
    cursor: pointer;
    font: 400 13px/21px "Lato", sans-serif;
    padding: 0 12px;
    transition: all .3s ease-in-out;
    position: relative;
    overflow: visible;
    margin: 0 0 10px;
    display: inline-block;
    &:hover {
      color: #2d2c2c;
    }
    &.cbp-filter-item-active {
      color: #2d2c2c;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    background: none repeat scroll 0 0 #626161;
    border-radius: 3px;
    color: #fff;
    font: 400 11px/16px "Lato", sans-serif;
    margin: 0 auto;
    padding: 4px 0;
    text-align: center;
    width: 32px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    opacity: 0;
    transition: all 0.25s ease;
    &:after {
      content: "";
      position: absolute;
      bottom: -4px;
      left: 0;
      right: 0;
      margin: 0 auto;
      width: 0;
      height: 0;
      border-left: 4px solid transparent;
      border-right: 4px solid transparent;
      border-top: 4px solid #626161;
      display: none;
    }
  }
  .cbp-filter-item:hover .cbp-filter-counter {
    &:after {
      display: block;
    }
    bottom: 30px;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    opacity: 1;
  }
}

.cbp-l-filters-text-sort {
  display: inline-block;
  font: 400 13px/21px "Lato", sans-serif;
  color: #949494;
  margin-right: 15px;
}

.cbp-l-filters-underline {
  margin-bottom: 30px;
  .cbp-filter-item {
    border-bottom: 3px solid transparent;
    cursor: pointer;
    font: 600 14px/21px "Open Sans", sans-serif;
    padding: 8px 10px;
    position: relative;
    overflow: visible;
    margin: 0 20px 10px 0;
    display: inline-block;
    color: #787878;
    transition: all 0.2s ease-in-out;
    &:hover {
      color: #111;
    }
    &.cbp-filter-item-active {
      border-bottom-color: #666;
      color: #444;
      cursor: default;
    }
  }
  .cbp-filter-counter {
    display: inline;
  }
}

.cbp-animation-quicksand {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    transition: transform 0.6s ease-in-out;
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-item-on2off .cbp-item-wrapper {
    animation: quicksand-off 0.6s ease-out both;
  }
  .cbp-item-off2on .cbp-item-wrapper {
    animation: quicksand-on 0.6s ease-out both;
  }
}

@keyframes quicksand-off {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale3d(0, 0, 0);
  }
}


@keyframes quicksand-on {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale3d(0, 0, 0);
  }
}


.cbp-animation-fadeOut, .cbp-animation-boxShadow {
  transition: height .6s ease-in-out;
  will-change: height;
}

.cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item {
  transition: transform 0.6s ease-in-out;
}

.cbp-animation-fadeOut .cbp-item, .cbp-animation-boxShadow .cbp-item {
  perspective: 1000px;
}

.cbp-animation-fadeOut .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-wrapper {
  transform-style: preserve-3d;
}

.cbp-animation-fadeOut .cbp-item-on2off .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-on2off .cbp-item-wrapper {
  animation: fadeOut-off 0.6s ease-in-out both;
}

.cbp-animation-fadeOut .cbp-item-off2on .cbp-item-wrapper, .cbp-animation-boxShadow .cbp-item-off2on .cbp-item-wrapper {
  animation: fadeOut-on 0.6s ease-in-out both;
}

@keyframes fadeOut-off {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  80%,
100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes fadeOut-on {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-animation-flipOut {
  transition: height .7s ease-in-out;
  will-change: height;
  .cbp-item {
    transition: transform 0.7s ease-in-out;
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-item-on2off .cbp-item-wrapper {
    animation: flipOut-out 0.7s both ease-in;
  }
  .cbp-item-off2on .cbp-item-wrapper {
    animation: flipOut-in 0.7s ease-out both;
  }
}

@keyframes flipOut-out {
  50%,
100% {
    transform: translateZ(-1000px) rotateY(-90deg);
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
}


@keyframes flipOut-in {
  0%,
50% {
    transform: translateZ(-1000px) rotateY(90deg);
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
}


.cbp-animation-flipBottom {
  transition: height .7s ease-in-out;
  will-change: height;
  .cbp-item {
    transition: transform 0.7s ease-in-out;
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-item-on2off .cbp-item-wrapper {
    animation: flipBottom-out 0.7s both ease-in;
  }
  .cbp-item-off2on .cbp-item-wrapper {
    animation: flipBottom-in 0.7s ease-out both;
  }
}

@keyframes flipBottom-out {
  50%,
100% {
    transform: translateZ(-1000px) rotateX(-90deg);
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
}


@keyframes flipBottom-in {
  0%,
50% {
    transform: translateZ(-1000px) rotateX(90deg);
    opacity: .2;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
  }
}


.cbp-animation-scaleSides {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    transition: transform 0.6s ease-in-out;
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-item-on2off .cbp-item-wrapper {
    animation: scaleSides-out 0.9s ease both;
  }
  .cbp-item-off2on .cbp-item-wrapper {
    animation: scaleSides-in 0.9s ease both;
  }
}

@keyframes scaleSides-out {
  50%,
100% {
    transform: scale(0.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes scaleSides-in {
  0%,
50% {
    transform: scale(0.6);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


.cbp-animation-skew {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    transition: transform 0.6s ease-in-out;
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-item-on2off .cbp-item-wrapper {
    animation: skew-off 0.6s ease-out both;
  }
  .cbp-item-off2on .cbp-item-wrapper {
    animation: skew-on 0.6s ease-out both;
  }
}

@keyframes skew-off {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale3d(0, 0, 0) skew(20deg, 0);
  }
}


@keyframes skew-on {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale3d(0, 0, 0) skew(0, 20deg);
  }
}


.cbp-animation-fadeOutTop {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-wrapper-outer {
    overflow: visible;
  }
  .cbp-item {
    perspective: 1000px;
    overflow: visible;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: fadeOutTop-out 0.6s both ease-in-out;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: fadeOutTop-in 0.6s both ease-in-out;
  }
}

@keyframes fadeOutTop-out {
  0% {
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }

  50%,
100% {
    transform: translateY(-30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes fadeOutTop-in {
  0%,
50% {
    transform: translateY(-30px);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-animation-slideLeft {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: slideLeft-out 0.8s both ease-in-out;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: slideLeft-in 0.8s both ease-in-out;
  }
}

@keyframes slideLeft-out {
  0% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1);
  }

  25% {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    transform: scale(0.8);
  }

  75% {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    transform: scale(0.8) translateX(-200%);
  }

  100% {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    transform: scale(0.8) translateX(-200%);
  }
}


@keyframes slideLeft-in {
  0%,
25% {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    transform: scale(0.8) translateX(200%);
  }

  75% {
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    transform: scale(0.8);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: scale(1) translateX(0);
  }
}


.cbp-animation-sequentially {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-wrapper-outer {
    overflow: visible;
  }
  .cbp-item {
    perspective: 1000px;
    overflow: visible;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: fadeOutTop-out 0.6s both ease;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: fadeOutTop-in 0.6s both ease-out;
  }
}

.cbp-animation-3dflip {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    animation: flip-out 0.6s both ease-in-out;
  }
  .cbp-wrapper .cbp-item-wrapper {
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    animation: flip-in 0.6s both ease-in-out;
  }
}

@keyframes flip-out {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: rotateY(90deg);
  }
}


@keyframes flip-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: rotateY(-90deg);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: rotateY(0deg);
  }
}


.cbp-animation-flipOutDelay {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: flipOut-out 1s both ease-in;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: flipOut-in 1s both ease-out;
  }
}

.cbp-animation-slideDelay {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: slideDelay-out 0.5s both ease-in-out;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: slideDelay-in 0.5s both ease-in-out;
  }
}

@keyframes slideDelay-out {
  100% {
    transform: translateX(-100%);
  }
}


@keyframes slideDelay-in {
  0% {
    transform: translateX(100%);
  }

  100% {
    transform: translateX(0);
  }
}


.cbp-animation-rotateSides {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    -webkit-transform-origin: -50% 50%;
    -webkit-animation: rotateSides-out .5s both ease-in;
    -ms-transform-origin: -50% 50%;
    transform-origin: -50% 50%;
    animation: rotateSides-out 0.5s both ease-in;
  }
  .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 150% 50%;
    -webkit-animation: rotateSides-in .6s both ease-out;
    -ms-transform-origin: 150% 50%;
    transform-origin: 150% 50%;
    animation: rotateSides-in 0.6s both ease-out;
  }
}

@keyframes rotateSides-out {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateZ(-500px) rotateY(90deg);
  }
}


@keyframes rotateSides-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateZ(-500px) rotateY(-90deg);
  }

  40% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateZ(-500px) rotateY(-90deg);
  }
}


.cbp-animation-foldLeft {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    animation: foldLeft-out 0.7s both ease;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: foldLeft-in 0.7s ease both;
  }
}

@keyframes foldLeft-out {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateX(-100%) rotateY(-90deg);
  }
}


@keyframes foldLeft-in {
  0% {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    transform: translateX(100%);
  }
}


.cbp-animation-unfold {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: unfold-out 0.8s ease both;
  }
  .cbp-wrapper .cbp-item-wrapper {
    -webkit-transform-origin: 0 50%;
    -webkit-animation: unfold-in .8s both ease;
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    animation: unfold-in 0.8s both ease;
  }
}

@keyframes unfold-out {
  90% {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateX(-100%);
  }
}


@keyframes unfold-in {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateX(100%) rotateY(90deg);
  }
}


.cbp-animation-scaleDown {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: scaleDown-out 0.7s ease both;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: scaleDown-in 0.6s ease both;
  }
}

@keyframes scaleDown-out {
  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: scale(0.8);
  }
}


@keyframes scaleDown-in {
  0% {
    transform: translateX(100%);
  }
}


.cbp-animation-frontRow {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    animation: frontRow-out 0.7s both ease;
  }
  .cbp-wrapper .cbp-item-wrapper {
    animation: frontRow-in 0.6s both ease;
  }
}

@keyframes frontRow-out {
  100% {
    transform: translateX(-60%) scale(0.8);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes frontRow-in {
  0% {
    transform: translateX(100%) scale(0.8);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateX(0) scale(1);
  }
}


.cbp-animation-rotateRoom {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-item {
    perspective: 1000px;
  }
  .cbp-item-wrapper {
    transform-style: preserve-3d;
  }
  .cbp-wrapper-helper .cbp-item-wrapper {
    -ms-transform-origin: 100% 50%;
    transform-origin: 100% 50%;
    animation: rotateRoom-out 0.8s both ease;
  }
  .cbp-wrapper .cbp-item-wrapper {
    -ms-transform-origin: 0 50%;
    transform-origin: 0 50%;
    animation: rotateRoom-in 0.8s both ease;
  }
}

@keyframes rotateRoom-out {
  90% {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  }

  100% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateX(-100%) rotateY(90deg);
  }
}


@keyframes rotateRoom-in {
  0% {
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    transform: translateX(100%) rotateY(-90deg);
  }
}


.cbp-animation-bounceBottom {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-wrapper-helper {
    animation: bounceBottom-out 0.6s both ease-in-out;
  }
  .cbp-wrapper {
    animation: bounceBottom-in 0.6s both ease-in-out;
  }
}

@keyframes bounceBottom-out {
  100% {
    transform: translateY(100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes bounceBottom-in {
  0% {
    transform: translateY(100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-animation-bounceLeft {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-wrapper-helper {
    animation: bounceLeft-out 0.6s both ease-in-out;
  }
  .cbp-wrapper {
    animation: bounceLeft-in 0.6s both ease-in-out;
  }
}

@keyframes bounceLeft-out {
  100% {
    transform: translateX(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes bounceLeft-in {
  0% {
    transform: translateX(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    transform: translateX(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-animation-bounceTop {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-wrapper-helper {
    animation: bounceTop-out 0.6s both ease-in-out;
  }
  .cbp-wrapper {
    animation: bounceTop-in 0.6s both ease-in-out;
  }
}

@keyframes bounceTop-out {
  100% {
    transform: translateY(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes bounceTop-in {
  0% {
    transform: translateY(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    transform: translateY(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-animation-moveLeft {
  transition: height .6s ease-in-out;
  will-change: height;
  .cbp-wrapper-helper {
    animation: moveLeft-out 0.6s both ease-in-out;
  }
  .cbp-wrapper {
    animation: moveLeft-in 0.6s both ease-in-out;
  }
}

@keyframes moveLeft-out {
  100% {
    transform: translateX(-100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}


@keyframes moveLeft-in {
  0% {
    transform: translateX(100%);
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    transform: translateX(0);
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-displayType-bottomToTop {
  perspective: 1000px;
  .cbp-item {
    animation: fadeInBottomToTop 0.3s both ease-in;
  }
}

@keyframes fadeInBottomToTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateY(50px);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateY(0);
  }
}


.cbp-displayType-fadeIn {
  animation: fadeIn 0.5s both ease-in;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
}


.cbp-displayType-fadeInToTop {
  perspective: 1000px;
  animation: fadeInToTop 0.5s both ease-in;
}

@keyframes fadeInToTop {
  0% {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    transform: translateY(30px);
  }

  100% {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    transform: translateY(0);
  }
}


.cbp-displayType-sequentially .cbp-item {
  animation: fadeIn 0.5s both ease-in;
}

.cbp-lightbox img {
  display: block;
  border: 0;
  width: 100%;
  height: auto;
}

.cbp-popup-ie8bg {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  top: 0;
  left: 0;
  z-index: -1;
  background: #000;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.cbp-popup-wrap {
  height: 100%;
  text-align: center;
  position: fixed;
  width: 100%;
  left: 0;
  top: 0;
  display: none;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  overflow-x: hidden;
  z-index: 9990;
  padding: 0 10px;
  video {
    outline: 0 none;
  }
}

.cbp-popup-lightbox {
  background: rgba(0, 0, 0, 0.8);
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
}

.cbp-popup-singlePage {
  background: white;
  padding: 0;
}

.cbp-popup-wrap:before {
  content: "";
  display: inline-block;
  height: 100%;
  vertical-align: middle;
}

.cbp-popup-content {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
  max-width: 100%;
}

.cbp-popup-singlePage {
  .cbp-popup-content {
    position: relative;
    z-index: 1;
    margin-top: 145px;
    max-width: 1024px;
    vertical-align: top;
    width: 94%;
  }
  .cbp-popup-content-basic {
    position: relative;
    z-index: 1;
    margin-top: 104px;
    vertical-align: top;
    width: 100%;
    display: inline-block;
    text-align: left;
  }
}

.cbp-popup-lightbox-figure {
  position: relative;
}

.cbp-popup-lightbox-bottom {
  left: 0;
  position: absolute;
  top: 100%;
  width: 100%;
  margin-top: 3px;
}

.cbp-popup-lightbox-title {
  padding-right: 70px;
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #eee;
}

.cbp-popup-lightbox-counter {
  position: absolute;
  top: 0;
  right: 0;
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #eee;
}

.cbp-popup-lightbox-img {
  width: auto;
  max-width: 100%;
  height: auto;
  display: block;
  margin: 40px 0;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  &[data-action] {
    cursor: pointer;
  }
}

.cbp-popup-lightbox-isIframe {
  .cbp-popup-content {
    width: 75%;
  }
  .cbp-lightbox-bottom {
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    margin-top: 3px;
  }
}

@media only screen and (max-width: 768px) {
  .cbp-popup-lightbox-isIframe .cbp-popup-content {
    width: 95%;
  }
}

.cbp-popup-lightbox-iframe {
  position: relative;
  height: 0;
  padding-bottom: 56.25%;
  background: #000;
  iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  }
  audio {
    margin-top: 27%;
  }
}

.cbp-popup-singlePage {
  .cbp-popup-navigation-wrap {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9990;
    height: 104px;
    background-color: #3d4750;
  }
  .cbp-popup-navigation {
    position: relative;
    width: 100%;
    height: 100%;
  }
}

.cbp-popup-singlePage-sticky .cbp-popup-navigation-wrap {
  position: fixed;
  top: 0 !important;
}

.cbp-popup-singlePage-counter {
  color: #fff;
  position: absolute;
  margin: auto;
  right: 40px;
  top: 0;
  bottom: 0;
  font: 400 13px/30px "Open Sans", sans-serif;
  height: 30px;
}

@media only screen and (max-width: 768px) {
  .cbp-popup-singlePage-counter {
    right: 3%;
  }
}

.cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
  padding: 0;
  border: medium none;
  position: absolute;
  cursor: pointer;
  outline: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cbp-popup-lightbox {
  .cbp-popup-prev, .cbp-popup-next, .cbp-popup-close {
    visibility: hidden;
  }
}

.cbp-popup-ready.cbp-popup-lightbox {
  .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
    visibility: visible;
  }
}

.cbp-popup-lightbox .cbp-popup-prev {
  background: url(../img/cbp-sprite.png) no-repeat scroll 0 0 transparent;
  width: 44px;
  height: 44px;
  top: 0;
  bottom: 0;
  left: 20px;
  margin: auto;
  &:hover {
    background-position: 0 -46px;
  }
}

.cbp-popup-singlePage .cbp-popup-prev {
  background: url(../img/cbp-sprite.png) no-repeat scroll 0 -92px transparent;
  width: 44px;
  height: 44px;
  margin: auto;
  top: 0;
  right: 108px;
  bottom: 0;
  left: 0;
  &:hover {
    background-position: 0 -138px;
  }
}

.cbp-popup-lightbox .cbp-popup-next {
  background: url(../img/cbp-sprite.png) no-repeat scroll -46px 0 transparent;
  width: 44px;
  height: 44px;
  top: 0;
  bottom: 0;
  right: 20px;
  margin: auto;
  &:hover {
    background-position: -46px -46px;
  }
}

.cbp-popup-singlePage .cbp-popup-next {
  background: url(../img/cbp-sprite.png) no-repeat scroll -46px -92px transparent;
  width: 44px;
  height: 44px;
  margin: auto;
  top: 0;
  right: 0;
  bottom: 0;
  left: 108px;
  &:hover {
    background-position: -46px -138px;
  }
}

.cbp-popup-lightbox .cbp-popup-close {
  background: url(../img/cbp-sprite.png) no-repeat scroll -92px 0 transparent;
  height: 40px;
  width: 40px;
  right: 20px;
  top: 20px;
  &:hover {
    background-position: -92px -46px;
  }
}

.cbp-popup-singlePage {
  .cbp-popup-close {
    background: url(../img/cbp-sprite.png) no-repeat scroll -92px -92px transparent;
    height: 44px;
    width: 44px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    &:hover {
      background-position: -92px -138px;
    }
  }
  .cbp-popup-ie8bg {
    background-color: #fff;
  }
}

@media only screen and (max-width: 360px), (max-height: 600px) {
  .cbp-popup-next, .cbp-popup-prev, .cbp-popup-close {
    -ms-transform: scale(0.8);
    transform: scale(0.8);
  }
  .cbp-popup-lightbox {
    .cbp-popup-close {
      right: 10px;
      top: 10px;
    }
    .cbp-popup-next {
      right: 10px;
    }
    .cbp-popup-prev {
      left: 10px;
    }
  }
  .cbp-popup-singlePage {
    .cbp-popup-navigation-wrap {
      height: 84px;
    }
    .cbp-popup-content {
      margin-top: 120px;
    }
  }
}

.cbp-popup-loadingBox {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.cbp-popup-lightbox .cbp-popup-loadingBox:after {
  border-left: 3px solid rgba(255, 255, 255, 0.3);
  border-right: 3px solid rgba(255, 255, 255, 0.3);
  border-bottom: 3px solid rgba(255, 255, 255, 0.3);
  border-top: 3px solid rgba(255, 255, 255, 0.85);
}

.cbp-popup-ready .cbp-popup-loadingBox {
  visibility: hidden;
  display: none;
}

.cbp-popup-loading .cbp-popup-loadingBox {
  visibility: visible;
  display: block;
}

.cbp-popup-transitionend {
  overflow-y: scroll;
}

.cbp-popup-singlePage {
  left: 100%;
  transition: left 0.6s ease-in-out;
  &.cbp-popup-loading .cbp-popup-content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  }
}

.cbp-popup-singlePage-open {
  left: 0;
}

.cbp-popup-singlePage.cbp-popup-singlePage-fade {
  left: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.25s ease-in-out;
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-fade {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cbp-popup-singlePage.cbp-popup-singlePage-right {
  left: -100%;
  transition: left 0.6s ease-in-out;
}

.cbp-popup-singlePage-open.cbp-popup-singlePage-right {
  left: 0;
}

.cbp-l-project-title {
  color: #454444;
  font: 600 42px/46px "Open Sans", sans-serif;
  letter-spacing: 2px;
  margin-bottom: 15px;
  text-align: center;
  text-transform: uppercase;
}

.cbp-l-project-subtitle {
  color: #787878;
  font: 400 14px/21px "Open Sans", sans-serif;
  margin: 0 auto 50px;
  max-width: 500px;
  text-align: center;
}

.cbp-popup-singlePage .cbp-popup-content .cbp-l-project-img {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}

.cbp-l-project-container {
  overflow: hidden;
  margin: 40px auto 0;
  clear: both;
}

.cbp-l-project-desc {
  float: left;
  width: 62%;
}

.cbp-l-project-details {
  float: right;
  width: 38%;
  padding-left: 60px;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .cbp-l-project-title {
    font-size: 30px;
    line-height: 34px;
  }
  .cbp-l-project-desc {
    width: 100%;
  }
  .cbp-l-project-details {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
}

.cbp-l-project-desc-title {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 22px;
  color: #444;
  span {
    border-bottom: 1px solid #747474;
    display: inline-block;
    margin: 0 0 -1px;
    font: 400 16px/36px "Open Sans", sans-serif;
    padding: 0 5px 0 0;
  }
}

.cbp-l-project-details-title span {
  border-bottom: 1px solid #747474;
  display: inline-block;
  margin: 0 0 -1px;
  font: 400 16px/36px "Open Sans", sans-serif;
  padding: 0 5px 0 0;
}

.cbp-l-project-desc-text {
  font: 400 13px/20px "Open Sans", sans-serif;
  color: #555;
  margin-bottom: 20px;
}

.cbp-l-project-details-title {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 19px;
  color: #444;
}

.cbp-l-project-details-list {
  margin: 0;
  padding: 0;
  list-style: none;
  > {
    li, div {
      border-bottom: 1px dotted #dfdfdf;
      padding: inherit;
      color: #666;
      font: 400 (12px / 30px) "Open Sans", sans-serif;
    }
    li:last-child, div:last-child {
      border: none;
    }
  }
  strong {
    display: inline-block;
    color: #696969;
    font-weight: 600;
    min-width: 100px;
  }
}

.cbp-l-project-details-visit {
  color: #fff;
  float: right;
  clear: both;
  text-decoration: none;
  font: 400 11px/18px "Open Sans", sans-serif;
  margin-top: 25px;
  background-color: #62b57b;
  padding: 8px 19px;
  text-transform: uppercase;
  letter-spacing: 0.5px;
  &:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
    color: #fff;
  }
}

.cbp-l-project-related-wrap {
  font-size: 0;
  margin: 0;
  padding: 0;
}

.cbp-l-project-related-item {
  margin-left: 5%;
  max-width: 30%;
  float: left;
  &:first-child {
    margin-left: 0;
  }
}

.cbp-l-project-related-title {
  font: 700 14px/18px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 20px;
}

.cbp-l-project-related-link {
  text-decoration: none;
  &:hover {
    opacity: .9;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  }
}

.cbp-l-member-img {
  float: left;
  width: 40%;
  margin-top: 20px;
  img {
    border: 1px solid #e2e2e2;
    width: auto;
    max-width: 100%;
    height: auto;
    display: inline-block;
    border: 0;
  }
}

.cbp-l-member-info {
  margin-top: 20px;
  padding-left: 25px;
  float: left;
  width: 60%;
}

@media only screen and (max-width: 768px) {
  .cbp-l-member-img {
    width: 100%;
    text-align: center;
  }
  .cbp-l-member-info {
    width: 100%;
    padding-left: 0;
  }
}

.cbp-l-member-name {
  font: 400 28px/28px "Open Sans", sans-serif;
  color: #474747;
}

.cbp-l-member-position {
  font: 400 13px/21px "Open Sans", sans-serif;
  color: #888;
  margin-top: 6px;
}

.cbp-l-member-desc {
  font: 400 12px/18px "Open Sans", sans-serif;
  margin-top: 25px;
  color: #474747;
}

.cbp-popup-singlePageInline-open {
  transition: height 0.5s ease 0s !important;
  .cbp-item {
    transition: transform 0.5s ease 0s !important;
  }
}

.cbp-popup-singlePageInline-close .cbp-popup-singlePageInline {
  &:after {
    display: none;
    visibility: hidden;
  }
  .cbp-popup-content, .cbp-popup-navigation {
    transition-delay: 0;
  }
}

.cbp-popup-singlePageInline {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: hidden;
  .cbp-popup-content {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    width: 100%;
    z-index: 1;
    min-height: 300px;
    transition: opacity 0.4s ease-in 0.2s;
  }
  .cbp-popup-navigation {
    transition: opacity 0.4s ease-in 0.2s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    width: 40px;
    height: 40px;
  }
  .cbp-popup-close {
    background: url(../img/cbp-sprite.png) no-repeat scroll -92px 0 transparent;
    height: 40px;
    width: 40px;
    right: 20px;
    top: 30px;
    &:hover {
      opacity: .7;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    }
  }
}

.cbp-popup-singlePageInline-ready {
  z-index: 4;
  .cbp-popup-content, .cbp-popup-navigation {
    opacity: 1;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  }
  &:after {
    display: none;
    visibility: hidden;
  }
}

.cbp-singlePageInline-active {
  opacity: .6 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
}

.cbp-l-inline {
  margin: 20px 0;
  overflow: hidden;
  background: #fafafa;
  padding: 30px;
}

.cbp-l-inline-left {
  float: left;
  width: 44%;
}

.cbp-l-project-img {
  max-width: 100%;
}

.cbp-l-inline-right {
  float: right;
  width: 56%;
  padding-left: inherit;
}

@media only screen and (max-width: 768px) {
  .cbp-l-inline-left {
    width: 100%;
    text-align: center;
    margin-top: 40px;
  }
  .cbp-l-inline-right {
    width: 100%;
    padding-left: 0;
    margin-top: 20px;
  }
}

.cbp-l-inline-title {
  font: 400 28px/30px "Open Sans", sans-serif;
  color: #474747;
}

.cbp-l-inline-subtitle {
  font: 400 13px/21px "Open Sans", sans-serif;
  color: #888;
  margin-top: 7px;
}

.cbp-l-inline-desc {
  font: 400 13px/20px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 25px;
  margin-bottom: 20px;
}

.cbp-l-inline-view-wrap {
  text-align: right;
}

.cbp-l-inline-view {
  font: 400 13px/35px "Open Sans", sans-serif;
  color: #9c9c9c;
  margin-top: 40px;
  display: inline-block;
  padding: 0 20px;
  border: 1px solid #ccc;
  text-decoration: none;
  &:hover {
    color: #757575;
  }
}

.cbp-l-inline-details {
  margin-bottom: 15px;
  font: (13px / 22px) "Open Sans", sans-serif;
}

.cbp-l-loadMore-defaultText, .cbp-l-loadMore-button-defaultText {
  display: block;
}

.cbp-l-loadMore-loadingText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-loadingText, .cbp-l-loadMore-button-noMoreLoading {
  display: none;
}

.cbp-l-loadMore-loading {
  .cbp-l-loadMore-loadingText, .cbp-l-loadMore-button-loadingText {
    display: block;
  }
  .cbp-l-loadMore-defaultText, .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-button-noMoreLoading {
    display: none;
  }
}

.cbp-l-loadMore-stop {
  .cbp-l-loadMore-noMoreLoading, .cbp-l-loadMore-button-noMoreLoading {
    display: block;
  }
  .cbp-l-loadMore-defaultText, .cbp-l-loadMore-loadingText, .cbp-l-loadMore-button-defaultText, .cbp-l-loadMore-button-loadingText {
    display: none;
  }
}

.cbp-l-loadMore-bgbutton {
  text-align: center;
  .cbp-l-loadMore-link {
    border: 1px solid #dedede;
    color: #7e7b7b;
    display: inline-block;
    font: 400 13px/40px "Lato", sans-serif;
    min-width: 80px;
    text-decoration: none;
    padding: 0 50px;
    margin-top: 50px;
    outline: 0;
    box-shadow: none;
    letter-spacing: 1px;
    transition: color 0.25s;
    &:hover, &.cbp-l-loadMore-loading {
      color: #b0b0b0;
    }
    &.cbp-l-loadMore-stop {
      cursor: default;
      color: #b0b0b0;
    }
  }
}

.cbp-l-loadMore-button {
  text-align: center;
  .cbp-l-loadMore-link, .cbp-l-loadMore-button-link {
    border: 1px solid #dedede;
    color: #7e7b7b;
    display: inline-block;
    font: 400 12px/36px "Open Sans", sans-serif;
    min-width: 80px;
    text-decoration: none;
    padding: 0 30px;
    outline: 0;
    margin-top: 40px;
    box-shadow: none;
    transition: color 0.25s;
  }
  .cbp-l-loadMore-link:hover, .cbp-l-loadMore-button-link:hover {
    color: #b0b0b0;
  }
  .cbp-l-loadMore-link {
    &.cbp-l-loadMore-loading {
      color: #b0b0b0;
    }
    &.cbp-l-loadMore-stop {
      cursor: default;
      color: #b0b0b0;
    }
  }
  .cbp-l-loadMore-button-link {
    &.cbp-l-loadMore-stop, &.cbp-l-loadMore-button-stop {
      cursor: default;
      color: #b0b0b0;
    }
  }
}

.cbp-l-loadMore-text {
  text-align: center;
  .cbp-l-loadMore-link, .cbp-l-loadMore-text-link {
    font: 400 15px "Open Sans", sans-serif;
    color: #7e7b7b;
    text-decoration: none;
    cursor: pointer;
    margin-top: 50px;
    display: block;
  }
  .cbp-l-loadMore-stop, .cbp-l-loadMore-text-stop {
    color: #b0b0b0;
    cursor: default;
  }
}

.cbp-mode-slider {
  transition: height 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
  .cbp-wrapper, .cbp-item {
    transition: transform 0.35s cubic-bezier(0.22, 0.6, 0.345, 1);
  }
  .cbp-wrapper {
    cursor: -webkit-grab;
    cursor: -o-grab;
    cursor: -ms-grab;
    cursor: grab;
  }
}

.cbp-mode-slider-dragStart {
  * {
    cursor: move !important;
    cursor: -ms-grabbing !important;
    cursor: -webkit-grabbing !important;
    cursor: grabbing !important;
  }
  .cbp-wrapper {
    transition: none;
  }
}

.cbp-nav-next, .cbp-nav-prev {
  position: relative;
  background: #7c8b90;
  cursor: pointer;
  display: inline-block;
  margin-left: 1px;
  height: 22px;
  width: 21px;
}

.cbp-nav-next {
  border-radius: 0 2px 2px 0;
}

.cbp-nav-prev {
  border-radius: 2px 0 0 2px;
}

.cbp-nav-next:hover, .cbp-nav-prev:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.cbp-nav-next:after, .cbp-nav-prev:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(../img/cbp-sprite.png) no-repeat;
  height: 10px;
  width: 7px;
}

.cbp-nav-next:after {
  background-position: -134px 0;
}

.cbp-nav-prev:after {
  background-position: -134px -12px;
}

.cbp-nav-stop {
  opacity: .5 !important;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  cursor: default !important;
}

.cbp-nav {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.cbp-nav-controls {
  position: absolute;
  top: -51px;
  right: 0;
  z-index: 100;
}

.cbp-nav-pagination {
  position: absolute;
  bottom: -30px;
  right: 0;
  z-index: 100;
  left: 0;
  text-align: center;
}

.cbp-nav-pagination-item {
  position: relative;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  margin: 0 4px;
  display: inline-block;
  cursor: pointer;
  background: #c2c2c2;
  transition: background 0.5s;
}

.cbp-nav-pagination-active {
  background: #797979;
}

.cbp-pagination-item {
  max-width: 100px;
  display: inline-block;
  cursor: pointer;
  margin-top: 10px;
  margin-right: 5px;
  position: relative;
  img {
    display: block;
    width: 100%;
    height: auto;
    border: 0;
  }
  &:after {
    content: '';
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    transition: background 0.5s ease-in-out;
  }
}

.cbp-pagination-active:after {
  background: transparent;
}

.cbp-slider-wrap, .cbp-slider-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.cbp-slider {
  .cbp-nav-controls {
    position: static;
  }
  .cbp-nav-next, .cbp-nav-prev {
    background: transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 44px;
    height: 44px;
  }
  .cbp-nav-next {
    right: 25px;
    left: auto;
  }
  .cbp-nav-prev {
    left: 25px;
    right: auto;
  }
  .cbp-nav-next:after, .cbp-nav-prev:after {
    background: url(../img/cbp-sprite.png) no-repeat;
    width: 44px;
    height: 44px;
  }
  .cbp-nav-next {
    &:after {
      background-position: -46px -92px;
    }
    &:hover:after {
      background-position: -46px -46px;
    }
  }
  .cbp-nav-prev {
    &:after {
      background-position: 0 -92px;
    }
    &:hover:after {
      background-position: 0 -46px;
    }
  }
  .cbp-nav-pagination {
    text-align: right;
    bottom: 20px;
    right: 25px;
    left: auto;
  }
}

.cbp-slider-edge {
  .cbp-nav-controls {
    position: static;
  }
  .cbp-nav-next, .cbp-nav-prev {
    background: transparent;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    z-index: 100;
    width: 44px;
    height: 44px;
  }
  .cbp-nav-next {
    right: -14px;
    left: auto;
  }
  .cbp-nav-prev {
    left: -14px;
    right: auto;
  }
  .cbp-nav-next:after, .cbp-nav-prev:after {
    background: url(../img/cbp-sprite.png) no-repeat;
    width: 9px;
    height: 16px;
  }
  .cbp-nav-next:after {
    background-position: -134px -24px;
  }
  .cbp-nav-prev:after {
    background-position: -134px -42px;
  }
  .cbp-nav-pagination {
    bottom: -50px;
  }
  .cbp-nav-pagination-item {
    border: 2px solid #0f0f0f;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    background: transparent;
  }
  .cbp-nav-pagination-active {
    background: #000;
  }
}

.cbp-slider-inline {
  position: relative;
  .cbp-slider-item {
    position: absolute;
    width: 100%;
    top: 0;
    transition: left 0.5s ease;
  }
  .cbp-slider-item--active {
    position: relative;
    z-index: 2;
  }
}

.cbp-slider-wrapper {
  position: relative;
  overflow: hidden;
}

.cbp-slider-controls {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 100;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  transition: opacity 0.7s ease-in-out;
}

.cbp-slider-inline-ready .cbp-slider-controls {
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
}

.cbp-slider-next, .cbp-slider-prev {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  cursor: pointer;
  position: relative;
  width: 36px;
  height: 36px;
  background: #547eb1;
}

.cbp-slider-next {
  margin-left: 1px;
  &:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    background: url(../img/cbp-sprite.png) no-repeat;
    width: 9px;
    height: 16px;
  }
}

.cbp-slider-prev:after {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background: url(../img/cbp-sprite.png) no-repeat;
  width: 9px;
  height: 16px;
}

.cbp-slider-next:after {
  background-position: -134px -60px;
}

.cbp-slider-prev:after {
  background-position: -134px -78px;
}

.cbp-l-grid-agency {
  .cbp-caption:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-bottom: 10px solid #fff;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    z-index: 1;
  }
  &.cbp-caption-zoom .cbp-caption:hover .cbp-caption-defaultWrap {
    -ms-transform: scale(1.15);
    transform: scale(1.15);
  }
}

.cbp-l-grid-agency-title {
  margin-top: 18px;
  font: 700 17px/24px "Lato", sans-serif;
  color: #666;
  text-align: center;
}

.cbp-item:hover .cbp-l-grid-agency-title {
  color: #222;
}

.cbp-l-grid-agency-desc {
  font: 400 12px/21px "Open Sans", sans-serif;
  color: #aaa;
  text-align: center;
}

.cbp-l-grid-work {
  &.cbp-caption-zoom .cbp-caption-activeWrap {
    background-color: rgba(0, 0, 0, 0.7);
  }
  .cbp-item {
    padding: 3px;
  }
  .cbp-item-wrapper {
    background-color: #fff;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
    padding: 7px 7px 27px;
    border-top: 1px solid #f4f4f4;
  }
}

.cbp-l-grid-work-title {
  margin-top: 17px;
  font: 400 17px/25px "Roboto Condensed", sans-serif;
  color: #607d8b;
  text-align: center;
  text-transform: uppercase;
  display: block;
  &:hover {
    color: #365d67;
  }
}

.cbp-l-grid-work-desc {
  font: 400 11px/16px "Open Sans", sans-serif;
  color: #888;
  text-align: center;
  text-transform: uppercase;
}

.cbp-l-grid-blog-title {
  font: 400 18px/30px "Open Sans", sans-serif;
  color: #444;
  display: block;
  margin-top: 17px;
  &:hover {
    color: #787878;
  }
}

.cbp-l-grid-blog-date {
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #787878;
  display: inline-block;
}

.cbp-l-grid-blog-comments {
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #3c6fbb;
  display: inline-block;
  &:hover {
    opacity: .8;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
  }
}

.cbp-l-grid-blog-desc {
  font: 400 13px/18px "Open Sans", sans-serif;
  color: #9b9b9b;
  margin-top: 9px;
}

.cbp-l-grid-blog-split {
  margin: 0 4px;
  font: 400 13px/16px "Open Sans", sans-serif;
  color: #787878;
  display: inline-block;
}

.cbp-l-grid-clients {
  height: 180px;
}

.cbp-l-clients-title-block {
  font: 400 32px/53px "Roboto", sans-serif;
  color: #666464;
  text-align: center;
  margin-bottom: 40px;
}

.cbp-l-grid-faq .cbp-item {
  width: 100%;
}

.cbp-l-grid-projects-title {
  font: 700 14px/21px "Open Sans", sans-serif;
  color: #474747;
  margin-top: 15px;
}

.cbp-l-grid-projects-desc {
  font: 400 12px/18px "Open Sans", sans-serif;
  color: #888;
  margin-top: 5px;
}

.cbp-l-grid-masonry-projects {
  .cbp-caption-activeWrap {
    background-color: #59a3b6;
    background-color: rgba(89, 163, 182, 0.95);
  }
  .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
    background-color: #545454;
  }
}

.cbp-l-grid-masonry-projects-title {
  font: 500 15px/22px "Roboto", sans-serif;
  color: #59a3b6;
  text-align: center;
  display: block;
  margin-top: 12px;
  &:hover {
    color: #457c8b;
  }
}

.cbp-l-grid-masonry-projects-desc {
  font: 400 12px/18px "Roboto", sans-serif;
  color: #b2b2b2;
  text-align: center;
}

.cbp-l-grid-team-name {
  font: 400 17px/24px "Open Sans", sans-serif;
  color: #456297;
  display: block;
  text-align: center;
  margin-top: 18px;
  &:hover {
    color: #34425c;
  }
}

.cbp-l-grid-team-position {
  font: italic 400 13px/21px "Open Sans", sans-serif;
  color: #999;
  text-align: center;
}

.cbp-l-grid-mosaic-flat {
  .cbp-caption-activeWrap {
    background-color: #64c28e;
    background-color: rgba(101, 199, 150, 0.95);
  }
  .cbp-l-caption-title {
    color: #fff;
    font: 400 14px/21px "Lato", sans-serif;
    text-transform: uppercase;
    letter-spacing: 2px;
    display: inline-block;
    &:after {
      content: '';
      display: block;
      width: 40%;
      height: 1px;
      background-color: #fff;
      margin: 8px auto 0;
    }
  }
}

.cbp-l-grid-mosaic-projects .cbp-caption-activeWrap {
  background-color: #59a3b6;
  background-color: rgba(89, 163, 182, 0.97);
}

.cbp-l-grid-mosaic {
  .cbp-caption-activeWrap {
    background-color: #ffea71;
    background-color: rgba(255, 234, 113, 0.95);
  }
  .cbp-l-caption-title {
    color: #5a5a5a;
    font: 500 18px/22px "Roboto", sans-serif;
    text-transform: uppercase;
    margin-bottom: 5px;
  }
  .cbp-l-caption-desc {
    color: #585858;
    font: 400 (13px / 20px) "Roboto", sans-serif;
  }
}

.cbp-l-slider-title-block {
  border-bottom: 1px solid #cdcdcd;
  margin-bottom: 22px;
  div {
    padding: 0 2px 6px 0;
    display: inline-block;
    border-bottom: 1px solid #a9a5a5;
    color: #5e5e5e;
    margin-bottom: -1px;
    font: (15px / 21px) "Roboto", sans-serif;
  }
}

.cbp-l-grid-slider-team-name {
  float: left;
  font: 20px/30px "Roboto", sans-serif;
  color: #494949;
  margin-top: 16px;
}

.cbp-l-grid-slider-team-position {
  clear: both;
  font: 14px/21px "Roboto", sans-serif;
  color: #a6a6a6;
}

.cbp-l-grid-slider-team-desc {
  font: 13px/20px "Roboto", sans-serif;
  color: #969696;
  margin-top: 15px;
}

.cbp-l-grid-slider-team-social {
  float: right;
  margin-top: 22px;
  a {
    margin-left: 4px;
    &:hover {
      opacity: .8;
      -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
    }
  }
}

.cbp-l-slider-testimonials-wrap {
  background: #f8f9f9;
  padding: 80px 0 110px;
  border-width: 1px 0;
  border-style: solid;
  border-color: #dce1e2;
}

.cbp-l-grid-slider-testimonials-body {
  color: #424242;
  max-width: 800px;
  margin: 0 auto;
  font: 20px/32px sans-serif;
  text-align: center;
  padding: 0 20px;
}

.cbp-l-grid-slider-testimonials-footer {
  font: 12px/19px "Roboto", sans-serif;
  color: #777;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 30px;
}

.cbp-l-grid-tabs {
  height: 100px;
  .cbp-item {
    font: 14px/24px "Lato", sans-serif;
    max-width: 700px;
    width: 100%;
    margin: 0 auto;
    right: 0;
    text-align: center;
    color: #5a5a5a;
  }
}

.cbp-l-testimonials-title-block {
  position: relative;
  text-align: center;
  font: 26px/36px "Roboto", sans-serif;
  color: #e7e7e7;
  margin-bottom: 60px;
  &:after {
    content: '';
    position: absolute;
    margin: 0 auto;
    width: 23px;
    height: 2px;
    bottom: -6px;
    background-color: #c2c2c2;
    left: 0;
    right: 0;
  }
}

.cbp-l-testimonials-wrap {
  background: #2d2d2d;
  padding: 60px 0 110px;
}

.cbp-l-grid-testimonials-body {
  color: #e7e7e7;
  max-width: 800px;
  margin: 0 auto;
  font: 20px/32px "Roboto", sans-serif;
  text-align: center;
  padding: 0 20px;
}

.cbp-l-grid-testimonials-footer {
  font: 12px/19px "Roboto", sans-serif;
  color: #c2c2c2;
  text-align: center;
  margin-bottom: 40px;
  margin-top: 35px;
}

.cbp-search {
  position: relative;
  width: 220px;
  margin-bottom: 40px;
  .cbp-search-nothing {
    display: none;
  }
}

.cbp-search-icon {
  position: absolute;
  width: 32px;
  height: 100%;
  top: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
  pointer-events: none;
  &:after {
    content: '';
    display: block;
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTEyMTYgODMycTAtMTg1LTEzMS41LTMxNi41VDc2OCAzODQgNDUxLjUgNTE1LjUgMzIwIDgzMnQxMzEuNSAzMTYuNVQ3NjggMTI4MHQzMTYuNS0xMzEuNVQxMjE2IDgzMnptNTEyIDgzMnEwIDUyLTM4IDkwdC05MCAzOHEtNTQgMC05MC0zOGwtMzQzLTM0MnEtMTc5IDEyNC0zOTkgMTI0LTE0MyAwLTI3My41LTU1LjV0LTIyNS0xNTAtMTUwLTIyNVQ2NCA4MzJ0NTUuNS0yNzMuNSAxNTAtMjI1IDIyNS0xNTBUNzY4IDEyOHQyNzMuNSA1NS41IDIyNSAxNTAgMTUwIDIyNVQxNDcyIDgzMnEwIDIyMC0xMjQgMzk5bDM0MyAzNDNxMzcgMzcgMzcgOTB6Ii8+PC9zdmc+) no-repeat scroll center center;
    width: 100%;
    height: 100%;
    pointer-events: none;
  }
}

.cbp-search-input {
  height: 36px;
  padding: 0 32px 0 12px;
  margin: 0;
  border-radius: 1px;
  border: 1px solid #c6c3c4;
  font: 400 12px "Open Sans", sans-serif;
  width: 100%;
  &[value] + .cbp-search-icon {
    pointer-events: auto;
    &:after {
      background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNzkyIDE3OTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZmlsbD0iIzczNzM3MyIgZD0iTTE0OTAgMTMyMnEwIDQwLTI4IDY4bC0xMzYgMTM2cS0yOCAyOC02OCAyOHQtNjgtMjhsLTI5NC0yOTQtMjk0IDI5NHEtMjggMjgtNjggMjh0LTY4LTI4bC0xMzYtMTM2cS0yOC0yOC0yOC02OHQyOC02OGwyOTQtMjk0LTI5NC0yOTRxLTI4LTI4LTI4LTY4dDI4LTY4bDEzNi0xMzZxMjgtMjggNjgtMjh0NjggMjhsMjk0IDI5NCAyOTQtMjk0cTI4LTI4IDY4LTI4dDY4IDI4bDEzNiAxMzZxMjggMjggMjggNjh0LTI4IDY4bC0yOTQgMjk0IDI5NCAyOTRxMjggMjggMjggNjh6Ii8+PC9zdmc+);
    }
  }
}

.cbp-search-nothing {
  position: absolute;
  top: 0;
  padding: 0 0 30px;
  text-align: center;
  width: 100%;
  font: 13px "Open Sans", sans-serif;
}

.cbp-l-project-social {
  display: -ms-flexbox;
  display: flex;
}

.cbp-social-fb, .cbp-social-twitter, .cbp-social-googleplus, .cbp-social-pinterest {
  margin-right: 9px;
  display: -ms-flexbox;
  display: flex;
}

.cbp-social-fb:hover, .cbp-social-twitter:hover, .cbp-social-googleplus:hover, .cbp-social-pinterest:hover {
  opacity: .8;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.cbp-social-fb:focus, .cbp-social-twitter:focus, .cbp-social-googleplus:focus, .cbp-social-pinterest:focus {
  outline: none;
}

.cbp-social-fb path {
  fill: #415c9b;
}

.cbp-social-twitter path {
  fill: #55acee;
}

.cbp-social-googleplus path {
  fill: #e57371;
}

.cbp-social-pinterest path {
  fill: #cb2027;
}

.cube-portfolio {
  &:before {
    content: " ";
    display: table;
  }
  &:after {
    content: " ";
    display: table;
    clear: both;
  }
  .cbp-popup-singlePageInline .cbp-popup-loadingBox {
    border-radius: 50% !important;
  }
}

.cbp-l-grid-agency .cbp-caption:after {
  border: none;
}

.cube-portfolio {
  .cbp-caption-zoom .cbp-caption-activeWrap {
    background: rgba(39, 58, 78, 0.6) !important;
  }
  .cbp-caption-activeWrap {
    &.overlay-btm-v2 {
      background: rgba(39, 58, 78, 0.6) !important;
    }
    &.white-transparent-hover {
      background: rgba(255, 255, 255, 0.6) !important;
    }
    &.dark-transparent-hover {
      background: rgba(0, 0, 0, 0.6) !important;
    }
    &.default-transparent-hover {
      background: rgba(114, 192, 44, 0.9) !important;
      .link-captions i:hover {
        background: #333;
      }
    }
  }
  .cbp-l-filters-text {
    margin: inherit;
    padding: inherit;
    .cbp-filter-item {
      color: #555;
      text-transform: uppercase;
      &.cbp-filter-item-active, &:hover {
        color: #72c02c;
      }
    }
    .cbp-filter-counter {
      background: #72c02c;
      &:before {
        border-top-color: #72c02c;
      }
    }
  }
  .cbp-nav-pagination-item {
    border-radius: 50% !important;
  }
  .cbp-l-caption-buttonLeft, .cbp-l-caption-buttonRight {
    background: #72c02c;
  }
  .cbp-l-caption-buttonLeft:hover, .cbp-l-caption-buttonRight:hover {
    background: #5fb611;
  }
  .cbp-l-grid-agency-title {
    color: #fff !important;
    font-size: 15px;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-family: Open Sans, sans-serif;
  }
  .cbp-l-grid-agency-desc {
    color: #fff;
    font-size: 11px;
    text-transform: uppercase;
  }
  .cbp-title-dark {
    .cbp-l-grid-agency-title {
      color: #444 !important;
    }
    .cbp-l-grid-agency-desc {
      color: #555;
    }
  }
  .link-captions {
    padding-left: 0;
    margin: 0 0 20px;
    list-style: none;
    text-align: center;
    li {
      padding: 0 2px;
      display: inline-block;
      i {
        color: #444;
        width: 30px;
        height: 30px;
        padding: 8px;
        font-style: 14px;
        background: #fff;
        text-align: center;
        display: inline-block;
        &:hover {
          color: #fff;
          background: #72c02c;
          transition: all 0.2s ease-in-out;
        }
      }
    }
  }
}
*/

.master-slider {
	-moz-transform: translate3d(0, 0, 0);
	box-sizing: content-box;
	position: relative;
	visibility: hidden;
}

.master-slider a {
	transition: none;
}

.master-slider * {
	box-sizing: content-box;
}

.master-slider.ms-fullheight {
	height: 100%;
}

.ms-layout-partialview .ms-view {
	background-color: transparent;
	overflow: visible;
}

.ms-layout-partialview .ms-container {
	overflow: hidden;
}

.master-slider img,
.ms-slide-bgvideocont video {
	max-width: none;
}

.ms-ie img {
	border: none;
}

.ms-ie8 * {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=NaN)";
	-webkit-filter: inherit;
	filter: inherit;
	opacity: inherit;
}

.ms-ie7 {
	zoom: 1;
}

.ms-moz .ms-slide-bgcont > img {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

.ms-loading-container {
	position: absolute;
	top: 0;
	width: 100%;
}

.ms-slide-auto-height {
	display: table;
}

.ms-loading-container .ms-loading,
.ms-slide .ms-slide-loading {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
	background: url(../img/masterslider/loading-2.gif) no-repeat center white;
	border-radius: 60px;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.2);
	height: 36px;
	left: 50%;
	margin: -18px;
	opacity: .9;
	position: absolute;
	top: 50%;
	width: 36px;
}

.ms-no-swipe,
.ms-def-cursor {
	cursor: auto !important;
}

.ms-grab-cursor {
	cursor: url(../img/masterslider/grab.png), move;
}

.ms-grabbing-cursor {
	cursor: url(../img/masterslider/grabbing.png), move;
}

.ms-ie .ms-grab-cursor,
.ms-ie .ms-grabbing-cursor {
	cursor: move;
}

.ms-view {
	-ms-perspective: 2000px;
	-webkit-perspective: 2000px;
	background: black;
	margin: 0 auto;
	overflow: hidden;
	perspective: 2000px;
	position: relative;
}

.ms-view .ms-slide-container {
	position: relative;
}

.ms-slide {
	-webkit-transform: translateZ(0);
	height: 100%;
	position: absolute;
	transform: translateZ(0);
}

.ms-wk .ms-slide {
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.ms-slide .ms-slide-bgcont,
.ms-slide .ms-slide-bgvideocont {
	overflow: hidden;
	position: absolute;
	width: 100%;
}

.ms-slide .ms-slide-link {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 110;
}

.ms-ie .ms-slide-link {
	background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7) 0 0 repeat;
}

.ms-slide .ms-slide-bgvideocont {
	height: 100%;
	z-index: 105;
}

.ms-wk .ms-slide .ms-slide-bgvideocont,
.ms-wk .ms-slide-bgvideocont > video {
	-webkit-transform: translateZ(0.3px);
	transform: translateZ(0.3px);
}

.ms-slide .ms-slide-bgvideo {
	position: absolute;
	top: 0;
}

.ms-inner-controls-cont,
.ms-container {
	margin: 0 auto;
	position: relative;
}

.ms-slide .ms-slide-bgcont img,
.ms-container,
.ms-inner-controls-cont {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-user-select: none;
	user-select: none;
}

.ms-slide .ms-layer,
.ms-fixed-layers .ms-layer,
.ms-overlay-layers .ms-layer {
	pointer-events: auto;
	position: absolute;
}

.ms-layer-mask {
	overflow: hidden;
	position: absolute;
}

.ms-layer-mask .ms-layer {
	position: relative;
}

.ms-slide .ms-slide-layers,
.ms-overlay-layers .ms-slide-layers,
.ms-fixed-layers {
	height: 100%;
	overflow: hidden;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 109;
}

.ms-slide .ms-slide-video {
	background: black;
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	z-index: 111;
}

.ms-parallax-layer {
	position: absolute;
	top: 0;
	width: 100%;
}

.ms-scroll-parallax-cont {
	height: 100%;
	position: absolute;
	top: 0;
	width: 100%;
}

.ms-wk .ms-scroll-parallax-cont {
	-webkit-transform: translateZ(0.4px);
	transform: translateZ(0.4px);
}

.ms-overlay-layers {
	height: 100%;
	pointer-events: none;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 120;
}

.ms-action-layer {
	cursor: pointer;
}

.ms-btn-container {
	position: absolute;
}

.ms-btn {
	color: black;
	cursor: pointer;
	display: inline-block;
	padding: 8px 15px;
	position: relative;
	text-decoration: none;
	white-space: nowrap;
}

.ms-default-btn {
	background: #0074a2;
	border-radius: 5px;
	color: #FFF;
}

.ms-default-btn:hover {
	background-color: #0098d5;
}

.ms-default-btn:active {
	top: 1px;
}

.ms-btn-s {
	font-size: 80%;
	line-height: 0;
	padding: 14px 17px;
}

.ms-btn-m {
	padding: 12px 40px;
}

.ms-btn-n {
	font-size: 95%;
	padding: 8px 25px;
}

.ms-btn-l {
	font-size: 120%;
	padding: 17px 50px;
}

.ms-btn-round {
	border-radius: 5px;
}

.ms-btn-circle {
	border-radius: 100px;
}

.ms-btn-outline-round {
	border-radius: 5px;
}

.ms-btn-outline-circle {
	border-radius: 100px;
}

.ms-layer.video-box {
	background: black;
}

.ms-layer.video-box iframe {
	border: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 111;
}

.ms-slide .ms-slide-vpbtn,
.ms-slide .ms-video-btn {
	cursor: pointer;
	position: absolute;
	z-index: 112;
}

.ms-slide .ms-slide-vcbtn {
	cursor: pointer;
	position: absolute;
	z-index: 113;
}

.ms-slide-vcbtn-mobile {
	background-color: black;
	bottom: 0;
	color: white;
	cursor: pointer;
	height: 28px;
	left: 0;
	position: relative;
	text-align: center;
	width: 100%;
	z-index: 113;
}

.ms-slide-vcbtn-mobile .ms-vcbtn-txt {
	background: url(../img/masterslider/video-close-btn.png) no-repeat 0 3px;
	color: #dbdbdb;
	display: inline-block;
	font-family: sans-serif;
	font-size: .75em;
	height: 15px;
	margin-top: 7px;
	padding-left: 15px;
	text-transform: uppercase;
}

.ms-wk .ms-slide .ms-slide-vcbtn,
.ms-wk .ms-slide .ms-slide-layers,
.ms-wk .ms-slide .ms-slide-vpbtn,
.ms-wk .ms-slide .ms-slide-video {
	-webkit-transform: translateZ(0.44px);
	transform: translateZ(0.44px);
}

.ms-wk .ms-slide-link {
	-webkit-transform: translateZ(0.44px);
	transform: translateZ(0.44px);
}

.ms-video-img {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.ms-mask-frame {
	float: left;
	overflow: hidden;
	position: absolute;
}

.ms-thumb-list {
	overflow: hidden;
	position: absolute;
}

.ms-thumb-list.ms-dir-h {
	width: 100%;
}

.ms-thumb-list.ms-dir-v {
	height: 100%;
	top: 0;
}

.ms-thumbs-cont {
	position: relative;
}

.ms-thumb-frame {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	cursor: pointer;
	float: left;
	opacity: .5;
	overflow: hidden;
	transition: opacity 300ms;
}

.ms-thumb-frame img {
	height: auto;
	width: 100%;
}

.ms-thumb-frame-selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.ms-tabs .ms-thumb-frame {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background-color: #f6f6f6;
	border: solid 1px white;
	border-width: 0 1px 1px 0;
	color: #222;
	opacity: 1;
	overflow: visible;
	position: relative;
	text-shadow: 0 1px 1px white;
	transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame {
	margin-top: 12px;
}

.ms-tabs.ms-dir-v .ms-thumb-frame {
	margin-left: 12px;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame {
	margin-left: 0;
}

.ms-tabs.ms-dir-h.ms-align-top {
	z-index: 140;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame {
	margin-top: -12px;
}

.ms-tabs .ms-thumb {
	padding: 20px;
}

.ms-tabs .ms-thumb-frame-selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	background: #ededed;
	opacity: 1;
}

.ms-tabs .ms-thumb-frame .ms-thumb-ol {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
	position: absolute;
	transition: all 300ms ease-out;
}

.ms-tabs.ms-dir-h .ms-thumb-frame .ms-thumb-ol {
	border-bottom: solid 12px #f6f6f6;
	border-left: solid 12px transparent;
	border-right: solid 12px transparent;
	left: 50%;
	margin-left: -12px;
	top: 0;
}

.ms-tabs.ms-dir-h.ms-align-bottom .ms-thumb-frame-selected .ms-thumb-ol {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-bottom-color: #ededed;
	opacity: 1;
	top: -12px;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame .ms-thumb-ol {
	border-bottom: 0;
	border-top: solid 12px #f6f6f6;
	bottom: 0;
	top: auto;
}

.ms-tabs.ms-dir-h.ms-align-top .ms-thumb-frame-selected .ms-thumb-ol {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-top-color: #ededed;
	bottom: -12px;
	opacity: 1;
}

.ms-tabs.ms-dir-v .ms-thumb-frame .ms-thumb-ol {
	border-bottom: solid 12px transparent;
	border-right: solid 12px #ededed;
	border-top: solid 12px transparent;
	left: 0;
	margin-top: -12px;
	top: 50%;
}

.ms-tabs.ms-dir-v.ms-align-right .ms-thumb-frame-selected .ms-thumb-ol {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-right-color: #ededed;
	left: -12px;
	opacity: 1;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame .ms-thumb-ol {
	border-left: solid 12px #ededed;
	border-right: 0;
	left: auto;
	right: 0;
}

.ms-tabs.ms-dir-v.ms-align-left .ms-thumb-frame-selected .ms-thumb-ol {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	border-left-color: #ededed;
	opacity: 1;
	right: -12px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd {
	background: rgba(128, 128, 128, 0.5);
	color: white;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	text-align: center;
	width: 20px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd {
	background: rgba(128, 128, 128, 0.5);
	color: white;
	cursor: pointer;
	height: 100%;
	left: 0;
	left: auto;
	position: absolute;
	right: 0;
	text-align: center;
	width: 20px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-fwd:after {
	border: solid transparent;
	border-right-color: #FFF;
	border-width: 5px 5px 5px 0;
	content: close-quote;
	display: block;
	height: 1px;
	position: relative;
	top: 43%;
	width: 6px;
}

.ms-thumb-list.ms-dir-h .ms-thumblist-bwd:after {
	border: solid transparent;
	border-left-color: #FFF;
	border-right-color: #FFF;
	border-width: 5px 5px 5px 0;
	border-width: 5px 0 5px 5px;
	content: close-quote;
	display: block;
	height: 1px;
	left: 7px;
	position: relative;
	top: 43%;
	width: 6px;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd {
	background: rgba(128, 128, 128, 0.5);
	color: white;
	cursor: pointer;
	height: 20px;
	position: absolute;
	text-align: center;
	top: 0;
	width: 100%;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd {
	background: rgba(128, 128, 128, 0.5);
	bottom: 0;
	color: white;
	cursor: pointer;
	height: 20px;
	position: absolute;
	text-align: center;
	top: 0;
	top: auto;
	width: 100%;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-fwd:after {
	border: solid transparent;
	border-bottom-color: #FFF;
	border-width: 0 5px 5px;
	content: close-quote;
	display: block;
	height: 1px;
	left: 43%;
	position: relative;
	top: 5px;
	width: 0;
}

.ms-thumb-list.ms-dir-v .ms-thumblist-bwd:after {
	border: solid transparent;
	border-bottom-color: #FFF;
	border-top-color: #FFF;
	border-width: 0 5px 5px;
	border-width: 5px 5px 0;
	content: close-quote;
	display: block;
	height: 1px;
	left: 43%;
	position: relative;
	top: 5px;
	top: 7px;
	width: 0;
}

.ms-bullet {
	cursor: pointer;
	float: left;
}

.ms-bullets.ms-dir-h {
	bottom: 20px;
	position: absolute;
	right: 50%;
	width: 100px;
}

.ms-bullets.ms-dir-v {
	position: absolute;
	top: 50%;
}

.ms-bullets.ms-dir-v .ms-bullet {
	float: none;
}

.ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%;
}

.ms-sbar {
	position: absolute;
}

.ms-sbar.ms-dir-h {
	left: 10px;
	right: 10px;
	top: 5px;
}

.ms-sbar.ms-dir-v {
	bottom: 10px;
	right: 5px;
	top: 10px;
}

.ms-sbar .ms-bar {
	background: #333;
	border-radius: 4px;
	height: 4px;
}

.ms-sbar.ms-dir-v .ms-bar {
	width: 4px;
}

.ms-sbar .ms-bar {
	position: relative;
	transition: opacity 300ms;
}

.ms-timerbar {
	bottom: 0;
	position: absolute;
	width: 100%;
}

.ms-ctimer {
	cursor: pointer;
	left: 30px;
	position: absolute;
	top: 30px;
}

.ms-time-bar {
	transition: width 120ms linear;
}

.ms-ie7 .ms-tooltip-arrow {
	height: 0;
}

.ms-slide-info {
	position: absolute;
}

.ms-slide-info.ms-dir-v {
	top: 0;
}

.ms-slide-info.ms-dir-h {
	width: 100%;
}

.ms-android .ms-tooltip-point .ms-point-border {
	-moz-animation: none;
	-o-animation: none;
	-webkit-animation: none;
	animation: none;
}

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn {
	background: url(../img/masterslider/light-skin-1.png) no-repeat -14px -150px;
	height: 54px;
	left: 50%;
	margin: -27px 0 0 -27px;
	top: 50%;
	width: 54px;
}

.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
	background: url(../img/masterslider/light-skin-1.png) no-repeat -24px -29px;
	height: 26px;
	right: 30px;
	top: 30px;
	width: 27px;
}

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../img/masterslider/slide-arrow-retina.png);
	background-position: left center;
	background-repeat: no-repeat;
	background-size: 135px 73px;
	cursor: pointer;
	height: 64px;
	left: -32px;
	margin-top: -32px;
	position: absolute;
	top: 50%;
	width: 64px;
	z-index: 110;
}

.ms-skin-light-4 .ms-nav-next {
	background-position: right center;
	background-repeat: no-repeat;
	left: auto;
	right: -32px;
}

.ms-skin-light-4 .ms-thumb-frame-selected {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	opacity: .6;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-h {
	bottom: -60px;
	height: 60px;
	width: 100%;
}

.ms-skin-light-4 .ms-thumb-list.ms-dir-v {
	height: 100%;
	right: -60px;
	top: 0;
	width: 60px;
}

.ms-skin-light-4 .ms-thumb-frame {
	cursor: pointer;
	float: left;
	height: 60px;
	margin: 1px 0 0 1px;
	overflow: hidden;
	width: 60px;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h {
	bottom: 20px;
	position: absolute;
	right: 50%;
	width: 100px;
}

.ms-skin-light-4 .ms-bullets.ms-dir-h .ms-bullets-count {
	position: relative;
	right: -50%;
}

.ms-skin-light-4 .ms-bullet {
	background: #b9b9b9;
	border: solid 1px #a3a3a3;
	height: 9px;
	margin: 4px;
	width: 9px;
}

.ms-skin-light-4 .ms-bullet-selected {
	background-color: white;
}

.ms-skin-light-4 .ms-timerbar {
	background: rgba(0, 0, 0, 0.16);
	height: 6px;
}

.ms-skin-light-4 .ms-time-bar {
	background: #fff;
	height: 100%;
}

.ms-skin-light-4 .ms-tooltip {
	cursor: auto;
	position: absolute;
	z-index: 210;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
	border-left: solid 10px transparent;
	border-right: solid 10px transparent;
	left: 50%;
	margin-left: -10px;
	position: absolute;
}

.ms-skin-light-4 .ms-tooltip-top .ms-tooltip-arrow {
	border-top: solid 10px;
	border-top-color: silver;
	border-top-color: rgba(240, 240, 240, 0.88);
	bottom: -10px;
}

.ms-skin-light-4 .ms-tooltip-bottom .ms-tooltip-arrow {
	border-bottom: solid 10px;
	border-bottom-color: silver;
	border-bottom-color: rgba(240, 240, 240, 0.88);
	top: -10px;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow,
.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
	border-bottom: solid 10px transparent;
	border-top: solid 10px transparent;
	margin-top: -10px;
	position: absolute;
	top: 50%;
}

.ms-skin-light-4 .ms-tooltip-right .ms-tooltip-arrow {
	border-right: solid 10px;
	border-right-color: silver;
	border-right-color: rgba(240, 240, 240, 0.88);
	left: -10px;
}

.ms-skin-light-4 .ms-tooltip-left .ms-tooltip-arrow {
	border-left: solid 10px;
	border-left-color: white;
	border-left-color: rgba(240, 240, 240, 0.88);
	right: -10px;
}

.ms-skin-light-4 .ms-tooltip-point {
	cursor: pointer;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-center {
	background: #4b8aac;
	border: solid 2px #e0e0e0;
	border-radius: 15px;
	height: 12px;
	margin: -8px 0 0 -8px;
	position: absolute;
	width: 12px;
	z-index: 105;
}

.ms-skin-light-4 .ms-tooltip-point .ms-point-border {
	-moz-animation: point-anim 1.5s infinite;
	-o-animation: point-anim 1.5s infinite;
	-webkit-animation: point-anim 1.5s infinite;
	animation: point-anim 1.5s infinite;
	background: white;
	border-radius: 15px;
	height: 22px;
	margin: -11px 0 0 -11px;
	position: absolute;
	width: 22px;
}

.ms-skin-light-4 .ms-tooltip {
	max-width: 200px;
}

.ms-skin-light-4 .ms-tooltip-cont {
	background: silver;
	background: rgba(240, 240, 240, 0.88);
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.04);
	padding: 10px;
	text-shadow: 0 1px 0 white;
}

/*!
* Hover.css (http://ianlunn.co.uk/)
* Version: 1.0.3
* Author: Ian Lunn @IanLunn
* Author URL: http://ianlunn.co.uk/
* Github: https://github.com/IanLunn/Hover

* Made available under a MIT License:
* http://www.opensource.org/licenses/mit-license.php

* Hover.css Copyright Ian Lunn 2014.
*/

.button {
	background: #e1e1e1;
	color: #666;
	cursor: pointer;
	margin: .4em;
	padding: 1em;
	text-decoration: none;
}

.grow {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.grow:hover {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.shrink {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.shrink:hover {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

.pulse {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.pulse:hover {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: pulse;
	-webkit-animation-timing-function: linear;
	animation-duration: 1s;
	animation-iteration-count: infinite;
	animation-name: pulse;
	animation-timing-function: linear;
}

.pulse-grow {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.pulse-grow:hover {
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: pulse-grow;
	-webkit-animation-timing-function: linear;
	animation-direction: alternate;
	animation-duration: .3s;
	animation-iteration-count: infinite;
	animation-name: pulse-grow;
	animation-timing-function: linear;
}

.pulse-shrink {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.pulse-shrink:hover {
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: pulse-shrink;
	-webkit-animation-timing-function: linear;
	animation-direction: alternate;
	animation-duration: .3s;
	animation-iteration-count: infinite;
	animation-name: pulse-shrink;
	animation-timing-function: linear;
}

.push {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.push:hover {
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: push;
	-webkit-animation-timing-function: linear;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-name: push;
	animation-timing-function: linear;
}

.pop {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.pop:hover {
	-webkit-animation-duration: .3s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: pop;
	-webkit-animation-timing-function: linear;
	animation-duration: .3s;
	animation-iteration-count: 1;
	animation-name: pop;
	animation-timing-function: linear;
}

.rotate {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.rotate:hover {
	-webkit-transform: rotate(4deg);
	transform: rotate(4deg);
}

.grow-rotate {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.grow-rotate:hover {
	-webkit-transform: scale(1.1) rotate(4deg);
	transform: scale(1.1) rotate(4deg);
}

.float {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.float:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.sink {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.sink:hover {
	-webkit-transform: translateY(5px);
	transform: translateY(5px);
}

.hover {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .5s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hover:hover {
	-webkit-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: hover;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translateY(-6px);
	animation-delay: .3s;
	animation-direction: alternate;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: hover;
	animation-timing-function: linear;
	transform: translateY(-6px);
}

.hang {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .5s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hang:hover {
	-webkit-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: hang;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translateY(6px);
	animation-delay: .3s;
	animation-direction: alternate;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: hang;
	animation-timing-function: linear;
	transform: translateY(6px);
}

.skew {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.skew:hover {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

.skew-forward {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	-webkit-transform-origin: 0 100%;
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transform-origin: 0 100%;
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.skew-forward:hover {
	-webkit-transform: skew(-10deg);
	transform: skew(-10deg);
}

.wobble-vertical {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.wobble-vertical:hover {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: wobble-vertical;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: wobble-vertical;
	animation-timing-function: ease-in-out;
}

.wobble-horizontal {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
}

.wobble-horizontal:hover {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: wobble-horizontal;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: wobble-horizontal;
	animation-timing-function: ease-in-out;
}

.wobble-top {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	-webkit-transform-origin: 0 100%;
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transform-origin: 0 100%;
}

.wobble-top:hover {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: wobble-top;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: wobble-top;
	animation-timing-function: ease-in-out;
}

.wobble-bottom {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	-webkit-transform-origin: 100% 0;
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transform-origin: 100% 0;
}

.wobble-bottom:hover {
	-webkit-animation-duration: 1s;
	-webkit-animation-iteration-count: 1;
	-webkit-animation-name: wobble-bottom;
	-webkit-animation-timing-function: ease-in-out;
	animation-duration: 1s;
	animation-iteration-count: 1;
	animation-name: wobble-bottom;
	animation-timing-function: ease-in-out;
}

.border-fade {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: box-shadow;
}

.border-fade:hover {
	box-shadow: inset 0 0 0 4px #666, 0 0 1px transparent;
}

.hollow {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: inset 0 0 0 4px #e1e1e1, 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: background;
}

.hollow:hover {
	background: none;
}

.trim {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.trim:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border: white solid 4px;
	bottom: 4px;
	content: '';
	left: 4px;
	opacity: 0;
	position: absolute;
	right: 4px;
	top: 4px;
	transition-duration: .3s;
	transition-property: opacity;
}

.trim:hover:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.outline-outward {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.outline-outward:before {
	border: #e1e1e1 solid 4px;
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition-duration: .3s;
	transition-property: top, right, bottom, left;
}

.outline-outward:hover:before {
	bottom: -8px;
	left: -8px;
	right: -8px;
	top: -8px;
}

.outline-inward {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.outline-inward:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	border: #e1e1e1 solid 4px;
	bottom: -16px;
	content: '';
	left: -16px;
	opacity: 0;
	position: absolute;
	right: -16px;
	top: -16px;
	transition-duration: .3s;
	transition-property: top, right, bottom, left;
}

.outline-inward:hover:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	bottom: -8px;
	left: -8px;
	opacity: 1;
	right: -8px;
	top: -8px;
}

.round-corners {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: border-radius;
}

.round-corners:hover {
	border-radius: 1em;
}

.glow {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: box-shadow;
}

.glow:hover {
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.box-shadow-outset {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: box-shadow;
}

.box-shadow-outset:hover {
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.6);
}

.box-shadow-inset {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: inset 0 0 0 rgba(0, 0, 0, 0.6), 0 0 1px transparent;
	display: inline-block;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: box-shadow;
}

.box-shadow-inset:hover {
	box-shadow: inset 2px 2px 2px rgba(0, 0, 0, 0.6), 0 0 1px transparent;
}

.float-shadow {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.float-shadow:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
	content: '';
	height: 10px;
	left: 5%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition-duration: .3s;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	width: 90%;
	z-index: -1;
}

.float-shadow:hover {
	-webkit-transform: translateY(-5px);
	transform: translateY(-5px);
}

.float-shadow:hover:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateY(5px);
	opacity: 1;
	transform: translateY(5px);
}

.hover-shadow {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.hover-shadow:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.35) 0, transparent 80%);
	content: '';
	height: 10px;
	left: 5%;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	top: 100%;
	transition-duration: .3s;
	transition-property: opacity, -webkit-transform;
	transition-property: transform, opacity;
	transition-property: transform, opacity, -webkit-transform;
	width: 90%;
	z-index: -1;
}

.hover-shadow:hover {
	-webkit-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: hover;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translateY(-6px);
	animation-delay: .3s;
	animation-direction: alternate;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: hover;
	animation-timing-function: linear;
	transform: translateY(-6px);
}

.hover-shadow:hover:before {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-animation-delay: .3s;
	-webkit-animation-direction: alternate;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-name: hover-shadow;
	-webkit-animation-timing-function: linear;
	-webkit-transform: translateY(6px);
	animation-delay: .3s;
	animation-direction: alternate;
	animation-duration: 1.5s;
	animation-iteration-count: infinite;
	animation-name: hover-shadow;
	animation-timing-function: linear;
	opacity: .4;
	transform: translateY(6px);
}

.shadow-radial {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.shadow-radial:before,
.shadow-radial:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	background-repeat: no-repeat;
	box-sizing: border-box;
	content: '';
	height: 5px;
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	transition-duration: .3s;
	transition-property: opacity;
	width: 100%;
}

.shadow-radial:before {
	background: radial-gradient(ellipse at 50% 150%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
	bottom: 100%;
}

.shadow-radial:after {
	background: radial-gradient(ellipse at 50% -50%, rgba(0, 0, 0, 0.6) 0, transparent 80%);
	top: 100%;
}

.shadow-radial:hover:before,
.shadow-radial:hover:after {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.bubble-top {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.bubble-top:before {
	border-color: transparent transparent #e1e1e1;
	border-style: solid;
	border-width: 0 10px 10px;
	content: '';
	left: calc(50% - 10px);
	pointer-events: none;
	position: absolute;
	transition-duration: .3s;
	transition-property: top;
	z-index: -1;
}

.bubble-top:hover:before {
	top: -10px;
}

.bubble-right {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.bubble-right:before {
	border-color: transparent transparent transparent #e1e1e1;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	content: '';
	pointer-events: none;
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
	transition-duration: .3s;
	transition-property: right;
	z-index: -1;
}

.bubble-right:hover:before {
	right: -10px;
}

.bubble-bottom {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.bubble-bottom:before {
	border-color: #e1e1e1 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	bottom: 0;
	content: '';
	left: calc(50% - 10px);
	pointer-events: none;
	position: absolute;
	transition-duration: .3s;
	transition-property: bottom;
	z-index: -1;
}

.bubble-bottom:hover:before {
	bottom: -10px;
}

.bubble-left {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.bubble-left:before {
	border-color: transparent #e1e1e1 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	top: calc(50% - 10px);
	transition-duration: .3s;
	transition-property: left;
	z-index: -1;
}

.bubble-left:hover:before {
	left: -10px;
}

.bubble-float-top {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.bubble-float-top:before {
	border-color: transparent transparent #e1e1e1;
	border-style: solid;
	border-width: 0 10px 10px;
	content: '';
	left: calc(50% - 10px);
	pointer-events: none;
	position: absolute;
	top: 0;
	transition-duration: .3s;
	transition-property: top;
	z-index: -1;
}

.bubble-float-top:hover {
	-webkit-transform: translateY(5px) translateZ(0);
	transform: translateY(5px) translateZ(0);
}

.bubble-float-top:hover:before {
	top: -10px;
}

.bubble-float-right {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.bubble-float-right:before {
	border-color: transparent transparent transparent #e1e1e1;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	content: '';
	pointer-events: none;
	position: absolute;
	right: 0;
	top: calc(50% - 10px);
	transition-duration: .3s;
	transition-property: right;
	z-index: -1;
}

.bubble-float-right:hover {
	-webkit-transform: translateX(-5px);
	transform: translateX(-5px);
}

.bubble-float-right:hover:before {
	right: -10px;
}

.bubble-float-bottom {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.bubble-float-bottom:before {
	border-color: #e1e1e1 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 0;
	bottom: 0;
	content: '';
	left: calc(50% - 10px);
	pointer-events: none;
	position: absolute;
	transition-duration: .3s;
	transition-property: bottom;
	z-index: -1;
}

.bubble-float-bottom:hover {
	-webkit-transform: translateY(-5px) translateZ(0);
	transform: translateY(-5px) translateZ(0);
}

.bubble-float-bottom:hover:before {
	bottom: -10px;
}

.bubble-float-left {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
	transition-duration: .3s;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
}

.bubble-float-left:before {
	border-color: transparent #e1e1e1 transparent transparent;
	border-style: solid;
	border-width: 10px 10px 10px 0;
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	top: calc(50% - 10px);
	transition-duration: .3s;
	transition-property: left;
	z-index: -1;
}

.bubble-float-left:hover {
	-webkit-transform: translateX(5px);
	transform: translateX(5px);
}

.bubble-float-left:hover:before {
	left: -10px;
}

.curl-top-left {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.curl-top-left:before {
	background: white;
	background: linear-gradient(135deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	content: '';
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
	height: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	top: 0;
	transition-duration: .3s;
	transition-property: width, height;
	width: 0;
	z-index: 1000;
}

.curl-top-left:hover:before {
	height: 25px;
	width: 25px;
}

.curl-top-right {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.curl-top-right:before {
	background: white;
	background: linear-gradient(225deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	box-shadow: -1px 1px 1px rgba(0, 0, 0, 0.4);
	content: '';
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition-duration: .3s;
	transition-property: width, height;
	width: 0;
}

.curl-top-right:hover:before {
	height: 25px;
	width: 25px;
}

.curl-bottom-right {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.curl-bottom-right:before {
	background: white;
	background: linear-gradient(315deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	bottom: 0;
	box-shadow: -1px -1px 1px rgba(0, 0, 0, 0.4);
	content: '';
	height: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	transition-duration: .3s;
	transition-property: width, height;
	width: 0;
}

.curl-bottom-right:hover:before {
	height: 25px;
	width: 25px;
}

.curl-bottom-left {
	-webkit-tap-highlight-color: transparent;
	-webkit-transform: translateZ(0);
	box-shadow: 0 0 1px transparent;
	display: inline-block;
	position: relative;
	transform: translateZ(0);
}

.curl-bottom-left:before {
	background: white;
	background: linear-gradient(45deg, #fff 45%, #aaa 50%, #ccc 56%, #fff 80%);
	bottom: 0;
	box-shadow: 1px -1px 1px rgba(0, 0, 0, 0.4);
	content: '';
	height: 0;
	left: 0;
	pointer-events: none;
	position: absolute;
	transition-duration: .3s;
	transition-property: width, height;
	width: 0;
}

.curl-bottom-left:hover:before {
	height: 25px;
	width: 25px;
}

.link-effects .tag-box a {
	margin: 0 10px 10px 0;
}

.link-effects .tag-box h2.heading-sm {
	font-size: 18px;
	line-height: 26px;
}

.link-effects .button {
	cursor: pointer;
	margin: 10px;
	padding: 10px;
}

.link-effects a.button:hover {
	text-decoration: none;
}

.link-effects .border-fade,
.link-effects .hollow,
.link-effects .trim,
.link-effects .outline-outward,
.link-effects .outline-inward,
.link-effects .round-corners {
	color: #fff !important;
}

.link-effects .hollow:hover {
	background: #fff !important;
	color: #555 !important;
}

.link-effects .round-corners:hover {
	border-radius: 1em !important;
}

.bubble-float-top,
.bubble-float-right,
.bubble-float-left,
.bubble-float-bottom {
	-webkit-transform: inherit;
	transform: inherit;
}

.bubble-float-top,
.bubble-float-right,
.bubble-float-left,
.bubble-float-bottom:hover {
	color: #555 !important;
}

.link-effects .curl-top-left:before {
	background: linear-gradient(135deg, #fff 45%, #eee 50%, #eee 56%, #fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr='#ffffff', endColorstr='#000000');
}

.link-effects .curl-top-right:before {
	background: linear-gradient(225deg, #fff 45%, #eee 50%, #eee 56%, #fff 80%);
}

.link-effects .curl-bottom-right:before {
	background: linear-gradient(315deg, #fff 45%, #eee 50%, #eee 56%, #fff 80%);
}

.link-effects .curl-bottom-left:before {
	background: linear-gradient(45deg, #fff 45%, #eee 50%, #eee 56%, #fff 80%);
}

.navbar-fixed-animate {
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	transition: top 0.5s ease-in-out !important;
	z-index: 1030;
}

.navbar-fixed-animate.nav-up {
	top: -100px;
}

.pace {
	-moz-user-select: none;
	-ms-user-select: none;
	-webkit-pointer-events: none;
	-webkit-user-select: none;
	pointer-events: none;
	user-select: none;
}

.pace-inactive {
	display: none;
}

.pace .pace-progress {
	background: #4fd2c2;
	height: 2px;
	left: 0;
	position: fixed;
	top: 0;
	transition: width 1s;
	z-index: 2000;
}

.pace .pace-progress-inner {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: rotate(3deg) translate(0, -4px);
	box-shadow: 0 0 10px #4fd2c2, 0 0 5px #4fd2c2;
	display: block;
	height: 100%;
	opacity: 1.0;
	position: absolute;
	right: 0;
	transform: rotate(3deg) translate(0, -4px);
	width: 100px;
}

.pace .pace-activity {
	-webkit-animation: pace-spinner 400ms linear infinite;
	animation: pace-spinner 400ms linear infinite;
	border: solid 2px transparent;
	border-left-color: #4fd2c2;
	border-radius: 10px !important;
	border-top-color: #4fd2c2;
	display: block;
	height: 14px;
	position: fixed;
	right: 15px;
	top: 15px;
	width: 14px;
	z-index: 2000;
}

a {
	color: inherit;
	outline: 0 !important;
}

a:focus,
a:hover,
a:active {
	outline: 0 !important;
}

a:focus {
	color: inherit;
	text-decoration: none;
}

a:hover {
	color: inherit;
	text-decoration: none;
}

.heading-v20__title {
	color: #222;
	font-size: 40px;
	font-weight: 700;
	line-height: 1.2;
	text-transform: uppercase;
}

.heading-v20__icon {
	color: #e6125d;
}

.heading-v20__text {
	color: #a7a7a7;
	font-size: 13px;
	font-weight: 100;
	line-height: 1.6;
	margin: 0 auto;
	max-width: 70%;
}

.heading-v20--diff .heading-v20__text {
	color: #ffaac8;
}

.heading-v20--diff .heading-v20__title,
.heading-v20--diff .heading-v20__icon {
	color: #fff;
}

.global__btn-u {
	background: #fff;
	color: #222;
	font-size: 11px;
	font-weight: 700;
	padding: 23px 28px;
	text-transform: uppercase;
}

.global__btn-u:focus {
	background: #fff;
	color: #222;
	font-size: 11px;
	font-weight: 700;
	padding: 23px 28px;
	text-transform: uppercase;
}

.global__btn-u:hover {
	background: #f1f1f1;
	color: #222;
}

.global__btn-u--diff {
	background: #e6125d;
	color: #fff;
}

.global__btn-u--diff:focus {
	background: #e6125d;
	color: #fff;
}

.global__btn-u--diff:hover {
	background: #d21054;
	color: #fff;
}

.bg-color-main,
.container-fluid.bg-color-main {
	background: #e6125d;
}

.bg-color-secondary,
.container-fluid.bg-color-secondary {
	background: #fbfbfb;
}

.g-textarea-noresize {
	resize: none;
}

.g-text-height-md {
	line-height: 24px;
}

.g-text-height-lg {
	line-height: 54px;
}

.g-display-inline-block {
	display: inline-block;
}

.g-display-table {
	display: table;
	width: 100%;
}

.g-dp-block {
	display: block;
}

.g-dp-table {
	display: table;
}

.g-dp-table-cell {
	display: table-cell;
}

.g-valign-top {
	vertical-align: top;
}

.g-valign-middle {
	vertical-align: middle;
}

.g-valign-bottom {
	vertical-align: bottom;
}

.g-position-rel {
	position: relative;
}

.g-position-abs {
	position: absolute;
}

.g-color-white {
	color: #fff;
}

.g-color-gray-dark {
	color: #777;
}

.g-color-gray-darker {
	color: #999;
}

.g-color-default {
	color: #4fd2c2;
}

.g-text-size-12 {
	font-size: 12px;
}

.g-text-size-17 {
	font-size: 17px;
}

.g-bg-gray {
	background: #f7f7f7;
}

.g-no-rounded {
	border-radius: 0;
}

.g-rounded-1 {
	border-radius: 1px;
}

.g-rounded-2 {
	border-radius: 2px;
}

.g-rounded-3 {
	border-radius: 3px;
}

.g-rounded-4 {
	border-radius: 4px;
}

.g-rounded-5 {
	border-radius: 5px;
}

.g-rounded-10 {
	border-radius: 10px;
}

.g-rounded-20 {
	border-radius: 20px;
}

.g-rounded-50x {
	border-radius: 50%;
}

.g-rounded-t4 {
	border-radius: 4px 4px 0 0;
}

.g-rounded-l4 {
	border-radius: 4px 0 0 4px;
}

.g-rounded-r4 {
	border-radius: 0 4px 4px 0;
}

.g-rounded-b4 {
	border-radius: 0 0 4px 4px;
}

.g-no-mb {
	margin-bottom: 0;
}

.g-no-padding {
	padding: 0;
}

.g-no-left-padding {
	padding-left: 0;
}

.g-no-side-padding {
	padding-left: 0;
	padding-right: 0;
}

.g-padding-5 {
	padding: 5px;
}

.g-padding-10 {
	padding: 10px;
}

.g-padding-15 {
	padding: 15px;
}

.g-padding-20 {
	padding: 20px;
}

.g-padding-25 {
	padding: 25px;
}

.g-padding-30 {
	padding: 30px;
}

.g-padding-35 {
	padding: 35px;
}

.g-padding-40 {
	padding: 40px;
}

.g-padding-45 {
	padding: 45px;
}

.g-padding-50 {
	padding: 50px;
}

.g-pt-10 {
	padding-top: 10px;
}

.g-pt-20 {
	padding-top: 20px;
}

.g-pt-25 {
	padding-top: 25px;
}

.g-pt-30 {
	padding-top: 30px;
}

.g-pt-40 {
	padding-top: 40px;
}

.g-pt-50 {
	padding-top: 50px;
}

.g-pt-60 {
	padding-top: 60px;
}

.g-pt-70 {
	padding-top: 70px;
}

.g-pt-75 {
	padding-top: 75px;
}

.g-pt-80,
.g-pt-85 {
	padding-top: 80px;
}

.g-pt-90 {
	padding-top: 90px;
}

.g-pt-100 {
	padding-top: 100px;
}

.g-pt-110 {
	padding-top: 110px;
}

.g-pt-120 {
	padding-top: 120px;
}

.g-pt-130 {
	padding-top: 130px;
}

.g-pt-140 {
	padding-top: 140px;
}

.g-pt-150 {
	padding-top: 150px;
}

.g-pt-160 {
	padding-top: 160px;
}

.g-pt-170 {
	padding-top: 170px;
}

.g-pb-10 {
	padding-bottom: 10px;
}

.g-pb-20 {
	padding-bottom: 20px;
}

.g-pb-30 {
	padding-bottom: 30px;
}

.g-pb-40 {
	padding-bottom: 40px;
}

.g-pb-50 {
	padding-bottom: 50px;
}

.g-pb-60 {
	padding-bottom: 60px;
}

.g-pb-70 {
	padding-bottom: 70px;
}

.g-pb-75 {
	padding-bottom: 75px;
}

.g-pb-80 {
	padding-bottom: 80px;
}

.g-pb-90 {
	padding-bottom: 90px;
}

.g-pb-100 {
	padding-bottom: 100px;
}

.g-pl-10 {
	padding-left: 10px;
}

.g-pl-15 {
	padding-left: 15px;
}

.g-pl-20 {
	padding-left: 20px;
}

.g-pl-30 {
	padding-left: 30px;
}

.g-pl-40 {
	padding-left: 40px;
}

.g-pl-50 {
	padding-left: 50px;
}

.g-pl-60 {
	padding-left: 60px;
}

.g-pl-70 {
	padding-left: 70px;
}

.g-pl-80 {
	padding-left: 80px;
}

.g-pl-90 {
	padding-left: 90px;
}

.g-pl-100 {
	padding-left: 100px;
}

.g-pr-10 {
	padding-right: 10px;
}

.g-pr-15 {
	padding-right: 15px;
}

.g-pr-20 {
	padding-right: 20px;
}

.g-pr-30 {
	padding-right: 30px;
}

.g-pr-40 {
	padding-right: 40px;
}

.g-pr-50 {
	padding-right: 50px;
}

.g-pr-60 {
	padding-right: 60px;
}

.g-pr-70 {
	padding-right: 70px;
}

.g-pr-80 {
	padding-right: 80px;
}

.g-pr-90 {
	padding-right: 90px;
}

.g-pr-100 {
	padding-right: 100px;
}

.g-mt-10 {
	margin-top: 10px;
}

.g-mt-20 {
	margin-top: 20px;
}

.g-mt-30 {
	margin-top: 30px;
}

.g-mt-40 {
	margin-top: 40px;
}

.g-mt-50 {
	margin-top: 50px;
}

.g-mt-60 {
	margin-top: 60px;
}

.g-mt-70 {
	margin-top: 70px;
}

.g-mt-80 {
	margin-top: 80px;
}

.g-mt-90 {
	margin-top: 90px;
}

.g-mt-100 {
	margin-top: 100px;
}

.g-mb-5 {
	margin-bottom: 5px;
}

.g-mb-10 {
	margin-bottom: 10px;
}

.g-mb-15 {
	margin-bottom: 15px;
}

.g-mb-20 {
	margin-bottom: 20px;
}

.g-mb-25 {
	margin-bottom: 25px;
}

.g-mb-30 {
	margin-bottom: 30px;
}

.g-mb-35 {
	margin-bottom: 35px;
}

.g-mb-40 {
	margin-bottom: 40px;
}

.g-mb-45 {
	margin-bottom: 45px;
}

.g-mb-50 {
	margin-bottom: 50px;
}

.g-mb-55 {
	margin-bottom: 55px;
}

.g-mb-60 {
	margin-bottom: 60px;
}

.g-mb-65 {
	margin-bottom: 65px;
}

.g-mb-70 {
	margin-bottom: 70px;
}

.g-mb-75 {
	margin-bottom: 75px;
}

.g-mb-80 {
	margin-bottom: 80px;
}

.g-mb-85 {
	margin-bottom: 85px;
}

.g-mb-90 {
	margin-bottom: 90px;
}

.g-mb-95 {
	margin-bottom: 95px;
}

.g-mb-100 {
	margin-bottom: 100px;
}

.g-ml-10 {
	margin-left: 10px;
}

.g-ml-15 {
	margin-left: 15px;
}

.g-ml-20 {
	margin-left: 20px;
}

.g-ml-30 {
	margin-left: 30px;
}

.g-ml-40 {
	margin-left: 40px;
}

.g-ml-50 {
	margin-left: 50px;
}

.g-ml-60 {
	margin-left: 60px;
}

.g-ml-70 {
	margin-left: 70px;
}

.g-ml-80 {
	margin-left: 80px;
}

.g-ml-90 {
	margin-left: 90px;
}

.g-ml-100 {
	margin-left: 100px;
}

.g-mr-10 {
	margin-right: 10px;
}

.g-mr-20 {
	margin-right: 20px;
}

.g-mr-30 {
	margin-right: 30px;
}

.g-mr-40 {
	margin-right: 40px;
}

.g-mr-50 {
	margin-right: 50px;
}

.g-mr-60 {
	margin-right: 60px;
}

.g-mr-70 {
	margin-right: 70px;
}

.g-mr-80 {
	margin-right: 80px;
}

.g-mr-90 {
	margin-right: 90px;
}

.g-mr-100 {
	margin-right: 100px;
}

html,
body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "pkna" 1;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	box-sizing: border-box;
	font-family: Arial, CPYuGothic, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Meiryo, "メイリオ", sans-serif;
	font-feature-settings: "pkna" 1;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: .025em;
	line-height: 1.8;
}

::-moz-selection,
::-moz-selection {
	background: #1e232b;
	color: #fff;
}

::-moz-selection,
::selection {
	background: #1e232b;
	color: #fff;
}

.clearfix:after {
	clear: both;
	content: ' ';
	display: table;
}

.section .inner,
.section-bg-image .inner {
	margin: 0 auto;
	max-width: 1230px;
	padding: 80px 15px;
}

.section .bginner {
	background: #fefefe;
}

.section:nth-child(even) .bginner {
	background: #f0f0f0;
}

.section-bg-image {
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	position: relative;
}

.section-bg-image:before,
.section-bg-image:after {
	content: " ";
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.section-bg-image .inner {
	position: relative;
	z-index: 1;
}

.section-bg-image .inner:before,
.section-bg-image .inner:after {
	content: " ";
	display: table;
}

.heading-v20__icon {
	color: #1E232B;
}

.section-bg-image .heading-v20__icon {
	color: #fff;
}

.section-bg-image .heading-v20__title {
	color: #fff;
}

.pace .pace-progress {
	background: #1E232B;
}

.pace .pace-activity {
	border-left-color: #1E232B;
	border-top-color: #1E232B;
}

.cube-portfolio .cbp-l-filters-button {
	float: left;
	text-align: center;
	width: 20%;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-item {
	color: #aaa;
	display: block;
	font-family: Arial, CPYuGothic, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Meiryo, "メイリオ", sans-serif;
	font-size: 14px;
	font-weight: 600;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-item.cbp-filter-item-active {
	color: #fff;
}

.cube-portfolio .cbp-l-grid-gallery {
	float: right;
	margin: 0;
	width: 80%;
}

.cube-portfolio #filters-container .cbp-filter-item-active {
	background: #1E232B;
	border-color: #1E232B;
}

.cube-portfolio .cbp-caption-activeWrap {
	background: #1e232b;
	padding: 7.5px 0;
}

.cube-portfolio .cbp-l-caption-title,
.cube-portfolio .cbp-l-caption-desc {
	color: #fff;
	font-family: Arial, CPYuGothic, YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "ＭＳ Ｐゴシック", Meiryo, "メイリオ", sans-serif !important;
}

.cube-portfolio .cbp-l-caption-title {
	display: table;
	margin: 0 auto;
}

.cube-portfolio .cbp-l-caption-alignLeft .cbp-l-caption-body {
	padding: 12px 20px;
}

.owl-theme.owl-carousel {
	margin: 0 auto;
}

.owl-theme.owl-carousel .owl-item {
	display: inline-block;
	float: none;
	vertical-align: middle;
}

.owl-theme.owl-carousel .item {
	display: block;
	line-height: 0;
	margin: 0 auto;
}

.owl-theme.owl-carousel .item img {
	margin: 0 auto;
	max-width: 100%;
	width: auto;
}

.owl-theme .owl-controls .owl-buttons div {
	background: #1e232b;
	color: #fff;
	cursor: pointer;
	font-size: 10px;
	height: 45px;
	margin-top: -22.5px;
	padding: 15px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 45px;
}

.owl-theme .owl-controls .owl-buttons div:hover {
	background: #1E232B;
	color: #fff;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 0;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 0;
}

#intro {
	background: #1e232b;
	box-sizing: content-box;
	height: auto;
	overflow: hidden;
	position: relative;
	width: 100%;
}

.ms-promo {
	background: transparent;
}

.ms-promo .ms-bullet {
	background: transparent;
	border: solid 1px #fff;
	border-radius: 50%;
	height: 10px;
	width: 10px;
}

.ms-promo .ms-bullet.ms-bullet-selected {
	background: #fff;
}

#lineup .lineup--btn-row {
	margin: 30px 0 0 auto;
	width: 80%;
}

#lineup .lineup--btn-row .btn-u.btn-block {
	background: #1e232b;
	border: solid 2px #1e232b;
	color: #fff;
	font-weight: 700;
}

#lineup .lineup--btn-row .btn-u.btn-block:hover,
#lineup .lineup--btn-row .btn-u.btn-block:focus {
	background: #fff;
	color: #1e232b;
}

#lineup .lineup--btn-row .btn-u.btn-block span {
	display: inline-block;
	width: 200px;
}

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

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

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

/**以下いじる？**/

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

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

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

#usedcar {
	-webkit-backface-visibility: hidden;
	background: url(../img/parallax/1.jpg) 50% 0 fixed;
	background-color: #fff;
	background-size: cover;
}

#usedcar:before {
	background: url(../img/patterns/gridtile.png) repeat;
}

#usedcar:after {
	background: rgba(0, 0, 0, 0.5);
}

#usedcar .owl-carousel {
	padding: 0 8.5px;
}

#usedcar .owl-carousel a:hover .item-content {
	background: #1E232B;
}

#usedcar .owl-carousel .owl-item {
	vertical-align: top;
}

#usedcar .owl-carousel .item {
	padding: 0 15px;
}

#usedcar .owl-carousel .item .item-img-wrap {
	line-height: 0;
}

#usedcar .owl-carousel .item .item-content {
	background: #1e232b;
	padding: 30px 30px 75px;
	position: relative;
	transition: background .25s ease-in;
}

#usedcar .owl-carousel .item .item-name,
#usedcar .owl-carousel .item .item-desc,
#usedcar .owl-carousel .item .item-price {
	color: #fff;
	line-height: 1.7;
}

#usedcar .owl-carousel .item .item-name {
	font-size: 22px;
	font-weight: 700;
	margin: 0 auto 10px;
}

#usedcar .owl-carousel .item .item-desc {
	font-size: 14px;
}

#usedcar .owl-carousel .item .item-price {
	bottom: 30px;
	font-size: 28px;
	font-weight: 700;
	left: 30px;
	position: absolute;
}

#usedcar .owl-carousel .item .item-price span {
	font-size: 16px;
}

#recommend .owl-carousel {
	max-width: 980px;
	padding: 0 60px;
}

#recommend .owl-carousel .item {
	max-width: 400px;
	width: 100%;
}

#topics .row.bnrBlock {
	margin: 0 auto;
	max-width: 1051px;
	text-align: center;
}

#topics .row.bnrBlock img {
	border: 4px solid rgba(30, 35, 43, 0.5);
	max-width: 330px;
	transition: border 250ms;
	width: 100%;
}

#topics .row.bnrBlock a {
	display: inline-block;
	margin: 0 auto;
}

#topics .row.bnrBlock a:hover img {
	border: 4px solid #1E232B;
}

#topics .row.bnrBlock .col {
	padding-bottom: 30px;
}

#lineup .bnr > a {
	background: rgba(255, 255, 255, 0.8);
	border: 4px solid #1e232b;
	display: block;
	padding: 30px 0;
	transition: background 500ms ease-out, color 500ms ease-out, border 500ms ease-out;
}

#lineup .bnr > a .bnr-title {
	color: #333;
	font-size: 14px;
	font-weight: 700;
	margin: 20px 0 0;
	text-transform: uppercase;
}

#lineup .bnr > a .bnr-icon {
	color: #1e232b;
	font-size: 64px;
}

#lineup .bnr > a:hover {
	background: #1e232b;
}

#lineup .bnr > a:hover .bnr-title,
#lineup .bnr > a:hover .bnr-icon {
	color: #fff;
}

#company {
	-webkit-backface-visibility: hidden;
	background: url(../img/parallax/4.jpg) 50% 0 fixed;
	background-size: cover;
}

#company:before {
	background: url(../img/patterns/gridtile.png) repeat;
}

#company .heading-v20 p {
	font-size: 14px;
}

#company table {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

#company table + .table {
	margin-top: 30px;
}

#company table caption {
	font-weight: 700;
}

#company table th,
#company table td,
#company table p {
	line-height: 1.5;
}

#company table th {
	white-space: nowrap;
}

#company table a {
	text-decoration: underline;
}

#company table a:hover {
	color: #ccc;
}

#company table a.btn-u.btn-block {
	background: rgba(230, 126, 34, 0.5);
	border: 2px solid #e67e22;
	color: #fff;
	display: block;
	max-width: 250px;
	text-decoration: none;
}

#company table a.btn-u.btn-block:hover,
#company table a.btn-u.btn-block:focus {
	background-color: #e67e22;
	color: #fff;
}

#company table a.btn-u.btn-block span {
	margin-right: 10px;
}

#recruit table {
	width: 100%;
}

#recruit table caption {
	background: #ddd;
	color: #555;
	font-size: 16px;
	font-weight: 600;
	padding-left: 8px;
}

#recruit table th,
#recruit table td {
	color: #333;
}

#recruit table th {
	white-space: nowrap;
}

#recruit table .contact-link {
	display: block;
	font-size: 14px;
}

#recruit table .contact-link i,
#recruit table .contact-link a {
	vertical-align: middle;
}

#recruit table a {
	text-decoration: underline;
}

#recruit table a.shop-link {
	display: inline-block;
}

#recruit table a.shop-link + .shop-link {
	margin-left: 5px;
}

#recruit table a:hover {
	color: #ccc;
}

#recruit table a.btn-u.btn-rikunavi,
#recruit table a.btn-u.btn-mynavi {
	display: inline-block;
	max-width: 200px;
	text-decoration: none;
}

#recruit table a.btn-u.btn-rikunavi span,
#recruit table a.btn-u.btn-mynavi span {
	margin-right: 10px;
}

#recruit table a.btn-u.btn-rikunavi {
	background-color: #0086e4;
	border: solid 2px #0086e4;
	margin-right: 5px;
}

#recruit table a.btn-u.btn-rikunavi:hover,
#recruit table a.btn-u.btn-rikunavi:focus {
	background-color: #fff;
	color: #0086e4;
}

#recruit table a.btn-u.btn-mynavi {
	background-color: #26b5eb;
	border: solid 2px #26b5eb;
}

#recruit table a.btn-u.btn-mynavi:hover,
#recruit table a.btn-u.btn-mynavi:focus {
	background-color: #fff;
	color: #26b5eb;
}

#contact {
	overflow: hidden;
}

#contact .col-address {
	background: #f0f0f0;
}

#contact .col-address .heading-v20__icon {
	color: #1e232b;
}

#contact .col-address .heading-v20__title {
	color: #333;
}

#contact .col-calendar {
	background: #1e232b;
}

#contact .col-calendar .heading-v20__icon {
	color: #1E232B;
}

#contact .col-calendar .heading-v20__title {
	color: #fff;
}

#contact .col-map {
	background-color: #ccc;
	max-height: 100%;
}

#contact .col-map .inner {
	max-height: 100%;
}

#contact .shop-row {
	height: 996px;
	margin: 0;
}

#contact .col {
	padding: 0;
}

#contact .shop-name {
	color: #333;
	font-weight: 700;
	margin-bottom: 30px;
	text-align: center;
}

#contact .list-address {
	color: #333;
	font-size: 16px;
	font-weight: 700;
	text-align: center;
}

#contact .list-address .list-title {
	color: rgba(0, 0, 0, 0.3);
	padding-top: 20px;
}

#contact .calendar-block .calendar + .calendar {
	margin-top: 30px;
}

#contact .calendar-block .calendar img {
	display: block;
	margin: 0 auto;
	max-width: 375.5px;
	width: 100%;
}

#contact .close_day {
	margin: 0 auto;
	max-width: 375.5px;
}

#contact .close_day span {
	color: #fff;
	font-weight: 700;
}

#contact .close_day span:before {
	background: #ffcccb;
	content: ' ';
	display: inline-block;
	height: 12px;
	margin-right: 5px;
	margin-top: 20px;
	width: 12px;
}

#contact .gmapWrapper {
	display: block;
	margin-bottom: 12px;
	overflow: hidden;
	position: relative;
}

#contact #map {
	height: 996px;
}

#contact #map a:hover {
	color: #1E232B;
}

#footer {
	background: #1E232B;
	color: #fff;
}

#footer .subfooter__logo > .img-responsive {
	margin: 0 auto 15px;
}

#footer .subfooter__copyright {
	color: #eee;
}

#footer .subfooter__copyright a {
	color: #fff;
}

.font-w {
	color: #fff;
}

#recruit table {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

/*******custom for suga-mfg*********/

img {
	max-width: 100%;
}

h1 {
	color: #fff;
	font-size: 40px;
	font-weight: 700;
}

h3 {
	margin-top: 30px;
}

p:not(:last-child) {
	margin-bottom: 25px;
}

p.news-title {
	font-size: 18px;
	font-weight: 600;
	line-height: 1.4;
	margin-bottom: 0;
}

p.note {
	margin-top: 30px;
}

.news-box:not(:last-child) {
	margin-bottom: 30px;
}

.btn-u {
	background-color: #ccc;
	border: solid 2px #ccc;
	color: #222;
}

.btn-u:hover {
	background-color: transparent;
	color: #1E232B;
}

.btn-u:focus,
.btn-u:active {
	box-shadow: none !important;
	outline: none !important;
}

#company table {
	margin-bottom: 50px;
}

#company .btn-modal {
	font-size: 20px;
}

#lineup .bnr-block {
	display: flex;
	flex-wrap: wrap;
}

#lineup .bnr {
	float: none;
	margin-bottom: 20px;
}

#lineup .bnr img {
	height: auto;
	max-width: 100%;
}

#lineup .bnr > img {
	-o-object-fit: cover;
	height: 300px;
	object-fit: cover;
	width: 100%;
}

#lineup h4.bnr-title,
#lineup p {
	text-align: left;
}

#lineup h4.bnr-title {
	color: #333;
	font-weight: bold;
	letter-spacing: 1.6px;
	line-height: 30px;
	margin-bottom: 15px;
	margin-top: 15px;
}

#lineup p {
	margin-bottom: 10px;
}

#lineup p a {
	align-items: center;
	color: #5787f4;
	display: flex;
}

#lineup p a > img {
	margin-right: 15px;
}

#feature .row:not(:last-child) {
	margin-bottom: 50px;
}

#feature img {
	margin-bottom: 15px;
	width: 100%;
}

.modal {
	display: none;
}

.modal .modal-text {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

.modal .modal-text:not(:last-child) {
	margin-bottom: 50px;
}

.modal .modal-text:last-child p {
	margin-bottom: 0;
}

.modal .modal-text h5 {
	font-size: 16px;
	font-weight: 700;
}

#contact .contact-row {
	margin: 0;
}

#contact .gmap {
	width: 100%;
}

#contact .gmap .inner {
	max-height: 100%;
}

#contact .gmap iframe {
	height: 100%;
	padding-left: 15px;
	padding-right: 15px;
	width: 100%;
}

/** 会社概要 **/

.gmap {
	margin: 0 auto;
	max-width: 800px;
	width: 100%;
}

.gmap .inner {
	max-height: 100%;
}

.gmap iframe {
	height: 100%;
	width: 100%;
}

#footer p {
	margin-bottom: 5px;
}

/** masterslider**/

.ms-slide .ms-slide-bgcont {
	background-color: #000;
	opacity: 0.7 !important;
}

.ms-slide .ms-slide-layers img.ms-layer {
	margin-top: 30px;
	width: 30%;
}

.ms-slide .ms-caption {
	text-align: center;
}

.ms-slide h1.ms-caption_02 {
	font-size: 25px;
	line-height: 45px;
}

.col-xs-6 {
	width: 49.5%;
}

.fa5-box,
.fa5-archive,
.fa5-boxes,
.fa5-box-open,
.fa5-inbox,
.fa5-toolbox {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: 600;
}

.fa5-box:before {
	content: "\f466";
}

.fa5-archive:before {
	content: '\f187';
}

.fa5-boxes:before {
	content: '\f468';
}

.fa5-box-open:before {
	content: '\f49e';
}

.fa5-inbox:before {
	content: '\f01c';
}

.fa5-toolbox:before {
	content: '\f552';
}

/** グロナビリンク修正 **/

#body,
#news,
#hello,
#company,
#lineup,
#feature {
	margin-top: -135px; /* 固定ナビの高さ分のネガティブマージン */
	padding-top: 135px; /* 打ち消し用のパディング */
}

.section {
	margin-top: 0 !important;
	padding-top: 0 !important;
}

#body::before,
#news::before,
#hello::before,
#company::before,
#lineup::before,
#feature::before {
	content: "";
	display: block;
	height: 135px;
	margin-top: -135px;
	vertical-align: top;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {

.ms-skin-light-4 .ms-slide .ms-slide-vpbtn,
.ms-skin-light-4 .ms-video-btn,
.ms-skin-light-4 .ms-slide .ms-slide-vcbtn {
	background-image: url(../img/masterslider/slide-arrow-retina.png);
}

}

@media (min-width: 500px) {

.visible-3xs {
	display: none;
}

}

@media (min-width: 600px) {

.visible-2xs {
	display: none;
}

}

@media screen and (min-width: 768px) {

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav {
	display: flex;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li {
	width: 100%;
}

.col-sm-6 {
	width: 49.5%;
}

}

@media screen and (min-width: 768px) and (max-width: 991px) {

#contact .gmap {
	height: 500px;
}

.gmap {
	height: 500px;
}

}

@media (min-width: 991px) {

.visable-lg {
	display: none;
}

}

@media screen and (min-width: 992px) {

#contact .gmap {
	height: 350px;
	margin: 0 auto;
	max-width: 677px;
}

.gmap {
	height: 466px;
	margin: 0 auto;
	max-width: 800px;
}

.col-md-4 {
	width: 33.2%;
}

}

@media screen and (min-width: 1400px) {

#contact .gmap {
	height: 380px;
}

.gmap {
	height: 466px;
}

}

@media screen and (max-width: 1199px) {

#shop .col-address {
	height: auto;
}

}

@media screen and (max-width: 1024px) {

.ms-skin-light-4 .ms-nav-next {
	background-size: 85px;
	height: 42px;
	margin-top: -21px;
	width: 42px;
}

.ms-skin-light-4 .ms-nav-prev {
	background-position: left center;
	background-size: 85px;
	height: 42px;
	left: 0;
	margin-top: -21px;
	width: 42px;
}

.ms-skin-light-4 .ms-nav-next {
	background-position: right center;
	right: 0;
}

#lineup h4.bnr-title {
	font-size: 14px;
	letter-spacing: 1.4px;
	line-height: 26px;
	margin-bottom: 12px;
}

#lineup p a > img {
	margin-right: 7px;
	width: 17px;
}

}

@media screen and (max-width: 1023px) {

#body::before,
#news::before,
#hello::before,
#company::before,
#lineup::before,
#feature::before {
	height: 70px;
	margin-top: -70px;
}

}

@media (max-width: 992px) {

.hidden-sm {
	display: none;
}

.text-sm-center {
	text-align: center;
}

.g-sm-mb-20 {
	margin-bottom: 20px;
}

.g-sm-mb-30 {
	margin-bottom: 30px;
}

.g-sm-mb-50 {
	margin-bottom: 50px;
}

.g-sm-ml-0 {
	margin-left: 0;
}

.g-md-pt-0 {
	padding-top: 0;
}

.md-auto-height {
	height: auto !important;
}

.md-full-width {
	width: 100%;
}

}

@media screen and (max-width: 991px) {

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav > li > a {
	padding: 15px 0;
}

#recommend .owl-carousel {
	max-width: 520px;
}

#topics .row.bnrBlock {
	max-width: 720px;
}

> .col-xs-6:nth-child(odd) {
	padding: 20px 10px 0 0;
}

> .col-xs-6:nth-child(even) {
	padding: 20px 0 0 10px;
}

#shop .inner {
	padding: 80px 15px;
}

#shop .col {
	height: auto;
}

#shop .col-map,
#shop #map {
	height: 500px;
}

#shop .col-map {
	background-color: #fff;
}

#shop .col-calendar {
	padding: 0;
}

#shop .col-calendar .inner {
	padding: 80px 7.5px;
}

#shop .calendar-block {
	font-size: 0;
	letter-spacing: 0;
	margin: 0 auto;
	max-width: 815px;
	text-align: center;
}

#shop .calendar-block .calendar {
	display: inline-block;
	font-size: 14px;
	padding: 0 7.5px;
	vertical-align: top;
	width: 50%;
}

#shop .calendar-block .calendar + .calendar {
	margin-top: 0;
}

#company .col-btn {
	float: none;
	margin: 0 auto;
	max-width: 800px;
	padding: 0;
	width: 100%;
}

#company .col-btn + .col-btn {
	margin-top: 50px;
}

#contact .col {
	height: auto;
}

.gmap {
	margin-bottom: 50px;
}

}

@media screen and (max-width: 800px) {

#company .col-btn {
	padding: 0 15px;
}

}

@media screen and (max-width: 780px) {

#contact .inner {
	padding: 80px 15px;
}

#contact .gmap iframe {
	padding: 0;
}

.ms-slide .ms-slide-layers img.ms-layer {
	margin-top: 10px;
	width: 50%;
}

}

@media (max-width: 768px) {

.heading-v20__title {
	font-size: 32px;
}

.text-xs-center {
	text-align: center;
}

}

@media screen and (max-width: 768px) {

#lineup .bnr-block {
	margin: 0;
}

#lineup .bnr-block > .col-xs-6:nth-child(odd) {
	padding: 0 10px 20px 0;
}

#lineup .bnr-block > .col-xs-6:nth-child(even) {
	padding: 0 0 20px 10px;
}

#lineup .bnr > img {
	height: 200px;
}

}

@media screen and (max-width: 767px) {

.header.navbar-default {
	background-color: #1E232B;
	border-bottom: none;
}

.header.navbar-default .container-fluid.one-page-nav__fixed {
	background: #1E232B;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .container {
	padding-left: 0;
	padding-right: 0;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .logo_sp {
	float: left;
	height: 69px;
	margin-left: 15px;
	width: auto;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .logo_sp img {
	height: 100%;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .icon {
	float: right;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle {
	border: none;
	float: right;
	margin: 0;
	padding: 25.5px 15px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle:hover,
.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle:active,
.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle:focus {
	background: transparent;
	outline: none;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle span {
	-webkit-transform-origin: center;
	background: #fff;
	transform-origin: center;
	transition: width 100ms, -webkit-transform 250ms;
	transition: transform 250ms, width 100ms;
	transition: transform 250ms, width 100ms, -webkit-transform 250ms;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle .icon-bar:nth-of-type(2) {
	margin: 4px auto 0;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle.close {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle.close .icon-bar:nth-of-type(1) {
	-webkit-transform: translateY(6px) rotate(45deg);
	transform: translateY(6px) rotate(45deg);
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle.close .icon-bar:nth-of-type(2) {
	margin: 4px auto 0;
	width: 0;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle.close .icon-bar:nth-of-type(3) {
	-webkit-transform: translateY(-6px) rotate(-45deg);
	transform: translateY(-6px) rotate(-45deg);
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .icon {
	box-sizing: border-box;
	color: #fff;
	font-size: 18px;
	padding: 18.5px 10px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .icon + .icon {
	margin-right: 10px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-collapse {
	border-top: none;
	box-shadow: none;
	max-height: 100%;
	padding: 0;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav {
	margin: 0;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav li {
	display: block;
	padding: 0 0 0 20px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav li a {
	color: #fff;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav li a:hover {
	color: #fff;
}

.cube-portfolio .cbp-l-filters-button,
.cube-portfolio .cbp-l-grid-gallery {
	float: none;
	width: 100%;
}

.cube-portfolio .cbp-l-filters-button {
	font-size: 0;
	margin-bottom: 10px;
	margin-right: 0;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-item {
	display: inline-block;
	font-size: 14px;
	margin-right: 0;
	padding: 0;
	vertical-align: top;
	width: 48%;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-item:nth-of-type(1) {
	margin-right: 1%;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-item:nth-of-type(2) {
	margin-left: 1%;
}

.cube-portfolio .cbp-l-filters-button .cbp-filter-item:nth-of-type(3),
.cube-portfolio .cbp-l-filters-button .cbp-filter-item:nth-of-type(4) {
	width: 98.25%;
}

.cube-portfolio .cbp-caption-overlayBottomAlong .cbp-caption:hover .cbp-caption-defaultWrap {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

.cube-portfolio .cbp-caption-overlayBottomAlong .cbp-caption-activeWrap {
	background: rgba(30, 35, 43, 0.5);
	height: 100%;
}

.cube-portfolio .cbp-l-caption-alignLeft .cbp-l-caption-body {
	padding: 12px 5px;
	text-align: center;
}

.cube-portfolio .cbp-l-caption-alignLeft .cbp-l-caption-body .cbp-l-caption-title {
	font-size: 14px;
}

#lineup .lineup--btn-row {
	width: 100%;
}

#lineup .lineup--btn-row .col-sm-6 + .col-sm-6 {
	margin-top: 30px;
}

#contact .gmap {
	height: 450px;
}

.gmap {
	height: 400px;
}

#body::before,
#news::before,
#hello::before,
#company::before,
#lineup::before,
#feature::before {
	height: 0;
	margin-top: 0;
}

}

@media screen and (max-width: 640px) {

#topics .row.bnrBlock {
	margin: 0 -7.5px;
}

#topics .row.bnrBlock .col {
	padding: 0 7.5px 15px;
}

}

@media (max-width: 600px) {

.hidden-2xs {
	display: none;
}

.col-2xs-12 {
	width: 100%;
}

}

@media screen and (max-width: 550px) {

.header.navbar-default .container-fluid.one-page-nav__fixed {
	min-width: 320px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .navbar-nav li {
	padding: 0 30px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .logo_sp {
	height: auto;
	margin-left: 7.5px;
	max-width: 200px;
	padding: 13.5px 0;
	width: 100%;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .logo_sp img {
	width: 100%;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .navbar-toggle {
	padding: 25.5px 7.5px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .icon {
	padding: 17.5px 7.5px;
}

.header.navbar-default .container-fluid.one-page-nav__fixed .menu-container .icon + .icon {
	margin-right: 0;
}

.ms-skin-light-4 .ms-nav-next,
.ms-skin-light-4 .ms-nav-prev {
	display: none;
}

.owl-theme.owl-carousel {
	padding: 0;
}

.owl-theme .owl-controls {
	height: 30px;
	margin-top: 15px;
}

.owl-theme .owl-controls .owl-buttons div {
	bottom: 0;
	height: 30px;
	margin: auto;
	padding: 7px 0;
	top: auto;
	width: 30px;
}

.owl-theme .owl-controls .owl-buttons .owl-prev {
	left: 15px;
}

.owl-theme .owl-controls .owl-buttons .owl-next {
	right: 15px;
}

#usedcar .owl-carousel {
	padding: 0;
}

#usedcar .owl-carousel .item {
	padding: 0 15px;
}

#recommend .owl-carousel {
	padding: 0;
}

#recommend .owl-carousel .item {
	max-width: none;
	padding: 0 15px;
}

}

@media (max-width: 500px) {

.hidden-3xs {
	display: none;
}

}

@media screen and (max-width: 500px) {

#contact .gmap {
	height: 350px;
}

.gmap {
	height: 300px;
}

}

@media screen and (max-width: 480px) {

#lineup .bnr-block > .col-xs-6 {
	padding: 10px 5px 0;
}

#lineup .bnr > a .bnr-title {
	font-size: 12px;
}

#lineup .bnr > img {
	height: 150px;
}

}

@-webkit-keyframes fadeOut {

0% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

100% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}

}

@keyframes fadeOut {

0% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	opacity: 1;
}

100% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	opacity: 0;
}

}

@-webkit-keyframes point-anim {

0% {
	-moz-transform: scale(0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 1;
	transform: scale(0.5);
}

100% {
	-moz-transform: scale(1.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(0.5);
	opacity: 0;
	transform: scale(0.5);
}

}

@keyframes point-anim {

0% {
	-moz-transform: scale(0.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-ms-transform: scale(0.5);
	-o-transform: scale(0.5);
	-webkit-transform: scale(0.5);
	opacity: 1;
	transform: scale(0.5);
}

100% {
	-moz-transform: scale(1.5);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-ms-transform: scale(1.5);
	-o-transform: scale(1.5);
	-webkit-transform: scale(0.5);
	opacity: 0;
	transform: scale(0.5);
}

}

@-webkit-keyframes pulse {

25% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

75% {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

}

@keyframes pulse {

25% {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

75% {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

}

@-webkit-keyframes pulse-grow {

to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

}

@keyframes pulse-grow {

to {
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

}

@-webkit-keyframes pulse-shrink {

to {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

}

@keyframes pulse-shrink {

to {
	-webkit-transform: scale(0.9);
	transform: scale(0.9);
}

}

@-webkit-keyframes push {

50% {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

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

}

@keyframes push {

50% {
	-webkit-transform: scale(0.8);
	transform: scale(0.8);
}

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

}

@-webkit-keyframes pop {

50% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

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

}

@keyframes pop {

50% {
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

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

}

@-webkit-keyframes hover {

50% {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

100% {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

}

@keyframes hover {

50% {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

100% {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

}

@-webkit-keyframes hang {

50% {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

100% {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}

}

@keyframes hang {

50% {
	-webkit-transform: translateY(3px);
	transform: translateY(3px);
}

100% {
	-webkit-transform: translateY(6px);
	transform: translateY(6px);
}

}

@-webkit-keyframes wobble-vertical {

16.65% {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}

33.3% {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

49.95% {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}

66.6% {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

83.25% {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@keyframes wobble-vertical {

16.65% {
	-webkit-transform: translateY(8px);
	transform: translateY(8px);
}

33.3% {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

49.95% {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
}

66.6% {
	-webkit-transform: translateY(-2px);
	transform: translateY(-2px);
}

83.25% {
	-webkit-transform: translateY(1px);
	transform: translateY(1px);
}

100% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
}

}

@-webkit-keyframes wobble-horizontal {

16.65% {
	-webkit-transform: translateX(8px);
	transform: translateX(8px);
}

33.3% {
	-webkit-transform: translateX(-6px);
	transform: translateX(-6px);
}

49.95% {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
}

66.6% {
	-webkit-transform: translateX(-2px);
	transform: translateX(-2px);
}

83.25% {
	-webkit-transform: translateX(1px);
	transform: translateX(1px);
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

}

@keyframes wobble-horizontal {

16.65% {
	-webkit-transform: translateX(8px);
	transform: translateX(8px);
}

33.3% {
	-webkit-transform: translateX(-6px);
	transform: translateX(-6px);
}

49.95% {
	-webkit-transform: translateX(4px);
	transform: translateX(4px);
}

66.6% {
	-webkit-transform: translateX(-2px);
	transform: translateX(-2px);
}

83.25% {
	-webkit-transform: translateX(1px);
	transform: translateX(1px);
}

100% {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}

}

@-webkit-keyframes wobble-top {

16.65% {
	-webkit-transform: skew(-12deg);
	transform: skew(-12deg);
}

33.3% {
	-webkit-transform: skew(10deg);
	transform: skew(10deg);
}

49.95% {
	-webkit-transform: skew(-6deg);
	transform: skew(-6deg);
}

66.6% {
	-webkit-transform: skew(4deg);
	transform: skew(4deg);
}

83.25% {
	-webkit-transform: skew(-2deg);
	transform: skew(-2deg);
}

100% {
	-webkit-transform: skew(0);
	transform: skew(0);
}

}

@keyframes wobble-top {

16.65% {
	-webkit-transform: skew(-12deg);
	transform: skew(-12deg);
}

33.3% {
	-webkit-transform: skew(10deg);
	transform: skew(10deg);
}

49.95% {
	-webkit-transform: skew(-6deg);
	transform: skew(-6deg);
}

66.6% {
	-webkit-transform: skew(4deg);
	transform: skew(4deg);
}

83.25% {
	-webkit-transform: skew(-2deg);
	transform: skew(-2deg);
}

100% {
	-webkit-transform: skew(0);
	transform: skew(0);
}

}

@-webkit-keyframes wobble-bottom {

16.65% {
	-webkit-transform: skew(-12deg);
	transform: skew(-12deg);
}

33.3% {
	-webkit-transform: skew(10deg);
	transform: skew(10deg);
}

49.95% {
	-webkit-transform: skew(-6deg);
	transform: skew(-6deg);
}

66.6% {
	-webkit-transform: skew(4deg);
	transform: skew(4deg);
}

83.25% {
	-webkit-transform: skew(-2deg);
	transform: skew(-2deg);
}

100% {
	-webkit-transform: skew(0);
	transform: skew(0);
}

}

@keyframes wobble-bottom {

16.65% {
	-webkit-transform: skew(-12deg);
	transform: skew(-12deg);
}

33.3% {
	-webkit-transform: skew(10deg);
	transform: skew(10deg);
}

49.95% {
	-webkit-transform: skew(-6deg);
	transform: skew(-6deg);
}

66.6% {
	-webkit-transform: skew(4deg);
	transform: skew(4deg);
}

83.25% {
	-webkit-transform: skew(-2deg);
	transform: skew(-2deg);
}

100% {
	-webkit-transform: skew(0);
	transform: skew(0);
}

}

@keyframes hover {

50% {
	-webkit-transform: translateY(-3px);
	transform: translateY(-3px);
}

100% {
	-webkit-transform: translateY(-6px);
	transform: translateY(-6px);
}

}

@-webkit-keyframes hover-shadow {

0% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-transform: translateY(6px);
	opacity: .4;
	transform: translateY(6px);
}

50% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateY(3px);
	opacity: 1;
	transform: translateY(3px);
}

100% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-transform: translateY(6px);
	opacity: .4;
	transform: translateY(6px);
}

}

@keyframes hover-shadow {

0% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-transform: translateY(6px);
	opacity: .4;
	transform: translateY(6px);
}

50% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	-webkit-transform: translateY(3px);
	opacity: 1;
	transform: translateY(3px);
}

100% {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
	-webkit-transform: translateY(6px);
	opacity: .4;
	transform: translateY(6px);
}

}

@-webkit-keyframes pace-spinner {

0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}

@keyframes pace-spinner {

0% {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
}

100% {
	-webkit-transform: rotate(360deg);
	transform: rotate(360deg);
}

}