/*
============================================================

	Theme Name: Kalium - Child Theme
	Theme URI: http://www.laborator.co/view-theme/kalium
	Author: Laborator
	Author URI: http://laborator.co/
	Version: 1.0
	Description: Use this theme if you want to extend features of Kalium theme or prevent overwriting the changes you make when new theme update is available.
	Tags: agency, architecture, blog, clean, creative, ecommerce, gallery, minimal, photography, portfolio, shop, kalium, translation-ready, theme-options, responsive-layout
	Template: kalium
	Text Domain: kalium

============================================================
*/

@media screen and (-webkit-min-device-pixel-ratio:0) {
/*Black*/
@font-face {
    font-family: 'Geomanist';
    src: url(fonts/geomanist-webfont/geomanist-black-webfont.eot);
    src: url(fonts/geomanist-webfont/geomanist-black-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/geomanist-webfont/geomanist-black-webfont.woff2) format('woff2'),
         url(fonts/geomanist-webfont/geomanist-black-webfont.woff) format('woff'),
         url(fonts/geomanist-webfont/geomanist-black-webfont.ttf) format('truetype'),
         url(fonts/geomanist-webfont/geomanist-black-webfont.svg#geomanist_black) format('svg');
    font-weight: 900;
    font-style: normal;
}
/* Bold */
@font-face {
    font-family: 'Geomanist';
    src: url(fonts/geomanist-webfont/geomanist-bold-webfont.eot);
    src: url(fonts/geomanist-webfont/geomanist-bold-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/geomanist-webfont/geomanist-bold-webfont.woff2) format('woff2'),
         url(fonts/geomanist-webfont/geomanist-bold-webfont.woff) format('woff'),
         url(fonts/geomanist-webfont/geomanist-bold-webfont.ttf) format('truetype'),
         url(fonts/geomanist-webfont/geomanist-bold-webfont.svg#geomanist_bold) format('svg');
    font-weight: 800;
    font-style: normal;
}

/*Medium*/
@font-face {
    font-family: 'Geomanist';
    src: url(fonts/geomanist-webfont/geomanist-medium-webfont.eot);
    src: url(fonts/geomanist-webfont/geomanist-medium-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/geomanist-webfont/geomanist-medium-webfont.woff2) format('woff2'),
         url(fonts/geomanist-webfont/geomanist-medium-webfont.woff) format('woff'),
         url(fonts/geomanist-webfont/geomanist-medium-webfont.ttf) format('truetype'),
         url(/fonts/geomanist-webfont/geomanist-medium-webfont.svg#geomanist_medium) format('svg');
    font-weight: 700;
    font-style: normal;
}
/*Regular*/
@font-face {
    font-family: 'Geomanist';
    src: url(fonts/geomanist-webfont/geomanist-regular-webfont.eot);
    src: url(fonts/geomanist-webfont/geomanist-regular-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/geomanist-webfont/geomanist-regular-webfont.woff2) format('woff2'),
         url(fonts/geomanist-webfont/geomanist-regular-webfont.woff) format('woff'),
         url(fonts/geomanist-webfont/geomanist-regular-webfont.ttf) format('truetype'),
         url(/fonts/geomanist-webfont/geomanist-regular-webfont.svg#geomanist_regular) format('svg');
    font-weight: 500;
    font-style: normal;
}
/*Light*/
@font-face {
    font-family: 'Geomanist';
    src: url(fonts/geomanist-webfont/geomanist-light-webfont.eot);
    src: url(fonts/geomanist-webfont/geomanist-light-webfont.eot?#iefix) format('embedded-opentype'),
         url(fonts/geomanist-webfont/geomanist-light-webfont.woff2) format('woff2'),
         url(fonts/geomanist-webfont/geomanist-light-webfont.woff) format('woff'),
         url(fonts/geomanist-webfont/geomanist-light-webfont.ttf) format('truetype'),
         url(/fonts/geomanist-webfont/geomanist-light-webfont.svg#geomanist_light) format('svg');
    font-weight: 300;
    font-style: normal;
}
}

body{
	font-family: "Geomanist",Helvetica, sans-serif!important;
	font-weight: 500;
	letter-spacing: 1px;
  line-height: 1.5;
}
body b, body strong{
  font-weight: 700;
}
body p,body .section-title p{
  color:#111;
}
body .section-title p a{
  font-style: italic;
}
span.text-color-si2{
	  color: #F9A940;
}
.text-color-white{
    color:#FFFFFF!important;
}
body h1, body h2, body h3,body h4,body h5, body h6{
	font-family: "Geomanist",Helvetica, sans-serif;
	font-weight: 500;
  text-rendering: geometricPrecision;

}
body .message-form .send{
  font-family: "Geomanist",Helvetica, sans-serif!important;
  letter-spacing: 1px;
}
body .single-portfolio-holder .details .project-description p{
	font-size: 14px;
}
body .auto-type-element{
	font-family: "Geomanist",Helvetica, sans-serif;
	font-weight: 700;
	line-height: 80px;
	font-size:72px;
	margin-bottom: 48px;
}
body .auto-type-element span.block {
    background: transparent;
    color: #F9A940;
}
body .main-header.menu-type-full-bg-menu .full-screen-menu.menu-skin-dark{
	background-color: #F9A940;
}
.vc_video-bg{
  opacity: 0.1;
}
img.missing-pic{
  /*display: none;*/
}
.product-filter ul li a{
		font-size: 14px;
		text-transform: uppercase;
}
.text-si2{
  font-family: "Geomanist",Helvetica, sans-serif!important;
  font-weight: 700!important;
  text-transform: none;
  /*font-size: 2.3vw;*/
}
.si2-box-row{
  justify-content: space-between;
  display: flex;
  flex-flow: row wrap;
  align-content: center;
}
.si2-box {
  /*min-width: 228px;*/
  width: 23%;
  margin: 0px 6px 0px;
}
.si2-box img{
  max-width: 88px;
}
.portfolio-holder .thumb .hover-state.hover-style-white h3 a{
	font-family: "Geomanist",Helvetica, sans-serif;
	font-weight: 300;
	color: #FFFFFF;
	letter-spacing: 2px;
	font-size: 24px;
	text-transform: none;
}
.portfolio-holder .thumb .hover-state.hover-style-white p,.portfolio-holder .thumb .hover-state.hover-style-white p a{
	color:rgba(255, 255, 255, 0.8);
	font-weight: 500;
	font-size: 12px;
	text-transform: uppercase;

}
body .portfolio-holder .thumb .hover-state.hover-style-white p{
	color:rgba(255, 255, 255, 1)!important;
}
body .portfolio-holder .thumb .hover-state.hover-style-white p a:hover{
			color:rgba(255, 255, 255, 1)!important;
			border-bottom: 1px solid #FFFFFF!important;
}
body .portfolio-holder .thumb .hover-state .info p a:after{
		background-color: #FFFFFF!important;
}
body .top-menu-container .top-menu ul li a:hover{
    color:#F9A940!important;
}
.top-menu-container .top-menu ul li a:after{
  background-color:#F9A940!important;
}
body .product-filter ul li a{
  margin-bottom: 2px;
  font-style: normal;
}
body .portfolio-title-holder .pt-column{
  width: 100%;
  margin-bottom: 20px
}
body .contact-form input, body .contact-form textarea{
  border-bottom: 1px solid #111111;
}
@media only screen and (max-width:992px){
  .si2-box{
    width: 48%;
    margin-bottom: 12px;
  }
  .si2-box-row{
    display: block;

  }
}
@media only screen and (max-width:768px){
  .si2-box{
    width: inherit;
  }
  .si2-box-row{
    display: block;
  }
  body .auto-type-element {
    font-size: 30px ;
    line-height: 32px ;
	  margin-bottom: 18px ;
  }
}

.image-placeholder {
    background: #f5f5f5 !important;
}