/* ===================================
    Google font
====================================== */

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

@font-face {
  font-family: Cone;
  src: url(fonts/cone.ttf);
  font-weight: normal;
}

@font-face {
  font-family: Dropy;
  src: url(fonts/dropy.ttf);
  font-weight: normal;
}

@font-face {
  font-family: SpaceSuperstars;
  src: url(fonts/SpaceSuperstars.otf);
  font-weight: normal;
}

a, a:active{ color: #626262; text-decoration: none; }
a:hover, a:focus{ color: #272727;  text-decoration: none}


body {
  margin: 0;
  font-family: "Inter", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
[class^="number-slide"],
[class*=" number-slide"] {
  background: grey;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 50px;
  color: #fff;
  font-weight: 500;
  
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  
  /*min-height: -webkit-fill-available;*/
  /*height: 100vh;*/
  height: 100vh;
  max-height: -webkit-fill-available;
  
  
  
  background-color: rgba(37,37,37,.7);
  background-blend-mode: multiply;

}


.navigation-wrapper {
  position: relative;
}

.dots {
  display: flex;
  padding: 10px 0;
  justify-content: center;
  
  	bottom: 80px;
    
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%;
    z-index: 5 !important;
	background: none;
}

.dot {
  border: none;
  width: 10px;
  height: 10px;
 /* background: #c5c5c5;
  border-radius: 50%;*/
  margin: 0 5px;
  padding: 5px;
  cursor: pointer;
  
  width: 30px;
  border-radius: inherit;
  height: 3px;
  background: rgba(255,255,255,.5);
}

.dot:focus {
  outline: none;
}

.dot--active {
  background: #fff;
}

.arrow {
  width: 30px;
  height: 30px;
  /*
  margin: 6px;
  */
  position: absolute;
  top: 50%;
  
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  
  /*clip-path: polygon(100% 0%, 100% 100%, 0% 100%, 0% 0%);*/
  /*clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 80%, 80% 80%);*/
}

.arrow--left {
  left: 5px;
  /*fill: "#fff";*/
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 255, 255)' fill-opacity='0.9' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
  /*
  transform: rotate(135deg);
  background:white;
  opacity: 0.9;
  */
}

.arrow--right {
  left: auto;
  right: 5px;
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 255, 255)' fill-opacity='0.9' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
  /*  
  transform: rotate(-45deg);
  background:white;
  opacity: 0.9;
  */
  
}

.arrow--disabled.arrow--left {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 255, 255)' fill-opacity='0.5' viewBox='0 0 24 24' %3E%3Cpath d='M16.67 0l2.83 2.829-9.339 9.175 9.339 9.167-2.83 2.829-12.17-11.996z' %3E%3C/path%3E%3C/svg%3E");
  /*
  transform: rotate(135deg);
  background:white;
  opacity: 0.5;
  */
}

.arrow--disabled.arrow--right {
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 255, 255)' fill-opacity='0.5' viewBox='0 0 24 24' %3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'%3E%3C/path%3E%3C/svg%3E");
  /*
  transform: rotate(-45deg);
  background:white;
  opacity: 0.5;
  */
}


.arrow--down{
  
  width: 30px;
  height: 30px;
  display: block;
  
  /* Not working in Chrome and Safari on iOS */
  /* Now working */
  background-image: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' fill='rgb(255, 255, 255)' fill-opacity='0.9' viewBox='0 0 24 24' %3E%3Cpath d='m21 4.5 3 3 -12 12 L.5 7.5l3-3 9 9Z'%3E%3C/path%3E%3C/svg%3E");
  background-position: center center;
  background-repeat: no-repeat;
  

  /* clip-path using path cannot be stretched to container dimensions */
  
  /*
  clip-path: path("m 21 4.5 l 3 3 l -12 12 l -12 -12 l 3 -3 l 9 9 z");
  background:white;
  opacity: 0.9;
  */
  
  
  /* clip-path link is not clickable outside of clip-path */
  
  /*
  clip-path: polygon(80% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 80%, 80% 80%);
  transform: rotate(45deg);
  background:white;
  opacity: 0.9;
  */
  
  /*
	  SVG path editor
	  https://yqnn.github.io/svg-path-editor/
	  
	  SVG path transformer
	  https://codepen.io/anthonydugois/pen/EKzzmV
	  
	  SVG path to CSS clip-path converter
	  https://path-to-points.netlify.app/
	  
	  1. Use editor to convert path to absolute
	  2. Use transformer to rotate absolute coordinates
	  3. Use editor to revert to path  
  */

}
  
@keyframes fade_move_down {
  0% {
    transform: translate(0,-20px);
	opacity:0;
  }
  50% {
	opacity:1;
  }
  100% {
    transform:translate(0,20px);
	opacity:0;
  }
}

.scroll-down {

	position: absolute;
	
	bottom: 20px;
	
	width: 100%;
	  margin: auto;
    
	text-align: center;
	justify-content: center;
	
	font-size:0;
	
	animation-name: fade_move_down;
	animation-duration: 2s; 
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
  animation-play-state: running;
  
z-index: 100 !important;  
}

.scroll-down-link {
		
	margin: auto;
	text-indent:-9999em;
    z-index: 100 !important;    
}


/* ===================================
    Architecture demo
====================================== */
.architecture-title { min-height: 580px;}
.architecture-title-number { letter-spacing: -5px; line-height: 74px !important; margin: 0; padding: 0; right: -7px; top:16%}

.architecture-title-number {font-family: 'Montserrat', sans-serif !important;}

.architecture-section {
    padding: 110px 90px 0;
}

.icon-medium {
    font-size: 40px !important;
    margin-bottom: 15px !important;
}

/* text color */
.crimson-red-text { color: #e31d3b !important}
.bg-crimson-red { background: #e31d3b !important}

.position-absolute {  
    position: absolute !important;
}
.font-weight-600 {
    font-weight: 600 !important;
}
.white-text {
    color: #FFF !important;
}

.title-big {
    font-size: 100px !important;
    line-height: 100px !important;
}

.overflow-hidden {
    overflow: hidden !important;
}
.no-padding {
    padding: 0 !important;
}

.cover-background {
    position: relative;
	
    background-size: cover !important;
    overflow: hidden;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

.alt-font {
    font-family: 'Montserrat', sans-serif !important;
}



/* https://levelup.gitconnected.com/how-to-make-a-fully-accessible-css-only-carousel-40e8bd62032b */
.carousel {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
}

.slides {
  width: 100%;
  display: flex;
  overflow-x: scroll;
  scrollbar-width: none;
  scroll-snap-type: x mandatory;
  scroll-behavior: smooth;
}

.slides::-webkit-scrollbar {
  display: none;
}

.slides-item {
  align-items: center;
  display: flex;
  flex-shrink: 0;
  font-size: 100px;
  justify-content: center;
  margin: 0 1rem;
  position: relative;
  scroll-snap-align: start;
  transform: scale(1);
  transform-origin: center center;
  transition: transform .5s;
  width: 100%;
}

.carousel__nav {
  padding: 1.25rem .5rem;
}

.slider-nav {
  align-items: center;
  background-color: #ddd;
  
  color: #000;
  display: inline-flex;
  height: 1.5rem;
  justify-content: center;
  padding: .5rem;
  position: relative;
  text-decoration: none;
}

.slider-nav:hover,
.slider-nav:active {
  background-color: #000;
  color: #fff;
}

.slide-1 {
  background-color: #fdc;
}

.slide-2 {
  background-color: #bfd;
}

.slide-3 {
  background-color: #cdf;
}

.slide-4 {
  background-color: #dca;
}

.slide-5 {
  background-color: #ffc;
}

.carousel__skip-link {
  height: 1px;
  overflow: hidden;
  position: absolute;
  top: auto;
  width: 1px;
}

.carousel__skip-link:focus {
  align-items: center;
  background-color: #000;
  color
}


/* tab - style 3 */
.tab-style-3 li {background: transparent !important; float: none}
.tab-style-3 li a { border: 0 !important; color: #9b9b9b; padding: 5px 0}
.tab-style-3 li a:hover {background: transparent}
.tab-style-3 li a:hover, .tab-style-3 li.active a {border-bottom: 2px solid #e31d3b !important }




[role="tab"] {border: 0 !important; color: #9b9b9b; padding: 5px 0; background: transparent;}

[role="tab"]:focus,
[role="tab"]:hover {
  background: transparent
}

[role="tab"]:hover,
[role="tab"]:focus,
[role="tab"]:active,
[role="tab"][aria-selected="true"] {
border-bottom: 2px solid #e31d3b !important 
}



[role="tabpanel"] {
  
  min-height: 10em;
  /*min-width: 550px;*/
  
  width: 100%;
  overflow: auto;
  

}

[role="tabpanel"].is-hidden {
  display: none;
}

.row {
	
	margin: 0 !important;
}

[class*="col-"] {
    padding-right: 0;
    padding-left: 0;
  }

* {
 /* outline: 1px solid red;*/
}

/* ===================================
    Quote
====================================== */

/* quote - style 1 */
.quote-style1:before { content: "“"; display: block; position: absolute; font-size: 200px; left: 0; top: 64px; color: #ef106e}
.quote-style1 {padding-left: 70px; display: block}

/* quote - style 2 */
/*.quote-style2:before { content: "“"; display: block; position: absolute; font-size: 200px; left: -5px; top: 64px; color: #000}*/
.quote-style2:before { content: "“"; font-size: 200px; left: -5px; top: 64px; color: #000}
.quote-style2 {display: block; padding-top: 95px;}

#map {
	width:100%;
	height: 100%;
}

.demo-gallery > a > figure{
display: none;
}

.left {
    background: red;
    position: relative;
    /*top: 50%;
    transform: translateY(-50%);*/
}

.left:before {
    left: -999em;
    background: red;
    content: '';
    display: block;
    position: absolute;
    width: 999em;
    top: 0;
    bottom: 0;
}


/* width */
.width { display: inline-block; position: relative; width: 90%; }
.width-20 { width:20% !important;}
.width-30 { width:30% !important;}
.width-40 { width:40% !important;}
.width-50 { width:50% !important;}
.width-60 { width:60% !important;}
.width-70 { width:70% !important;}
.width-80 { width:80% !important;}
.width-90 { width:90% !important;}
.width-100 { width:100% !important;}
.width-auto { width: auto !important}


/* buttons */
.btn {display: inline-block;  margin-right: 15px; letter-spacing: 1px; border:1px solid transparent; border-radius: 0; width: auto; font-family: 'Montserrat', sans-serif !important; font-weight: 600 }
.btn-round { border-radius:4px !important}
.btn i { margin-right:5px}
.btn.btn-large i { font-size: 24px;}
.btn-small-white:focus {color: #fff}

.button { margin-top:0; margin-bottom: 0}
.btn.btn-large { font-size: 18px; padding: 18px 35px;}
.btn.btn-medium { font-size: 14px; padding: 10px 22px;}
.btn.btn-small { font-size: 11px; padding: 5px 14px; letter-spacing:1px}
.btn.btn-very-small {font-size: 9px; padding: 4px 12px 3px; letter-spacing:1px}

.highlight-button { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#000; background-color: transparent;   }
.highlight-button:hover, .highlight-button:focus { background-color: #000; border: 2px solid #000; color:#fff}
.highlight-button i { color: #000}
.highlight-button:hover i {color:#fff}

.highlight-button-dark { border:2px solid #000; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #000;  }
.highlight-button-dark:hover, .highlight-button-dark:focus { background-color: transparent; border: 2px solid #000; color:#000}
.highlight-button-dark i { color: #fff}
.highlight-button-dark:hover i {color:#000}

.highlight-button-green { border:2px solid #6ad5a7; display: inline-block; padding: 2px 20px 3px; font-size: 12px; color:#fff; background-color: #6ad5a7;  }
.highlight-button-green:hover, .highlight-button-green:focus { background-color: transparent; border: 2px solid #6ad5a7; color:#fff}
.highlight-button-green i { color: #fff}
.highlight-button-green:hover i {color:#fff;}

.highlight-button-blue { border:2px solid #2283d4; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #2283d4;  }
.highlight-button-blue:hover, .highlight-button-blue:focus { background-color: transparent; border: 2px solid #fff; color:#fff}
.highlight-button-blue i { color: #fff}
.highlight-button-blue:hover i {color:#2283d4}

.highlight-button-blue-dark { border:2px solid #2283d4; display: inline-block; padding: 8px 20px 9px; font-size: 12px; color:#fff; background-color: #2283d4;  }
.highlight-button-blue-dark:hover, .highlight-button-blue-dark:focus { background-color: transparent; border: 2px solid #000; color:#000}
.highlight-button-blue-dark i { color: #fff}
.highlight-button-blue-dark:hover i {color:#2283d4}

.btn-small-white-background { font-size: 11px; letter-spacing: 2px; padding: 6px 23px; color: #000; margin-right: 20px; background:#fff; border: 2px solid #fff }
.btn-small-white-background:hover, .btn-small-white-background:focus { background:transparent; border: 2px solid #fff; color: #fff; }
.btn-small-white-background i { color: #000}
.btn-small-white-background:hover i { color: #fff}

.btn-small-white { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #fff;}
.btn-small-white:hover, .btn-small-white:focus { background-color: #FFF; color: #000}

.btn-small-white-dark { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #fff; color: #000; background:#fff}
.btn-small-white-dark:hover, .btn-small-white-dark:focus { background-color:transparent; color: #fff; border: 2px solid #fff}

.btn-very-small-white { font-size: 9px; letter-spacing: 2px; padding: 2px 15px; border: 1px solid #fff; color: #fff;}
.btn-very-small-white:hover, .btn-very-small-white:focus { background-color: #FFF; color: #000}

.btn-black{ border: 2px solid #000; color: #fff; display: inline-block; background-color: #000; padding: 7px 20px 8px; width: auto;}
.btn-black:hover, .btn-black:focus {border: 2px solid #000; color: #000; background-color: transparent}

.highlight-button-black-border { border: 4px solid #000; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #000;}
.highlight-button-black-border:hover, .highlight-button-black-border:focus{ border: 4px solid #000; background-color: #000; color: #fff}

.highlight-button-white-border{ border: 4px solid #fff; background-color: transparent; font-size: 22px; padding: 20px 30px; color: #fff;}
.highlight-button-white-border:hover, .highlight-button-white-border:focus { border: 4px solid #fff; background-color: #fff; color: #000}

.highlight-button-gray-border{ border: 4px solid rgba(255,255,255,.4); background-color: transparent; font-size: 22px; padding: 20px 30px; color: #ababab;}
.highlight-button-gray-border:hover, .highlight-button-gray-border:focus { border: 4px solid rgba(255,255,255,.4); background:rgba(255,255,255,.2); color: #fff}

.highlight-button-transparent-border{ border: 4px solid rgba(255,255,255,.4); background: rgba(255,255,255,.1); font-size: 22px; padding: 20px 30px; color: #fff;}
.highlight-button-transparent-border:hover, .highlight-button-transparent-border:focus { border: 4px solid rgba(255,255,255,.6); background:rgba(255,255,255,.3); color: #fff}

.highlight-button-black-background{ border: 4px solid #000; background-color: #000; font-size: 20px; padding: 20px 30px; color: #fff; }
.highlight-button-black-background:hover, .highlight-button-black-background:focus { border: 4px solid #000; background-color: #fff; color: #000}

.btn-small-black-background { font-size: 11px; letter-spacing: 3px; padding: 6px 25px; border: 2px solid #000; color: #fff; background-color: #000 }
.btn-small-black-background:hover, .btn-small-black-background:focus { background-color:transparent; color: #000; border: 2px solid #000}

.btn-small-black-border-light { font-size: 10px; letter-spacing: 3px; padding: 6px 25px; border: 1px solid #000; color: #000; }
.btn-small-black-border-light:hover, .btn-small-black-border-light:focus { background-color: #000; color: #fff}

.btn-light-black{ border: 2px solid #000; color: #000; background-color: transparent}
.btn-light-black:hover, .btn-light-black:focus {border: 2px solid #000; background-color: #000; color: #fff}

.button-desc { font-size:30px !important; line-height: 35px; font-family: 'Open Sans', sans-serif; font-weight: 600}
.button-desc span { display: block; font-size: 18px; font-weight: 400 }

/* separator */
.separator-line-full { height: 1px; margin: 0 auto; width: 100%;}
.separator-line { height: 2px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-thick { height: 4px; margin: 0 auto; width: 30px; margin:7% auto}
.separator-line-thick-full { height: 4px; margin: 0 auto; width: 100%; margin:7% auto}
.separator-line-thick-long { height: 3px; margin: 0 auto; width: 80px; margin:7% auto}
.separator-line-medium-thick { height: 6px; margin: 0 auto; width: 45%; margin:7% auto}
.separator-line-extra-thick { height: 8px; margin: 0 auto; width: 50%; margin:7% auto}
.separator-line-vertical { width:7px; height:80px; background-color:#fff; float:left; margin-right:90px;}
.thin-separator-line { height: 1px; width: 30px; margin:7% auto}
.vertical-separator { height:25px; width:25px; border-left:1px solid #000}
.wide-separator-line { height: 1px;  background-color:#e5e5e5; margin:5% 15px;}
.title-separator-line { display: inline-block; height: 3px; margin-right: 5px; width: 11px; }
.divider-line {height: 1px; margin: 0 auto; width: 100%; background: rgba(0,0,0,.1);}


/* margin */
.margin-one-half{margin:0.5% !important}
.margin-one{margin:1% !important}
.margin-two{margin:1.5% !important}
.margin-three{margin:2% !important}
.margin-four{margin:2.5% !important}
.margin-five{margin:3% !important}
.margin-six{margin:3.5% !important}
.margin-seven{margin:4% !important}
.margin-eight {margin:4.5% !important}
.margin-nine {margin:5% !important}
.margin-ten{ margin:5.5% !important}
.margin-eleven{ margin:6% !important}
.margin-twelve{ margin:6.5% !important}
.margin-thirteen{ margin:7% !important}
.margin-fourteen{ margin:7.5% !important}
.margin-fifteen{ margin:8% !important}
.margin-sixteen{ margin:8.5% !important}
.margin-seventeen{ margin:9% !important}
.margin-eighteen{ margin:9.5% !important}
.margin-nineteen{ margin:10% !important}
.margin-twenty{ margin:10.5% !important}
.margin-twenty-one{ margin:11% !important}
.margin-twenty-two{ margin:11.5% !important}
.margin-twenty-three{ margin:12% !important}
.margin-twenty-four{ margin:12.5% !important}
.margin-twenty-five{ margin:13% !important}
.margin-twenty-six{ margin:13.5% !important}
.margin-twenty-seven{ margin:14% !important}
.margin-twenty-eight{ margin:14.5% !important}
.margin-twenty-nine{ margin:15% !important}
.margin-thirty{ margin:15.5% !important}
.margin-thirty-one{margin:16% !important}
.margin-thirty-two{margin:16.5% !important}
.margin-thirty-three{margin:17% !important}
.margin-thirty-four{margin:17.5% !important}
.margin-thirty-five{margin:18% !important}
.no-margin{ margin:0 !important}
.no-margin-lr{ margin-left: 0 !important; margin-right: 0 !important}
.no-margin-tb{ margin-top: 0 !important; margin-bottom: 0 !important}
.no-margin-top{ margin-top:0 !important}
.no-margin-bottom{ margin-bottom:0 !important}
.no-margin-left{ margin-left:0 !important}
.no-margin-right{ margin-right:0 !important}
.margin-lr-auto {margin-left:auto !important; margin-right:auto !important}

.services-padding{
    padding-right: 15px;
    padding-left: 15px;
}

img {
    -webkit-backface-visibility: hidden;
    max-width: 100%;
    height: auto;
}


/* masonry basic */
.grid li  {transition-duration: 0s; -moz-transition-duration: 0s; -webkit-transition-duration: 0s; -o-transition-duration: 0s;}
.grid img { width:100%}
.grid-gallery { clear: both; float: left; width: 100%; }
.gallery-img a { position: relative; z-index: 2; display: block}
.grid-gallery ul { list-style: none; padding: 0; }
.grid-gallery figure { margin: 0; position: relative }
.grid-gallery figure img { display: block; width: 100%; opacity: 1; cursor: pointer; }
.grid-gallery figcaption h3 { margin: 0 0 8px; padding:0; text-transform:uppercase; }
.grid-gallery figcaption i { font-size: 32px; color: #aeaeae; margin-bottom: 20px}
.grid { margin: 0 auto; }
.grid li { box-sizing: border-box; float: left; margin: 0; }
.gallery-img { opacity: 1; transition: all 0.3s ease 0s; overflow: hidden; }
.grid figure:hover img { -ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);  transform: scale(1.1,1.1); transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; opacity:0.15; cursor:url("../images/icon-zoom.png"), pointer;  }
.grid figure:hover figcaption { opacity: 1; transition: all .3s ease; -webkit-transition: all .3s ease; -moz-transition: all .3s ease;}

/* grid - style 5 */
.grid-style5 .grid figure { -webkit-transition: opacity 0.2s; transition: opacity 0.2s; background: #000 }
.grid-style5 .grid figcaption {  opacity: 0; text-align: center; bottom: 60px; left: 0; right: 0;  position: absolute;}
.grid-style5 .grid figure:hover img { -webkit-filter: grayscale(1); filter: grayscale(1); cursor: pointer; opacity: .25; }
.grid-style5 .grid figcaption h3 { font-size: 14px; line-height: 25px; margin: 0; width: 100%; padding: 30px 15px 10px 15px; text-align: center; position: relative; padding-top:30px; opacity: 1; z-index: 2}
.grid-style5 .grid figcaption h3 a {color: #fff}
.grid-style5 .grid figcaption span { text-align: center; top: 47%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); position: relative}

/* portfolio grid - 4 column  */
.work-4col .grid li { width: 25%;}


/* portfolio filter tab */
.portfolio-filter-tab li {margin: 0 20px !important; display: inline-block; float: inherit}
.portfolio-filter-tab li:last-child { margin-right: 0}
.portfolio-filter-tab li:first-child { margin-left: 0}
.portfolio-filter-tab li span {border: none !important; padding: 0; border-radius:0; padding: 5px 10px 3px 10px}

.nav-tabs li div {margin: 0; line-height: 17px}


/* portfolio filter tab - style 6 */
ul.portfolio-filter-tab-style-6 { margin: 220px 50px 0 0;}
.portfolio-filter-tab-style-6 li { margin: 0; display:block; position: relative; top:1px; width: 100%; border-bottom: 1px solid rgba(0,0,0,.2)}
.portfolio-filter-tab-style-6 li:last-child {margin:0 !important; border-bottom: none }
.portfolio-filter-tab-style-6 li:first-child {margin:0 !important }
.portfolio-filter-tab-style-6 li div {border: none !important; background: transparent !important; padding: 17px 0; border-radius:0; color: #fff}

.pull-right {float: right!important;}

section {
    padding: 130px 0;
}

.deep-gray-text{
	display: inline-block;
	min-height: 2.5em;	 
}

h2 {
    display: inline-block;
    font-size: 1em;
    margin-block-start: 0px;
    margin-block-end: 0px;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    font-weight: 600;
}

.subtitle {
	display: block;
    font-size: 1.5em;
    margin-block-start: 0.83em;
    margin-block-end: 0.83em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
}

h2 span::before {
    content: '/ ';
	color: #e31d3b !important
}

span.break:before {
    content: '\A';
	white-space: pre-wrap;
}

.text-small {
	font-size: 0.8em;
}