/* Generated by less 2.5.1 */
/*=======================================================================================

	Sheet name  : ショートコード用スタイルシート
	Category    : Multipurpose Themes
	Author      : studio.WaKS
	Version     : v1.0.0
	Created     : 2016.03.01
	Last update : 2016.03.01

  =======================================================================================*/
/*------------------------------------------------------------------
	footer
  ------------------------------------------------------------------*/
#footer.gray {
  background: #f5f5f5;
  padding: 80px 0;
}
#footer.gray .sub-title {
  margin: 15px 0;
  font-size: 12px;
  color: #222;
}
#footer.gray .social-link a {
  display: inline-block;
  font-size: 20px;
  color: #222;
  margin: 10px;
}
#footer.gray .social-link.circle a {
  border: 1px solid #222;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
#footer.gray .social-link.circle a:hover {
  background: #222;
  color: #fff;
  border: 1px solid transparent;
}
#footer.gray .copyright {
  font-size: 14px;
  color: #000;
}
#footer.gray .copyright-sub-title {
  font-size: 12px;
}
#footer.dark {
  background: #222;
}
#footer.dark .sub-title {
  margin: 15px 0;
  font-size: 12px;
  color: #fff;
}
#footer.dark .social-link a {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  margin: 10px;
}
#footer.dark .social-link.circle a {
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
#footer.dark .social-link.circle a:hover {
  background: #fff;
  color: #222;
  border: 1px solid transparent;
}
#footer.dark .copyright {
  font-size: 14px;
  color: #fff;
}
.footer-logo {
  display: block;
}
/*------------------------------------------------------------------
	footer 2
  ------------------------------------------------------------------*/
.f-link,
#footer.dark h5 {
  color: #fff;
}
#footer.dark {
  color: #6f7273;
}
#footer.dark .primary-footer {
  background: #222;
  padding: 80px 0;
}
#footer .f-list,
.r-work {
  padding: 0;
  margin: 0;
  list-style: none;
}
#footer .f-list li a {
  line-height: 45px;
  color: #a2a2a2;
  display: block;
}
#footer .f-list li {
  border-bottom: 1px solid #333;
}
#footer .f-list li a:before {
  font-family: "FontAwesome";
  content: "\f105";
  padding-right: 15px;
}
.r-work li a {
  float: left;
  margin: 0 10px 10px 0;
}
.r-work li a {
  width: 55px;
  height: 55px;
}
.r-work li a img {
  width: 100%;
  height: auto;
}
#footer.dark .secondary-footer {
  background: #1b1b1b;
  padding: 35px 0;
  border-top: 1px solid #2c2c2c;
  display: inline-block;
  width: 100%;
  font-weight: normal;
}
#footer.dark .secondary-footer .social-link a {
  display: inline-block;
  font-size: 20px;
  color: #5a5a5a;
  margin: 0 0 0 15px;
}
#footer.dark .secondary-footer .social-link.circle a {
  border: 1px solid #5a5a5a;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  line-height: 36px;
  text-align: center;
}
#footer.dark .secondary-footer .social-link.circle a:hover {
  background: #5a5a5a;
  color: #fff;
  border: 1px solid transparent;
}
/*------------------------------------------------------------------
	footer 3 & footer 4
  ------------------------------------------------------------------*/
.footer-3,
.footer-4 {
  position: relative;
}
.footer-3 .f-logo-center {
  text-align: center;
  position: absolute;
  top: -50px;
  background-color: #fff;
  padding: 20px;
  left: 50%;
  margin-left: -3%;
  border: 5px solid #f5f5f5;
}
.footer-4 .f-logo-center {
  text-align: center;
  position: absolute;
  top: -50px;
  background-color: #fff;
  padding: 20px;
  left: 50%;
  margin-left: -5%;
  border: 5px solid #222;
}
.footer-4.dark {
  background: #222;
  padding: 80px 0;
}
.footer-4.dark .social-link a {
  display: inline-block;
  font-size: 20px;
  color: #fff;
  margin: 10px;
}
.footer-4.dark .social-link.circle a {
  border: 1px solid #fff;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  line-height: 40px;
  text-align: center;
}
.footer-4.dark .social-link.circle a:hover {
  background-color: #fff;
  color: #222;
  border: 1px solid transparent;
}
.footer-4.dark .copyright {
  font-size: 14px;
  color: #fff;
}
.footer-4.dark .copyright-sub-title {
  font-size: 12px;
  color: #d0d0d0;
}
.gray .border-top {
  border-top: 1px dashed rgba(0, 0, 0, 0.1);
  padding-top: 40px;
}
.dark .border-top {
  border-top: 1px dashed rgba(255, 255, 255, 0.2);
  padding-top: 40px;
}
.short-pad {
  padding: 40px 0 !important;
}
/*------------------------------------------------------------------
	page title
  ------------------------------------------------------------------*/
.page-title {
  position: relative;
  padding: 50px 0;
  background-color: #f5f5f5;
}
.page-title h1,
.page-title h2,
.page-title h3,
.page-title h4,
.page-title h5 {
  margin-bottom: 0;
  letter-spacing: 2px;
  font-weight: normal;
}
.page-title span {
  margin-top: 5px;
  display: block;
  color: #929294;
}
.page-title .container {
  position: relative;
}
.page-title .breadcrumb {
  position: absolute;
  background-color: transparent;
  width: auto;
  top: 50%;
  left: auto;
  right: 30px ;
  margin: -10px 0 0 0;
  padding: 0;
  font-size: 12px;
}
.page-title .breadcrumb li {
  letter-spacing: 1px;
}
.page-title .breadcrumb.box {
  background: rgba(0, 0, 0, 0.5);
  padding: 15px;
  margin-top: -20px;
}
.page-title .breadcrumb.box a:hover {
  color: #fff;
}
/*----------------------------------------------------------------
	dark page title
  ----------------------------------------------------------------*/
.page-title.dark {
  background: #222;
}
.page-title.dark h1,
.page-title.dark h2,
.page-title.dark h3,
.page-title.dark h4,
.page-title.dark h5,
.page-title.dark .breadcrumb > .active {
  color: #fff;
}
.page-title.dark span {
  color: #7e7e7e;
}
.page-title.dark .breadcrumb li > a:hover {
  color: #fff;
}
/*----------------------------------------------------------------
	no background page title
  ----------------------------------------------------------------*/
.page-title.no-bg {
  background: none;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
/*----------------------------------------------------------------
	 background page title
  ----------------------------------------------------------------*/
.page-title.background-title {
  background-image: url(../demo/background/background-page-title.jpg);
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
  height: auto;
}
/*----------------------------------------------------------------
	 big background page title
  ----------------------------------------------------------------*/
.page-title.banner-background {
  background-image: url(../demo/background/banner-page-title.jpg);
  background-position: 50% 0;
  background-size: cover;
  background-repeat: no-repeat;
  padding: 200px 0;
  height: 630px;
}
/*----------------------------------------------------------------
	 parallax page title
  ----------------------------------------------------------------*/
.page-title.parallax-title {
  background-image: url(../demo/background/parallax-page-title.jpg);
  background-position: 50% 0;
  background-size: cover;
  background-attachmen: fixed;
  background-repeat: no-repeat;
  padding: 200px 0;
  height: auto;
}
/*----------------------------------------------------------------
	 pattern page title
  ----------------------------------------------------------------*/
.page-title.pattern-title {
  background-image: url(../demo/background/pattern-page-title.png);
  background-repeat: repeat;
  height: auto;
}
/*----------------------------------------------------------------
	 mini page title
  ----------------------------------------------------------------*/
.page-title.mini-title {
  padding: 25px 0;
}
/*----------------------------------------------------------------
	 center page title
  ----------------------------------------------------------------*/
.page-title.page-title-center {
  text-align: center;
}
.page-title.page-title-center .breadcrumb {
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  margin: 20px 0 0 0;
}
/*----------------------------------------------------------------
	 right page title
  ----------------------------------------------------------------*/
.page-title.page-title-right {
  text-align: right;
}
.page-title.page-title-right .breadcrumb {
  left: 30px;
  right: auto;
}
/*------------------------------------------------------------------
	featured border boxes
  ------------------------------------------------------------------*/
.featured-item .icon {
  padding: 0 0 30px 0;
}
.featured-item .icon i {
  font-size: 36px;
}
.featured-item .title h4 {
  margin-bottom: 20px;
  letter-spacing: 1px;
  font-weight: normal;
}
.featured-item .desc {
  color: #7e7e7e;
}
.featured-item.border-box {
  border: 1px solid #f2f2f2;
  padding: 50px;
  margin-left: -1px;
  margin-bottom: -1px;
}
.featured-item.border-box:hover {
  border: 1px solid transparent;
  background: #222;
  color: #7e7e7e;
}
.featured-item.border-box:hover h4 {
  color: #fff;
}
.featured-item.border-box,
.featured-item.border-box:hover,
.featured-item.border-box h4,
.featured-item.border-box:hover h4,
.featured-item.border-box .icon i .featured-item.border-box:hover .icon i {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature-box-grid {
  padding-left: 15px;
  padding-right: 15px;
}
.feature-box-grid .col-lg-1,
.feature-box-grid .col-lg-10,
.feature-box-grid .col-lg-11,
.feature-box-grid .col-lg-12,
.feature-box-grid .col-lg-2,
.feature-box-grid .col-lg-3,
.feature-box-grid .col-lg-4,
.feature-box-grid .col-lg-5,
.feature-box-grid .col-lg-6,
.feature-box-grid .col-lg-7,
.feature-box-grid .col-lg-8,
.feature-box-grid .col-lg-9,
.feature-box-grid .col-md-1,
.feature-box-grid .col-md-10,
.feature-box-grid .col-md-11,
.feature-box-grid .col-md-12,
.feature-box-grid .col-md-2,
.feature-box-grid .col-md-3,
.feature-box-grid .col-md-4,
.feature-box-grid .col-md-5,
.feature-box-grid .col-md-6,
.feature-box-grid .col-md-7,
.feature-box-grid .col-md-8,
.feature-box-grid .col-md-9,
.feature-box-grid .col-sm-1,
.feature-box-grid .col-sm-10,
.feature-box-grid .col-sm-11,
.feature-box-grid .col-sm-12,
.feature-box-grid .col-sm-2,
.feature-box-grid .col-sm-3,
.feature-box-grid .col-sm-4,
.feature-box-grid .col-sm-5,
.feature-box-grid .col-sm-6,
.feature-box-grid .col-sm-7,
.feature-box-grid .col-sm-8,
.feature-box-grid .col-sm-9,
.feature-box-grid .col-xs-1,
.feature-box-grid .col-xs-10,
.feature-box-grid .col-xs-11,
.feature-box-grid .col-xs-12,
.feature-box-grid .col-xs-2,
.feature-box-grid .col-xs-3,
.feature-box-grid .col-xs-4,
.feature-box-grid .col-xs-5,
.feature-box-grid .col-xs-6,
.feature-box-grid .col-xs-7,
.feature-box-grid .col-xs-8,
.feature-box-grid .col-xs-9 {
  padding-left: 0;
  padding-right: 0;
}
/*----------------------------------------------------------------
	feature parallax
  ----------------------------------------------------------------*/
.feature-parallax {
  background-image: url(../demo/background/feature.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.feature-parallax .page-content {
  padding: 100px 0;
}
.feature-parallax.dark,
.feature-parallax.dark .featured-item .title h4,
.feature-parallax.dark .featured-item .desc {
  color: #fff;
}
.featured-item .bottom-border i {
  border-bottom: 2px solid;
  padding-bottom: 30px;
  display: inline-block;
}
/*----------------------------------------------------------------
	feature outline
  ----------------------------------------------------------------*/
.featured-item.feature-outline {
  position: relative;
  padding: 0 0 0 80px;
}
.featured-item.feature-outline .icon {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
/*----------------------------------------------------------------
	feature border box
  ----------------------------------------------------------------*/
.feature-border-box {
  border: 1px solid #e9e9e9;
  padding: 30px;
  position: relative;
  border-radius: 4px;
}
.feature-border-box,
.feature-border-box:hover .icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature-border-box .icon {
  position: absolute;
  top: -30px;
  left: 30px;
  width: 60px;
  height: 60px;
  line-height: 60px;
  background: #222;
  border-radius: 4px;
  text-align: center;
  box-shadow: 0 0 0 10px #fff;
}
.featured-item.feature-border-box .icon i {
  color: #fff;
  font-size: 30px;
  line-height: 60px;
}
.feature-border-box .title {
  margin-top: 30px;
  display: inline-block;
}
/*----------------------------------------------------------------
	feature bg box
  ----------------------------------------------------------------*/
.feature-bg-box {
  margin-bottom: 100px;
  padding: 30px;
  position: relative;
  border-radius: 4px;
}
.gray-bg {
  background: #f6f6f6;
}
.feature-bg-box,
.feature-bg-box:hover .icon {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.feature-bg-box .icon {
  position: absolute;
  top: -40px;
  left: 50%;
  width: 80px;
  height: 80px;
  margin-left: -40px;
  line-height: 80px;
  background: #fff;
  border-radius: 50%;
  text-align: center;
  box-shadow: 0 0 0 5px #f6f6f6;
}
.featured-item.feature-bg-box .icon i {
  font-size: 30px;
  line-height: 80px;
  color: #808184;
}
.feature-bg-box .title {
  margin-top: 40px;
  display: inline-block;
}
.featured-box .one-third {
  width: 33.3333333%;
  float: left;
  padding: 10px 0;
}
.featured-box .one-third:nth-child(2) {
  padding: 10px 10px;
}
.featured-box .one-third .featured-item {
  padding: 15% 20%;
  min-height: 360px;
}
.featured-box .one-third .featured-item,
.featured-box .one-third .featured-item h4,
.featured-box .one-third .featured-item .desc {
  color: #fff;
}
.color-1 {
  background: #a8babc;
}
.color-2 {
  background: #a0aa95;
}
.color-3 {
  background: #c5c2be;
}
.height-fix {
  height: 300px;
}
.featured-item .number {
  color: #e1e1e1;
  font-size: 36px;
  font-weight: normal;
}
.featured-item.feature-outline.right {
  position: relative;
  padding: 0 80px 0 0;
}
.featured-item.feature-outline.right .icon {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
}
/*------------------------------------------------------------------
	accordions
  ------------------------------------------------------------------*/
.accordion > dt {
  margin-bottom: 10px;
  font-size: 14px;
  font-weight: 400;
  text-transform: uppercase;
}
.accordion.time-line > dt > a {
  background: none;
}
.accordion > dt > a {
  display: block;
  position: relative;
  color: #222;
  text-decoration: none;
  padding: 14px 20px;
  border: 1px solid #e8e8e8;
  background: #e8e8e8;
}
.accordion > dt > a:hover {
  text-decoration: none;
}
.accordion > dt > a:hover,
.accordion > dt > a.active {
  color: #fff;
  border-color: #222;
  background: #222;
  cursor: pointer;
}
.accordion > dt > a:after {
  font-family: "icomoon";
  content: "\e648";
  width: 15px;
  height: 15px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 10px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 16px;
  line-height: 15px;
  text-align: center;
  color: #696969;
  -webkit-font-smoothing: antialiased;
}
.accordion > dt > a.active:after,
.accordion > dt > a.active:hover:after {
  content: "\e641";
  color: #fff;
}
.accordion > dt > a:hover:after {
  color: #fff;
}
.accordion > dd {
  margin-bottom: 10px;
  padding: 10px 20px 20px;
  font-size: 14px;
  line-height: 1.8;
  color: #777;
}
.accordion > dt > a,
.accordion > dt > a:after,
.toggle > dt > a,
.toggle > dt > a:after {
  -webkit-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -moz-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -ms-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  -o-transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
  transition: all 0.27s cubic-bezier(0, 0, 0.58, 1);
}
/*------------------------------------------------------------------
	timeline accordions
  ------------------------------------------------------------------*/
dl.accordion.time-line {
  position: relative;
}
dl.accordion.time-line:before {
  border-left: 1px dashed #cecece;
  bottom: 10px;
  content: "";
  left: 15px;
  position: absolute;
  top: 25px;
  z-index: 0;
}
.accordion.time-line > dd {
  margin-bottom: 10px;
  padding: 10px 20px 20px 40px;
  font-size: 14px;
  line-height: 1.8;
  color: #777;
}
.accordion.time-line > dt > a:after {
  font-family: "icomoon";
  content: "\e648";
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  left: 0;
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  font-size: 20px;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  background: #222;
  padding-left: 3px;
}
.accordion.time-line > dt > a.active:after,
.accordion.time-line > dt > a.active:hover:after {
  content: "\e641";
  color: #fff;
}
.accordion.time-line > dt > a {
  display: block;
  position: relative;
  color: #222;
  text-decoration: none;
  padding: 14px 20px 14px 40px;
  border: none;
}
.accordion.time-line > dt > a:hover,
.accordion.time-line > dt > a.active {
  background: none !important;
}
/*------------------------------------------------------------------
	Toggle
  ------------------------------------------------------------------*/
.toggle > dt {
  margin-bottom: 10px;
  font-size: 13px;
  font-weight: 400;
  text-transform: uppercase;
}
.toggle > dt > a {
  display: block;
  position: relative;
  color: #222;
  text-decoration: none;
  padding: 14px 20px;
  border: 1px solid #e8e8e8;
  background: #e8e8e8;
}
.toggle.time-line > dt > a {
  background: none;
}
.toggle > dt > a:hover {
  text-decoration: none;
}
.toggle > dt > a:hover,
.toggle > dt > a.active {
  color: #fff;
  border-color: #222;
  background: #222;
  cursor: pointer;
}
.toggle > dt > a:after {
  font-family: "icomoon";
  content: "\e648";
  width: 15px;
  height: 15px;
  margin-top: -8px;
  position: absolute;
  top: 50%;
  right: 10px;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 15px;
  line-height: 15px;
  text-align: center;
  color: #696969;
  -webkit-font-smoothing: antialiased;
}
.toggle > dt > a.active:after,
.toggle > dt > a.active:hover:after {
  content: "\e641";
  color: #fff;
}
.toggle > dt > a:hover:after {
  color: #fff;
}
.toggle > dd {
  margin-bottom: 10px;
  padding: 10px 20px 20px;
  font-size: 14px;
  line-height: 1.8;
  color: #777;
}
/*------------------------------------------------------------------
	timeline toggle
  ------------------------------------------------------------------*/
dl.toggle.time-line {
  position: relative;
}
dl.toggle.time-line:before {
  border-left: 1px dashed #cecece;
  bottom: 10px;
  content: "";
  left: 15px;
  position: absolute;
  top: 25px;
  z-index: 0;
}
.toggle.time-line > dd {
  margin-bottom: 10px;
  padding: 10px 20px 20px 40px;
  font-size: 14px;
  line-height: 1.8;
  color: #777;
}
.toggle.time-line > dt > a:after {
  font-family: "icomoon";
  content: "\e648";
  width: 30px;
  height: 30px;
  line-height: 30px;
  margin-top: -15px;
  position: absolute;
  top: 50%;
  left: 0;
  speak: none;
  font-style: normal;
  font-weight: bold;
  font-variant: normal;
  text-transform: none;
  font-size: 20px;
  text-align: center;
  color: #fff;
  -webkit-font-smoothing: antialiased;
  background: #222;
  padding-left: 3px;
}
.toggle.time-line > dt > a.active:after,
.toggle.time-line > dt > a.active:hover:after {
  content: "\e641";
  color: #fff;
}
.toggle.time-line > dt > a {
  display: block;
  position: relative;
  color: #222;
  text-decoration: none;
  padding: 14px 20px 14px 40px;
  border: none;
}
.toggle.time-line > dt > a:hover,
.toggle.time-line > dt > a.active {
  background: none !important;
}
/*------------------------------------------------------------------
    tabs
  ------------------------------------------------------------------*/
.nav-tabs > li > a,
.nav-tabs.nav-justified > li > a {
  margin-right: -1px;
  border: 1px solid #eee;
  border-radius: 0;
  background: #fafafa;
  color: #434343;
  text-transform: uppercase;
}
.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover,
.nav-tabs.nav-justified > .active > a,
.nav-tabs.nav-justified > .active > a:focus,
.nav-tabs.nav-justified > .active > a:hover {
  cursor: default;
  background-color: #fff;
  border: 1px solid #eee;
  border-bottom-color: transparent;
}
.nav-tabs {
  border-bottom: 1px solid #eee;
}
.nav-tabs > li > a:hover {
  border-color: #eee #eee #eee;
}
.nav-tabs > li > a {
  padding: 20px 30px;
}
.nav-tabs > li > a:hover {
  background-color: #fff;
}
.tab-pane {
  font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 30px;
}
/*--------------------------------------------------- normal tabs --*/
.normal-tabs .panel-body {
  padding: 30px 0;
}
.normal-tabs ul.nav-tabs {
  padding-left: 20px;
}
/*--------------------------------------------------- border tabs --*/
.border-tabs .panel-body {
  padding: 30px;
  border: 1px solid #eee;
  margin-top: -1px;
}
/*---------------------------------------------------- round tabs --*/
.round-tabs .nav-pills,
.square-tabs .nav-pills {
  display: inline-block;
}
.round-tabs .nav-pills > li > a {
  border-radius: 30px;
  border: 1px solid #eaeaea;
  color: #434343;
}
.round-tabs .nav-pills > li > a:hover,
.round-tabs .nav-pills > li.active > a,
.round-tabs .nav-pills > li.active > a:focus,
.round-tabs .nav-pills > li.active > a:hover,
.square-tabs .nav-pills > li > a:hover,
.square-tabs .nav-pills > li.active > a,
.square-tabs .nav-pills > li.active > a:focus,
.square-tabs .nav-pills > li.active > a:hover {
  color: #222;
  border: 1px solid #222;
  background: none;
}
.round-tabs .nav > li > a,
.square-tabs .nav > li > a {
  position: relative;
  display: block;
  padding: 10px 25px;
}
.round-tabs .nav-pills > li + li,
.square-tabs .nav-pills > li + li {
  margin-left: 20px;
}
.square-tabs .nav-pills > li > a {
  border-radius: 0;
  border: 1px solid #eaeaea;
  color: #434343;
}
.tab-parallax {
  background-image: url(../demo/background/tabs-pattern.png);
  background-attachment: fixed;
  background-repeat: repeat;
}
.icon-box-tabs .nav-pills {
  display: inline-block;
}
.icon-box-tabs .nav-pills > li > a:hover,
.icon-box-tabs .nav-pills > li.active > a,
.icon-box-tabs .nav-pills > li.active > a:focus,
.icon-box-tabs .nav-pills > li.active > a:hover {
  background-color: #ffffff;
  color: #222;
}
.icon-box-tabs .nav > li > a {
  position: relative;
  display: block;
  padding: 35px 70px;
}
.icon-box-tabs .nav-pills > li + li {
  margin-left: 20px;
}
.icon-box-tabs .nav-pills > li > a {
  border-radius: 0;
  background: rgba(34, 34, 34, 0.05);
  color: #434343;
  position: relative;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-box-tabs .nav-pills > li > a:after {
  opacity: 0;
  bottom: -10px;
  content: "";
  left: 50%;
  margin-left: -10px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 10px 0 10px;
  border-color: #fff transparent transparent transparent;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-box-tabs .nav-pills > li > a:hover:after,
.icon-box-tabs .nav-pills > li.active > a:after,
.icon-box-tabs .nav-pills > li.active > a:focus:after,
.icon-box-tabs .nav-pills > li.active > a:hover:after {
  opacity: 1;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.icon-box-tabs .nav-pills > li > a i {
  font-size: 36px;
}
.icon-box-tabs .panel-body {
  padding: 30px 0;
}
.line-tab .nav-tabs > li > a,
.line-tab .nav-tabs.nav-justified > li > a {
  border-left: none                  !important;
  border-top: none                  !important;
  border-right: none                  !important;
  border-bottom: 1px solid transparent !important;
  background: none;
}
.line-tab .nav-tabs > li.active > a,
.line-tab .nav-tabs > li.active > a:focus,
.line-tab .nav-tabs > li.active > a:hover,
.line-tab .nav-tabs.nav-justified > .active > a,
.line-tab .nav-tabs.nav-justified > .active > a:focus,
.line-tab .nav-tabs.nav-justified > .active > a:hover {
  border-bottom: 1px solid #333 !important;
  border-left: 1px solid transparent;
  border-right: 1px solid transparent;
  border-top: 1px solid transparent;
}
.line-tab ul.nav-tabs {
  padding-left: 0;
}
.icon-tabs .nav-pills > li > a {
  border-radius: 0;
  border: none;
}
.icon-tabs ul {
  margin-bottom: 50px;
}
.icon-tabs.light .nav-pills > li > a,
.icon-tabs.light .tab-content,
.icon-tabs.light .tab-content p {
  color: #fff;
}
.icon-tabs .nav > li {
  padding: 0 30px;
}
.icon-tabs .nav > li > a {
  padding: 10px 0;
}
.icon-tabs li i {
  font-size: 55px;
  margin-bottom: 10px;
  display: block;
}
.icon-tabs .nav-pills > li > a:hover,
.icon-tabs .nav-pills > li.active > a,
.icon-tabs .nav-pills > li.active > a:focus,
.icon-tabs .nav-pills > li.active > a:hover {
  border-left: none;
  border-right: none;
  border-top: none;
  background: none;
}
.tab-parallax-alt {
  background-image: url(../demo/background/tabs-parallax.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding: 200px 0;
  background-position: 50% 50%;
}
/*------------------------------------------------------------------
	promo box
  ------------------------------------------------------------------*/
.promo-box {
  padding: 40px;
  display: block;
  width: 100%;
}
.promo-box,
.text-center .promo-btn,
.text-center .promo-btn a,
.full-width.promo-box .container {
  position: relative;
}
.promo-box h1,
.promo-box h2,
.promo-box h3,
.promo-box h4,
.promo-box h5,
.promo-box h6 {
  margin-bottom: 0;
  text-transform: uppercase;
}
.text-center .promo-btn,
.text-center .promo-btn a,
.text-center .promo-info span,
.text-center .promo-info {
  display: inline-block;
}
.promo-info {
  padding-right: 200px;
}
.text-center .promo-info {
  padding-right: 0;
}
.promo-info h1 span,
.promo-info h2 span,
.promo-info h3 span,
.promo-info h4 span,
.promo-info h5 span,
.promo-info h6 span {
  margin-top: 0;
  display: inline;
}
.promo-info span {
  margin-top: 10px;
  display: block;
  color: #7e7e7e;
}
.promo-box.gray-bg {
  background: #f5f5f5;
}
.promo-box.dark-bg {
  background: #222;
}
.light-txt,
.light-txt p {
  color: #fff !important;
}
.round-5 {
  border-radius: 5px;
}
.promo-btn {
  position: absolute;
  right: 40px;
  top: 50%;
  margin-top: -28px;
}
.promo-btn a.btn {
  margin-right: 0;
}
.text-center .promo-info span {
  margin-bottom: 20px;
  width: 100%;
}
.promo-btn a.btn,
.promo-box a.btn {
  padding: 15px 30px;
}
.promo-box.border-box {
  border: 1px solid #ececec;
}
.full-width.promo-box {
  padding: 60px 0;
}
.full-width.promo-box .promo-btn {
  right: 0;
}
.promo-pattern {
  background-image: url(../demo/background/promo-pattern.png);
  background-repeat: repeat;
  height: auto;
}
.promo-parallax {
  background-image: url(../demo/background/promo-parallax.jpg);
  background-repeat: repeat;
  height: auto;
  background-attachment: fixed;
}
/*------------------------------------------------------------------
	buttons
  ------------------------------------------------------------------*/
.btn-large {
  padding: 20px 40px;
  font-size: 16px;
}
.btn-medium {
  padding: 15px 30px;
  font-size: 14px;
  font-weight: normal;
}
.btn-small {
  padding: 10px 20px;
  font-size: 12px;
  font-weight: normal;
}
.btn-extra-small {
  padding: 5px 10px;
  font-size: 11px;
  font-weight: normal;
}
.btn {
  margin-right: 20px;
  display: inline-block;
  border-radius: 0;
  text-transform: uppercase;
}
.btn.btn-default.focus,
.btn.btn-default:focus,
.btn.btn-default:hover {
  color: #222;
}
.btn-rounded {
  border-radius: 4px;
}
.btn-circle {
  border-radius: 30px;
}
/*---------------------------------------------------------- dark --*/
.dark-bg {
  background-color: #1b1b1b;
}
.btn-dark-solid {
  background-color: #222;
  color: #fff;
}
.btn-theme-color,
.btn-dark-solid:hover,
.btn-dark-solid:focus,
.btn-theme-border-color:hover {
  color: #fff;
}
.btn-theme-color:hover,
.btn-theme-color:focus {
  background-color: #000;
  color: #fff;
}
.btn-theme-color.light-hover:hover,
.btn-theme-color.light-hover:focus {
  background-color: #fff !important;
  color: #222 !important;
}
.btn-dark-solid.btn-transparent {
  background-color: rgba(0, 0, 0, 0.1);
  color: #222;
}
/*-------------------------------------------- dark border button --*/
.btn-dark-border {
  background-color: transparent;
  color: #222;
  border: 1px solid #222;
}
.btn-dark-border.btn-transparent {
  background-color: transparent;
  color: #222;
  border: 1px solid rgba(0, 0, 0, 0.15);
}
.btn-dark-border:hover {
  background-color: #222;
  color: #fff;
  border: 1px solid #222;
}
/*--------------------------------------------------------- light --*/
.btn-light-solid {
  background-color: #fff;
  color: #222;
}
.btn-light-solid:hover,
.btn-light-solid:focus {
  color: #fff;
}
.btn-light-solid.btn-transparent {
  background-color: rgba(255, 255, 255, 0.2);
  color: #fff;
}
.btn-dark-solid:hover.btn-transparent:hover {
  background-color: #222;
  color: #fff !important;
}
/*------------------------------------------- light border button --*/
.btn-light-border {
  background-color: transparent;
  color: #fff;
  border: 1px solid #fff;
}
.btn-light-border.btn-transparent {
  background-color: transparent;
  color: #fff;
  border: 1px solid rgba(255, 255, 255, 0.15);
}
.btn-light-border:hover,
.btn-light-border:focus {
  background-color: #fff;
  color: #222 !important;
  border: 1px solid #fff;
}
/*------------------------------------------------------------------
	fun factors
  ------------------------------------------------------------------*/
.fun-factor .icon {
  float: left;
  margin-top: 10px;
}
.fun-factor .icon i {
  font-size: 36px;
  color: #222;
}
.fun-factor .fun-info {
  padding-left: 100px;
}
.fun-factor .fun-info span {
  display: block;
  text-transform: uppercase;
}
.fun-factor .fun-info h1,
.fun-factor .fun-info h2,
.fun-factor .fun-info h3,
.fun-factor .fun-info h4,
.fun-factor .fun-info h5,
.fun-factor .fun-info h6 {
  margin-bottom: 0;
  color: #222;
  font-weight: normal;
}
.fun-factor .fun-info {
  position: relative;
}
.fun-factor .fun-info:before {
  content: "";
  background: rgba(0, 0, 0, 0.2);
  width: 1px;
  height: 80px;
  position: absolute;
  left: 75px;
  top: 0;
  transform: rotate(30deg);
}
.fun-factor-parallax {
  height: auto;
  background-image: url(../demo/background/fun-factor.jpg);
  background-repeat: repeat;
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
.dark .fun-factor .icon i,
.dark .fun-factor .fun-info h1,
.dark .fun-factor .fun-info h2,
.dark .fun-factor .fun-info h3,
.dark .fun-factor .fun-info h4,
.dark .fun-factor .fun-info h5,
.dark .fun-factor .fun-info h6,
.dark .fun-factor .fun-info span {
  color: #fff;
}
.dark .fun-factor .fun-info:before {
  background: rgba(255, 255, 255, 0.4);
}
.fun-factor.alt {
  text-align: center;
}
.fun-factor.alt .fun-info {
  padding-left: 0;
}
.fun-factor.alt .icon {
  float: none;
  display: inline-block;
  margin-top: 0;
  margin-bottom: 10px;
}
.fun-factor.alt .fun-info:before {
  content: "";
  background: none;
}
.gray-bg {
  background: #f5f5f5;
}
.gray-border-factor .fun-factor {
  padding: 100px 0;
  border-top: 1px solid #f5f5f5;
  border-bottom: 1px solid #f5f5f5;
}
.gray-border-factor.dark .fun-factor {
  padding: 100px 0;
  border-top: none;
  border-bottom: none;
}
.gray-border-factor .f-grid:nth-child(2n+2) {
  background-color: #f5f5f5;
}
.gray-border-factor.dark .f-grid {
  background-color: #323232;
}
.gray-border-factor.dark .f-grid:nth-child(2n+2) {
  background-color: #3a3a3a;
}
.gray-border-factor .col-lg-1,
.gray-border-factor .col-lg-10,
.gray-border-factor .col-lg-11,
.gray-border-factor .col-lg-12,
.gray-border-factor .col-lg-2,
.gray-border-factor .col-lg-3,
.gray-border-factor .col-lg-4,
.gray-border-factor .col-lg-5,
.gray-border-factor .col-lg-6,
.gray-border-factor .col-lg-7,
.gray-border-factor .col-lg-8,
.gray-border-factor .col-lg-9,
.gray-border-factor .col-md-1,
.gray-border-factor .col-md-10,
.gray-border-factor .col-md-11,
.gray-border-factor .col-md-12,
.gray-border-factor .col-md-2,
.gray-border-factor .col-md-3,
.gray-border-factor .col-md-4,
.gray-border-factor .col-md-5,
.gray-border-factor .col-md-6,
.gray-border-factor .col-md-7,
.gray-border-factor .col-md-8,
.gray-border-factor .col-md-9,
.gray-border-factor .col-sm-1,
.gray-border-factor .col-sm-10,
.gray-border-factor .col-sm-11,
.gray-border-factor .col-sm-12,
.gray-border-factor .col-sm-2,
.gray-border-factor .col-sm-3,
.gray-border-factor .col-sm-4,
.gray-border-factor .col-sm-5,
.gray-border-factor .col-sm-6,
.gray-border-factor .col-sm-7,
.gray-border-factor .col-sm-8,
.gray-border-factor .col-sm-9,
.gray-border-factor .col-xs-1,
.gray-border-factor .col-xs-10,
.gray-border-factor .col-xs-11,
.gray-border-factor .col-xs-12,
.gray-border-factor .col-xs-2,
.gray-border-factor .col-xs-3,
.gray-border-factor .col-xs-4,
.gray-border-factor .col-xs-5,
.gray-border-factor .col-xs-6,
.gray-border-factor .col-xs-7,
.gray-border-factor .col-xs-8,
.gray-border-factor .col-xs-9 {
  padding-left: 0;
  padding-right: 0;
}
.fun-icon-text-parallel .icon i,
.fun-icon-text-parallel .icon h1 {
  display: inline-block;
  margin-bottom: 0;
}
.fun-icon-text-parallel .icon i {
  padding-right: 10px;
  font-size: 36px;
}
/*------------------------------------------------------------------
	Post
-------------------------------------------------------------------*/
.post-grid,
.post-list-aside {
  display: inline-block;
  width: 100%;
}
.post-grid {
  margin: 0 15px;
}
.post-grid .col-lg-1,
.post-grid .col-lg-10,
.post-grid .col-lg-11,
.post-grid .col-lg-12,
.post-grid .col-lg-2,
.post-grid .col-lg-3,
.post-grid .col-lg-4,
.post-grid .col-lg-5,
.post-grid .col-lg-6,
.post-grid .col-lg-7,
.post-grid .col-lg-8,
.post-grid .col-lg-9,
.post-grid .col-md-1,
.post-grid .col-md-10,
.post-grid .col-md-11,
.post-grid .col-md-12,
.post-grid .col-md-2,
.post-grid .col-md-3,
.post-grid .col-md-4,
.post-grid .col-md-5,
.post-grid .col-md-6,
.post-grid .col-md-7,
.post-grid .col-md-8,
.post-grid .col-md-9,
.post-grid .col-sm-1,
.post-grid .col-sm-10,
.post-grid .col-sm-11,
.post-grid .col-sm-12,
.post-grid .col-sm-2,
.post-grid .col-sm-3,
.post-grid .col-sm-4,
.post-grid .col-sm-5,
.post-grid .col-sm-6,
.post-grid .col-sm-7,
.post-grid .col-sm-8,
.post-grid .col-sm-9,
.post-grid .col-xs-1,
.post-grid .col-xs-10,
.post-grid .col-xs-11,
.post-grid .col-xs-12,
.post-grid .col-xs-2,
.post-grid .col-xs-3,
.post-grid .col-xs-4,
.post-grid .col-xs-5,
.post-grid .col-xs-6,
.post-grid .col-xs-7,
.post-grid .col-xs-8,
.post-grid .col-xs-9 {
  padding-left: 0;
  padding-right: 0;
}
.post-single .post-img,
.post-single .post-desk .date,
.post-single .post-cat li a,
.post-single .post-desk,
.post-list .post-single .post-desk a.author {
  position: relative;
}
.post-grid .post-single .post-img {
  width: 100%;
  height: 309px;
}
.post-grid .post-single .post-img img {
  width: 100%;
  height: 100%;
}
.post-single .post-img.top:after {
  top: -7px;
}
.post-single .post-img.bottom:after {
  bottom: -7px;
}
.post-single .post-img.top:after,
.post-single .post-img.bottom:after {
  background-color: #fff;
  border-color: #fff;
  border-image: none;
  border-right: 1px solid #fff;
  border-style: none;
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  left: 50%;
  margin-left: -7px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.post-single .post-desk {
  padding: 30px 0;
  height: 309px;
}
.post-grid .post-single .post-desk {
  padding: 40px;
  height: 309px;
}
.pad-left-less {
  padding-left: 0 !important;
}
.post-single .post-desk .date,
.post-single .post-desk h4 a,
.p-read-more:hover {
  color: #222;
}
.post-sub-title {
  font-size: 16px;
}
.post-single .post-desk .date {
  margin-bottom: 25px;
  font-size: 14px;
  text-transform: uppercase;
  float: left;
  width: 100%;
  height: auto;
  padding-top: 0;
  background: none;
  color: transparent;
  margin-right: 0;
}
.post-single .post-desk .date:after {
  content: "";
  width: 60px;
  height: 1px;
  position: absolute;
  left: 0;
  top: 30px;
  background: #222;
}
.post-single .post-desk .mid-align {
  position: absolute;
  top: 50%;
  padding-right: 40px;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  -o-transform: translate(0, -50%);
  transform: translate(0, -50%);
}
.post-single .post-cat {
  padding: 0;
  list-style: none;
}
.post-single .post-cat li {
  display: inline-block;
  margin-right: 10px;
}
.post-single .post-cat li a {
  color: #909090;
  text-transform: uppercase;
  font-size: 12px;
}
.post-single .post-cat li a:after {
  content: ",";
}
.post-list .post-single .post-desk p,
.post-list-aside .post-single .post-desk p {
  line-height: 30px;
}
.post-list .post-single .post-desk {
  padding: 40px 0;
}
.post-list .post-single .post-desk .date,
.post-list-aside .post-single .post-desk .date,
.post-list .post-single .post-desk a.author,
.post-list-aside .post-desk a.author {
  font-size: 12px;
  color: #909090;
}
.post-list .post-single .post-desk h4 {
  margin-bottom: 10px;
}
.post-list .post-single .post-desk .date:after,
.post-list-aside .post-single .post-desk .date:after {
  background: none;
}
.post-list .post-single .post-desk a.author:after {
  content: "|";
  padding-left: 10px;
  padding-right: 5px;
}
.post-list .post-single .post-img img {
  width: 100%;
  height: auto;
}
.post-list .post-single .post-cat li a:hover {
  color: #000;
}
.p-read-more {
  text-transform: uppercase;
  position: relative;
  color: #bbb;
}
.p-read-more i {
  position: absolute;
  top: 2px;
  margin-left: 10px;
  font-weight: bold;
}
.post-list-aside .post-single .post-desk h4 {
  margin-bottom: 10px;
}
.post-list-aside .post-img img {
  width: 100%;
  height: auto;
}
.post-list-aside .post-desk a.author:after {
  content: "|";
  padding-left: 10px;
  padding-right: 5px;
}
.post-parallax {
  background-image: url(../demo/background/post-parallax.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  height: 100%;
  width: 100% !important;
  overflow: hidden;
  background-position: 50% 50%;
}
.post-parallax .relative {
  float: left;
}
.post-parallax .space {
  padding: 0 30px;
}
.post-parallax .massive-progress {
  background: #606060;
}
.post-parallax .massive-progress .progress-bar {
  background: #fff;
  color: #222;
}
.relative {
  position: relative;
}
.post-parallax .dark-overlay {
  background: rgba(0, 0, 0, 0.5);
  content: "";
  width: 50%;
  right: 0;
  top: 0;
  height: 100%;
  position: absolute;
}
.post-parallax .container {
  position: relative;
}
.v-middle {
  height: 400px;
  display: table;
  vertical-align: middle;
  width: 100%;
}
.v-middle h3 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}
.img-post.col-2 .item {
  width: 50%;
}
.img-post.col-3 .item {
  width: 33.3333333%;
}
.img-post.col-4 .item {
  width: 25%;
}
.img-post .item {
  float: left;
  position: relative;
  cursor: pointer;
}
.img-post .item img {
  width: 100%;
  height: auto;
}
.img-post .post-desk {
  position: absolute;
  top: 10%;
  left: 0;
  padding: 10%;
}
.img-post.col-3 .post-desk {
  top: 15%;
  padding: 5%;
}
.img-post.col-4 .post-desk {
  top: 0;
  padding: 5%;
}
.img-post .post-desk .light-txt a {
  color: #fff;
}
.title-img {
  position: relative;
}
.title-img img {
  border: none !important;
  width: 100%;
  height: auto;
}
.title-img .info {
  position: absolute;
  left: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 10px;
  color: #fff;
  width: 100%;
}
.right-side,
.left-side {
  padding: 110px 0;
}
.gap-less .col-md-6 {
  padding: 0;
}
/*----------------------------------------------------------------
	portfolio
  ----------------------------------------------------------------*/
.portfolio {
  margin: 50px 0;
}
.portfolio .portfolio-item {
  float: left;
}
.portfolio .portfolio-item .thumb {
  position: relative;
}
.portfolio .portfolio-item .thumb img {
  width: 100%;
  height: auto;
  display: block;
}
.portfolio-hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  border: 20px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.portfolio-item:hover .portfolio-hover,
.portfolio-item:hover .portfolio-hover .portfolio-description,
.portfolio-item:hover .portfolio-hover .action-btn {
  opacity: 1;
}
.portfolio-item:hover .portfolio-hover .portfolio-description {
  bottom: 45%;
  margin-bottom: -90px;
}
.portfolio-item:hover .portfolio-hover .action-btn {
  top: 40%;
  margin-top: -55px;
}
.portfolio-hover .portfolio-description {
  position: absolute;
  bottom: 0%;
  width: 100%;
  opacity: 0;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.portfolio-hover .action-btn {
  position: absolute;
  top: 0;
  width: 100%;
  opacity: 0;
  font-size: 35px;
  text-align: center;
  -webkit-transform: translateY(45%);
  -ms-transform: translateY(45%);
  transform: translateY(45%);
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.portfolio-description,
.portfolio-description h4 a,
.portfolio-hover .action-btn a {
  text-align: center;
  color: #222;
}
.portfolio-description h4 {
  margin-bottom: 5px;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 4px;
}
.portfolio-description p {
  font-size: 12px;
  margin-bottom: 0;
  text-transform: uppercase;
  font-weight: normal;
  color: #757575;
}
.portfolio-description a,
.portfolio-title a {
  color: #757575;
}
.portfolio.gutter .portfolio-item {
  padding: 10px;
}
.portfolio.col-2 .portfolio-item {
  width: 49.99%;
}
.portfolio.col-3 .portfolio-item {
  width: 33.3333333%;
}
.portfolio.col-4 .portfolio-item {
  width: 24.98%;
}
.portfolio.col-5 .portfolio-item {
  width: 19.99%;
}
.portfolio.col-6 .portfolio-item {
  width: 16.666666667%;
}
.portfolio-filter {
  margin: 0;
  padding: 0;
  list-style: none;
}
.portfolio-filter li {
  display: inline-block;
}
.portfolio-filter li a {
  color: #a9a8a8;
  margin: 0 15px;
  text-transform: uppercase;
  font-size: 14px;
}
.portfolio-filter li a:hover,
.portfolio-filter li.active a {
  color: #222;
}
/*----------------------------------------------------------------
	portfolio with title
  ----------------------------------------------------------------*/
.portfolio-with-title .portfolio-item:hover .portfolio-hover .action-btn {
  top: 50%;
  margin-top: -45px;
}
.portfolio-with-title .portfolio-title {
  padding: 15px 0;
}
.portfolio-with-title .portfolio-title h4,
.portfolio-with-title .portfolio-title h4 a {
  margin: 0;
  font-size: 14px;
  text-transform: uppercase;
  color: #222;
}
.portfolio-with-title .portfolio-title h3,
.portfolio-with-title .portfolio-title h3 a {
  margin: 0 0 10px 0;
  font-size: 18px;
  text-transform: uppercase;
  color: #222;
}
.portfolio-with-title .portfolio-title p {
  margin: 0;
  font-size: 12px;
  text-transform: uppercase;
  font-weight: normal;
  color: #7e7e7e;
}
.portfolio-with-title.portfolio-masonry .portfolio-title {
  padding: 15px;
}
.portfolio-with-title.portfolio-masonry.gutter .portfolio-title {
  padding: 15px 0;
}
/*----------------------------------------------------------------
	portfolio masonry
  ----------------------------------------------------------------*/
.portfolio-masonry:after {
  content: "";
  display: block;
  clear: both;
}
.portfolio-masonry .portfolio-item {
  float: left;
}
.portfolio-masonry .portfolio-item-width2 {
  width: 200px;
}
.portfolio-masonry .portfolio-item-height2 {
  height: 200px;
}
/*----------------------------------------------------------------
	Isotope Filtering
  ----------------------------------------------------------------*/
.isotope-item {
  z-index: 2;
}
.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}
.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}
/*----------------------------------------------------------------
	portfolio details
  ----------------------------------------------------------------*/
.video-parallax {
  position: relative;
  overflow: hidden;
}
.video-parallax .container {
  position: absolute;
  top: 50%;
  z-index: 100;
  left: 0;
  right: 0;
  color: #fff;
  margin-top: -80px;
}
.video-parallax .container i {
  font-size: 50px;
  margin-bottom: 30px;
  display: block;
}
.video-parallax .container + .video-wrap {
  z-index: 1;
}
.video-wrap {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.video-overlay,
.banner-overaly {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backface-visibility: hidden;
}
.portfolio-meta {
  list-style: none;
  padding: 0;
}
.portfolio-meta li {
  margin: 15px 0;
  color: #666;
}
.portfolio-meta li span {
  display: inline-block;
  width: 130px;
  letter-spacing: 2px;
  color: #000;
  font-size: 12px;
  text-transform: uppercase;
}
.portfolio-meta li a {
  margin-right: 10px;
  color: #cdcdcd;
}
.portfolio-meta li a:hover {
  color: #323232;
}
/*----------------------------------------------------------------
	portfolio nav
  ----------------------------------------------------------------*/
.portfolio-nav-row {
  position: relative;
  padding: 40px 0;
}
.portfolio-nav {
  position: absolute;
  top: 50%;
  left: auto;
  right: 10px;
  max-width: 300px;
  margin-top: -12px;
}
.portfolio-nav.left {
  position: absolute;
  top: 50%;
  left: 0;
  right: auto;
  max-width: 300px;
  margin-top: -12px;
}
.portfolio-nav a {
  display: block;
  float: left;
  text-align: center;
  color: #aeaeae;
  margin-left: 20px;
}
.portfolio-nav.left a {
  margin-right: 20px;
  margin-left: 0;
}
.portfolio-nav a:hover,
.portfolio-nav a:hover span {
  color: #323232;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.portfolio-nav a span,
.portfolio-nav a span i {
  display: inline-block;
  margin-top: 0;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*------------------------------------------------------------------
	list style
  ------------------------------------------------------------------*/
.circle-list {
  padding-left: 0;
  list-style: none;
}
.circle-list li {
  margin-bottom: 10px;
  display: block;
}
.circle-list li:before {
  float: left;
  padding-right: 10px;
  font-family: "FontAwesome";
  content: "\f10c";
  font-size: 14px;
  color: #757575;
}
.list-half li {
  width: 50%;
  float: left;
}
/*------------------------------------------------------------------
	divider
  ------------------------------------------------------------------*/
.divider {
  width: 100%;
  margin: 50px 0;
  position: relative;
  color: #e2e2e2;
  display: inline-block;
}
.divider.d-single {
  width: 100%;
  height: 1px;
  border-color: #e2e2e2;
  border-top-width: 1px;
}
.divider.d-double {
  width: 100%;
  height: 8px;
  border-color: #e2e2e2;
  border-top-width: 1px;
  border-bottom-width: 1px;
}
.d-single.d-solid {
  border-top-style: solid;
}
.d-single.d-dashed {
  border-top-style: dashed;
}
.d-double.d-solid {
  border-top-style: solid;
  border-bottom-style: solid;
}
.d-double.d-dashed {
  border-top-style: dashed;
  border-bottom-style: dashed;
}
.dot {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  display: inline-block;
  position: absolute;
  top: -5px;
  background: #fff;
}
.text-center .dot {
  margin-left: -17px;
}
.dot:before {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 12px;
  background: #fff;
  content: "";
}
.dot:after {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  border: 1px solid #e2e2e2;
  display: inline-block;
  position: absolute;
  top: -1px;
  left: 25px;
  background: #fff;
  content: "";
}
.text-right .dot:before {
  left: -13px;
}
.text-right .dot:after {
  left: -25px;
}
.divider-small {
  width: 40% !important;
}
.divider-small.text-center {
  margin: 50px auto;
  display: inherit;
}
.divider-small.text-right {
  float: right;
}
.divider i {
  font-size: 18px;
  position: absolute;
  top: -10px;
  background: #fff;
  width: 30px;
}
.d-round i {
  width: 30px;
  height: 30px;
  background: #f5f5f5;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
  color: #b4b4b4;
}
.d-border i {
  width: 30px;
  height: 30px;
  border: 1px solid #e2e2e2;
  border-radius: 50%;
  position: absolute;
  top: -15px;
  text-align: center;
  line-height: 30px;
  font-size: 15px;
}
/*------------------------------------------------------------------
	heading
  ------------------------------------------------------------------*/
.heading-title {
  margin-bottom: 100px;
}
.heading-title-alt {
  margin-bottom: 50px;
}
.heading-title span,
.heading-title-alt span {
  font-size: 14px;
  color: #7e7e7e;
}
.heading-title.dark span,
.heading-title-alt.dark span {
  color: #fff;
  font-size: 14px;
}
.heading-title h1,
.heading-title h2,
.heading-title h3,
.heading-title h4,
.heading-title h5,
.heading-title h6,
.heading-title-alt h1,
.heading-title-alt h2,
.heading-title-alt h3,
.heading-title-alt h4 {
  margin-bottom: 0;
  font-weight: normal;
}
.heading-title-alt h5,
.heading-title-alt h6 {
  margin: 0;
  font-weight: normal;
}
.heading-title.dark h1,
.heading-title.dark h2,
.heading-title.dark h3,
.heading-title.dark h4,
.heading-title.dark h5,
.heading-title.dark h6,
.heading-title-alt.dark h1,
.heading-title-alt.dark h2,
.heading-title-alt.dark h3,
.heading-title-alt.dark h4,
.heading-title-alt.dark h5,
.heading-title-alt.dark h6 {
  color: #fff;
}
.heading-title span.heading-sub-title,
.heading-title-alt span.heading-sub-title {
  font-size: 16px;
}
.heading-border-bottom {
  border-bottom: 1px solid #e2e2e2;
  padding-bottom: 20px;
}
.heading-title-side-border {
  overflow: hidden;
  display: table;
  margin-bottom: 30px;
}
.heading-title-side-border h1,
.heading-title-side-border h2,
.heading-title-side-border h3,
.heading-title-side-border h4,
.heading-title-side-border h5,
.heading-title-side-border h6 {
  white-space: pre;
  padding: 0 10px 0 0;
  margin-bottom: 0;
}
.heading-title-side-border.text-right h1,
.heading-title-side-border.text-right h2,
.heading-title-side-border.text-right h3,
.heading-title-side-border.text-right h4,
.heading-title-side-border.text-right h5,
.heading-title-side-border.text-right h6 {
  padding: 0 0 0 10px;
}
.heading-title-side-border h4,
.heading-title-side-border h5,
.heading-title-side-border h6 {
  padding: 0 10px 0 0;
}
.heading-title-side-border .title-border-container {
  display: table-cell;
  vertical-align: middle;
  width: 100%;
  position: relative;
}
.heading-title-side-border .title-border-container .title-border {
  display: block;
  border-bottom: 1px solid #e2e2e2;
  width: 100%;
  position: relative;
  top: 8px;
}
.heading-title-side-border h1 + .title-border-container .title-border {
  top: 12px;
}
.heading-title-side-border h4 + .title-border-container .title-border {
  top: 6px;
}
.heading-title-side-border h5 + .title-border-container .title-border {
  top: 5px;
}
.heading-title-side-border h6 + .title-border-container .title-border {
  top: 4px;
}
.heading-title.border h1,
.heading-title.border h2,
.heading-title.border h3,
.heading-title.border h4,
.heading-title.border h5,
.heading-title.border h6,
.heading-title-alt.border h1,
.heading-title-alt.border h2,
.heading-title-alt.border h3,
.heading-title-alt.border h4,
.heading-title-alt.border h5,
.heading-title-alt.border h6 {
  border: 1px solid #333;
  display: inline-block;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.heading-title.border span,
.heading-title-alt.border span {
  display: block;
}
.border-short-bottom h1,
.border-short-bottom h2,
.border-short-bottom h3,
.border-short-bottom h4,
.border-short-bottom h5,
.border-short-bottom h6 {
  position: relative;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.border-short-bottom h1:after,
.border-short-bottom h2:after,
.border-short-bottom h3:after,
.border-short-bottom h4:after,
.border-short-bottom h5:after,
.border-short-bottom h6:after {
  width: 60px;
  height: 2px;
  background: #595959;
  position: absolute;
  left: 50%;
  bottom: -2px;
  margin-left: -31px;
  content: "";
}
.half-txt {
  width: 60%;
  margin: 0 auto;
  display: inline-block;
  line-height: 25px;
  color: #7e7e7e;
}
/*------------------------------------------------------------------
	clients
  ------------------------------------------------------------------*/
.clients {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.clients li {
  float: left;
  position: relative;
  padding: 20px 0;
  text-align: center;
}
.clients li a img {
  width: 100%;
}
.clients li a,
.clients li img {
  display: block;
  width: 75%;
  margin-left: auto;
  margin-right: auto;
}
.clients.grid-2 li {
  width: 50%;
}
.clients.grid-3 li {
  width: 33.33%;
}
.clients.grid-4 li {
  width: 25%;
}
.clients.grid-5 li {
  width: 20%;
}
.clients.grid-6 li {
  width: 16.66%;
}
.clients.angle-box.grid-2 li {
  width: 46%;
}
.clients.angle-box.grid-3 li {
  width: 29.33%;
}
.clients.angle-box.grid-4 li {
  width: 21%;
}
.clients.angle-box.grid-5 li {
  width: 16%;
}
.clients.angle-box.grid-6 li {
  width: 12.66%;
}
.clients.angle-box.grid-2 li,
.clients.angle-box.grid-3 li,
.clients.angle-box.grid-4 li,
.clients.angle-box.grid-5 li,
.clients.angle-box.grid-6 li {
  margin: 2%;
}
.clients.plus-box li:before {
  height: 100%;
  top: 0;
  right: -2px;
  border-right: 1px solid #ddd;
}
.clients.plus-box li:after {
  width: 100%;
  height: 0;
  top: auto;
  right: 0;
  bottom: -1px;
  border-bottom: 1px solid #ddd;
}
.clients.plus-box li:after,
.clients.plus-box li:before,
.clients.angle-box li:after,
.clients.angle-box li:before {
  content: "";
  position: absolute;
}
#clients-1 {
  margin-top: -20px;
  padding-left: 27px;
  padding-right: 27px;
}
@media only screen and (max-width: 767px) {
	#clients-1 {
	  margin-top: 0;
	}
}
#clients-1 .item {
  margin: 0 5px;
}
#clients-1 .item img {
  display: block;
  width: 100%;
  height: auto;
}
#clients-1.owl-theme .owl-controls .owl-page span {
  background: #333;
}
.clients.angle-box li:before {
  height: 100%;
  top: 0;
  right: 1px;
  border-right: 1px solid #ddd;
}
.clients.angle-box li:after {
  width: 100%;
  height: 0;
  top: auto;
  right: 1px;
  bottom: 1px;
  border-bottom: 1px solid #ddd;
}
/*------------------------------------------------------------------
	team member
  ------------------------------------------------------------------*/
.team-member {
  overflow: hidden;
}
.team-member,
.team-member .team-img {
  position: relative;
}
.team-member .team-img img {
  width: 100%;
  height: auto;
}
.team-member .team-intro {
  position: absolute;
  right: 0;
  bottom: 30px;
  background: rgba(0, 0, 0, 0.7);
  padding: 10px 20px;
  width: 70%;
  text-align: right;
}
.team-member .team-intro h5,
.team-member .team-intro.light-txt span {
  margin-bottom: 0;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.team-member .team-intro.light-txt h5 {
  color: #fff;
}
.team-member .team-intro.light-txt span {
  color: rgba(255, 255, 255, 0.5);
  font-size: 12px;
}
.team-member .s-link a {
  margin: 0 10px;
  color: #333;
  font-size: 16px;
}
.t-s-link {
  margin-top: 10px;
  display: block;
}
.t-s-link a {
  margin-right: 10px;
  color: #333;
  font-size: 16px;
}
.team-hover {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: 0;
  border: 20px solid rgba(0, 0, 0, 0.1);
  background-color: rgba(255, 255, 255, 0.9);
  opacity: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.team-member:hover .team-hover,
.team-member:hover .team-hover .desk,
.team-member:hover .team-hover .s-link {
  opacity: 1;
}
.team-member:hover .team-hover .s-link {
  bottom: 10%;
}
.team-member:hover .team-hover .desk {
  top: 35%;
}
.team-hover .desk {
  position: absolute;
  top: 0%;
  width: 100%;
  padding: 0 20px;
  opacity: 0;
  -webkit-transform: translateY(-55%);
  -ms-transform: translateY(-55%);
  transform: translateY(-55%);
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.team-hover .s-link {
  position: absolute;
  bottom: 0;
  width: 100%;
  opacity: 0;
  font-size: 35px;
  text-align: center;
  -webkit-transform: translateY(45%);
  -ms-transform: translateY(45%);
  transform: translateY(45%);
  -webkit-transition: all 0.3s 0.2s;
  transition: all 0.3s 0.2s;
}
.desk,
.desk h4,
.team-hover .s-link a {
  text-align: center;
  color: #222;
}
.desk h4 {
  margin-bottom: 25px;
  font-size: 14px;
  text-transform: uppercase;
}
.desk p {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: normal;
  color: #7e7e7e;
  line-height: 30px;
}
.team-title {
  position: static;
  padding: 20px 0;
  display: inline-block;
  width: 100%;
}
.team-title h5 {
  margin-bottom: 0;
  display: block;
  text-transform: uppercase;
}
.team-title span {
  font-size: 12px;
  text-transform: uppercase;
  color: #a5a5a5;
}
.team-title p {
  padding-top: 30px;
  letter-spacing: normal;
  line-height: 30px;
}
/*------------------------------------------------------------------
	testimonial
  ------------------------------------------------------------------*/
.testimonial {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}
.testimonial li {
  float: left;
  position: relative;
  padding: 40px;
  height: 280px;
}
.testimonial.grid-2 li {
  width: 50%;
}
.testimonial.plus-box li:before {
  height: 100%;
  top: 0;
  right: -2px;
  border-right: 1px solid #ececec;
}
.testimonial.plus-box li:after {
  width: 100%;
  height: 0;
  top: auto;
  right: 0;
  bottom: -1px;
  border-bottom: 1px solid #ececec;
}
.testimonial.plus-box li:after,
.testimonial.plus-box li:before {
  content: "";
  position: absolute;
}
.testimonial .avatar,
.testimonial .avatar a,
.testimonial .avatar i,
.testimonial .avatar img {
  display: block;
  width: 130px;
  height: 130px;
  border-radius: 50%;
}
#testimonial-2 .avatar,
#testimonial-2 .avatar a,
#testimonial-2 .avatar i,
#testimonial-2 .avatar img,
#testimonial-3 .avatar,
#testimonial-3 .avatar a,
#testimonial-3 .avatar i,
#testimonial-3 .avatar img {
  display: inline-block;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  margin-bottom: 30px;
}
.testimonial .avatar {
  float: left;
  margin-right: 35px;
}
.testimonial .content {
  position: relative;
  overflow: hidden;
}
.testimonial .content p {
  color: #7e7e7e;
}
.testimonial-meta {
  margin-top: 10px;
  font-size: 14px;
  text-transform: uppercase;
  color: #222;
}
.testimonial-meta span {
  display: block;
  font-size: 12px;
  color: #7f7f7f;
}
.light-txt .testimonial-meta,
.light-txt .testimonial-meta span {
  color: #fff;
}
#testimonial-2 .item {
  margin: 20px;
  text-align: center;
}
#testimonial-2 .item img {
  display: block;
  width: 100%;
  height: auto;
}
#testimonial-2.owl-theme .owl-controls .owl-page span {
  background: #cecece;
}
.light-txt.owl-theme .owl-controls .owl-page span {
  background: #cecece;
}
#testimonial-3.owl-theme .owl-controls .owl-page span {
  width: 30px;
  height: 5px;
}
#testimonial-2 .item .icon,
#testimonial-3 .item .icon {
  margin-bottom: 30px;
  display: inline-block;
  font-size: 30px;
}
.big-icon .item .icon {
  font-size: 60px !important;
}
#testimonial-2 .content p,
#testimonial-3 .content p,
.light-txt .content p {
  font-size: 16px;
  line-height: 30px;
}
.light-txt.owl-theme .owl-controls {
  margin-top: 20px;
  text-align: center;
}
.outer-border {
  border: 1px solid #ececec;
  padding: 30px;
}
.tst-thumb {
  width: 100px;
  height: auto;
  display: inline-block;
  margin-bottom: 20px;
}
.circle {
  border-radius: 50%;
}
.testimonial-parallax {
  background-image: url(../demo/background/testimonial-parallax.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}
.testimonial-alt .testi-auth .avatar {
  float: left;
  margin-right: 30px;
}
.testimonial-alt .content {
  background: #f5f5f5;
  padding: 20px;
  margin-bottom: 30px;
  display: inline-block;
  border-radius: 4px;
  position: relative;
}
.testimonial-alt .content:after {
  background-color: #f5f5f5;
  border-color: #f5f5f5;
  border-image: none;
  border-right: 1px solid #f5f5f5;
  border-style: none;
  bottom: -7px;
  content: "";
  display: block;
  width: 15px;
  height: 14px;
  left: 25px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.testimonial-alt .content p {
  margin: 0;
  padding: 0;
}
.testimonial-alt .testi-auth .testimonial-meta {
  margin-top: 15px;
  display: inline-block;
}
.testimonial-alt .testi-auth .avatar,
.testimonial-alt .testi-auth .avatar a,
.testimonial-alt .testi-auth .avatar img {
  width: 70px;
  height: 70px;
  border-radius: 50%;
}
#testimonial-4.owl-theme .owl-controls .owl-page span {
  background: #cecece;
  width: 8px;
  height: 8px;
}
.left-align {
  text-align: left !important;
}
.testimonial-thumb {
  width: 100px;
  height: 100px;
  display: inline-block;
  margin-bottom: 50px;
}
.testimonial-thumb img {
  width: 100%;
  height: auto;
}
/*------------------------------------------------------------------
	progress bar
  ------------------------------------------------------------------*/
.massive-progress {
  margin-top: 10px;
  margin-bottom: 50px;
  font-weight: 400;
  text-transform: uppercase;
  letter-spacing: 1px;
  overflow: visible;
  height: 20px;
  background: #eae8e8;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.massive-progress .progress-bar {
  padding-top: 0;
  padding-left: 10px;
  position: relative;
  overflow: visible;
  background-color: #222;
  font-size: 10px;
  color: #fff;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
  line-height: 20px;
}
.massive-progress .progress-bar > span {
  display: inline-block;
  min-width: 25px;
  height: 20px;
  padding: 0 8px;
  position: absolute;
  top: -28px;
  right: -5px;
  text-align: center;
  line-height: 20px;
  letter-spacing: 0;
  background-color: rgba(0, 0, 0, 0.6) !important;
  color: #fff;
  border-radius: 30px;
}
.massive-progress .progress-bar > span:before {
  background-color: #666;
  border-color: #666;
  border-image: none;
  border-right: 1px solid #666;
  border-style: none;
  bottom: -2px;
  content: "";
  display: block;
  width: 5px;
  height: 5px;
  left: 15px;
  position: absolute;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
.post-parallax .massive-progress .progress-bar > span {
  background-color: #a4a4a4 !important;
  color: #222    !important;
}
.post-parallax .massive-progress .progress-bar > span:before {
  background-color: #a4a4a4;
  border-color: #a4a4a4;
  border-image: none;
  border-right: 1px solid #a4a4a4;
}
.massive-progress-alt {
  height: 30px;
  margin-bottom: 30px;
  background: #f2f2f2;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.massive-progress-alt .progress-bar {
  line-height: 30px;
  padding-left: 10px;
  padding-right: 10px;
  position: relative;
  overflow: visible;
  background-color: #222;
  font-size: 11px;
  text-transform: uppercase;
  color: #fff;
  text-align: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  box-shadow: none;
}
.massive-progress-alt .progress-bar span {
  float: right;
}
.highlight pre {
  border-color: #eaeaea;
  background: #fcfcfc;
  color: #555;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.massive-progress-alt.progress-theme-color .progress-bar,
.massive-progress-alt.progress-theme-color .progress-bar > span {
  color: #fff;
}
.progress-light-trans-bg {
  background: rgba(255, 255, 255, 0.1);
}
/*------------------------------------------------------------------
    alert
  ------------------------------------------------------------------*/
.alert {
  margin: 0 auto 10px;
  padding: 20px;
  font-size: 11px;
  letter-spacing: 1px;
  text-transform: uppercase;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.alert-dismissable .close,
.alert-dismissible .close {
  right: 0;
}
.success-border {
  border-color: #d6e9c6;
  color: #3c763d;
}
.info-border {
  border-color: #bce8f1;
  color: #31708f;
}
.warning-border {
  border-color: #faebcc;
  color: #8a6d3b;
}
.danger-border {
  border-color: #ebccd1;
  color: #a94442;
}
/*------------------------------------------------------------------
	icon list
  ------------------------------------------------------------------*/
.icon-list {
  list-style: none;
  padding-left: 20px;
}
.icon-list li {
  line-height: 30px;
}
.icon-list li i {
  width: 20px;
  display: inline-block;
  margin-right: 10px;
}
.icon-border li i {
  border: 1px solid #ddd;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.icon-border li,
.icon-bg-box li,
.icon-dark li {
  margin-bottom: 10px;
}
.icon-bg-box li i {
  background: #ddd;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
}
.icon-dark li i {
  background: #222;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  color: #fff;
}
.circle li i {
  border-radius: 50%;
}
.radius li i {
  border-radius: 4px;
}
/*------------------------------------------------------------------
	subscribe
  ------------------------------------------------------------------*/
.subscribe-box {
  padding: 40px;
  display: inline-block;
  width: 100%;
}
.subscribe-box,
.full-width.subscribe-box .container {
  position: relative;
}
.subscribe-box h1,
.subscribe-box h2,
.subscribe-box h3,
.subscribe-box h4,
.subscribe-box h5,
.subscribe-box h6 {
  margin-bottom: 0;
  text-transform: uppercase;
}
.text-center .subscribe-info span,
.text-center .subscribe-info {
  display: inline-block;
}
.subscribe-info,
.subscribe-form {
  float: left;
}
.subscribe-info {
  width: 40%;
}
.subscribe-form {
  width: 60%;
}
.subscribe-form input {
  height: 52px;
  width: 75% !important;
  background: #fff;
  border: 1px solid #fff;
  box-shadow: none;
}
.subscribe-form input:focus {
  box-shadow: none;
  border: 1px solid #222;
}
.subscribe-form .btn {
  margin-right: 0;
  float: right;
}
.text-center .subscribe-info {
  padding-right: 0;
}
.subscribe-box.text-center .subscribe-info,
.subscribe-box.text-center .subscribe-form {
  width: 100%;
}
.subscribe-box.text-center .subscribe-info {
  margin-bottom: 50px;
}
.subscribe-box.text-center .subscribe-form input,
.subscribe-box.text-center .subscribe-form .btn {
  display: inline-block;
  float: none;
  border: none;
  margin: 0 5px;
}
.subscribe-box.dark-bg .subscribe-form input,
.subscribe-box.border-box .subscribe-form input {
  border: none;
}
.subscribe-info h1 span,
.subscribe-info h2 span,
.subscribe-info h3 span,
.subscribe-info h4 span,
.subscribe-info h5 span,
.subscribe-info h6 span {
  margin-top: 0;
  display: inline;
}
.subscribe-info span {
  margin-top: 10px;
  display: block;
  color: #7e7e7e;
}
.subscribe-box.border-box .subscribe-form input,
.subscribe-box.gray-bg {
  background: #f8f8f8;
}
.subscribe-box.dark-bg {
  background: #222;
}
.light-txt {
  color: #fff !important;
}
.round-5 {
  border-radius: 5px;
}
.text-center .subscribe-info span {
  margin-bottom: 20px;
  width: 100%;
}
.subscribe-box a.btn {
  padding: 15px 30px;
}
.subscribe-box.border-box {
  border: 1px solid #ececec;
}
.full-width.subscribe-box {
  padding: 40px 0;
}
.full-width.subscribe-box .promo-btn {
  right: 0;
}
.radius-less {
  border-radius: 0 !important;
}
/*------------------------------------------------------------------
	timeline
-------------------------------------------------------------------*/
.timeline {
  border-collapse: collapse;
  border-spacing: 0;
  display: table;
  position: relative;
  table-layout: fixed;
  width: 100%;
}
.timeline .time-show {
  margin-right: -75px;
  margin-top: 30px;
  position: relative;
  margin-bottom: 30px;
}
.timeline .time-show a {
  color: #fff;
}
.timeline:before {
  background-color: #d8d9df;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 30px;
  width: 1px;
  z-index: 0;
}
h3.timeline-title {
  margin: 0;
  color: #c8ccd7;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.t-info {
  color: #c8ccd7;
}
.timeline-item:before,
.timeline-item.alt:after {
  content: "";
  display: block;
  width: 50%;
}
.timeline-item {
  display: table-row;
  margin-bottom: 50px;
  display: inline-table;
  width: 100%;
}
.timeline-desk {
  display: table-cell;
  vertical-align: top;
  width: 50%;
  position: relative;
}
.timeline-desk h1 {
  font-size: 16px;
  font-weight: 400;
  margin: 0 0 5px;
}
.timeline-desk .panel {
  display: block;
  margin-left: 45px;
  text-align: left;
  background: none;
  box-shadow: none;
  border-radius: 0;
}
.timeline .timeline-icon {
  left: -35px;
  position: absolute;
  top: 5px;
}
.timeline .timeline-icon {
  background: #c7cbd6;
}
.timeline-desk span a {
  text-transform: uppercase;
}
.timeline .timeline-icon {
  background: #222;
  border: 5px solid #fff;
}
.timeline .timeline-icon.light {
  background: #fff;
}
.timeline .timeline-icon {
  border-radius: 50%;
  -webkit-border-radius: 50%;
  display: block;
  height: 70px;
  width: 70px;
  line-height: 65px;
  text-align: center;
  color: #fff;
  font-size: 30px;
}
.timeline .timeline-icon i {
  margin-top: 9px;
}
.timeline-item.alt .timeline-icon {
  left: auto;
  right: -35px;
}
.timeline .time-icon:before {
  font-size: 16px;
  margin-top: 5px;
}
.timeline .timeline-date {
  left: -210px;
  position: absolute;
  text-align: right;
  top: 30px;
  width: 150px;
  display: none;
}
.timeline-item.alt .timeline-date {
  left: auto;
  right: -210px;
  text-align: left;
  display: none;
}
.timeline-desk h5 span {
  color: #999;
  display: block;
  font-size: 12px;
  margin-bottom: 4px;
}
.timeline-item.alt:before {
  display: none;
}
.timeline-item:before,
.timeline-item.alt:after {
  content: "";
  display: block;
  width: 50%;
}
.timeline-desk p {
  font-size: 14px;
  margin-bottom: 0;
  color: #999;
}
.timeline-desk .panel {
  margin-bottom: 5px;
}
.timeline-desk .album {
  margin-top: 20px;
}
.timeline-item.alt .timeline-desk .album {
  margin-top: 20px;
  float: right;
}
.timeline-desk .album a {
  margin-right: 5px;
  float: left;
}
.timeline-item.alt .timeline-desk .album a {
  margin-left: 5px;
  float: right;
}
.timeline-desk .notification {
  background: none repeat scroll 0 0 #fff;
  margin-top: 20px;
  padding: 8px;
}
.timeline-item.alt .panel {
  margin-left: 0;
  margin-right: 45px;
}
.timeline-item.alt h1,
.timeline-item.alt p {
  text-align: right;
}
.timeline.dark:before {
  background-color: #fff;
  bottom: 0;
  content: "";
  left: 50%;
  position: absolute;
  top: 30px;
  width: 1px;
  z-index: 0;
}
.timeline.dark h3.timeline-title {
  margin: 0;
  color: #333;
  font-size: 20px;
  font-weight: 400;
  margin: 0 0 5px;
  text-transform: uppercase;
}
.timeline.dark .timeline-desk h1 {
  color: #fff;
}
.timeline.dark .timeline-desk p {
  color: #7e7e7e;
}
.timeline.dark .timeline-icon {
  background: #fff;
  border: 5px solid #000;
}
.timeline.dark .timeline-icon {
  color: #222;
}
.timeline-parallax {
  background-image: url(../demo/background/timeline-parallax.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
/*------------------------------------------------------------------
	pricing table
  ------------------------------------------------------------------*/
.price-col {
  background: #fff;
  border: 1px solid #e8e8e8;
  padding: 50px;
  text-align: center;
}
.price-col.feature {
  background: #222;
  border: 1px solid #222;
}
.price-col h1 {
  font-size: 16px;
  text-transform: uppercase;
  margin-bottom: 30px;
}
.price-col .p-value {
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  padding: 25px 0;
  margin-bottom: 40px;
}
.price-col.feature .p-value {
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
  padding: 25px 0;
  margin-bottom: 40px;
}
.price-col .dollar {
  font-size: 42px;
  font-weight: normal;
}
.price-col .dollar span {
  font-size: 16px;
  margin-left: -10px;
}
.price-col .duration {
  font-size: 12px;
  text-transform: uppercase;
}
.price-col ul {
  list-style: none;
  padding: 0;
  margin-bottom: 40px;
  display: block;
}
.price-col ul li {
  margin-bottom: 15px;
  color: #222;
}
.price-col.feature ul li {
  color: #7d7d7d;
}
.price-col .p-btn {
  border: 1px solid #e8e8e8;
  padding: 15px 20px;
  display: inline-block;
  color: #222;
  text-transform: uppercase;
  display: inherit;
  font-weight: normal;
}
.price-col .p-btn:hover {
  border: 1px solid #222;
  background: #222;
}
.price-col.feature .p-btn,
.price-col.feature .p-btn:hover {
  background: #fff;
  color: #222;
}
.price-col.feature .p-btn:hover,
.price-col .p-btn:hover,
.price-col.feature {
  color: #fff;
}
.p-table-gutter-less .col-lg-1,
.p-table-gutter-less .col-lg-10,
.p-table-gutter-less .col-lg-11,
.p-table-gutter-less .col-lg-12,
.p-table-gutter-less .col-lg-2,
.p-table-gutter-less .col-lg-3,
.p-table-gutter-less .col-lg-4,
.p-table-gutter-less .col-lg-5,
.p-table-gutter-less .col-lg-6,
.p-table-gutter-less .col-lg-7,
.p-table-gutter-less .col-lg-8,
.p-table-gutter-less .col-lg-9,
.p-table-gutter-less .col-md-1,
.p-table-gutter-less .col-md-10,
.p-table-gutter-less .col-md-11,
.p-table-gutter-less .col-md-12,
.p-table-gutter-less .col-md-2,
.p-table-gutter-less .col-md-3,
.p-table-gutter-less .col-md-4,
.p-table-gutter-less .col-md-5,
.p-table-gutter-less .col-md-6,
.p-table-gutter-less .col-md-7,
.p-table-gutter-less .col-md-8,
.p-table-gutter-less .col-md-9,
.p-table-gutter-less .col-sm-1,
.p-table-gutter-less .col-sm-10,
.p-table-gutter-less .col-sm-11,
.p-table-gutter-less .col-sm-12,
.p-table-gutter-less .col-sm-2,
.p-table-gutter-less .col-sm-3,
.p-table-gutter-less .col-sm-4,
.p-table-gutter-less .col-sm-5,
.p-table-gutter-less .col-sm-6,
.p-table-gutter-less .col-sm-7,
.p-table-gutter-less .col-sm-8,
.p-table-gutter-less .col-sm-9,
.p-table-gutter-less .col-xs-1,
.p-table-gutter-less .col-xs-10,
.p-table-gutter-less .col-xs-11,
.p-table-gutter-less .col-xs-12,
.p-table-gutter-less .col-xs-2,
.p-table-gutter-less .col-xs-3,
.p-table-gutter-less .col-xs-4,
.p-table-gutter-less .col-xs-5,
.p-table-gutter-less .col-xs-6,
.p-table-gutter-less .col-xs-7,
.p-table-gutter-less .col-xs-8,
.p-table-gutter-less .col-xs-9,
.price-table-row .p-table-gutter-less .col-lg-1,
.price-table-row .p-table-gutter-less .col-lg-10,
.price-table-row .p-table-gutter-less .col-lg-11,
.price-table-row .p-table-gutter-less .col-lg-12,
.price-table-row .p-table-gutter-less .col-lg-2,
.price-table-row .p-table-gutter-less .col-lg-3,
.price-table-row .p-table-gutter-less .col-lg-4,
.price-table-row .p-table-gutter-less .col-lg-5,
.price-table-row .p-table-gutter-less .col-lg-6,
.price-table-row .p-table-gutter-less .col-lg-7,
.price-table-row .p-table-gutter-less .col-lg-8,
.price-table-row .p-table-gutter-less .col-lg-9,
.price-table-row .p-table-gutter-less .col-md-1,
.price-table-row .p-table-gutter-less .col-md-10,
.price-table-row .p-table-gutter-less .col-md-11,
.price-table-row .p-table-gutter-less .col-md-12,
.price-table-row .p-table-gutter-less .col-md-2,
.price-table-row .p-table-gutter-less .col-md-3,
.price-table-row .p-table-gutter-less .col-md-4,
.price-table-row .p-table-gutter-less .col-md-5,
.price-table-row .p-table-gutter-less .col-md-6,
.price-table-row .p-table-gutter-less .col-md-7,
.price-table-row .p-table-gutter-less .col-md-8,
.price-table-row .p-table-gutter-less .col-md-9,
.price-table-row .p-table-gutter-less .col-sm-1,
.price-table-row .p-table-gutter-less .col-sm-10,
.price-table-row .p-table-gutter-less .col-sm-11,
.price-table-row .p-table-gutter-less .col-sm-12,
.price-table-row .p-table-gutter-less .col-sm-2,
.price-table-row .p-table-gutter-less .col-sm-3,
.price-table-row .p-table-gutter-less .col-sm-4,
.price-table-row .p-table-gutter-less .col-sm-5,
.price-table-row .p-table-gutter-less .col-sm-6,
.price-table-row .p-table-gutter-less .col-sm-7,
.price-table-row .p-table-gutter-less .col-sm-8,
.price-table-row .p-table-gutter-less .col-sm-9,
.price-table-row .p-table-gutter-less .col-xs-1,
.price-table-row .p-table-gutter-less .col-xs-10,
.price-table-row .p-table-gutter-less .col-xs-11,
.price-table-row .p-table-gutter-less .col-xs-12,
.price-table-row .p-table-gutter-less .col-xs-2,
.price-table-row .p-table-gutter-less .col-xs-3,
.price-table-row .p-table-gutter-less .col-xs-4,
.price-table-row .p-table-gutter-less .col-xs-5,
.price-table-row .p-table-gutter-less .col-xs-6,
.price-table-row .p-table-gutter-less .col-xs-7,
.price-table-row .p-table-gutter-less .col-xs-8,
.price-table-row .p-table-gutter-less .col-xs-9 {
  padding: 0;
}
.p-table-gutter-less .price-col {
  margin-right: -1px;
}
.price-table-parallax {
  background-image: url(../demo/background/price-table.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
.price-table-row .col-lg-1,
.price-table-row .col-lg-10,
.price-table-row .col-lg-11,
.price-table-row .col-lg-12,
.price-table-row .col-lg-2,
.price-table-row .col-lg-3,
.price-table-row .col-lg-4,
.price-table-row .col-lg-5,
.price-table-row .col-lg-6,
.price-table-row .col-lg-7,
.price-table-row .col-lg-8,
.price-table-row .col-lg-9,
.price-table-row .col-md-1,
.price-table-row .col-md-10,
.price-table-row .col-md-11,
.price-table-row .col-md-12,
.price-table-row .col-md-2,
.price-table-row .col-md-3,
.price-table-row .col-md-4,
.price-table-row .col-md-5,
.price-table-row .col-md-6,
.price-table-row .col-md-7,
.price-table-row .col-md-8,
.price-table-row .col-md-9,
.price-table-row .col-sm-1,
.price-table-row .col-sm-10,
.price-table-row .col-sm-11,
.price-table-row .col-sm-12,
.price-table-row .col-sm-2,
.price-table-row .col-sm-3,
.price-table-row .col-sm-4,
.price-table-row .col-sm-5,
.price-table-row .col-sm-6,
.price-table-row .col-sm-7,
.price-table-row .col-sm-8,
.price-table-row .col-sm-9,
.price-table-row .col-xs-1,
.price-table-row .col-xs-10,
.price-table-row .col-xs-11,
.price-table-row .col-xs-12,
.price-table-row .col-xs-2,
.price-table-row .col-xs-3,
.price-table-row .col-xs-4,
.price-table-row .col-xs-5,
.price-table-row .col-xs-6,
.price-table-row .col-xs-7,
.price-table-row .col-xs-8,
.price-table-row .col-xs-9 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
/*------------------------------------------------------------------
	error 404
  ------------------------------------------------------------------*/
.error404 {
  color: #222;
  font-size: 140px;
  line-height: 140px;
  display: block;
  margin-top: 20px;
  font-weight: 100;
}
.error-txt {
  font-size: 22px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin-bottom: 50px;
  display: block;
}
.error-info {
  padding-left: 60px;
  border-left: 1px solid #ddd;
}
.error-parallax {
  height: 100vh;
  background-image: url(../demo/background/404-error.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}
.error-parallax .error-avatar {
  margin-top: 180px;
  display: block;
  margin-bottom: 50px;
}
.error-parallax .error-info {
  padding-left: 0;
  border-left: none;
}
.error-parallax .error-info .error404,
.error-parallax .error-info .error-txt {
  color: #fff;
}
/*------------------------------------------------------------------
	career-box
  ------------------------------------------------------------------*/
.career-list {
  position: relative;
}
.career-box {
  margin-bottom: 30px;
  padding: 50px 30px;
  display: inline-block;
  background: #fff;
  border: 1px solid #eaeaea;
}
a.show-detail {
  margin-top: 30px;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase;
  color: #cbcbcb;
}
a.show-detail:after {
  padding-left: 10px;
  font-family: "FontAwesome";
  content: "\f178";
}
.career-details-info {
  display: none;
}
.career-details-info {
  padding: 30px 0 0 0;
  background: #fff;
  z-index: 1;
}
.career-details-info {
  width: 100%;
  float: left;
  text-align: left;
}
.career-details-info .c-list-row {
  margin-bottom: 30px;
  display: block;
}
.career-details-info .c-list-row label {
  float: left;
  text-transform: uppercase;
}
.career-details-info .c-list-row .info {
  padding-left: 100px;
  font-size: 14px;
  color: #7e7e7e;
}
.career-details-info .c-list-row ul {
  padding: 0;
}
.career-details-info .c-list-row ul li {
  padding: 0;
  font-size: 14px;
  color: #7e7e7e;
}
.career-form .form-control {
  box-shadow: none;
  border: 1px solid #e4e4e4;
  margin-bottom: 30px;
}
.career-form label {
  font-weight: normal;
}
/*------------------------------------------------------------------
	login
-------------------------------------------------------------------*/
.login {
  position: relative;
}
.login .form-control {
  box-shadow: none;
  height: 40px;
}
.login .form-group {
  margin-bottom: 20px;
}
.login .form-group label {
  font-weight: normal;
}
.login .container {
  position: absolute;
  top: 50%;
  width: 100%;
  margin-top: -330px;
}
.login.register .container {
  position: static;
  top: auto;
  width: 100%;
  margin-top: 0;
}
.login-bg {
  background: #f5f5f5;
  height: 100vh;
}
.login-parallax {
  background-image: url(../demo/background/login.jpg);
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: fixed;
  background-size: cover;
}
.login-parallax .login-box {
  background: rgba(255, 255, 255, 0.9);
}
.login-box {
  width: 450px;
  margin: 0 auto;
  background: #fff;
  padding: 30px;
}
.login-box.gray-bg {
  background: #f5f5f5;
  width: auto;
}
.login-logo {
  padding: 50px 0;
}
.full-width {
  width: 100%;
  position: relative;
}
.login-social-link {
  display: inline-block;
  margin-bottom: 15px;
  width: 100%;
}
.login-social-link a.facebook {
  background: #3b5999;
  margin-right: 22px;
  float: left;
}
.login-social-link a.facebook:hover {
  background: #30497d;
  color: #fff;
}
.login-social-link a {
  padding: 10px 38px;
  border-radius: 4px;
  width: 47%;
  text-align: center;
  color: #fff;
}
.login-social-link a.twitter {
  background: #63c6ff;
  float: left;
}
.login-social-link a.twitter:hover {
  background-color: #4c98c4;
  color: #fff;
}
.copyright-row {
  margin-top: 20px;
  color: #fff;
}
.login-accordion > dd {
  padding: 10px 0;
}
.login-accordion .login .form-control,
.tab-pane .form-control {
  border-radius: 0;
}
.dark-txt {
  color: #222;
}
.border-less-input input {
  border: none;
}
.login-bg-input input {
  background: #f5f5f5;
}
/*------------------------------------------------------------------
	carousel
  ------------------------------------------------------------------*/
#img-carousel .item {
  margin: 5px;
}
#img-carousel .item img {
  display: block;
  width: 100%;
  height: auto;
}
#portfolio-carousel .portfolio-item img,
#portfolio-carousel-alt .portfolio-item img {
  display: block;
  width: 100%;
  height: auto;
}
#portfolio-carousel.portfolio.col-3 .portfolio-item,
#portfolio-carousel-alt.portfolio.col-3 .portfolio-item {
  width: 100%;
}
#portfolio-carousel.portfolio .portfolio-item,
#portfolio-carousel-alt.portfolio .portfolio-item {
  padding: 5px;
}
.owl-theme .owl-controls .owl-page span {
  background: #eaeaea !important;
}
#portfolio-carousel.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  top: -100px;
  right: 0;
}
#portfolio-carousel-alt.owl-theme .owl-controls {
  margin-top: 10px;
  text-align: center;
  position: absolute;
  bottom: 86px;
  left: -100px;
}
#portfolio-carousel.owl-theme .owl-controls .owl-buttons div,
#portfolio-carousel-alt.owl-theme .owl-controls .owl-buttons div {
  border-radius: 0;
  background: #E5E5E5;
  padding: 8px 16px;
}
#portfolio-carousel.owl-theme .owl-controls .owl-buttons div i,
#portfolio-carousel-alt.owl-theme .owl-controls .owl-buttons div i {
  color: #000;
  font-weight: bold;
}
#portfolio-carousel-alt.portfolio {
  margin: 0;
}
.c-info-row .c-info {
  width: 30%;
}
.c-info-row .c-info {
  padding-right: 30px;
}
.c-info-row .c-slide {
  width: 70%;
}
.c-info-row .c-info,
.c-info-row .c-slide {
  float: left;
}
.slides li,
.carousel.slide .carousel-inner {
  position: relative;
}
.slides .caption,
.carousel.slide .carousel-inner .caption {
  position: absolute;
  bottom: 50px;
  left: 0;
  background: rgba(0, 0, 0, 0.5);
  padding: 15px 20px;
  font-size: 24px;
  color: #fff;
}
/*------------------------------------------------ arrow carousel --*/
.full-width img {
  width: 100%;
  height: auto;
}
.carousel.slide .carousel-control {
  width: 50%;
  z-index: 90;
}
.carousel.slide a.right.carousel-control:hover {
  cursor: url(../images/carousel/arrow_right.png), auto;
}
.carousel.slide a.left.carousel-control:hover {
  cursor: url(../images/carousel/arrow_left.png), auto;
}
/*----------------------------------------------------- controler --*/
.carousel.slide a.left.carousel-control,
.carousel.slide a.right.carousel-control {
  background-image: none;
}
.carousel.slide .carousel-fade .carousel-control {
  z-index: 5000;
}
.carousel.slide .carousel-control:hover,
.carousel.slide .carousel-control:focus {
  opacity: 1;
  filter: alpha(opacity=100);
}
.carousel-fade .carousel-inner .item {
  opacity: 0;
  transition-property: opacity;
}
.carousel-fade .carousel-inner .active {
  opacity: 1;
}
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  opacity: 0;
  z-index: 1;
}
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.carousel-fade .carousel-control {
  z-index: 5000;
}
@media all and (transform-3d), (-webkit-transform-3d) {
  .carousel-fade .carousel-inner > .item.next,
  .carousel-fade .carousel-inner > .item.active.right {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.prev,
  .carousel-fade .carousel-inner > .item.active.left {
    opacity: 0;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .carousel-fade .carousel-inner > .item.next.left,
  .carousel-fade .carousel-inner > .item.prev.right,
  .carousel-fade .carousel-inner > .item.active {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}
/*-------------------------------------------------- slide object --*/
.side-object .object {
  z-index: 5000;
  width: 30%;
  margin-top: 100px;
  position: relative;
  height: 400px;
}
.side-object .object img {
  position: absolute;
  left: 0;
  bottom: 0;
}
.side-object .content {
  width: 70%;
  text-align: left;
  padding: 200px 0 0 100px;
}
.side-object .object,
.side-object .content {
  float: left;
}
#carousel-object .owl-controls {
  position: absolute;
  bottom: 30px;
  right: 0;
}
.slider-full-screen,
.slider-full-width,
.slider-boxed .container {
  position: relative;
}
.slider-full-screen img {
  width: 100%;
  height: 100vh;
}
.slider-full-width img,
.slider-boxed img {
  display: block;
  width: 100%;
  height: auto;
  overflow: hidden;
}
.slider-boxed {
  margin-top: 50px;
}
.slider-boxed .container {
  padding: 0;
}
#owl-slider .owl-item div {
  padding: 0;
}
#owl-slider .owl-item img {
  display: block;
  width: 100%;
  height: auto;
}
#owl-slider .owl-pagination {
  bottom: 50px;
  position: relative;
}
#owl-slider.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 50px;
  height: 5px;
  margin: 5px 7px;
  opacity: 0.5;
  filter: alpha(opacity=50);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
#owl-slider.owl-theme .owl-controls .owl-page.active span {
  filter: alpha(opacity=100);
  opacity: 1;
  z-index: 1200;
}
#owl-slider .owl-buttons {
  position: absolute;
  top: 50%;
  right: 30px;
  margin-top: -70px;
}
#owl-slider.owl-theme .owl-controls .owl-buttons div {
  color: #fff;
  display: block;
  zoom: 1;
  margin: 5px;
  padding: 5px 15px;
  font-size: 20px;
  border-radius: 0;
  background: #000;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
#owl-slider.owl-theme .owl-controls .owl-buttons div:hover {
  opacity: 1;
}
/*----------------------------------------------------------------
	countdown
  ----------------------------------------------------------------*/
.count-down,
.count-down-alt {
  text-transform: uppercase;
}
.count-down .c-grid,
.count-down-alt .c-grid {
  width: 150px;
  height: 150px;
  display: inline-block;
  text-align: center;
  padding-top: 42px;
  margin: 0 20px;
}
.count-down.light-bg .c-grid,
.count-down-alt.light-bg .c-grid {
  background: #fff;
}
.count-down-alt .c-grid {
  border: 5px solid rgba(0, 0, 0, 0.2);
}
.count-down .c-grid {
  border: 1px solid #e0e0e0;
}
.count-down .c-grid,
.count-down.light .c-grid {
  border: 1px solid #fff;
}
.count-down.light .c-value,
.count-down.light .c-title,
.count-down-alt.light .c-value,
.count-down-alt.light .c-title {
  color: #fff;
}
.count-down .c-value,
.count-down .c-title,
.count-down-alt .c-value,
.count-down-alt .c-title {
  display: block;
}
.count-down .c-value,
.count-down-alt .c-value {
  font-size: 30px;
}
.count-down .c-title,
.count-down-alt .c-title {
  font-size: 14px;
  letter-spacing: 3px;
}
.count-down.circle .c-grid,
.count-down-alt.circle .c-grid {
  border-radius: 50% !important;
}
.count-down.round .c-grid,
.count-down-alt.round .c-grid {
  border-radius: 5px !important;
}
.count-parallax {
  background-image: url(../demo/background/countdown.jpg);
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  background-position: center;
}
.relative {
  position: relative;
}
.count-icon {
  position: absolute;
  top: 50px;
  right: 0;
}
.count-icon i {
  font-size: 40px;
}
/*------------------------------------------------------------------
	left side nav fixed
  ------------------------------------------------------------------*/
body.left-nav-fixed {
  overflow-x: hidden;
}
.left-nav-fixed .wrapper {
  margin-left: 260px;
}
.left-nav-fixed .logo-area {
  padding: 40px 20px;
  display: inline-block;
  width: 100%;
}
.left-nav-fixed .logo-brand {
  float: none;
  margin: 0;
}
.left-nav-fixed #header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 300;
  width: 260px;
  height: 100%;
  background-color: #fff;
  border-right: 1px solid #eee;
}
.border-less {
  border: none !important;
}
.left-nav-fixed header.header-full-width .container,
.left-nav-fixed header .container {
  width: 100%;
  padding: 0;
}
.left-nav-fixed .container {
  width: auto;
  padding: 0 30px;
}
.left-nav-fixed .menuzord-menu > li > a,
.left-nav-fixed header.sticky .menuzord-menu > li > a {
  padding: 0;
}
.left-nav-fixed .menuzord-menu li,
.left-nav-fixed .menuzord-menu li a {
  width: 100%;
}
.left-nav-fixed .menuzord-menu > li > a {
  line-height: 40px;
  padding: 0 20px;
}
.left-nav-fixed .menuzord-menu li ul {
  margin-left: 258px;
  margin-top: -40px;
}
.left-nav-fixed .menuzord-menu li .megamenu-row ul {
  margin-left: 0;
  margin-top: 0;
}
.left-nav-fixed .menuzord-menu > li > .megamenu {
  width: 800px;
  padding: 20px;
  left: 260px;
  position: absolute;
  display: none;
  z-index: 99;
  border-top: none;
  background: none;
  margin-top: -40px;
  background: #fff;
}
.left-nav-fixed header .light-header,
.left-nav-fixed header.sticky .light-header,
.left-nav-fixed #header.transparent-header.sticky .light-header,
.left-nav-fixed .light-nav {
  background: none !important;
}
.left-nav-fixed header.sticky .header-sticky {
  box-shadow: none;
}
.left-nav-fixed header.sticky .header-sticky,
.left-nav-fixed header.transparent-header {
  position: static;
  width: 100%;
}
.left-nav-fixed .menuzord-menu > li > a,
.left-nav-fixed header.sticky .menuzord-menu > li > a,
.left-nav-fixed .logo-brand,
header.sticky .logo-brand,
.left-nav-fixed header li.nav-icon i,
.left-nav-fixed header.sticky li.nav-icon i {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
}
.left-nav-fixed .menuzord-menu li .indicator {
  margin-left: 3px;
  float: right;
}
.side-social-link {
  margin-top: 50px;
  display: inline-block;
  padding: 0 20px;
  text-align: center;
}
.side-social-link a {
  display: inline-block;
  margin: 0 2px;
  color: #bababa;
  width: 35px;
  height: 35px;
  line-height: 35px;
  text-align: center;
  border: 1px solid #bababa;
  border-radius: 50%;
}
.side-social-link a:hover {
  color: #fff;
}
.left-nav-fixed .menuzord-menu > li > a {
  color: #222;
}
.left-nav-fixed.dark-side-nav #header {
  background-color: #333;
  border-right: none;
}
.left-nav-fixed.dark-side-nav .menuzord-menu > li > a {
  color: #fff;
}
.side-nav-toggle {
  position: absolute;
  right: -50px;
  top: 15px;
  background-color: #fff;
  padding: 5px 10px;
  color: #222;
}
.side-nav-close .wrapper {
  margin-left: 0 !important;
}
.side-nav-close #header {
  left: -260px !important;
}
.side-nav-open .wrapper {
  margin-left: 260px;
}
.side-nav-open #header {
  left: 0;
}
.side-push-nav .container {
  width: 1170px;
}
.side-push-nav .wrapper,
.side-push-nav #header {
  -webkit-transition: all 0.3s ease;
  -mos-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
/*------------------------------------------------------------------
	dotted nav
  ------------------------------------------------------------------*/
.cd-img-replace {
  display: inline-block;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}
.cd-nav-trigger {
  display: none;
}
.no-touch #cd-vertical-nav {
  position: fixed;
  right: 40px;
  top: 50%;
  bottom: auto;
  z-index: 300;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
.no-touch #cd-vertical-nav li {
  text-align: right;
  list-style: none;
}
.no-touch #cd-vertical-nav a {
  display: inline-block;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.no-touch #cd-vertical-nav a:after {
  content: "";
  display: table;
  clear: both;
}
.no-touch #cd-vertical-nav a span {
  float: right;
  display: inline-block;
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
  transform: scale(0.6);
}
.no-touch #cd-vertical-nav a:hover span,
.no-touch #cd-vertical-nav li.active span {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.no-touch #cd-vertical-nav a:hover .cd-label {
  opacity: 1;
}
.no-touch #cd-vertical-nav a.is-selected .cd-dot {
  background-color: #fff;
}
.no-touch #cd-vertical-nav .cd-dot {
  position: relative;
  top: 11px;
  height: 12px;
  width: 12px;
  border-radius: 50%;
  background-color: #ababab;
  -webkit-transition: -webkit-transform 0.2s, background-color 0.5s;
  -moz-transition: -moz-transform 0.2s, background-color 0.5s;
  transition: transform 0.2s, background-color 0.5s;
  -webkit-transform-origin: 50% 50%;
  -moz-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  -o-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.no-touch #cd-vertical-nav .cd-label {
  position: relative;
  margin-right: 10px;
  padding: 0.4em 0.5em;
  color: #7e7e7e;
  font-size: 14px;
  opacity: 0;
  -webkit-transition: -webkit-transform 0.2s, opacity 0.2s;
  -moz-transition: -moz-transform 0.2s, opacity 0.2s;
  transition: transform 0.2s, opacity 0.2s;
  -webkit-transform-origin: 100% 50%;
  -moz-transform-origin: 100% 50%;
  -ms-transform-origin: 100% 50%;
  -o-transform-origin: 100% 50%;
  transform-origin: 100% 50%;
}
.touch .cd-nav-trigger {
  display: block;
  z-index: 2;
  position: fixed;
  bottom: 30px;
  right: 5%;
  height: 44px;
  width: 44px;
  border-radius: 0.25em;
  background: rgba(255, 255, 255, 0.9);
}
.touch .cd-nav-trigger span {
  position: absolute;
  height: 4px;
  width: 4px;
  background-color: #3e3947;
  border-radius: 50%;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.touch .cd-nav-trigger span::before,
.touch .cd-nav-trigger span::after {
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  left: 0;
  background-color: inherit;
  border-radius: inherit;
}
.touch .cd-nav-trigger span::before {
  top: -9px;
}
.touch .cd-nav-trigger span::after {
  bottom: -9px;
}
.touch #cd-vertical-nav {
  position: fixed;
  z-index: 1;
  right: 5%;
  bottom: 30px;
  width: 90%;
  max-width: 400px;
  max-height: 90%;
  overflow-y: scroll;
  border-radius: 0.25em;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-overflow-scrolling: touch;
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
.touch #cd-vertical-nav a {
  display: block;
  padding: 1em;
  border-bottom: 1px solid rgba(62, 57, 71, 0.1);
}
.touch #cd-vertical-nav a span:first-child {
  display: none;
}
.touch #cd-vertical-nav a.is-selected span:last-child {
  color: #7e7e7e;
}
.touch #cd-vertical-nav.open {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger {
  background-color: transparent;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span {
  background-color: rgba(62, 57, 71, 0);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before,
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  background-color: #3e3947;
  height: 3px;
  width: 20px;
  border-radius: 0;
  left: -8px;
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::before {
  top: 1px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.touch #cd-vertical-nav.open + .cd-nav-trigger span::after {
  bottom: 0;
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
  transform: rotate(135deg);
}
.touch #cd-vertical-nav li:last-child a {
  border-bottom: none;
}
@media only screen and (min-width: 768px) {
  .touch .cd-nav-trigger,
  .touch #cd-vertical-nav {
    bottom: 40px;
  }
}
/*------------------------------------------------------------------
	push nav
  ------------------------------------------------------------------*/
.navigation-is-open main {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}
.cd-nav-trigger {
  position: fixed;
  z-index: 1300;
  right: 2%;
  top: 20px;
  height: 40px;
  width: 40px;
  background-color: rgba(0, 0, 0, 0.9);
  border-radius: 0;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
}
.cd-nav-trigger .cd-nav-icon {
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  width: 20px;
  height: 2px;
  background-color: #fff;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
}
.cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
}
.cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  top: 2px;
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  top: -2px;
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
.cd-nav-trigger circle {
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}
.navigation-is-open .cd-nav-trigger {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after,
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}
@media only screen and (min-width: 1170px) {
  .cd-nav-trigger {
    top: 40px;
  }
}
.cd-nav {
  position: fixed;
  z-index: 1200;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.9);
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 5% 40px calc(85%);
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
.cd-nav h2 {
  position: relative;
  margin-bottom: 1.7em;
  font-size: 1.3rem;
  font-weight: 800;
  color: #e8e8e8;
  text-transform: uppercase;
}
.cd-nav h2::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -20px;
  height: 1px;
  width: 60px;
  background-color: currentColor;
}
.cd-nav .cd-primary-nav {
  margin-top: 60px;
  padding: 0;
  list-style: none;
}
.cd-nav .cd-primary-nav li {
  margin: 1.6em 0;
}
.cd-nav .cd-primary-nav a {
  font-size: 2.4rem;
  color: rgba(255, 255, 255, 0.7);
  display: inline-block;
}
.cd-nav .cd-contact-info {
  margin-top: 80px;
  padding: 0;
  list-style: none;
}
.cd-nav .cd-contact-info li {
  margin-bottom: 1.5em;
  line-height: 1.2;
  color: rgba(255, 255, 255, 0.6);
}
.cd-nav .cd-contact-info a {
  color: #fff;
}
.cd-nav .cd-contact-info span {
  display: block;
}
.cd-nav .cd-contact-info li,
.cd-nav .cd-contact-info a,
.cd-nav .cd-contact-info span {
  font-size: 1.6rem;
}
@media only screen and (min-width: 1170px) {
  .cd-nav .cd-navigation-wrapper {
    padding: 62px 20%;
  }
  .cd-nav .cd-navigation-wrapper::after {
    clear: both;
    content: "";
    display: table;
  }
  .cd-nav .cd-half-block {
    width: 50%;
    float: left;
  }
  .cd-nav .cd-primary-nav {
    margin-top: 0;
  }
  .cd-nav h2 {
    font-size: 1.5rem;
    margin-bottom: 5.6em;
  }
  .cd-nav .cd-primary-nav li {
    margin: 1em 0;
  }
  .cd-nav .cd-primary-nav a {
    font-size: 2.5rem;
    font-weight: 300;
  }
  .cd-nav .cd-contact-info {
    margin-top: 120px;
    text-align: right;
  }
  .cd-nav .cd-contact-info li {
    margin-bottom: 2.4em;
  }
  .cd-nav .cd-contact-info li,
  .cd-nav .cd-contact-info a,
  .cd-nav .cd-contact-info span {
    font-size: 1.6rem;
    line-height: 25px;
  }
}
.no-js main {
  height: auto;
  overflow: visible;
}
.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}