.transition {  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .translateY {  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  transform:translateY(-50%); } header#header {  display:block;  position:fixed;  top:0px;  left:0px;  width:100%;  background-color:#ffffff;  border-bottom:1px solid rgba(0, 0, 0, 0.2);  z-index:1000;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } header#header .header-wrapper {  display:block;  position:relative;  height:82px;  line-height:82px;  text-align:center;  margin-left:60px;  margin-right:60px; } @media screen and (max-width:991px) {  header#header .header-wrapper {   margin:0px;  } } header#header .header-wrapper .site-branding {  display:inline-block;  position:relative;  line-height:1em;  -webkit-transform:translateY(25%);  -moz-transform:translateY(25%);  transform:translateY(25%); } header#header .header-wrapper .site-branding a.custom-logo-link {  display:block;  width:120px; } header#header .header-wrapper .site-branding a.logo-text-link {  font-family:'SF-UI-Display';  font-size:24px;  font-weight:400;  line-height:1em;  color:#000000; } header#header .header-wrapper .site-branding a.logo-text-link:hover, header#header .header-wrapper .site-branding a.logo-text-link:active, header#header .header-wrapper .site-branding a.logo-text-link:focus {  text-decoration:none; } header#header .header-wrapper .site-branding a.logo-text-link em.ball {  font-weight:bold;  font-size:30px; } header#header .header-wrapper .site-branding a.logo-text-link:hover em.ball::after {  -webkit-animation-duration:1s;  -moz-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  animation-fill-mode:both;  -webkit-animation-name:bounce;  -moz-animation-name:bounce;  animation-name:bounce;  -webkit-animation-iteration-count:infinite;  -moz-animation-iteration-count:infinite;  animation-iteration-count:infinite; } header#header .header-wrapper .site-branding p.site-description {  font-family:'SF-UI-Display';  font-size:12px;  font-weight:100;  line-height:1em;  margin:0px;  color:rgba(0, 0, 0, 0.8); } header#header .header-wrapper .header-left-content {  position:absolute;  top:0px;  left:0px; } header#header .header-wrapper .header-right-content {  position:absolute;  right:0px;  top:0px; } header#header .header-wrapper nav.main-nav {  font-family:'Montserrat';  font-size:13px;  position:fixed;  z-index:999;  background-color:rgba(255, 255, 255, 0.98);  top:83px;  left:0px;  right:0px;  bottom:0px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  visibility:hidden;  opacity:0;  -webkit-transform:translateY(100%);  -moz-transform:translateY(100%);  transform:translateY(100%); } header#header .header-wrapper nav.main-nav > ul {  display:none; } header#header.transparent-menu {  background-color:transparent;  border-color:transparent; } header#header.transparent-menu.sticky-menu, header#header.sticky-menu {  position:fixed;  top:0px;  left:0px;  width:100%;  background-color:#ffffff;  border-bottom:1px solid rgba(0, 0, 0, 0.2); } header#header.transparent-menu.sticky-menu .header-wrapper, header#header.sticky-menu .header-wrapper {  height:82px;  line-height:82px; } header#header .grid-menu-container .grid-menu {  position:relative;  overflow:hidden; } header#header .grid-menu-container .grid-menu .grid-menu-item {  float:left;  display:block;  text-align:center;  position:relative;  font-size:50px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  visibility:hidden;  opacity:0;  -webkit-transform:translateY(100%);  -moz-transform:translateY(100%);  transform:translateY(100%); } header#header .grid-menu-container .grid-menu .grid-menu-item::after {  content:'';  position:absolute;  top:0px;  right:0px;  width:1px;  height:100%;  background-color:rgba(0, 0, 0, 0.2); } header#header .grid-menu-container .grid-menu .grid-menu-item::before {  content:'';  position:absolute;  bottom:0px;  left:0px;  width:100%;  height:1px;  background-color:rgba(0, 0, 0, 0.2); } header#header .grid-menu-container .grid-menu .grid-menu-item span {  display:inline-block;  position:absolute;  top:50%;  left:0px;  width:100%;  text-align:center;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  transform:translateY(-50%);  -webkit-transition-duration:0.05s;  -moz-transition-duration:0.05s;  transition-duration:0.05s; } header#header .grid-menu-container .grid-menu .grid-menu-item span a {  display:block;  margin-left:15px;  margin-right:15px;  padding-top:15px;  padding-bottom:15px;  color:#000000;  line-height:1em; } header#header .grid-menu-container .grid-menu .grid-menu-item span a:hover, header#header .grid-menu-container .grid-menu .grid-menu-item span a:active, header#header .grid-menu-container .grid-menu .grid-menu-item span a:focus {  text-decoration:none; } header#header .grid-menu-container .grid-menu .grid-menu-item.has-children span a::after {  content:' ';  font-family:Fontawesome;  margin-left:10px; } header#header .grid-menu-container .grid-menu .grid-menu-item:hover {  background-color:#db5947; } header#header .grid-menu-container .grid-menu .grid-menu-item:hover span a {  color:#fff; } header#header .grid-menu-container .grid-menu .grid-menu-item.showing-item {  visibility:visible;  opacity:1;  -webkit-transform:translateY(0%);  -moz-transform:translateY(0%);  transform:translateY(0%); } header#header .grid-menu-container .grid-menu .grid-menu-item.showing-item.hiding-item {  visibility:hidden;  opacity:0;  -webkit-transform:translateY(100%);  -moz-transform:translateY(100%);  transform:translateY(100%); } header#header .grid-menu-container .grid-menu[data-grid] .grid-menu-item {  width:25%;  height:calc(25vh - 20.5px);  font-size:26px; } header#header .grid-menu-container .grid-menu[data-grid="1"] .grid-menu-item {  width:100%;  height:calc(100vh - 82px);  font-size:50px; } header#header .grid-menu-container .grid-menu[data-grid="2"] .grid-menu-item {  width:50%;  height:calc(100vh - 82px);  font-size:50px; } header#header .grid-menu-container .grid-menu[data-grid="3"] .grid-menu-item {  width:33.3%;  height:calc(100vh - 82px);  font-size:50px; } header#header .grid-menu-container .grid-menu[data-grid="4"] .grid-menu-item {  width:50%;  height:calc(50vh - 41px);  font-size:50px; } header#header .grid-menu-container .grid-menu[data-grid="5"] .grid-menu-item, header#header .grid-menu-container .grid-menu[data-grid="6"] .grid-menu-item {  width:33.3%;  height:calc(50vh - 41px);  font-size:40px; } header#header .grid-menu-container .grid-menu[data-grid="7"] .grid-menu-item, header#header .grid-menu-container .grid-menu[data-grid="8"] .grid-menu-item {  width:25%;  height:calc(50vh - 41px);  font-size:36px; } header#header .grid-menu-container .grid-menu[data-grid="9"] .grid-menu-item {  width:33.3%;  height:calc(33.3vh - 27.33333333px);  font-size:30px; } header#header .grid-menu-container .grid-menu[data-grid="10"] .grid-menu-item, header#header .grid-menu-container .grid-menu[data-grid="11"] .grid-menu-item, header#header .grid-menu-container .grid-menu[data-grid="12"] .grid-menu-item {  width:25%;  height:calc(33.3vh - 27.33333333px);  font-size:30px; } span.menu-burger {  position:relative;  display:inline-block;  width:18px;  height:14px; } span.menu-burger span {  width:100%;  height:3px;  background-color:#000000;  border-radius:10px;  position:absolute;  left:0px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } span.menu-burger span:nth-child(1) {  top:0px; } span.menu-burger span:nth-child(2) {  top:50%;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  transform:translateY(-50%); } span.menu-burger span:nth-child(3) {  bottom:0px; } em.ball {  font-style:normal;  position:relative;  display:inline-block;  color:transparent;  line-height:0px; } em.ball::after {  content:'.';  color:#db5947;  position:absolute;  top:0px;  left:0px; } #menu-handler {  display:inline-block;  color:#000000;  font-weight:500;  font-family:'SF-UI-Display';  text-transform:uppercase;  font-size:12px;  letter-spacing:1.5px;  line-height:3.6em; } #menu-handler em.ball {  font-size:24px;  font-weight:800;  left:-4px; } #menu-handler:hover, #menu-handler:active, #menu-handler:focus {  text-decoration:none; } #menu-handler span.menu-burger {  margin-right:4px;  top:2px; } #menu-handler:hover em.ball::after {  -webkit-animation-duration:1s;  -moz-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  animation-fill-mode:both;  -webkit-animation-name:bounce;  -moz-animation-name:bounce;  animation-name:bounce;  -webkit-animation-iteration-count:infinite;  -moz-animation-iteration-count:infinite;  animation-iteration-count:infinite; } #search-handler {  color:#db5947;  font-size:14px; } body.opened-menu {  overflow:hidden; } body.opened-menu header#header {  background-color:#ffffff;  border-bottom:1px solid rgba(0, 0, 0, 0.2); } body.opened-menu header#header nav.main-nav {  visibility:visible;  opacity:1;  -webkit-transform:translateY(0);  -moz-transform:translateY(0);  transform:translateY(0); } body.opened-menu span.menu-burger span:nth-child(1) {  -webkit-transform:rotate(-45deg);  -moz-transform:rotate(-45deg);  transform:rotate(-45deg); } body.opened-menu span.menu-burger span:nth-child(2) {  visibility:hidden;  opacity:0; } body.opened-menu span.menu-burger span:nth-child(3) {  -webkit-transform:rotate(45deg);  -moz-transform:rotate(45deg);  transform:rotate(45deg); } body.opened-menu.admin-bar header#header {  top:32px; } body.admin-bar header#header {  top:32px; } body.admin-bar header#header.transparent-menu.sticky-menu, body.admin-bar header#header.sticky-menu {  top:32px; } body.admin-bar header#header .header-wrapper nav.main-nav {  top:115px; } .gallery-slideshow .swiper-slide img {  width:100%;  height:auto; } .swiper-button-prev, .swiper-button-next {  background:none;  text-align:center; } .swiper-button-prev::before, .swiper-button-next::before {  font-family:Fontawesome;  font-size:50px;  color:#fff;  line-height:44px; } .swiper-button-prev::before {  content:''; } .swiper-button-next::before {  content:''; } .swiper-pagination {  position:relative; } .swiper-pagination .swiper-pagination-bullet {  width:18px;  height:18px;  background-color:transparent;  position:relative;  border:2px solid transparent;  opacity:1;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .swiper-pagination .swiper-pagination-bullet::after {  content:'';  width:10px;  height:10px;  background-color:rgba(0, 0, 0, 0.4);  border-radius:50%;  position:absolute;  top:50%;  left:50%;  margin-top:-5px;  margin-left:-5px; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  width:18px;  height:18px;  border:2px solid #db5947;  background-color:transparent;  opacity:1; } .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active::after {  display:none; } .heading h3 {  font-family:'SF-UI-Display';  font-size:46px;  font-weight:300;  color:#000000;  letter-spacing:0.1px;  margin:0px;  padding:0px; } .heading h3 em.ball {  font-style:normal;  font-size:90px;  color:#db5947; } .heading h3:hover em.ball {  -webkit-animation-duration:1s;  -moz-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  animation-fill-mode:both;  -webkit-animation-name:bounce;  -moz-animation-name:bounce;  animation-name:bounce;  -webkit-animation-iteration-count:infinite;  -moz-animation-iteration-count:infinite;  animation-iteration-count:infinite; } .heading .desc {  margin-top:35px; } .heading.text-left {  text-align:left; } .heading.text-left .seperator {  margin-left:0px;  margin-right:auto; } .heading.text-center {  text-align:center; } .heading.text-center .seperator {  margin-left:auto;  margin-right:auto; } .heading.text-right {  text-align:right; } .heading.text-right .seperator {  margin-left:auto;  margin-right:0px; } .heading.text-light h3 {  color:#fff; } .heading.text-light .desc {  color:rgba(255, 255, 255, 0.8); } .tt-el-service {  position:relative;  margin-bottom:40px; } .tt-el-service h3 {  font-size:30px;  font-family:'SF-UI-Display';  font-weight:300;  color:#000000;  line-height:62px;  margin:0px;  text-align:center; } @media screen and (max-width:400) {  .tt-el-service h3 .el-title {   display:block;   line-height:1.3em;  } } .tt-el-service h3 .el-title::after {  content:'.';  font-size:60px;  color:#db5947;  line-height:0px; } .tt-el-service h3 .entry-icon i {  line-height:1em;  color:#db5947; } .tt-el-service h3 .entry-icon img {  position:relative; } .tt-el-service h3 .entry-icon.icon-left {  margin-right:25px; } .tt-el-service h3 .entry-icon.icon-right {  margin-left:25px; } .tt-el-service .seperator {  width:30px;  height:6px;  background-color:#db5947;  margin-left:auto;  margin-right:auto;  margin-top:15px;  margin-bottom:35px; } .tt-el-service .desc {  color:#4c4c4c; } .tt-el-service.text-light h3, .tt-el-service.text-light .desc {  color:#fff; } .tt-el-info-number {  position:relative;  text-align:center; } .tt-el-info-number .entry-icon {  color:#db5947;  font-size:32px;  line-height:45px; } .tt-el-info-number h3 {  font-size:30px;  font-family:'SF-UI-Display';  font-weight:300;  color:#000000;  letter-spacing:1px;  margin:0px;  line-height:1em; } .tt-el-info-number h3::after {  content:'.';  font-size:60px;  color:#db5947; } .tt-el-info-number h5 {  font-size:15px;  font-family:'SF-UI-Display';  font-weight:400;  letter-spacing:1px;  color:rgba(0, 0, 0, 0.5);  margin:0px;  margin-top:15px; } .tt-el-info-number h5::after {  content:'';  width:30px;  height:6px;  display:block;  background-color:#db5947;  margin-left:auto;  margin-right:auto;  margin-top:25px;  margin-bottom:25px; } .tt-el-info-number.text-light h3 {  color:#fff; } .tt-el-info-number.text-light h5 {  color:rgba(255, 255, 255, 0.5); } .tt-blog-grid .blog-item img {  width:100%; } .tt-blog-grid .blog-item .entry-meta {  font-size:13px;  margin-bottom:10px;  font-family:Marko One; } .tt-blog-grid .blog-item .entry-excerpt {  font-size:14px;  line-height:24px; } .carousel-image {  padding-left:60px;  padding-right:60px;  margin-bottom:70px;  position:relative; } .carousel-image[data-centered='1'] .swiper-slide {  opacity:0.5; } .carousel-image[data-centered='1'] .swiper-slide.swiper-slide-active {  opacity:1; } .carousel-image .swiper-button-prev::before, .carousel-image .swiper-button-next::before {  color:#000000;  font-size:28px; } .carousel-image .swiper-pagination {  position:absolute;  left:0px;  right:0px;  bottom:-50px; } .testimonial {  padding:0px;  text-align:left; } .testimonial h3 {  margin:0px;  font-size:46px;  font-family:'SF-UI-Display';  font-weight:300;  color:#000000;  margin-bottom:60px;  margin-top:140px; } @media screen and (max-width:991px) {  .testimonial h3 {   margin-top:0px;  } } .testimonial h3::after {  content:'.';  font-size:90px;  line-height:0px;  color:#db5947; } .testimonial blockquote {  background:none;  border:0px;  margin:0px;  padding:0px;  padding-left:60px;  padding-top:10px;  padding-bottom:10px;  position:relative;  font-size:20px;  font-family:'SF-UI-Display';  line-height:35px;  letter-spacing:0.5px;  color:rgba(0, 0, 0, 0.6); } .testimonial blockquote svg {  width:36px;  position:absolute; } .testimonial blockquote svg path {  fill:#db5947; } .testimonial blockquote svg.quote-top {  top:0px;  left:0px; } .testimonial blockquote svg.quote-bottom {  right:0px;  bottom:0px; } .testimonial .el-meta {  padding-left:60px;  font-size:18px;  font-family:'SF-UI-Display';  font-weight:300;  color:rgba(76, 76, 76, 0.7);  letter-spacing:0.5px;  padding-top:35px;  margin-bottom:80px; } .testimonial .el-meta span {  font-weight:400;  color:#000000;  text-transform:uppercase; } .testimonial .el-meta span::after {  content:'.';  font-size:36px;  color:#db5947; } .testimonial img {  max-width:100%;  height:auto; } .testimonial .col-sm-4 {  padding-right:0px; } .carousel-testimonials {  position:relative; } @media screen and (max-width:767px) {  .carousel-testimonials {   padding-bottom:100px;  } } .carousel-testimonials .testimonial {  overflow:hidden; } .carousel-testimonials .slider-arrows {  position:absolute;  width:134px;  height:120px;  background-color:#202020;  bottom:0px;  left:50%;  margin-left:-67px; } .carousel-testimonials .swiper-button-prev, .carousel-testimonials .swiper-button-next {  width:25px;  height:40px;  text-align:center;  line-height:40px;  position:absolute;  top:50%;  margin:0px;  margin-top:-6px; } .carousel-testimonials .swiper-button-prev::before, .carousel-testimonials .swiper-button-next::before {  color:#4c4c4c;  font-size:28px;  position:relative;  color:#fff; } .carousel-testimonials .swiper-button-prev {  right:55%;  left:auto; } .carousel-testimonials .swiper-button-next {  left:55%;  right:auto; } .carousel-testimonials.text-light .testimonial h4, .carousel-testimonials.text-light .testimonial .tcontent {  color:#fff; } .carousel-testimonials.text-light .swiper-button-prev::before, .carousel-testimonials.text-light .swiper-button-next::before {  color:#fff; } .tt-el-team h3 {  font-size:30px;  font-weight:300;  font-family:'SF-UI-Display';  letter-spacing:0.5px;  color:rgba(0, 0, 0, 0.7);  margin:0px; } .tt-el-team h3::after {  content:'';  display:block;  width:30px;  height:6px;  background-color:#db5947;  margin-top:45px;  margin-bottom:45px; } .tt-el-team h3 span {  text-transform:uppercase;  color:#000000; } .tt-el-team h3 span::after {  content:'.';  font-size:60px;  line-height:0px;  color:#db5947; } .tt-el-team .el-desc {  color:rgba(0, 0, 0, 0.7); } .tt-el-team .el-social {  font-size:14px;  margin-top:50px; } .tt-el-team .el-social a {  display:inline-block;  color:rgba(0, 0, 0, 0.5);  margin-right:10px; } .tt-el-team.text-light h3 {  color:rgba(255, 255, 255, 0.7); } .tt-el-team.text-light h3 span {  color:#fff; } .tt-el-team.text-light .el-desc {  color:rgba(255, 255, 255, 0.7); } .tt-el-team.text-light .el-social a {  color:rgba(255, 255, 255, 0.5); } .tt-el-gallery {  position:relative; } .tt-el-gallery .tt-gallery {  padding-bottom:60px; } .tt-el-gallery .tt-gallery .el-col {  padding:0px; } .tt-el-gallery .tt-gallery .el-box {  box-shadow:5.5px 9.526px 21px 0px rgba(0, 0, 0, 0.035);  background-color:#fff;  margin-top:206px;  padding:50px 60px;  margin-right:50px; } @media screen and (max-width:991px) {  .tt-el-gallery .tt-gallery .el-box {   margin-right:40px;   margin-top:50px;   margin-left:40px;  } } .tt-el-gallery .tt-gallery .el-box h3 {  border:0px;  margin:0px;  padding:0px;  font-size:24px;  font-family:'SF-UI-Display';  font-weight:500;  letter-spacing:0.1px; } .tt-el-gallery .tt-gallery .el-box h3::after {  content:'.';  font-size:48px;  color:#db5947; } .tt-el-gallery .tt-gallery .el-box h5 {  font-size:14px;  font-family:Marko One;  font-weight:normal;  letter-spacing:0px;  color:#db5947;  text-transform:uppercase;  margin:0px;  margin-top:12px; } .tt-el-gallery .tt-gallery .el-box .el-text {  font-size:15px;  line-height:24px;  margin-top:12px; } .tt-el-gallery .slider-bg {  background-color:#f4f4f4;  position:absolute;  top:70px;  left:0px;  height:280px;  width:100%; } .tt-el-gallery .slider-bg .slider-arrows {  position:absolute;  width:70px;  height:40px;  top:20px;  right:20px; } .tt-el-gallery .slider-bg .slider-arrows .swiper-button-prev, .tt-el-gallery .slider-bg .slider-arrows .swiper-button-next {  margin-left:-8px; } .tt-el-gallery .slider-bg .slider-arrows .swiper-button-prev::before, .tt-el-gallery .slider-bg .slider-arrows .swiper-button-next::before {  font-size:28px;  color:#000; } .client-image {  text-align:center; } html, body {  font-family:'SF-UI-Display';  font-size:15px;  font-weight:normal;  line-height:24px;  letter-spacing:0.5px;  color:#4c4c4c; } body {  background-color:#ffffff; } h1, h2, h3, h4, h5, h6 {  font-family:Marko One; } a {  color:#000000;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } a:active, a:focus, a:hover {  color:#db5947; } .button, input[type=submit] {  background:none;  display:inline-block;  background-color:#db5947;  border:1px solid #db5947;  border-radius:30px;  font-size:12px;  font-family:'SF-UI-Display';  font-weight:500;  letter-spacing:0.5px;  color:#fff;  text-transform:uppercase;  padding:8px 25px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .button::after, input[type=submit]::after {  content:'';  font-family:Fontawesome;  font-size:16px;  margin-left:8px;  position:relative;  top:0.5px; } .button:hover, input[type=submit]:hover {  text-decoration:none;  background-color:transparent;  color:#db5947; } .button.border, input[type=submit].border {  background-color:transparent;  color:#000000;  border-color:#000000; } .button.border:hover, input[type=submit].border:hover {  color:#db5947;  border-color:#db5947; } .button.link, input[type=submit].link {  font-weight:500;  letter-spacing:0.5px;  background:none;  border:none;  color:#000000;  padding:0px;  text-transform:none;  font-size:14px;  line-height:24px; } .button.link::after, input[type=submit].link::after {  font-size:24px;  color:#db5947;  top:3px;  margin-left:10px; } img {  max-width:100%;  height:auto; } iframe {  max-width:100%; } .section-content {  padding-top:120px;  padding-bottom:120px;  overflow:hidden; } .section-content.no-padding {  padding:0px; } form input[type=text], form input[type=password], form input[type=email], form input[type=url], form textarea {  border:1px solid rgba(76, 76, 76, 0.1);  padding:10px 15px;  font-family:'SF-UI-Display';  font-weight:normal;  font-size:13px;  line-height:13px;  width:100%;  color:#4c4c4c; } form input[type=text]:focus, form input[type=password]:focus, form input[type=email]:focus, form input[type=url]:focus, form textarea:focus {  outline:none; } form textarea {  line-height:1.8em;  min-height:100px; } blockquote {  background-color:#f8f8f8;  padding:40px;  line-height:1.5em; } blockquote a {  color:#db5947; } .post-navigation {  margin-top:100px;  margin-bottom:60px; } .post-navigation ul {  display:block;  list-style-type:none;  margin:0px;  padding:0px;  text-align:center; } .post-navigation ul li {  display:inline-block;  margin-left:3px;  margin-right:3px; } .post-navigation ul li a, .post-navigation ul li span {  font-size:13px;  color:#4c4c4c;  border:1px solid rgba(76, 76, 76, 0.1);  width:34px;  height:34px;  line-height:34px;  display:inline-block;  text-align:center;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .post-navigation ul li a:hover, .post-navigation ul li span {  text-decoration:none;  background-color:#db5947;  color:#fff; } #gmap_content .entry-content {  font-family:'SF-UI-Display';  color:#4c4c4c;  font-size:15px;  line-height:24px;  padding:40px; } #gmap_content .entry-content h1, #gmap_content .entry-content h2, #gmap_content .entry-content h3, #gmap_content .entry-content h4, #gmap_content .entry-content h5, #gmap_content .entry-content h6 {  font-family:Marko One;  color:#000000; } .blog-single .entry-excerpt > h1, .blog-single .wpb_wrapper > h1 {  font-family:Marko One;  font-size:48px;  font-weight:normal;  letter-spacing:0.1px;  color:#000000;  line-height:1.2em;  margin-bottom:20px; } .blog-single .entry-excerpt > h1::after, .blog-single .wpb_wrapper > h1::after {  content:'.';  font-size:96px;  color:#db5947;  line-height:0px; } .blog-single .entry-excerpt > h2, .blog-single .wpb_wrapper > h2 {  font-family:Marko One;  font-weight:normal;  font-size:32px;  letter-spacing:0.1px;  color:#000000;  line-height:1.3em;  position:relative;  padding-bottom:70px;  margin-bottom:0px; } .blog-single .entry-excerpt > h2::after, .blog-single .wpb_wrapper > h2::after {  content:'.';  font-size:64px;  color:#db5947;  line-height:0px; } .blog-single .entry-excerpt > h2::before, .blog-single .wpb_wrapper > h2::before {  content:'';  width:30px;  height:6px;  background-color:#db5947;  position:absolute;  left:0px;  bottom:35px; } .blog-single .entry-excerpt > h3, .blog-single .wpb_wrapper > h3 {  font-family:'SF-UI-Display';  font-weight:400;  font-size:22px;  line-height:1.3em;  letter-spacing:0.5px;  color:#000000;  border-bottom:1px solid rgba(76, 76, 76, 0.2);  margin-bottom:30px;  padding-bottom:30px; } .blog-single .entry-excerpt > h4, .blog-single .wpb_wrapper > h4 {  font-family:'SF-UI-Display';  font-weight:400;  font-size:20px;  line-height:1.3em;  letter-spacing:0.5px;  color:#000000; } .blog-single .entry-excerpt > h5, .blog-single .wpb_wrapper > h5 {  font-family:'SF-UI-Display';  font-weight:400;  font-size:18px;  line-height:1.4em;  letter-spacing:0.5px;  color:#000000; } .blog-single .entry-excerpt > h6, .blog-single .wpb_wrapper > h6 {  font-family:'SF-UI-Display';  font-weight:400;  font-size:16px;  line-height:1.4em;  letter-spacing:0.5px;  color:#000000; } .blog-item {  margin-bottom:60px;  position:relative; } .blog-item .entry-media {  margin-bottom:25px;  position:relative; } .blog-item .post-title {  font-family:Marko One;  font-size:18px;  font-weight:bold;  line-height:24px;  margin:0px; } .blog-item .entry-meta {  font-size:14px;  font-family:'SF-UI-Display';  color:rgba(76, 76, 76, 0.7);  margin-top:10px; } .blog-item .entry-meta a {  color:rgba(76, 76, 76, 0.7); } .blog-item .entry-excerpt {  font-size:15px;  font-family:'SF-UI-Display';  line-height:24px;  color:#4c4c4c;  margin-top:15px;  word-wrap:break-word; } .blog-item.blog-single {  margin-bottom:0px; } .blog-item.blog-single .entry-excerpt {  margin-top:0px; } .breadcrumb {  font-family:Marko One;  font-size:14px;  text-transform:uppercase;  color:#4c4c4c;  background:none;  padding:0px;  letter-spacing:0.5px;  margin-bottom:25px; } .breadcrumb li + li::before {  color:#4c4c4c;  padding:0px 3px; } .breadcrumb li a {  color:#4c4c4c; } .blog-meta {  padding-right:60px;  text-align:center; } @media screen and (max-width:991px) {  .blog-meta {   padding-right:0px;  } } .blog-meta .entry-author {  background-color:#f4f4f4;  box-shadow:5px 9px 21px 0px rgba(0, 0, 0, 0.1);  padding-bottom:25px;  margin-bottom:50px; } .blog-meta .entry-author img {  width:100%;  height:auto;  margin-bottom:30px; } .blog-meta .entry-author span {  display:block;  text-align:center;  padding-left:15px;  padding-right:15px;  font-family:Marko One;  font-weight:normal;  font-size:12px;  color:#000000;  line-height:1em; } .blog-meta .entry-author span.author-name {  font-size:17px;  margin-bottom:20px; } .blog-meta .entry-author .entry-caption {  color:#db5947;  text-transform:uppercase;  letter-spacing:0.5px;  margin-bottom:6px; } .blog-meta .entry-author .entry-day {  font-size:64px; } .blog-meta .share-socials {  margin-bottom:60px; } .blog-meta .share-socials h5 {  font-size:15px;  font-family:Marko One;  font-weight:normal;  letter-spacing:0.5px;  color:#4c4c4c; } .blog-meta .share-socials .socials {  font-size:32px; } .blog-meta .share-socials .socials a {  color:#4c4c4c;  display:inline-block;  margin-left:3px;  margin-right:3px; } .blog-meta .share-socials .socials a:hover {  color:#db5947; } .blog-item-boxed {  background-color:#f4f4f4;  box-shadow:3px 5.196px 24px 0px rgba(0, 0, 0, 0.059);  border:1px solid rgba(204, 204, 204, 0.07);  position:relative;  margin-bottom:30px;  background-repeat:no-repeat;  background-position:center top;  background-size:cover; } .blog-item-boxed .el-spacer {  width:100%; } .blog-item-boxed .el-title {  position:absolute;  top:30px;  left:40px;  right:40px; } .blog-item-boxed .el-title .el-cat {  font-family:Marko One;  font-size:14px;  font-weight:normal;  letter-spacing:1px;  margin-bottom:10px; } .blog-item-boxed .el-title .el-cat a {  color:#db5947; } .blog-item-boxed .el-title h3 {  font-family:'SF-UI-Display';  font-size:18px;  font-weight:400;  line-height:25px;  text-transform:uppercase;  margin:0px;  letter-spacing:0.1px; } .blog-item-boxed .el-title h3 a {  color:#000000; } .blog-item-boxed .el-date {  position:absolute;  left:40px;  bottom:30px;  right:40px;  border-top:1px solid rgba(0, 0, 0, 0.2);  padding-top:15px; } .blog-item-boxed .el-date a {  font-family:Marko One;  font-size:14px;  font-weight:400;  font-style:italic;  letter-spacing:1px;  color:rgba(0, 0, 0, 0.6); } .blog-item-boxed.text-light h3 a {  color:#fff; } .blog-item-boxed.text-light .el-title .el-cat a, .blog-item-boxed.text-light .el-date a {  color:rgba(255, 255, 255, 0.7); } .blog-item-boxed.text-light .el-date {  border-top:1px solid rgba(244, 244, 244, 0.4); } .blog-item-boxed.post-format-quote {  background-color:#db5947; } .blog-item-boxed.post-format-video h3 {  display:none; } .blog-item-boxed.post-format-video a.play-video {  display:inline-block;  width:48px;  height:48px;  position:absolute;  top:50%;  left:50%;  margin-left:-24px;  margin-top:-24px; } .carousel-blog .swiper-pagination {  margin-top:40px;  margin-bottom:60px; } .tags-links {  display:block;  margin-top:15px; } .tags-links a {  color:#db5947; } #comments {  margin-top:80px;  margin-bottom:80px; } #comments .comments-wrapper .comments-title {  font-size:30px;  font-family:'SF-UI-Display';  font-weight:300;  color:#000000;  letter-spacing:0px;  margin-bottom:20px; } #comments .comments-wrapper .comments-title::after {  content:'.';  font-size:60px;  color:#db5947;  line-height:0px; } #comments .comments-wrapper ol.comment-list {  margin:0px;  padding:0px;  list-style-type:none;  margin-bottom:60px; } #comments .comments-wrapper ol.comment-list li {  overflow:hidden;  display:block; } #comments .comments-wrapper ol.comment-list li article {  overflow:hidden;  display:block;  width:100%;  border-bottom:1px solid #db5947;  padding-top:35px;  padding-bottom:35px; } #comments .comments-wrapper ol.comment-list li article img.avatar {  width:105px;  height:105px;  border-radius:50%;  border:1px solid rgba(76, 76, 76, 0.4);  padding:4px;  float:left; } #comments .comments-wrapper ol.comment-list li article .comment-body {  margin-left:140px; } #comments .comments-wrapper ol.comment-list li article .comment-body .meta-data {  overflow:hidden;  margin-bottom:15px; } #comments .comments-wrapper ol.comment-list li article .comment-body .meta-data .comment-author {  font-size:16px;  font-family:'SF-UI-Display';  font-weight:bold;  text-transform:uppercase;  color:#000000; } #comments .comments-wrapper ol.comment-list li article .comment-body .meta-data .comment-date {  float:right;  font-size:13px;  color:#4c4c4c; } #comments .comments-wrapper ol.comment-list li article .comment-body .comment-content {  font-size:14px;  line-height:26px;  color:#4c4c4c;  margin-bottom:25px; } #comments .comments-wrapper ol.comment-list li article .comment-body .comment-reply a {  font-size:10px;  font-weight:500;  line-height:10px;  display:inline-block;  text-transform:uppercase;  letter-spacing:1px;  color:#db5947;  border:1px solid #db5947;  padding:10px 20px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } #comments .comments-wrapper ol.comment-list li article .comment-body .comment-reply a:hover {  text-decoration:none;  background-color:#db5947;  color:#fff; } #comments .comments-wrapper ol.comment-list li ul, #comments .comments-wrapper ol.comment-list li ol {  padding-left:40px; } #respond .comment-reply-title {  font-size:30px;  font-family:'SF-UI-Display';  font-weight:300;  color:#000000;  letter-spacing:0px;  margin-bottom:40px; } #respond .comment-reply-title::after {  content:'.';  font-size:60px;  color:#db5947;  line-height:0px; } #respond .form-submit > span {  display:block;  font-size:12px;  margin-bottom:20px; } section.page-cover {  background-color:#f9f7f8;  padding-top:300px;  padding-bottom:260px;  text-align:left;  position:relative;  background-size:cover;  background-repeat:no-repeat;  background-position:center-top; } section.page-cover h5 {  font-family:'SF-UI-Display';  font-weight:700;  font-size:18px;  letter-spacing:5px;  text-transform:uppercase;  color:rgba(0, 0, 0, 0.7);  margin-bottom:50px; } section.page-cover h1 {  font-size:56px;  font-family:'SF-UI-Display';  font-weight:bold;  line-height:56px;  margin:0px;  color:#000000;  text-transform:uppercase;  word-wrap:break-word; } section.page-cover h1 em {  content:'.';  font-size:70px;  font-style:normal;  color:#db5947;  position:relative; } section.page-cover h1:hover em {  -webkit-animation-duration:1s;  -moz-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  animation-fill-mode:both;  -webkit-animation-name:bounce;  -moz-animation-name:bounce;  animation-name:bounce;  -webkit-animation-iteration-count:infinite;  -moz-animation-iteration-count:infinite;  animation-iteration-count:infinite; } section.page-cover p {  font-family:'SF-UI-Display';  font-size:20px;  font-weight:400;  line-height:30px;  margin:0px;  margin-top:25px;  color:rgba(0, 0, 0, 0.7); } section.page-cover p a {  color:#db5947; } section.page-cover .sept {  width:30px;  height:6px;  display:block;  background-color:#db5947;  margin-top:60px; } section.page-cover .container {  position:relative;  z-index:10; } section.page-cover .overlay {  position:absolute;  top:0px;  left:0px;  width:100%;  height:100%;  background-size:inherit;  background-color:rgba(0, 0, 0, 0.6); } section.page-cover .page-detail {  position:absolute;  top:50%;  right:60px;  font-family:Marko One;  font-weight:bold;  font-size:14px;  line-height:40px;  color:#000000;  width:12px;  word-wrap:break-word;  text-transform:uppercase;  text-align:center;  -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%);  transform:translateY(-50%); } section.page-cover a.goto-content {  display:inline-block;  width:23px;  position:absolute;  bottom:40px;  left:50%;  -webkit-transform:translateX(-50%);  -moz-transform:translateX(-50%);  transform:translateX(-50%); } @media screen and (max-width:991px) {  section.page-cover .col-md-7 {   padding-right:50px;  }  section.page-cover .page-detail {   right:30px;  } } .section-detail {  border:1px solid rgba(76, 76, 76, 0.2);  border-left:0px;  border-right:0px;  padding-top:26px;  padding-bottom:26px; } .section-detail .detail-item {  font-family:Marko One;  font-size:15px;  letter-spacing:0.5px;  color:#000000;  display:inline-block;  margin-right:60px; } @media screen and (max-width:480px) {  .section-detail .detail-item {   display:block;   margin:0px;  } } .section-detail .detail-item a {  color:#000000; } .section-detail .detail-item span {  color:#db5947;  display:inline-block;  margin-right:5px; } .section-content.section-blog-single {  padding-top:60px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container {  padding-top:50px;  padding-bottom:50px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab {  background:none;  margin:0px;  padding:0px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab a {  border:none;  background:none;  border-radius:0px;  font-size:15px;  font-family:Marko One;  font-weight:normal;  text-transform:uppercase;  color:#4c4c4c;  padding:10px 20px; } .vc_tta-container .vc_tta-tabs .vc_tta-tabs-container ul.vc_tta-tabs-list li.vc_tta-tab.vc_active a {  background-color:#ec2327;  color:#fff; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panels {  border-radius:0px;  background:none;  border:0px; } .vc_tta-container .vc_tta-tabs .vc_tta-panels-container .vc_tta-panel .vc_tta-panel-body {  border:none;  background:none;  padding:0px; } .review-content {  line-height:2em; } .review-content h3, .review-content .review-title {  color:#000000;  margin:0px; } .review-abs-title {  position:absolute;  right:120px;  bottom:90px;  color:#fff;  text-transform:uppercase; } .cover-text h1 {  font-size:60px;  font-family:Marko One;  font-weight:bold;  color:#000000; } .cover-text p {  font-size:18px;  font-family:'SF-UI-Display';  font-weight:300;  color:#4c4c4c; } .cover-text a {  border:1px solid #000000;  color:#000000;  display:inline-block;  padding:20px 30px;  font-size:18px;  line-height:1em;  font-weight:300;  font-family:'SF-UI-Display';  letter-spacing:-0.4px;  margin-left:5px;  margin-right:5px; } .cover-text a .brand-color {  color:#db5947; } .cover-text.text-light h1, .cover-text.text-light p {  color:#fff; } .cover-text.text-light a {  border-color:#fff;  color:#fff; } .tt-seperator {  display:block;  position:relative; } .tt-seperator::before {  content:'';  width:45px;  height:5px;  background-color:#db5947;  margin-left:auto;  margin-right:auto;  display:block; } .carousel-headings {  position:relative; } .carousel-headings .swiper-button-prev::before, .carousel-headings .swiper-button-next::before {  color:#db5947;  font-size:60px; } .carousel-headings .swiper-pagination {  position:relative;  margin-top:60px; } .carousel-headings .swiper-pagination .swiper-pagination-bullet {  border:1px solid #fff;  width:12px;  height:12px;  opacity:1;  background:none;  margin-left:5px;  margin-right:5px; } .carousel-headings .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {  background-color:#db5947;  border-color:#db5947; } #modal_panaroma .modal-title {  font-size:18px;  font-weight:300;  font-family:'SF-UI-Display';  letter-spacing:0.1px;  color:#000000; } #modal_panaroma .modal-title::after {  content:'.';  font-size:36px;  color:#db5947;  line-height:0px; } #modal_panaroma .modal-body {  padding:0px; } #modal_panaroma #panaroma_map {  height:500px;  min-height:200px; } @media screen and (max-width:767px) {  #modal_panaroma #panaroma_map {   height:300px;  } } #fullscreen-search {  position:fixed;  background-color:rgba(255, 255, 255, 0.95);  height:0px;  width:100%;  bottom:0px;  left:0px;  overflow:hidden;  visibility:hidden;  opacity:0;  z-index:999;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  -webkit-transition-duration:0.3s;  -moz-transition-duration:0.3s;  transition-duration:0.3s; } #fullscreen-search form {  width:90%;  max-width:650px;  height:70px;  top:50%;  left:50%;  position:absolute;  -webkit-transform:translateX(-50%) translateY(-50%);  -moz-transform:translateX(-50%) translateY(-50%);  transform:translateX(-50%) translateY(-50%); } #fullscreen-search form input {  width:100%;  height:70px;  line-height:70px;  background-color:transparent;  border:none;  font-size:26px;  font-weight:200;  font-family:'SF-UI-Display';  color:#000000;  letter-spacing:0.1px;  padding:0px;  border-bottom:2px solid #db5947;  padding-right:80px; } #fullscreen-search form input::-webkit-input-placeholder {  color:#000000; } #fullscreen-search form input:-moz-placeholder {  color:#000000; } #fullscreen-search form input::-moz-placeholder {  color:#000000; } #fullscreen-search form input:-ms-input-placeholder {  color:#000000; } #fullscreen-search form button {  background:none;  position:absolute;  top:0px;  right:0px;  width:35px;  height:70px;  line-height:70px;  text-align:right;  color:#db5947;  font-size:20px;  border:none; } #fullscreen-search.show {  height:100%;  visibility:visible;  opacity:1; } .intro-text {  display:block;  text-align:center; } .intro-text h5 {  margin:0px;  font-size:20px;  font-family:'SF-UI-Display';  font-weight:500;  color:rgba(0, 0, 0, 0.7);  text-transform:uppercase;  letter-spacing:0px;  margin-bottom:15px; } .intro-text h3 {  margin:0px;  font-size:62px;  font-weight:700;  font-family:'SF-UI-Display';  text-transform:uppercase;  letter-spacing:0.1px;  color:#000000; } .intro-text h3::after {  content:'.';  color:#db5947; } .intro-text .seperator {  width:30px;  height:6px;  display:block;  background-color:#db5947;  margin-left:auto;  margin-right:auto;  margin-top:20px; } .intro-text p {  font-size:16px;  line-height:25px;  color:rgba(0, 0, 0, 0.7);  margin-top:30px; } .intro-text a {  margin-left:5px;  margin-right:5px; } .intro-text a.button:not(.border) {  color:#fff !important; } .intro-text a.button:not(.border):hover {  color:#db5947 !important; } .portfolio-grid-item {  position:relative; } .portfolio-grid-item img {  width:100%;  height:auto; } .portfolio-grid-item .entry-hover {  position:absolute;  top:0px;  left:0px;  width:100%;  height:100%;  background-color:rgba(236, 236, 236, 0.8);  visibility:hidden;  opacity:0;  cursor:pointer;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  -webkit-transition-duration:0.4s;  -moz-transition-duration:0.4s;  transition-duration:0.4s; } .portfolio-grid-item .entry-hover .info {  position:absolute;  left:10%;  right:10%;  bottom:10%; } .portfolio-grid-item .entry-hover em.ball {  font-size:0px;  font-style:normal;  font-family:'SF-UI-Display';  font-weight:900;  color:#db5947;  position:absolute;  display:inline-block;  width:20px;  height:20px;  border-radius:50%;  background-color:#db5947;  top:50%;  left:50%;  margin-left:-10px;  margin-top:-10px;  opacity:0;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  -webkit-transition-delay:0.1s;  -moz-transition-delay:0.1s;  transition-delay:0.1s; } .portfolio-grid-item .entry-hover h3 {  font-size:24px;  font-family:'SF-UI-Display';  font-weight:300;  letter-spacing:0.1px;  margin:0px;  line-height:1em;  overflow:hidden;  max-height:50px;  -webkit-transform:translateY(20px);  -moz-transform:translateY(20px);  transform:translateY(20px);  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  -webkit-transition-delay:0.1s;  -moz-transition-delay:0.1s;  transition-delay:0.1s; } .portfolio-grid-item .entry-hover h3::after {  content:'.';  font-size:36px;  color:#db5947; } .portfolio-grid-item .entry-hover h3 a {  color:#000000; } .portfolio-grid-item .entry-hover .entry-cat {  font-family:'SF-UI-Display';  font-size:14px;  font-weight:400;  letter-spacing:0.1px;  -webkit-transform:translateY(20px);  -moz-transform:translateY(20px);  transform:translateY(20px);  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease;  -webkit-transition-delay:0.20s;  -moz-transition-delay:0.20s;  transition-delay:0.20s; } .portfolio-grid-item .entry-hover .entry-cat a {  color:#4c4c4c; } .portfolio-grid-item .entry-hover .entry-cat .p3d {  width:23px;  margin-left:5px; } .portfolio-grid-item:hover .entry-hover {  visibility:visible;  opacity:1; } .portfolio-grid-item:hover .entry-hover em.ball {  opacity:1;  -webkit-animation-duration:1s;  -moz-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  animation-fill-mode:both;  -webkit-animation-name:bounce;  -moz-animation-name:bounce;  animation-name:bounce;  -webkit-animation-iteration-count:infinite;  -moz-animation-iteration-count:infinite;  animation-iteration-count:infinite;  -webkit-animation-duration:0.8s;  -moz-animation-duration:0.8s;  animation-duration:0.8s;  -webkit-animation-iteration-count:1;  -moz-animation-iteration-count:1;  animation-iteration-count:1; } .portfolio-grid-item:hover .entry-hover h3, .portfolio-grid-item:hover .entry-hover .entry-cat {  -webkit-transform:translateY(0px);  -moz-transform:translateY(0px);  transform:translateY(0px); } .portfolio-grid {  margin-left:-10px;  margin-right:-10px; } .portfolio-grid .masonry-item {  padding:10px; } .portfolio-grid .filter-wrapper {  padding:10px;  overflow:hidden;  line-height:50px; } .portfolio-grid .filter-wrapper h3 {  font-family:'SF-UI-Display';  font-size:46px;  font-weight:300;  color:#000000;  letter-spacing:0.1px;  float:left;  margin:0px;  margin-bottom:30px; } .portfolio-grid .filter-wrapper h3::after {  content:'.';  font-size:90px;  color:#db5947;  line-height:0px; } .portfolio-grid .filter-wrapper .filter {  float:right; } .portfolio-grid .filter-wrapper .filter a {  font-family:'SF-UI-Display';  font-size:18px;  font-weight:300;  color:#4c4c4c;  text-decoration:none;  position:relative;  display:inline-block;  margin-left:25px;  letter-spacing:0.1px;  line-height:1em;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .portfolio-grid .filter-wrapper .filter a::before {  content:'';  width:0px;  height:6px;  background-color:#db5947;  position:absolute;  top:-6px;  right:10px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .portfolio-grid .filter-wrapper .filter a::after {  content:'.';  font-size:36px;  color:#db5947; } .portfolio-grid .filter-wrapper .filter a.active {  color:#000000;  font-weight:500; } .portfolio-grid .filter-wrapper .filter a.active::before {  width:30px; } .sidebar .widget {  font-size:13px;  line-height:1.8em;  margin-bottom:40px; } .sidebar .widget .widget-title {  font-family:Marko One;  font-size:15px;  font-weight:normal;  margin:0px;  padding:0px;  position:relative; } .sidebar .widget .widget-title::after {  content:'';  width:32px;  height:5px;  background-color:#db5947;  display:block;  margin-top:20px;  margin-bottom:25px; } .sidebar .widget ul {  padding:0px;  margin:0px;  list-style-type:none;  display:block; } .sidebar .widget ul li {  display:block;  border-bottom:1px solid rgba(76, 76, 76, 0.1);  padding:10px 0px; } .widget_search {  position:relative; } .widget_search form {  position:relative; } .widget_search input[type=text] {  padding-right:60px; } .widget_search button {  position:absolute;  top:0px;  right:0px;  font-size:14px;  width:40px;  height:100%;  background-color:#333;  box-shadow:none;  border:0px;  color:#fff; } .popular-posts .rp-featured .rp-media {  position:relative; } .popular-posts .rp-featured .rp-media .rp-category {  position:absolute;  left:0px;  bottom:0px;  width:100%;  padding:15px 20px;   background:-moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);   background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);   background:linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00000000', endColorstr='#b3000000', GradientType=0);  } .popular-posts .rp-featured .rp-media .rp-category a {  color:#fff;  font-size:12px; } .popular-posts .rp-featured .rp-media .rp-category h5 {  margin:0px;  padding:0px; } .popular-posts .rp-featured .rp-media .rp-category h5 a {  font-size:16px;  line-height:1.3em; } .popular-posts .rp-items {  padding:0px;  padding-left:35px; } .popular-posts .rp-items li {  padding-top:5px;  padding-bottom:5px; } .popular-posts .rp-items li:first-child {  visibility:hidden;  opacity:0;  height:15px; } .popular-posts .rp-items li a.link-cat::before {  content:'-';  margin-left:5px;  margin-right:5px; } .popular-posts .rp-items li a.link-cat:hover {  text-decoration:none; } .widget_social .social-links {  display:block; } .widget_social .social-links a {  color:#4c4c4c;  display:inline-block;  font-size:12px;  border:1px solid rgba(76, 76, 76, 0.1);  padding:0;  margin-right:5px;  width:35px;  height:35px;  text-align:center;  line-height:35px;  margin-bottom:5px;  -webkit-transition:all 0.25s ease;  -moz-transition:all 0.25s ease;  transition:all 0.25s ease; } .widget_social .social-links a:hover {  background-color:#db5947;  color:#fff; } footer#footer {  background-color:#15161d;  padding-top:100px;  padding-bottom:100px;  overflow:hidden; } footer#footer .footer-column {  position:relative;  text-align:center; } footer#footer .footer-column::after {  content:'';  width:2px;  height:100%;  background-color:#ffffff;  opacity:0.05;  position:absolute;  top:0px;  right:0px; } footer#footer .footer-column:last-child::after {  display:none; } footer#footer .footer-title {  font-size:32px;  font-weight:300;  font-family:'SF-UI-Display';  color:#ffffff;  letter-spacing:0.1px;  margin-bottom:80px; } footer#footer .footer-title::after {  content:'.';  font-size:64px;  color:#db5947; } footer#footer .widget {  color:rgba(255, 255, 255, 0.3);  font-size:12px;  font-family:'SF-UI-Display';  line-height:1.6em;  margin-bottom:30px; } footer#footer .widget:last-child {  margin-bottom:0px; } footer#footer .widget .widget-title {  color:#ffffff;  font-family:'SF-UI-Display';  font-size:16px;  font-weight:300;  letter-spacing:0.1px;  position:relative;  margin:0px;  padding:0px;  margin-bottom:30px; } footer#footer .widget .widget-title::after {  content:'.';  font-weight:bold;  color:#db5947; } footer#footer .widget ul {  list-style-type:none;  margin:0px;  padding:0px; } footer#footer .widget ul li {  color:rgba(255, 255, 255, 0.5);  line-height:2em; } footer#footer .widget ul li a {  color:rgba(255, 255, 255, 0.5); } footer#footer .widget .search_form input[type=text] {  background-color:rgba(0, 0, 0, 0.4); } footer#footer .widget .search_form button {  background-color:#db5947; } footer#footer .widget .social-links a {  display:inline-block;  border:0px;  color:rgba(255, 255, 255, 0.3);  background-color:transparent;  width:auto;  height:auto;  font-size:18px;  margin-left:10px;  margin-right:10px;  line-height:1em; } footer#footer .widget .social-links a:hover {  background-color:transparent;  color:#db5947; } footer#footer .sub-footer {  overflow:hidden;  margin-top:90px; } footer#footer .sub-footer .theme-logo-text {  font-family:'SF-UI-Display';  font-size:26px;  font-weight:normal;  letter-spacing:0.3px;  margin:0px;  margin-right:15px;  display:inline-block; } footer#footer .sub-footer .theme-logo-text::after {  content:'.';  color:#db5947;  font-size:32px;  font-weight:bold; } footer#footer .sub-footer .theme-logo-text a {  color:#fff; } footer#footer .sub-footer p {  font-size:12px;  letter-spacing:0.5px;  font-family:'SF-UI-Display';  font-weight:normal;  color:rgba(255, 255, 255, 0.3); } footer#footer .sub-footer .text-left {  line-height:32px; } footer#footer .sub-footer .text-left .theme-logo-text, footer#footer .sub-footer .text-left p {  display:inline-block;  margin:0px; } footer#footer .sub-footer .text-left .theme-logo-text {  margin-right:15px; } footer#footer .sub-footer ul {  display:block;  list-style-type:none;  margin:0px;  padding:0px; } footer#footer .sub-footer ul li {  display:inline-block; } footer#footer .sub-footer ul li + li {  margin-left:15px; } footer#footer .sub-footer ul li a {  font-size:12px;  font-family:'SF-UI-Display';  color:rgba(255, 255, 255, 0.3);  letter-spacing:0.5px; } footer#footer .sub-footer ul li a::after {  content:'.';  color:#db5947; } .inner-table {  display:table;  width:100%;  height:100%; } .inner-table .inner-cell {  display:table-cell;  vertical-align:middle; } .padding4x {  padding-top:80px;  padding-bottom:80px; } .text-light {  color:#fff; } .text-light.title-lg, .text-light.title-md {  color:#fff; } .text-thin {  font-weight:100; } .color-brand {  color:#db5947; } .text-brand {  color:#db5947; } .ph1 {  padding-left:10px;  padding-right:10px; } .ph2 {  padding-left:20px;  padding-right:20px; } .ph3 {  padding-left:30px;  padding-right:30px; } .ph4 {  padding-left:40px;  padding-right:40px; } .ph5 {  padding-left:50px;  padding-right:50px; } .ph6 {  padding-left:60px;  padding-right:60px; } .ph7 {  padding-left:70px;  padding-right:70px; } .ph8 {  padding-left:80px;  padding-right:80px; } .ph9 {  padding-left:90px;  padding-right:90px; } .ph10 {  padding-left:100px;  padding-right:100px; } .ph11 {  padding-left:110px;  padding-right:101px; } .ph12 {  padding-left:120px;  padding-right:120px; } .ph13 {  padding-left:130px;  padding-right:130px; } .ph14 {  padding-left:140px;  padding-right:140px; } .ph15 {  padding-left:150px;  padding-right:150px; } .ph16 {  padding-left:160px;  padding-right:160px; } .ph0 {  padding-left:0px;  padding-right:0px; } .phl0 {  padding-left:0px; } .phr0 {  padding-right:0px; } .pv1 {  padding-top:10px;  padding-bottom:10px; } .pv2 {  padding-top:20px;  padding-bottom:20px; } .pv3 {  padding-top:30px;  padding-bottom:30px; } .pv4 {  padding-top:40px;  padding-bottom:40px; } .pv5 {  padding-top:50px;  padding-bottom:50px; } .pv6 {  padding-top:60px;  padding-bottom:60px; } .pv7 {  padding-top:70px;  padding-bottom:70px; } .pv8 {  padding-top:80px;  padding-bottom:80px; } .pv9 {  padding-top:90px;  padding-bottom:90px; } .pv10 {  padding-top:100px;  padding-bottom:100px; } .pv11 {  padding-top:110px;  padding-bottom:101px; } .pv12 {  padding-top:120px;  padding-bottom:120px; } .pv13 {  padding-top:130px;  padding-bottom:130px; } .pv14 {  padding-top:140px;  padding-bottom:140px; } .pv15 {  padding-top:150px;  padding-bottom:150px; } .pv16 {  padding-top:160px;  padding-bottom:160px; } .pv0 {  padding-top:0px;  padding-bottom:0px; } .pvt0 {  padding-top:0px; } .pvb0 {  padding-bottom:0px; } .mv1 {  margin-top:10px;  margin-bottom:10px; } .mv2 {  margin-top:20px;  margin-bottom:20px; } .mv3 {  margin-top:30px;  margin-bottom:30px; } .mv4 {  margin-top:40px;  margin-bottom:40px; } .mv5 {  margin-top:50px;  margin-bottom:50px; } .mv6 {  margin-top:60px;  margin-bottom:60px; } .mv7 {  margin-top:70px;  margin-bottom:70px; } .mv8 {  margin-top:80px;  margin-bottom:80px; } .mv9 {  margin-top:90px;  margin-bottom:90px; } .mv10 {  margin-top:100px;  margin-bottom:100px; } .mv11 {  margin-top:110px;  margin-bottom:101px; } .mv12 {  margin-top:120px;  margin-bottom:120px; } .mv13 {  margin-top:130px;  margin-bottom:130px; } .mv14 {  margin-top:140px;  margin-bottom:140px; } .mv15 {  margin-top:150px;  margin-bottom:150px; } .mv16 {  margin-top:160px;  margin-bottom:160px; } .mv0 {  margin-top:0px;  margin-bottom:0px; } .mvt0 {  margin-top:0px; } .mvb0 {  margin-bottom:0px; } .mh1 {  margin-left:10px;  margin-right:10px; } .mh2 {  margin-left:20px;  margin-right:20px; } .mh3 {  margin-left:30px;  margin-right:30px; } .mh4 {  margin-left:40px;  margin-right:40px; } .mh5 {  margin-left:50px;  margin-right:50px; } .mh6 {  margin-left:60px;  margin-right:60px; } .mh7 {  margin-left:70px;  margin-right:70px; } .mh8 {  margin-left:80px;  margin-right:80px; } .mh9 {  margin-left:90px;  margin-right:90px; } .mh10 {  margin-left:100px;  margin-right:100px; } .mh11 {  margin-left:110px;  margin-right:101px; } .mh12 {  margin-left:120px;  margin-right:120px; } .mh13 {  margin-left:130px;  margin-right:130px; } .mh14 {  margin-left:140px;  margin-right:140px; } .mh15 {  margin-left:150px;  margin-right:150px; } .mh16 {  margin-left:160px;  margin-right:160px; } .mh0 {  margin-left:0px;  margin-right:0px; } .mhl0 {  margin-left:0px; } .mhr0 {  margin-right:0px; } .bg-cover {  background-size:cover;  background-repeat:no-repeat;  background-position:center top; } .bg-contain {  background-size:contain;  background-repeat:no-repeat;  background-position:center top; } .bg-center-top {  background-position:center top; } .bg-center-center {  background-position:center center; } .bg-center-bottom {  background-position:center bottom; } .bg-left-top {  background-position:left center; } .bg-left-center {  background-position:left center; } .bg-right-top {  background-position:right center; } .bg-right-center {  background-position:right center; } .border-top {  border-top:1px solid rgba(76, 76, 76, 0.2); } .border-bottom {  border-bottom:1px solid rgba(76, 76, 76, 0.2); } .valign-top {  vertical-align:top; } .valign-middle {  vertical-align:middle; } .valign-bottom {  vertical-align:bottom; } .visible-hidden {  visibility:hidden; } @-webkit-keyframes bounce {  from,  20%,  53%,  80%,  to {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);   animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  40%,  43% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   -webkit-transform:translate3d(0, -20px, 0);   transform:translate3d(0, -20px, 0);  }  70% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   -webkit-transform:translate3d(0, -10px, 0);   transform:translate3d(0, -10px, 0);  }  90% {   -webkit-transform:translate3d(0, -4px, 0);   transform:translate3d(0, -4px, 0);  } } @keyframes bounce {  from,  20%,  53%,  80%,  to {   -webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);   animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);   -webkit-transform:translate3d(0, 0, 0);   transform:translate3d(0, 0, 0);  }  40%,  43% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   -webkit-transform:translate3d(0, -20px, 0);   transform:translate3d(0, -20px, 0);  }  70% {   -webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);   -webkit-transform:translate3d(0, -10px, 0);   transform:translate3d(0, -10px, 0);  }  90% {   -webkit-transform:translate3d(0, -4px, 0);   transform:translate3d(0, -4px, 0);  } } .bounce {  -webkit-animation-duration:1s;  -moz-animation-duration:1s;  animation-duration:1s;  -webkit-animation-fill-mode:both;  -moz-animation-fill-mode:both;  animation-fill-mode:both;  -webkit-animation-name:bounce;  -moz-animation-name:bounce;  animation-name:bounce;  -webkit-animation-iteration-count:infinite;  -moz-animation-iteration-count:infinite;  animation-iteration-count:infinite; }  @media screen and (min-width:992px) and (max-width:1199px) {  header#header nav.main-nav {   overflow:scroll;  }  header#header .grid-menu-container .grid-menu[data-grid] .grid-menu-item {   width:50%;   height:calc(20vh - 16.4px);   font-size:24px;  }  header#header .grid-menu-container .grid-menu[data-grid="1"] .grid-menu-item {   width:100%;   height:calc(100vh - 82px);   font-size:50px;  }  header#header .grid-menu-container .grid-menu[data-grid="2"] .grid-menu-item {   width:50%;   height:calc(100vh - 82px);   font-size:45px;  }  header#header .grid-menu-container .grid-menu[data-grid="3"] .grid-menu-item {   width:100%;   height:calc(33.3vh - 27.33333333px);   font-size:45px;  }  header#header .grid-menu-container .grid-menu[data-grid="4"] .grid-menu-item {   width:50%;   height:calc(50vh - 41px);   font-size:40px;  }  header#header .grid-menu-container .grid-menu[data-grid="5"] .grid-menu-item,  header#header .grid-menu-container .grid-menu[data-grid="6"] .grid-menu-item {   width:50%;   height:calc(33.3vh - 27.33333333px);   font-size:36px;  }  header#header .grid-menu-container .grid-menu[data-grid="7"] .grid-menu-item,  header#header .grid-menu-container .grid-menu[data-grid="8"] .grid-menu-item {   width:50%;   height:calc(25vh - 20.5px);   font-size:28px;  } } @media screen and (min-width:768px) and (max-width:991px) {  .container {   width:100%;  }  header#header nav.main-nav {   overflow:scroll;  }  header#header .grid-menu-container .grid-menu[data-grid] .grid-menu-item {   width:50%;   height:calc(20vh - 16.4px);   font-size:24px;  }  header#header .grid-menu-container .grid-menu[data-grid="1"] .grid-menu-item {   width:100%;   height:calc(100vh - 82px);   font-size:50px;  }  header#header .grid-menu-container .grid-menu[data-grid="2"] .grid-menu-item {   width:100%;   height:calc(50vh - 41px);   font-size:45px;  }  header#header .grid-menu-container .grid-menu[data-grid="3"] .grid-menu-item {   width:100%;   height:calc(33.3vh - 27.33333333px);   font-size:45px;  }  header#header .grid-menu-container .grid-menu[data-grid="4"] .grid-menu-item {   width:50%;   height:calc(50vh - 41px);   font-size:40px;  }  header#header .grid-menu-container .grid-menu[data-grid="5"] .grid-menu-item,  header#header .grid-menu-container .grid-menu[data-grid="6"] .grid-menu-item {   width:50%;   height:calc(33.3vh - 27.33333333px);   font-size:36px;  }  header#header .grid-menu-container .grid-menu[data-grid="7"] .grid-menu-item,  header#header .grid-menu-container .grid-menu[data-grid="8"] .grid-menu-item {   width:50%;   height:calc(25vh - 20.5px);   font-size:28px;  } } @media screen and (max-width:767px) {  .col-sm-8.pull-right {   float:none !important;  }  .section-content > .container > .row > .col-sm-9 {   padding-right:15px;  }  header#header nav.main-nav {   overflow:scroll;  }  header#header .grid-menu-container .grid-menu[data-grid] .grid-menu-item {   width:100%;   height:15vh;   font-size:24px;  }  header#header .grid-menu-container .grid-menu[data-grid="1"] .grid-menu-item {   width:100%;   height:calc(100vh - 82px);   font-size:40px;  }  header#header .grid-menu-container .grid-menu[data-grid="2"] .grid-menu-item {   width:100%;   height:calc(50vh - 41px);   font-size:36px;  }  header#header .grid-menu-container .grid-menu[data-grid="3"] .grid-menu-item {   width:100%;   height:calc(33.3vh - 27.33333333px);   font-size:32px;  }  header#header .grid-menu-container .grid-menu[data-grid="4"] .grid-menu-item {   width:100%;   height:calc(25vh - 20.5px);   font-size:28px;  } } @media screen and (min-width:768px) {  .section-content > .container > .row > .col-sm-9 {   padding-right:60px;  } } @media screen and (max-width:991px) {  #mobile-menu {   display:inline-block;  }  header#header .header-wrapper nav.main-nav > ul {   display:none;  } } @media all and (-ms-high-contrast:none), (-ms-high-contrast:active) {  }