/*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/293(这个说明仅在演示里会看到,下载的源码里没有)*/@charset "UTF-8";@import url(normalize.css);@import url(superfish.css);@import url(magnific-popup.css);@import url(owl.carousel.css);@import url(http://fonts.googleapis.com/css?family=Inconsolata:400,700);@import url(http://fonts.googleapis.com/css?family=PT+Mono);@import url(http://fonts.googleapis.com/css?family=Dawning+of+a+New+Day);::-moz-selection {  background-color: #FFFC00;  color: #000; }::selection {  background-color: #FFFC00;  color: #000; }body {  position: relative;  -webkit-font-smoothing: antialiased;  -moz-osx-font-smoothing: grayscale;  font-size: 14px;  line-height: 26px;  min-width: 320px;  font-family: "Inconsolata", sans-serif;  color: #777; }p {  margin: 0 0 20px; }  p.big {    font-size: 18px;    line-height: 30px; }h1, h2, h3, h4, h5, h6,.h1, .h2, .h3, .h4, .h5, .h6 {  color: #000;  font-family: "PT Mono";  font-weight: normal;  margin-top: 0;  margin-bottom: 10px; }h1,.h1 {  font-size: 42px;  line-height: 52px; }h2,.h2 {  font-size: 32px;  line-height: 42px; }h3,.h3 {  font-size: 24px;  line-height: 34px; }h4,.h4 {  font-size: 20px;  line-height: 30px; }  h4.sm-title,  .h4.sm-title {    margin-bottom: 30px;    text-transform: uppercase; }h5,.h5 {  font-size: 18px;  line-height: 28px; }  h5.sm-title,  .h5.sm-title {    margin-bottom: 10px;    text-transform: uppercase; }h6,.h6 {  font-size: 16px;  line-height: 26px; }a {  text-decoration: none;  color: inherit;  transition: color 0.3s ease-in-out, background-color 0.2s ease-in-out; }  a:hover, a:focus {    text-decoration: none;    outline: none; }b,strong {  font-weight: bold; }mark {  background: #FFFC00;  color: #000; }img {  max-width: 100%;  height: auto; }blockquote {  padding-left: 97px;  position: relative;  margin: 30px 0; }  blockquote::before {    content: "";    display: block;    position: absolute;    width: 67px;    top: 0;    left: 0;    bottom: 0;    background-color: #C2F4F6; }  blockquote::after {    content: "";    position: absolute;    top: -5px;    left: 40px;    font-family: "FontAwesome";    font-size: 30px;    color: #000;    opacity: 0.1; }p + blockquote {  margin-left: 90px; }.hairline {  font-weight: 100; }.light {  font-weight: 300; }.normal {  font-weight: 400; }.bold {  font-weight: 700; }.extrabold {  font-weight: 800; }.black {  font-weight: 900; }.uppercase {  text-transform: uppercase; }.text-center {  text-align: center; }.text-left {  text-align: left; }.text-right {  text-align: right; }@media only screen and (max-width: 768px) {  .text-right {    text-align: inherit; } }body.animsition:not(.no-page-loader) #wrapper,.animsition-overlay {  opacity: 0;  position: relative;  -webkit-animation-fill-mode: both;  animation-fill-mode: both; }.animsition-overlay {  z-index: 9999 !important; }.animsition-loading {  position: fixed;  width: 100%;  height: 100%;  top: 0;  left: 0;  z-index: 1000;  text-align: center;  background-color: #FFF; }.animsition-loading >img {  position: absolute;  top: 50%;  left: 50%;  width: 40px;  display: inline-block;  margin-left: -20px;  margin-top: -20px; }.loader-wrapper {  display: none; }.boxed {  background-color: #f2f2f2; }  .boxed #wrapper {    padding-right: 0;    padding-left: 0;    margin-right: auto;    margin-left: auto; }  .boxed .container-boxed {    max-width: 1280px;    padding-left: 15px;    padding-right: 15px; }.content {  padding-top: 90px;  padding-bottom: 100px;  background-color: #fff; }@media only screen and (max-width: 768px) {  .boxed .container-boxed {    max-width: 100%;    padding-left: 0px;    padding-right: 0px; } }.section-default {  overflow: hidden;  position: relative;  background-color: #fff;  background-position: 50% 50%;  background-size: cover;  background-repeat: no-repeat;  padding: 60px 0; }  .section-default::after {    clear: both;    content: "";    display: table; }.section-custom-100 {  padding: 100px 0; }.section-custom-30 {  padding: 30px 0; }.parallax-with-level {  position: relative; }  .parallax-with-level [class*="parallax-level-"] {    position: absolute;    top: 0;    left: 0;    right: 0;    bottom: 0;    background-size: cover;    z-index: 2; }  .parallax-with-level .container {    position: relative;    z-index: 3; }.section-title {  margin-bottom: 70px; }  .section-title h3 {    text-transform: uppercase;    margin-bottom: 0;    position: relative;    display: inline-block;    z-index: 2; }    .section-title h3::after {      content: "";      position: absolute;      bottom: 0;      background-color: #C2F4F6;      left: 0;      height: 55%;      width: 100%;      z-index: -1; }.author {  font-size: 24px;  font-family: "Dawning of a New Day", cursive;  color: #000;  text-align: left; }.overlay-30::after,.overlay-50::after,.overlay-80::after {  content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: block;  background-color: #C2F4F6; }.overlay-80::after {  opacity: 0.8; }.overlay-50::after {  opacity: 0.5; }.overlay-30::after {  opacity: 0.3; }.overlay-dark-30::after,.overlay-dark-50::after,.overlay-dark-80::after {  content: "";  position: absolute;  top: 0;  left: 0;  right: 0;  bottom: 0;  display: block;  background-color: #222; }.overlay-dark-80::after {  opacity: 0.8; }.overlay-dark-50::after {  opacity: 0.5; }.overlay-dark-30::after {  opacity: 0.3; }.btn {  position: relative;  background-color: #e5e5e5;  border-radius: 2px;  padding: 10px 30px;  display: inline-block;  font-size: 14px;  font-family: "PT Mono";  border: none;  letter-spacing: 1px;  color: #000;  transition: color 0.5s cubic-bezier(0.505, 0, 0.45, 1);  transition-delay: 0.4s; }  .btn span {    position: relative;    z-index: 2; }  .btn i {    margin-left: 8px; }  .btn.block {    display: block;    width: 100%; }  .btn::after {    content: "";    position: absolute;    z-index: 1;    top: 0;    left: 0;    width: 0%;    height: 100%;    transition: all 0.5s cubic-bezier(0.505, 0, 0.45, 1); }  .btn:hover {    color: #000; }    .btn:hover::after {      width: 100%;      background-color: #FFFC00; }  .btn:hover, .btn:focus {    outline: none; }.btn.st2 {  background-color: #FFFC00; }  .btn.st2:hover {    color: #FFF; }    .btn.st2:hover::after {      background-color: #000; }.btn.st3 {  background-color: #C2F4F6; }  .btn.st3:hover::after {    background-color: #FFFC00; }.hoverlink {  position: relative;  display: inline-block;  z-index: 2; }  .hoverlink::after {    content: "";    position: absolute;    bottom: 0;    background-color: #C2F4F6;    width: 0;    height: 55%;    left: 0;    z-index: -1;    transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }  .hoverlink:hover::after {    width: 100%; }.link {  display: inline-block;  font-size: 16px;  color: #000;  font-family: "PT Mono";  position: relative; }  .link::before {    content: "";    position: absolute;    display: inline-block;    bottom: 0;    left: 0;    width: 0;    height: 1px;    background-color: #000;    transition: width 0s ease, background 0.2s ease; }  .link::after {    content: "";    display: inline-block;    position: absolute;    right: 0;    bottom: 0;    height: 1px;    width: 0;    background: #000;    transition: width 0.2s ease; }  .link:hover::before {    width: 100%;    background: #000;    transition: width 0.5s ease; }  .link:hover::after {    width: 100%;    background: transparent;    transition: all 0s ease; }.form-control {  margin-bottom: 40px; }input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {  padding: 10px 20px;  background-color: transparent;  position: relative;  font-size: 14px;  margin: 0;  border: none;  min-width: 100%;  line-height: 28px;  font-family: "Inconsolata", sans-serif;  outline: none;  border: 1px solid #eaeaea;  border-radius: 2px;  z-index: 2;  color: #000; }  input[type="color"]:focus, input[type="date"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="email"]:focus, input[type="month"]:focus, input[type="number"]:focus, input[type="password"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, input[type="week"]:focus, textarea:focus {    border-color: #000; }  input[type="color"]::-webkit-input-placeholder, input[type="date"]::-webkit-input-placeholder, input[type="datetime"]::-webkit-input-placeholder, input[type="datetime-local"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="month"]::-webkit-input-placeholder, input[type="number"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input[type="search"]::-webkit-input-placeholder, input[type="tel"]::-webkit-input-placeholder, input[type="text"]::-webkit-input-placeholder, input[type="time"]::-webkit-input-placeholder, input[type="url"]::-webkit-input-placeholder, input[type="week"]::-webkit-input-placeholder, textarea::-webkit-input-placeholder {    color: #777; }  input[type="color"]::-moz-placeholder, input[type="date"]::-moz-placeholder, input[type="datetime"]::-moz-placeholder, input[type="datetime-local"]::-moz-placeholder, input[type="email"]::-moz-placeholder, input[type="month"]::-moz-placeholder, input[type="number"]::-moz-placeholder, input[type="password"]::-moz-placeholder, input[type="search"]::-moz-placeholder, input[type="tel"]::-moz-placeholder, input[type="text"]::-moz-placeholder, input[type="time"]::-moz-placeholder, input[type="url"]::-moz-placeholder, input[type="week"]::-moz-placeholder, textarea::-moz-placeholder {    color: #777; }  input[type="color"]:-moz-placeholder, input[type="date"]:-moz-placeholder, input[type="datetime"]:-moz-placeholder, input[type="datetime-local"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="month"]:-moz-placeholder, input[type="number"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input[type="search"]:-moz-placeholder, input[type="tel"]:-moz-placeholder, input[type="text"]:-moz-placeholder, input[type="time"]:-moz-placeholder, input[type="url"]:-moz-placeholder, input[type="week"]:-moz-placeholder, textarea:-moz-placeholder {    color: #777; }  input[type="color"]:-ms-input-placeholder, input[type="date"]:-ms-input-placeholder, input[type="datetime"]:-ms-input-placeholder, input[type="datetime-local"]:-ms-input-placeholder, input[type="email"]:-ms-input-placeholder, input[type="month"]:-ms-input-placeholder, input[type="number"]:-ms-input-placeholder, input[type="password"]:-ms-input-placeholder, input[type="search"]:-ms-input-placeholder, input[type="tel"]:-ms-input-placeholder, input[type="text"]:-ms-input-placeholder, input[type="time"]:-ms-input-placeholder, input[type="url"]:-ms-input-placeholder, input[type="week"]:-ms-input-placeholder, textarea:-ms-input-placeholder {    color: #777; }textarea {  min-height: 150px;  max-width: 100%; }label {  position: relative;  display: block; }  label::after {    content: "";    position: absolute;    top: 0;    left: 0;    bottom: 0;    right: 0;    z-index: 1;    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }  label.active::after {    background-color: #C2F4F6;    opacity: 0.8;    transform: scale(1.1) rotate(-2deg); }#logo_header {  float: left;  vertical-align: middle;  line-height: 97px; }  #logo_header .logo {    position: relative;    font-size: 28px;    line-height: 28px;    top: 50%;    text-transform: uppercase;    font-family: "PT Mono";    color: #000000;    text-decoration: none;    z-index: 1; }    #logo_header .logo span {      display: block;      width: 100%;      position: absolute;      background-color: #FFFC00;      height: 17px;      left: 0;      z-index: -1;      bottom: -2px; }.header-style-one {  background-color: #FFF;  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);  position: relative;  z-index: 10; }.header-style-fixed {  background-color: #FFF;  box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.1);  position: fixed;  top: 0;  left: 0;  right: 0;  z-index: 10; }@media only screen and (max-width: 768px) {  .header-style-fixed {    position: static; } }.top-mnu .sf-menu a, #mobile-menu a {  font-family: "PT Mono";  font-size: 16px;  color: #000; }  .top-mnu .sf-menu a:hover, #mobile-menu a:hover {    background: none; }.top-mnu .sf-menu >li, #mobile-menu >li {  text-transform: uppercase; }  .top-mnu .sf-menu >li ul >li, #mobile-menu >li ul >li {    text-transform: capitalize; }    .top-mnu .sf-menu >li ul >li a, #mobile-menu >li ul >li a {      font-size: 13px; }.top-mnu {  float: right;  font-family: "PT Mono"; }  .top-mnu .sf-menu {    float: none;    margin-bottom: 0px; }    .top-mnu .sf-menu >li {      background: none;      margin: 0 0 15px 50px;      padding: 35px 0 20px 0; }      .top-mnu .sf-menu >li >a {        border-left: none;        border-top: none;        border-top: none;        margin: 0;        padding: 0; }.sf-menu li:hover,.sf-menu li.sfHover {  background: none; }.sf-menu a {  display: inline-block;  position: relative;  border-left: none;  border-top: none; }.sf-menu ul {  min-width: 170px;  padding: 20px 18px;  background-color: #F6F6F6;  box-shadow: 15px 15px 0px 0px rgba(0, 0, 0, 0.1); }  .sf-menu ul ul li {    background: none; }  .sf-menu ul li {    background: none;    padding: 3px 0; }    .sf-menu ul li a {      padding: 0; }.sf-arrows .sf-with-ul {  padding-right: 0px; }  .sf-arrows .sf-with-ul ul::after {    display: none; }.sf-arrows ul .sf-with-ul:after {  display: none; }#mobile-menu {  display: none;  list-style-type: none;  margin: 0;  padding: 0;  background-color: #FFF; }  #mobile-menu ul {    list-style-type: none;    padding: 0;    margin: 0; }  #mobile-menu li a {    padding: 15px;    display: block;    border-bottom: 1px solid #f2f2f2; }    #mobile-menu li a.sf-with-ul::after {      content: "[+]";      float: right;      width: 35px;      text-align: center; }      #mobile-menu li a.sf-with-ul::after.sf-with-ul.open::after {        content: "[-]"; }.sf-menu >li.current-menu-item >a >span,.sf-menu >li.sfHover >a >span,.sf-menu >li >a:hover >span {  position: relative;  display: inline-block;  z-index: 2; }  .sf-menu >li.current-menu-item >a >span::after,  .sf-menu >li.sfHover >a >span::after,  .sf-menu >li >a:hover >span::after {    content: "";    position: absolute;    bottom: 0;    background-color: #FFFC00;    left: 0;    height: 55%;    width: 100%;    z-index: -1; }.sf-menu li.current_page_item >a >span,.sf-menu >li >ul >li a:hover >span {  background-color: #000;  color: #FFF; }#mobile-menu >li.current-menu-item >a >span,#mobile-menu >li >a:hover >span,#mobile-menu >li >a.open >span,#mobile-menu >li >ul >li >a.sf-with-ul:hover >span,#mobile-menu >li >ul >li >a.open >span {  position: relative;  display: inline-block;  z-index: 2; }  #mobile-menu >li.current-menu-item >a >span::after,  #mobile-menu >li >a:hover >span::after,  #mobile-menu >li >a.open >span::after,  #mobile-menu >li >ul >li >a.sf-with-ul:hover >span::after,  #mobile-menu >li >ul >li >a.open >span::after {    content: "";    position: absolute;    bottom: 0;    background-color: #FFFC00;    left: 0;    height: 55%;    width: 100%;    z-index: -1; }#mobile-menu li.current_page_item >a:not(.sf-with-ul) >span,#mobile-menu >li >ul >li >a:not(.sf-with-ul):hover >span,#mobile-menu >li >ul >li >ul >li >a:hover >span {  background-color: #000;  color: #FFF; }#mobile-menu-button .icon {  border: 1px solid #000;  line-height: 92px;  padding: 9px 8px;  margin: 28px 0;  font-size: 0;  height: 35px;  width: 35px;  display: inline-block;  float: right;  cursor: pointer; }  #mobile-menu-button .icon .line {    transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955);    transform-origin: 50% 50%;    background: #000;    display: block;    width: 100%;    height: 1px;    margin-left: auto;    margin-right: auto;    margin-bottom: 6px; }    #mobile-menu-button .icon .line:nth-of-type(2) {      width: 75%;      margin-right: 0;      margin-left: auto; }    #mobile-menu-button .icon .line:last-of-type {      margin-bottom: 0; }#mobile-menu-button:hover .line {  width: 75%; }#mobile-menu-button:hover .line:nth-of-type(2) {  width: 100%; }@media only screen and (max-width: 992px) {  .top-mnu {    display: none; } }@media only screen and (min-width: 992px) {  #mobile-menu-button {    display: none; } }button.mfp-close,button.mfp-arrow {  background-color: #fff;  transition: background-color 0.2s ease-in-out; }  button.mfp-close:hover,  button.mfp-arrow:hover {    background-color: #000;    color: #fff; }    button.mfp-close:hover::after,    button.mfp-arrow:hover::after {      color: #fff; }  button.mfp-close::after,  button.mfp-arrow::after {    transition: color 0.3s ease-in-out; }.mfp-close {  width: 60px;  height: 60px;  line-height: 60px;  opacity: 1;  padding: 0;  color: #000; }.mfp-arrow {  opacity: 1;  margin-top: -30px;  width: 60px;  height: 60px; }  .mfp-arrow::after {    font-family: "FontAwesome";    color: #000;    font-size: 24px; }.mfp-counter {  font-family: "PT Mono";  color: #fff;  font-size: 14px;  line-height: 26px; }.mfp-arrow-left::after {  content: ""; }.mfp-arrow-right::after {  content: ""; }.owl-dots {  text-align: center;  margin-top: 60px; }  .owl-dots .owl-dot {    background-color: #C2F4F6;    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);    width: 50px;    height: 6px;    border-radius: 3px;    display: inline-block;    cursor: pointer;    margin: 0 8px;    transition: all 0.25s ease-in-out; }    .owl-dots .owl-dot:hover {      background-color: #cff6f8; }    .owl-dots .owl-dot.active {      background-color: #FFFC00; }      .owl-dots .owl-dot.active:hover {        background-color: #FFFC00; }.owl-slider-index .owl-dots {  position: relative;  margin-top: -46px; }.section-hero {  background-position: 50% 50%;  height: 800px;  background-size: cover;  background-repeat: no-repeat; }  .section-hero-content {    position: relative;    top: 50%;    transform: translateY(-50%); }.slider_title_b {  font-size: 134px;  line-height: 100px;  font-family: "PT Mono";  color: #000; }  .slider_title_b::after {    clear: both;    content: "";    display: table; }.slider_title_under_b {  font-size: 80px;  line-height: 80px;  color: #000;  display: inline-block;  position: relative;  letter-spacing: -1px;  padding-bottom: 16px; }  .slider_title_under_b::after {    content: "";    display: block;    position: absolute;    bottom: 0;    left: 0;    width: 100%;    height: 16px;    background-color: #FFFC00; }.slider_sm_title {  font-size: 18px;  line-height: 32px;  margin-top: 60px;  font-family: "PT Mono";  color: #777; }@media only screen and (min-width: 768px) {  .owl-slider-index .owl-item .slider_title_b, .owl-slider-index .owl-item .slider_title_under_b, .owl-slider-index .owl-item .slider_sm_title {    transition: all 1s ease;    opacity: 0;    transform: translateX(100px); }  .owl-slider-index .owl-item .slider_title_b {    transition-delay: 0.4s; }  .owl-slider-index .owl-item .slider_title_under_b {    transition-delay: 0.56s; }  .owl-slider-index .owl-item .slider_sm_title {    transition-delay: 0.8s; }  .owl-slider-index .owl-item.active .slider_title_b, .owl-slider-index .owl-item.active .slider_title_under_b, .owl-slider-index .owl-item.active .slider_sm_title {    transform: translateX(0px);    opacity: 1; } }@media only screen and (max-width: 992px) {  .slider_title_b {    font-size: 102px;    line-height: 80px; }  .slider_title_under_b {    font-size: 62px;    line-height: 70px; }  .slider_sm_title {    font-size: 16px;    line-height: 31px; } }@media only screen and (max-width: 768px) {  .section-hero {    height: 760px; } }@media only screen and (max-width: 480px) {  .slider_title_b {    font-size: 84px;    line-height: 66px; }  .slider_title_under_b {    font-size: 52px;    line-height: 62px; }  .section-hero {    height: 680px; } }.page-title-wrap {  background-size: cover;  padding: 320px 0;  position: relative;  background-position: 50% 50%;  background-repeat: no-repeat; }  .page-title-wrap.white h1 {    color: #fff; }  .page-title-wrap.small-padding {    padding: 260px 0; }@media only screen and (max-width: 480px) {  .page-title-wrap {    padding: 200px 0; } }.page-title-wrap-sm {  padding: 100px 0 20px 0;  background-color: #FFF; }.page-title {  text-align: center;  position: relative;  z-index: 8; }  .page-title h1 {    font-size: 60px;    font-weight: normal;    text-transform: uppercase;    line-height: 1em;    margin: 0;    padding: 0; }  .page-title p {    margin-bottom: 0;    text-transform: capitalize;    padding-top: 10px; }.line_h {  width: 0px;  height: 15px;  background-color: #FFFC00;  position: absolute;  top: 50%;  left: 50%;  transform: translateX(-50%) translateY(-50%);  z-index: -1; }  .line_h.active {    transform: translateX(-50%) translateY(-50%) rotate(45deg);    transition: all 900ms cubic-bezier(0.645, 0.045, 0.355, 1); }@media only screen and (max-width: 480px) {  .page-title h1 {    font-size: 30px; } }@media only screen and (max-width: 408px) {  .page-title h1 {    font-size: 24px; } }.revslider-container {  max-height: 600px !important; }.tp-bannertimer {  display: none; }.tp-bullet {  background-color: #C2F4F6;  box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);  width: 50px;  height: 6px;  border-radius: 3px;  display: inline-block;  cursor: pointer;  margin: 0 8px;  transition: all 0.25s ease-in-out; }  .tp-bullet:hover {    background-color: #cff6f8; }  .tp-bullet.selected {    background-color: #FFFC00; }    .tp-bullet.selected:hover {      background-color: #FFFC00; }.hebe.tparrows {  cursor: pointer;  background: #fff;  min-width: 70px;  min-height: 70px;  position: absolute;  display: block;  z-index: 100; }  .hebe.tparrows:hover:before {    color: #000; }  .hebe.tparrows:hover .tp-title-wrap {    transform: scaleX(1); }  .hebe.tparrows:hover .tp-arr-titleholder {    transform: translateX(0px);    transition-delay: 0.1s;    opacity: 1; }  .hebe.tparrows:before {    font-family: revicons;    font-size: 30px;    color: #aaa;    display: block;    line-height: 70px;    text-align: center;    transition: color 0.3s;    z-index: 2;    position: relative;    background: #fff;    min-width: 70px;    min-height: 70px; }  .hebe.tparrows.tp-leftarrow:before {    content: ""; }  .hebe.tparrows.tp-rightarrow:before {    content: ""; }.hebe.tp-rightarrow .tp-title-wrap {  right: 0;  transform-origin: 100% 50%; }.hebe.tp-rightarrow .tp-arr-titleholder {  margin-left: 0;  padding: 0 90px 0 20px; }.hebe.tp-rightarrow .tp-arr-imgholder {  right: auto;  left: -90px; }.hebe .tp-arr-titleholder {  position: relative;  text-transform: uppercase;  color: #000;  font-size: 14px;  font-family: "PT Mono";  line-height: 90px;  white-space: nowrap;  padding: 0 20px 0 90px; }.hebe .tp-arr-imgholder {  width: 90px;  height: 90px;  position: absolute;  left: 100%;  display: block;  background-size: cover;  background-position: center center;  top: 0;  right: -90px; }.tp-title-wrap {  position: absolute;  z-index: 0;  display: inline-block;  background: rgba(255, 252, 0, 0.75);  min-height: 60px;  line-height: 60px;  top: -10px;  margin-left: 0;  transition: transform 0.3s;  transform: scaleX(0);  transform-origin: 0 50%; }.process-slider {  text-align: center; }  .process-slider .process-icon {    margin-bottom: 60px; }    .process-slider .process-icon i {      font-size: 66px;      color: #000; }  .process-slider .process-name {    font-size: 62px;    text-transform: uppercase;    margin-bottom: 60px;    padding: 0 15px; }  .process-slider p {    max-width: 585px;    margin: 0 auto;    padding: 0 15px; }  .process-slider .slide .line-process {    position: relative; }  .process-slider .slide .line-process::after {    content: "";    display: block;    height: 1px;    width: 100%;    background-color: #C2F4F6;    position: absolute;    top: 50%;    left: 0;    z-index: -1; }  .process-slider .slide.first .line-process::after {    right: 0;    left: auto;    width: 75%; }  .process-slider .slide.first .line-process::before {    content: "";    display: block;    background-color: #C2F4F6;    position: absolute;    top: 50%;    margin-top: -5px;    right: 75%;    height: 10px;    width: 10px;    z-index: -1; }  .process-slider .slide.last .line-process::after {    left: 0;    right: auto;    width: 75%; }  .process-slider .slide.last .line-process::before {    content: "";    display: block;    background-color: #C2F4F6;    position: absolute;    top: 50%;    margin-top: -5px;    left: 75%;    height: 10px;    width: 10px;    z-index: -1; }@media only screen and (min-width: 768px) {  .process-slider .owl-item .process-icon, .process-slider .owl-item .process-name, .process-slider .owl-item p {    transition: all 1s ease;    opacity: 0;    transform: translateX(100px); }  .process-slider .owl-item .process-name {    transition-delay: 0.4s; }  .process-slider .owl-item p {    transition-delay: 0.8s; }  .process-slider .owl-item.active .process-name, .process-slider .owl-item.active .process-icon, .process-slider .owl-item.active p {    transform: translateX(0px);    opacity: 1; } }@media only screen and (max-width: 480px) {  .process-slider .process-name {    font-size: 42px; }  .slide.first .line-process::after {    width: 85% !important; }  .slide.first .line-process::before {    right: 85% !important; }  .slide.last .line-process::after {    width: 85% !important; }  .slide.last .line-process::before {    left: 85% !important; } }.accordion-item, .toggle-item {  font-size: 14px;  font-family: "PT Mono";  line-height: 45px;  display: block;  color: #777;  text-transform: uppercase;  border-bottom: 1px solid #F6F6F6;  transition: all 0.3s ease-in-out;  position: relative;  margin-bottom: 10px; }  .accordion-item::after, .toggle-item::after {    content: "";    position: absolute;    bottom: -1px;    left: 0;    height: 1px;    background-color: #000;    width: 0;    transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }  .accordion-item.active, .accordion-item:hover, .toggle-item.active, .toggle-item:hover {    color: #000; }    .accordion-item.active::after, .accordion-item:hover::after, .toggle-item.active::after, .toggle-item:hover::after {      width: 100%; }  .accordion-item-content, .toggle-item-content {    padding: 20px 0 40px;    display: none; }.tabs-container .tabs-menu {  margin: 0;  padding: 0;  display: table;  width: 100%; }  .tabs-container .tabs-menu >li {    display: table-cell; }    .tabs-container .tabs-menu >li >a {      font-size: 14px;      font-family: "PT Mono";      line-height: 45px;      display: block;      color: #777;      text-transform: uppercase;      border-bottom: 1px solid #F6F6F6;      transition: all 0.3s ease-in-out;      position: relative;      margin-bottom: 10px; }      .tabs-container .tabs-menu >li >a::after {        content: "";        position: absolute;        bottom: -1px;        left: 0;        height: 1px;        background-color: #000;        width: 0;        transition: all 0.4s cubic-bezier(0.55, 0.055, 0.675, 0.19); }      .tabs-container .tabs-menu >li >a.active, .tabs-container .tabs-menu >li >a:hover {        color: #000; }        .tabs-container .tabs-menu >li >a.active::after, .tabs-container .tabs-menu >li >a:hover::after {          width: 100%; }.tab-content {  padding: 20px 0 40px; }@media only screen and (max-width: 480px) {  .tabs-container .tabs-menu >li, .tabs-container .tabs-menu {    display: block; } }.nogap {  margin: 0;  padding: 0; }.fix-m-list {  margin-top: -30px;  margin-bottom: -30px; }  .fix-m-list::after {    clear: both;    content: "";    display: table; }.empty-line {  margin: 40px 0;  display: block;  position: relative; }  .empty-line::after {    clear: both;    content: "";    display: table; }.m30 {  margin: 30px 0; }.mt30 {  margin-top: 30px; }.mb30 {  margin-bottom: 30px; }.mt80 {  margin-top: 80px; }.mb80 {  margin-bottom: 80px; }.m80 {  margin: 80px 0; }.mt60 {  margin-top: 60px; }.mb60 {  margin-bottom: 60px; }.m60 {  margin: 60px 0; }.mt40 {  margin-top: 40px; }.mb40 {  margin-bottom: 40px; }.m40 {  margin: 40px 0; }.mt20 {  margin-top: 20px; }.mb20 {  margin-bottom: 20px; }.m20 {  margin: 20px 0; }.mt10 {  margin-top: 10px; }.mb10 {  margin-bottom: 10px; }.m10 {  margin: 10px 0; }.list-item-wrap {  list-style-type: none;  margin: 0;  padding: 0; }  .list-item-wrap li {    margin-bottom: 20px; }    .list-item-wrap li h5 {      font-size: 14px;      text-transform: uppercase;      margin-bottom: 0; }    .list-item-wrap li p {      margin-bottom: 0; }    .list-item-wrap li i {      font-size: 30px;      color: #000; }    .list-item-wrap li a:hover {      color: #000; }  .list-item-wrap .list-item {    display: table; }    .list-item-wrap .list-item .icon-outer, .list-item-wrap .list-item .content-outer {      display: table-cell;      vertical-align: middle;      text-align: left; }    .list-item-wrap .list-item .icon-inner {      margin-right: 30px; }@media only screen and (max-width: 992px) {  .list-item-wrap {    margin: 0 0 40px 0; } }.kaelar-box {  text-align: center; }@media only screen and (max-width: 480px) {  .kaelar-box {    margin-bottom: 30px; } }.bar-wrap {  margin-bottom: 18px; }  .bar-wrap:last-child {    margin-bottom: 0; }  .bar-wrap h6 {    font-size: 12px;    text-transform: uppercase;    line-height: 1em;    margin-bottom: 6px; }  .bar-wrap .bar_outer {    position: relative;    width: 100%;    height: 10px; }    .bar-wrap .bar_outer .bar_inner {      background-color: #C2F4F6;      width: 0%;      position: absolute;      top: 0;      left: 0;      height: 100%; }      .bar-wrap .bar_outer .bar_inner::after {        content: "";        display: block;        position: absolute;        top: 0;        left: 0;        height: 100%;        width: 100%;        background: url(../img/repeat_bar.png) repeat; }.kaelar-box-icon {  text-align: center;  cursor: pointer;  padding: 30px 0; }  .kaelar-box-icon h4 {    text-transform: uppercase;    margin: 30px 0;    position: relative;    display: inline-block;    z-index: 2; }    .kaelar-box-icon h4::after {      content: "";      position: absolute;      bottom: 0;      background-color: #C2F4F6;      width: 0;      height: 55%;      left: 0;      z-index: -1;      transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }  .kaelar-box-icon p {    padding: 0 15px;    margin-bottom: 0;    transition: all 0.3s ease; }  .kaelar-box-icon .icon i {    font-size: 44px;    color: #000;    transition: color 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }  .kaelar-box-icon:hover h4::after {    width: 100%; }  .kaelar-box-icon:hover .icon i {    color: #C2F4F6; }  .kaelar-box-icon:hover p {    opacity: 0.5; }.price-item:not(.active) {  margin: 30px 0; }.price-item {  text-align: center; }  .price-item.active .price-head::after {    background-color: #FFFC00; }  .price-item.active .price-name {    margin-bottom: 90px !important; }  .price-item .price-head {    padding: 30px 0;    margin-bottom: 60px;    position: relative; }    .price-item .price-head::after {      content: "";      position: absolute;      top: 0;      left: 50%;      width: 140px;      height: 100%;      display: block;      border: 1px solid #000;      transform: translateX(-50%);      z-index: 0; }    .price-item .price-head::before {      content: "";      position: absolute;      bottom: -30px;      left: 50%;      height: 30px;      display: block;      width: 1px;      background-color: #000;      z-index: 0; }    .price-item .price-head .price-name {      font-size: 18px;      text-transform: uppercase;      font-family: "PT Mono";      margin-bottom: 60px;      color: #000;      position: relative;      z-index: 3; }    .price-item .price-head .price-amount {      font-size: 130px;      line-height: 56px;      font-family: "Inconsolata", sans-serif;      color: #000;      font-weight: bold;      margin-bottom: 25px;      letter-spacing: -10px;      position: relative;      z-index: 3; }  .price-item .price-body ul {    list-style-type: none;    padding: 0;    margin: 0; }    .price-item .price-body ul li {      font-size: 16px;      text-transform: uppercase;      padding: 10px 0; }  .price-item .price-body .link {    margin-top: 20px; }.team-member-wrap {  padding: 30px 0; }.team-member {  position: relative; }  .team-member img {    width: 100%; }  .team-member:hover .overlay_item {    transform: scale(1.15) rotate(-10deg); }  .team-member:hover .team-member-content {    opacity: 1; }    .team-member:hover .team-member-content h4 {      transform: translateY(0px) scale(1); }    .team-member:hover .team-member-content .team-social a {      transform: translateY(0px); }  .team-member .team-member-content {    position: absolute;    z-index: 3;    top: 50%;    width: 100%;    padding: 0 30px;    text-align: center;    opacity: 0;    transform: translateY(-50%);    transition: opacity 0.3s ease; }    .team-member .team-member-content h4 {      text-transform: uppercase;      transform: translateY(50px) scale(0.3);      transition: all 0.38s ease-in-out; }    .team-member .team-member-content span {      display: block;      font-size: 13px;      text-transform: lowercase; }    .team-member .team-member-content .team-social {      text-align: center;      list-style-type: none;      margin: 20px 0 0 0;      padding: 0; }      .team-member .team-member-content .team-social li {        text-align: center; }        .team-member .team-member-content .team-social li a {          color: #000;          display: inline-block;          padding: 6px;          transform: translateY(30px);          transition: transform 0.38s cubic-bezier(0.285, 0.075, 0.89, 0.485); }          .team-member .team-member-content .team-social li a:hover {            color: #FFFC00; }        .team-member .team-member-content .team-social li:nth-child(1) a {          transition-delay: 0.1s; }        .team-member .team-member-content .team-social li:nth-child(2) a {          transition-delay: 0.2s; }        .team-member .team-member-content .team-social li:nth-child(3) a {          transition-delay: 0.3s; }        .team-member .team-member-content .team-social li:nth-child(4) a {          transition-delay: 0.4s; }@media only screen and (max-width: 992px) {  .team-member-content h4 {    font-size: 15px; }  .team-social {    margin-bottom: 10px; }    .team-social li a {      padding: 3px; } }@media only screen and (max-width: 768px) {  .team-member-content h4 {    font-size: 20px; }  .team-social {    margin-bottom: 20px; }    .team-social li a {      padding: 6px; } }.client-wrap {  position: relative;  overflow: hidden;  text-align: center;  padding: 30px 0; }  .client-wrap img {    display: inline-block; }  .client-wrap::after {    content: "";    position: absolute;    top: 0;    left: 0;    height: 100%;    transform: translateX(-150%) skew(-30deg);    width: 30px;    display: block;    opacity: 0.65;    background-color: #FFF;    transition: all 0.3s ease-in; }  .client-wrap:hover::after {    transform: translateX(600%) skew(-30deg);    right: 0; }.blog-title h2 {  font-size: 18px;  text-transform: uppercase;  font-family: "PT Mono";  padding-bottom: 6px;  margin-bottom: 25px;  border-bottom: 1px solid #F6F6F6; }.blog-wrapper {  display: block;  position: relative;  padding-bottom: 120px; }.blog-masonry .blog-item .blog-title h3 {  font-size: 18px; }.blog-masonry .blog-item .blog-meta {  margin-bottom: 5px !important; }.blog-masonry .blog-item .blog-thumbnail {  margin-bottom: 20px !important; }.blog-masonry .blog-item .blog-title {  margin-bottom: 15px !important; }@media only screen and (max-width: 480px) {  .blog-wrapper .blog-item .blog-title h3 {    font-size: 18px;    line-height: 28px; } }.blog-item {  padding-bottom: 30px;  margin-bottom: 40px;  border-bottom: 1px solid #F6F6F6; }.blog-wrapper .blog-item:hover .blog-title h3::after {  width: 100%; }.blog-wrapper:not(.blog-masonry) .blog-item:last-of-type {  border-bottom: none;  padding-bottom: 0;  margin-bottom: 0; }.blog-thumbnail {  position: relative;  overflow: hidden;  margin-bottom: 30px; }  .blog-thumbnail img {    width: 100%;    transition: all 2s ease-in-out; }  .blog-thumbnail:hover img {    transform: scale(1.5); }.blog-meta {  text-transform: uppercase;  font-size: 14px;  margin-bottom: 14px; }  .blog-meta span::after {    content: "|"; }  .blog-meta span:last-child::after {    content: ""; }  .blog-meta a:hover {    color: #000; }.blog-wrapper .blog-item .blog-desc .read-more {  margin-top: 10px; }.blog-wrapper .blog-item .blog-title {  margin-bottom: 30px; }  .blog-wrapper .blog-item .blog-title h3 {    text-transform: uppercase;    margin-bottom: 0;    position: relative;    display: inline-block;    z-index: 2; }    .blog-wrapper .blog-item .blog-title h3::after {      content: "";      position: absolute;      bottom: 0;      background-color: #C2F4F6;      width: 0;      height: 55%;      left: 0;      z-index: -1;      transition: all 0.6s cubic-bezier(0.645, 0.045, 0.355, 1); }@media only screen and (max-width: 992px) {  .blog-masonry .blog-item .blog-title h3 {    font-size: 14px;    line-height: 26px; } }.blog-masonry .isotope-item {  float: left;  width: 33.333%;  padding: 0 15px; }@media only screen and (max-width: 992px) {  .blog-masonry .isotope-item {    width: 50%; } }@media only screen and (max-width: 768px) {  .blog-masonry .isotope-item {    width: 100%; } }.comment-list {  margin-top: 40px; }  .comment-list .media {    margin-bottom: 60px; }    .comment-list .media:last-of-type {      margin-bottom: 0; }    .comment-list .media .comment-img {      width: 90px;      height: 90px;      border-radius: 50%; }    .comment-list .media .media-body h3 {      font-size: 16px; }    .comment-list .media .media-body span {      font-family: "PT Mono";      display: block;      margin-top: 10px;      margin-bottom: 20px; }    .comment-list .media .media-body a:hover {      color: #000; }    .comment-list .media >.pull-left {      padding-right: 60px; }    .comment-list .media.reply-comment {      margin-left: 45px; }.btn-reply {  display: inline-block;  height: 45px;  width: 45px;  text-align: center;  line-height: 45px;  background-color: #e5e5e5;  font-size: 14px;  color: #666;  position: relative; }  .btn-reply span {    position: relative;    z-index: 2; }  .btn-reply::after {    content: "";    position: absolute;    z-index: 1;    top: 0;    left: 0;    width: 0%;    height: 100%;    transition: all 0.5s cubic-bezier(0.505, 0, 0.45, 1); }  .btn-reply:hover {    color: #000; }    .btn-reply:hover::after {      width: 100%;      background-color: #FFFC00; }.comment-form-wrap {  margin-top: 40px; }.pagination-wrapper {  padding: 40px 0 20px 0;  text-align: center; }  .pagination-wrapper .pagination {    display: inline-block;    font-size: 0;    font-family: "Inconsolata", sans-serif; }    .pagination-wrapper .pagination a {      height: 45px;      width: 45px;      line-height: 45px;      font-size: 16px;      text-align: center;      float: left;      color: #777;      display: block;      position: relative;      background-color: #e5e5e5; }      .pagination-wrapper .pagination a span {        position: relative;        z-index: 3; }      .pagination-wrapper .pagination a:hover, .pagination-wrapper .pagination a.active {        color: #000; }        .pagination-wrapper .pagination a:hover .page i, .pagination-wrapper .pagination a.active .page i {          opacity: 1; }    .pagination-wrapper .pagination .page {      background-color: #FFFC00;      position: absolute;      left: 0;      bottom: 0;      height: 130px;      width: 45px;      z-index: 1; }      .pagination-wrapper .pagination .page i {        text-transform: uppercase;        color: #000;        font-size: 16px;        font-style: normal;        position: absolute;        left: 2px;        top: 22px;        letter-spacing: 3px;        opacity: 0;        transition: color 0.45s ease-in-out;        transform: rotate(90deg); }.widget-title h3 {  font-size: 18px;  text-transform: uppercase;  font-family: "PT Mono";  padding-bottom: 6px;  margin-bottom: 25px;  border-bottom: 1px solid #F6F6F6; }.widget {  position: relative;  padding-bottom: 25px;  margin-bottom: 30px; }  .widget:last-of-type {    margin-bottom: 0;    padding-bottom: 0; }  .widget .widget-image {    margin-bottom: 30px; }  .widget ul {    list-style-type: none;    padding: 0;    margin: 0; }    .widget ul li {      padding: 3px 0; }      .widget ul li a:hover {        color: #000; }.news-widget li {  margin-bottom: 18px; }  .news-widget li:last-child {    margin-bottom: 0; }.news-widget .blog-meta {  margin-bottom: 7px;  font-size: 12px; }.news-widget .blog-title h4 {  text-transform: uppercase;  font-size: 14px;  margin-bottom: 0;  line-height: 14px; }  .news-widget .blog-title h4 a {    padding: 4px 0; }.tagcloud {  font-size: 0; }  .tagcloud a {    background-color: #e5e5e5;    color: #000;    margin: 0 6px 6px 0;    display: inline-block;    padding: 3px 12px;    font-size: 14px;    border-radius: 2px; }    .tagcloud a:hover, .tagcloud a:focus {      outline: none;      background-color: #000;      color: #fff; }@media only screen and (max-width: 480px) {  #sidebar {    margin-top: 60px; } }p + .list-item-wrap {  margin-top: 10px; }.contact-form textarea {  min-height: 200px; }.kaelar-map-canvas {  padding-top: 100px; }#map {  height: 465px;  display: block;  width: 100%;  margin-bottom: -100px; }@media only screen and (max-width: 480px) {  #map {    height: 230px; } }.kaelar-map-canvas + .footer {  margin-top: 0 !important; }.footer {  position: relative;  background-color: #F8F8F8;  padding: 90px 0;  text-align: center; }  .footer .toTop {    border-radius: 6px;    background-color: #C2F4F6;    box-shadow: 0px 2px 3px 0px rgba(0, 0, 0, 0.1);    width: 40px;    height: 70px;    position: absolute;    left: 50%;    top: 0;    transition: all 0.4s ease;    transform: translateX(-50%) translateY(-50%); }    .footer .toTop i {      color: #000;      font-size: 16px;      line-height: 16px;      padding-top: 18px;      transition: all 0.4s ease; }    .footer .toTop:hover {      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);      background-color: #FFFC00; }      .footer .toTop:hover i {        padding-top: 10px; }  .footer p.copy {    margin-bottom: 0;    font-family: "PT Mono";    font-size: 12px;    line-height: 26px; }  .footer .footer-social {    margin-bottom: 80px;    padding: 0;    list-style-type: none;    display: block; }    .footer .footer-social li {      display: inline-block;      margin: 0 25px; }      .footer .footer-social li a {        text-transform: uppercase;        font-size: 14px;        font-family: "PT Mono";        color: #000;        letter-spacing: 1px;        line-height: 26px; }        .footer .footer-social li a:hover >span {          position: relative;          display: inline-block;          z-index: 2; }          .footer .footer-social li a:hover >span::after {            content: "";            position: absolute;            bottom: 0;            background-color: #FFFC00;            left: 0;            height: 55%;            width: 100%;            z-index: -1; }@media only screen and (max-width: 768px) {  .footer .footer-social li {    margin: 0 10px; } }@media only screen and (max-width: 480px) {  .footer .footer-social li {    margin: 0 6px; }    .footer .footer-social li a {      font-size: 12px; } }.page404 {  padding: 0; }  .page404 .page-title-wrap {    background-color: #FFF;    padding: 0;    height: 100vh;    position: relative; }    .page404 .page-title-wrap::after {      content: "";      position: absolute;      top: 0;      right: -10%;      bottom: 0;      width: 50%;      z-index: 0;      display: block;      background-color: #FFF;      transform: skew(-10deg); }    .page404 .page-title-wrap h1 {      font-size: 90px;      margin-bottom: 80px; }  .page404 .page404-content {    position: relative;    top: 50%;    z-index: 4;    transform: translateY(-50%); }@media only screen and (max-width: 768px) {  .page404 .page-title-wrap::after {    display: none; } }.kaelar-portfolio-masonry-wrapper .kaelar-portfolio-item {  padding: 10px; }.kaelar-portfolio-masonry-wrapper[data-col="3"] .kaelar-portfolio-item {  float: left;  width: 33.333%; }.kaelar-portfolio-masonry-wrapper[data-col="2"] .kaelar-portfolio-item {  float: left;  width: 50%; }.kaelar-portfolio-masonry-wrapper[data-col="4"] .kaelar-portfolio-item {  float: left;  width: 25%; }.kaelar-portfolio-masonry-wrapper[data-col="2"] .kaelar-portfolio-item.tall .kaelar-image-wrap,.kaelar-portfolio-masonry-wrapper[data-col="3"] .kaelar-portfolio-item.tall .kaelar-image-wrap,.kaelar-portfolio-masonry-wrapper[data-col="4"] .kaelar-portfolio-item.tall .kaelar-image-wrap {  padding-top: 200%;  padding-top: -webkit-calc( 200% + 20px);  padding-top: -moz-calc( 200% + 20px);  padding-top: calc( 200% + 20px); }.kaelar-portfolio-masonry-wrapper[data-col="3"] .kaelar-portfolio-item.large {  width: 66.666%; }.kaelar-portfolio-masonry-wrapper[data-col="2"] .kaelar-portfolio-item.large {  width: 100%; }.kaelar-portfolio-masonry-wrapper[data-col="4"] .kaelar-portfolio-item.large {  width: 50%; }@media only screen and (max-width: 768px) {  .kaelar-portfolio-masonry-wrapper[data-col="3"] .kaelar-portfolio-item.large {    width: 100%; } }@media only screen and (max-width: 768px) {  .kaelar-portfolio-masonry-wrapper[data-col="3"] .kaelar-portfolio-item,  .kaelar-portfolio-masonry-wrapper[data-col="4"] .kaelar-portfolio-item {    width: 50%; } }@media only screen and (max-width: 480px) {  .kaelar-portfolio-masonry-wrapper[data-col="2"] .kaelar-portfolio-item,  .kaelar-portfolio-masonry-wrapper[data-col="3"] .kaelar-portfolio-item,  .kaelar-portfolio-masonry-wrapper[data-col="4"] .kaelar-portfolio-item {    width: 100%; }  .kaelar-portfolio-masonry-wrapper[data-col="4"] .kaelar-portfolio-item.large {    width: 100%; } }.kaelar-portfolio-item {  position: relative; }  .kaelar-portfolio-item .kaelar-image-wrap {    background-size: cover;    background-position: 50%;    position: relative;    padding-top: 100%; }  .kaelar-portfolio-item img {    width: 100%;    height: auto;    display: block; }  .kaelar-portfolio-item:hover .overlay_item {    transform: scale(1.15) rotate(-10deg); }  .kaelar-portfolio-item:hover .kaelar-overlay-content {    opacity: 1; }  .kaelar-portfolio-item:hover h3 {    transform: translateY(0px) scale(1); }.kaelar-portfolio-masonry-wrapper.equal-grid .kaelar-portfolio-item {  padding: 0; }.kaelar-portfolio-masonry-wrapper.fit-columns .kaelar-image-wrap {  padding-top: 0;  padding-bottom: 0; }.overlay_item {  position: absolute;  top: 0;  left: 0;  height: 100%;  width: 100%;  background-color: #C2F4F6;  opacity: 0.8;  transition: all 0.32s cubic-bezier(0.39, 0.575, 0.565, 1);  z-index: 2;  transform: scale(0) rotate(0deg); }.kaelar-overlay-content {  position: absolute;  z-index: 3;  top: 50%;  width: 100%;  padding: 0 30px;  text-align: center;  opacity: 0;  transform: translateY(-50%);  transition: opacity 0.3s ease; }  .kaelar-overlay-content h3, .kaelar-overlay-content span {    color: #000;    font-size: 13px; }  .kaelar-overlay-content h3 {    line-height: 20px;    text-transform: uppercase;    font-family: "PT Mono";    transform: translateY(50px) scale(0.3);    transition: all 0.3s ease-in-out; }  .kaelar-overlay-content span {    display: block;    text-transform: lowercase; }.load-more-wrap {  text-align: center;  margin-top: 60px; }  .load-more-wrap .load-more-btn {    font-size: 16px;    color: #000;    font-family: "PT Mono";    text-transform: capitalize;    display: inline-block; }    .load-more-wrap .load-more-btn.disable {      cursor: default; }.ptf-image-list img {  margin-bottom: 30px; }.filters-wrap {  text-align: center;  margin-bottom: 80px; }  .filters-wrap .filters {    position: relative;    display: inline-block;    min-width: 100%;    padding: 0 0 30px 0;    font-size: 0; }    .filters-wrap .filters li {      list-style-type: none; }    .filters-wrap .filters li:not(.filters-overlay) {      position: relative;      display: inline-block;      width: auto;      height: 40px;      line-height: 40px;      font-size: 18px;      font-family: "PT Mono";      color: #777;      cursor: pointer; }      .filters-wrap .filters li:not(.filters-overlay) span {        padding: 0 20px; }      .filters-wrap .filters li:not(.filters-overlay).active-filter span {        color: #000; }      .filters-wrap .filters li:not(.filters-overlay).filters-line {        position: absolute;        display: block;        height: 10px;        bottom: 0;        left: 0;        background-color: #FFFC00;        transition: all 0.3s ease-in-out; }  .filters-wrap .filters-overlay {    position: absolute;    display: block;    height: 100%;    top: 0;    left: 0;    bottom: 0;    right: 0;    margin: 0;    padding: 0;    border-bottom: 10px solid #F8F8F8; }.filters li span, .filters-line {  transition: all 0.3s ease-in-out; }@media only screen and (max-width: 480px) {  .filters-wrap .filters li:not(.filters-overlay) {    font-size: 14px; }    .filters-wrap .filters li:not(.filters-overlay) span {      padding: 0 15px; } }.ptf-meta {  list-style-type: none;  margin: 0;  padding: 0; }  .ptf-meta li {    margin-bottom: 5px;    text-transform: uppercase; }    .ptf-meta li h5 {      font-size: 14px;      margin-bottom: 0;      display: inline-block; }    .ptf-meta li p {      margin-bottom: 0; }    .ptf-meta li a:hover {      color: #000; }.rev_ptf_wrapper {  position: relative;  z-index: 2; }.border-top {  border-top: 1px solid #f2f2f2; }.ptf-nav a[rel=next] {  float: right; }  .ptf-nav a[rel=next]::after {    content: "";    margin-left: 15px; }.ptf-nav a[rel=prev] {  float: left; }  .ptf-nav a[rel=prev]::before {    content: "";    margin-right: 15px; }.ptf-nav a {  vertical-align: middle;  line-height: 40px;  text-transform: uppercase;  font-size: 16px;  font-family: "PT Mono";  color: #777; }  .ptf-nav a::before, .ptf-nav a::after {    font-family: FontAwesome;    color: #777;    width: 40px;    height: 40px;    line-height: 40px;    display: inline-block;    border: 1px solid #777;    text-align: center;    vertical-align: middle; }  .ptf-nav a:hover {    color: #000; }    .ptf-nav a:hover::before, .ptf-nav a:hover::after {      color: #000;      border-color: #000; }@media only screen and (max-width: 480px) {  .ptf-nav a {    font-size: 11px; } }.play-btn {  border: 2px solid #000;  color: #000;  background-color: transparent;  border-radius: 50%;  width: 75px;  font-size: 18px;  height: 75px;  line-height: 72px;  display: inline-block;  text-align: center;  position: relative;  animation: pulse 1.22s infinite cubic-bezier(0.8, 0, 0, 1);  box-shadow: 0 0 0 0 rgba(194, 244, 246, 0.7); }  .play-btn.white {    border-color: #fff;    color: #fff; }@-webkit-keyframes pulse {  to {    box-shadow: 0 0 0 45px rgba(194, 244, 246, 0); } }@-moz-keyframes pulse {  to {    box-shadow: 0 0 0 45px rgba(194, 244, 246, 0); } }@keyframes pulse {  to {    box-shadow: 0 0 0 45px rgba(194, 244, 246, 0); } }.ptf-social {  list-style-type: none;  padding: 0;  margin: 5px 0 10px 0;  display: inline-block; }  .ptf-social li {    float: left; }    .ptf-social li:not(:first-child) {      margin-left: 16px; }    .ptf-social li a {      color: #000; }      .ptf-social li a:hover {        color: #FFFC00; }/*# sourceMappingURL=style.css.map *//*：这只是演示代码。源码下载链接: http://www.bootstrapmb.com/item/293(这个说明仅在演示里会看到,下载的源码里没有)*/