/*
Theme Name: HomePage
Theme URI: http://homepage.sites
Author: Ognjen
Author URI: https://rs.linkedin.com/in/ognjenkuljic
Description: On demand
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:
Text Domain: HOMEPAGE
*/

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on June 25, 2015 */



@font-face{
	font-family: 'yantramanav-black';
	src: url('fonts/yantramanav-black-webfont.eot');
	src: url('fonts/yantramanav-black-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/yantramanav-black-webfont.woff2') format('woff2'),
		 url('fonts/yantramanav-black-webfont.woff') format('woff'),
		 url('fonts/yantramanav-black-webfont.ttf') format('truetype'),
		 url('fonts/yantramanav-black-webfont.svg#yantramanavblack') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'yantramanav-bold';
	src: url('fonts/yantramanav-bold-webfont.eot');
	src: url('fonts/yantramanav-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/yantramanav-bold-webfont.woff2') format('woff2'),
		 url('fonts/yantramanav-bold-webfont.woff') format('woff'),
		 url('fonts/yantramanav-bold-webfont.ttf') format('truetype'),
		 url('fonts/yantramanav-bold-webfont.svg#yantramanavbold') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'yantramanav-medium';
	src: url('fonts/yantramanav-medium-webfont.eot');
	src: url('fonts/yantramanav-medium-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/yantramanav-medium-webfont.woff2') format('woff2'),
		 url('fonts/yantramanav-medium-webfont.woff') format('woff'),
		 url('fonts/yantramanav-medium-webfont.ttf') format('truetype'),
		 url('fonts/yantramanav-medium-webfont.svg#yantramanavmedium') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'yantramanav-regular';
	src: url('fonts/yantramanav-regular-webfont.eot');
	src: url('fonts/yantramanav-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/yantramanav-regular-webfont.woff2') format('woff2'),
		 url('fonts/yantramanav-regular-webfont.woff') format('woff'),
		 url('fonts/yantramanav-regular-webfont.ttf') format('truetype'),
		 url('fonts/yantramanav-regular-webfont.svg#yantramanavregular') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'yantramanav-light';
	src: url('fonts/yantramanav-light-webfont.eot');
	src: url('fonts/yantramanav-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/yantramanav-light-webfont.woff2') format('woff2'),
		 url('fonts/yantramanav-light-webfont.woff') format('woff'),
		 url('fonts/yantramanav-light-webfont.ttf') format('truetype'),
		 url('fonts/yantramanav-light-webfont.svg#yantramanavlight') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face{
	font-family: 'yantramanav-thin';
	src: url('fonts/yantramanav-thin-webfont.eot');
	src: url('fonts/yantramanav-thin-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/yantramanav-thin-webfont.woff2') format('woff2'),
		 url('fonts/yantramanav-thin-webfont.woff') format('woff'),
		 url('fonts/yantramanav-thin-webfont.ttf') format('truetype'),
		 url('fonts/yantramanav-thin-webfont.svg#yantramanavthin') format('svg');
	font-weight: normal;
	font-style: normal;
}

html{
}

body{
	font-size: 18px;
	font-family: 'yantramanav-light';
	background: transparent url(images/bg.png) 0 0 repeat fixed;
}

p{
	font-size: 18px;
}

p:empty{
	height: 18px;
}

a, a:hover{
	text-decoration: none;
}

a, .red{
	color: #ff1744;
}

a:hover{
	color: #ff1744;
}

b, strong, .black{
	font-family: 'yantramanav-black';
}

img {
	max-width: 100%;
	height: auto;
}

svg{
	max-width:100%;
	max-height:100%;
}

.thin, .thin *{
	font-family: 'yantramanav-thin';
}

.fontH1, .fontH2{
	margin-bottom: 18px;
	line-height: 1;
}

.fontH1{
	font-size: 60px;
}

.fontH2{
	font-size: 52px;
}

.fontH3{
	font-size: 42px;
	line-height: 1;
}

.fontH4{
	font-size: 30px;
	line-height: 1;
}

.fontH5{
	font-size: 20px;
}

.small{
	font-size: 16px;
}

.uppercase{
	text-transform: uppercase;
}

.condensed{
	line-height: 1;
}

.bottomGap{
	margin-bottom: 24px;
}

.green{
	color: #2ec4b6;
}

.lineBullet li{
	list-style: none;
}

.lineBullet{
	padding-left: 0;
}

.lineBullet li:before{
	content:"- ";
}

.alignCenter {
	text-align: center;
}

.fullWidth {
	width: 100%;
}

.redBg{
	color: #fff;
	background: #ff1744;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


/**
 * Header
 */
.logo{
	position: fixed;
	top: 2vh;
	left: 2vh;
	z-index: 4;
}

.logo img{
	background-color:#ff1744;
}


/**
 * Form
 */

::-webkit-input-placeholder {
	color: #011627;
}

:-moz-placeholder {
	color: #011627;
}

::-moz-placeholder {
	color: #011627;
}

:-ms-input-placeholder {
	color: #011627;
}

input, textarea, keygen, select, button {
	color: #011627;
	padding: .9em .9em .9em 1.2em;
	max-width: 100%;
	outline: none;
}

select {
	background: #fff;
	border: none;
}

.btn {
	border-radius: 0;
}


.btn-danger {
	background-color: #EC1740;
border-color: #EC1740;
}

.btn-danger:hover,
.btn-danger.focus,
.btn-danger:focus{
	background-color: #EC1740;
	border-color: #EC1740;
}

.btn-danger.focus,
.btn-danger:focus{
	box-shadow: none;
	outline-color: #E0899A;
}

.btn-lg {
	padding: .85em;
}


label.btn-wrappwer > *{
	display: none;
}

.wpcf7-response-output {
	clear: both;
}


/**
 * ShortCodes
 */
/* G Map */
.GMapWrapper{
	position: relative;
	padding: 0 50px;
}

.GMapWrapper:after, .GMapWrapper:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 50px;
	height: 100%;
	background:  transparent url(images/mapSides.jpg) 0% 50% repeat scroll;
}

.GMapWrapper:after {
	left: auto;
	right: 0;
	transform: rotateY(180deg);
}

.GMap{
	width: 100%;
	height: 396px;
	max-height: 40vh;
}

/* Reference Gallery */
.referenceGallery {
	position: absolute;
	top: 142px;
	left: 0;
	width: 100%;
	height: calc(90% - 142px);
}

.referenceItems {
	display: none;
}

.openGallery {
	color: #fff;
	position: absolute;
	right: 50px;
	top: 50%;
	transform: translateY(-50%);
}

.openGallery:after {
	content: "";
	width: 66px;
	height: 66px;
	display: inline-block;
	background: #000 url(images/gallery-next.svg) 50% 50% no-repeat scroll;
	vertical-align: middle;
	margin-left: 32px;
	border-radius: 50%;
	transform: rotate(180deg);
}

.closeGallery {
	position: absolute;
	top: calc(100% + 2.8em);
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	overflow: hidden;
}

.closeGallery > span{
	display: none;
}

.closeGallery:after{
	content: "";
	display: block;
	width: 24px;
	height: 19px;
	background: #000 url(images/gallery-back.svg) 50% 50% no-repeat scroll;
}

.prevGallery, .nextGallery{
	display: none;
}

.referenceGallery.open .prevGallery, .referenceGallery.open .nextGallery{
	position: absolute;
	display: block;
	width: 13px;
	height: 22px;
	top: 50%;
	background: transparent url(images/gallery-next-red.svg) 50% 50% no-repeat scroll;
}

.prevGallery{
	left:74px;
	transform: translate(-50%,-50%);
}

.nextGallery{
	right:74px;
	transform: rotate(180deg) translate(-50%,50%);
}


.referenceGallery .closeGallery, .referenceGallery.open .openGallery {
	display: none;
}

.referenceGallery.open .closeGallery {
	display: block;
}

.singleReferenceGallery {
	position: absolute;
	top: calc(50% - 0.7em);
	left: 18.5%;
	width: 63%;
	max-height: 100%;
	transform: translateY(-50%);
	text-align: center;
	z-index: 1;
	white-space: nowrap;
}

.singleReferenceGallery .item {
	display: block;
	margin: auto;
	float: left;
	margin: 1%;
	width: 31.999%;
	cursor: pointer;
}

.singleReferenceGallery .item:nth-child(3n+1) {
	clear: left;
	margin-left: 0;
}

.singleReferenceGallery .item img {

}

.referenceGallery.open .referenceItems {
	display: block;
	opacity: 1;
	margin: 0 8%;
	white-space: nowrap;
	overflow: hidden;
	height: calc(1.4em + 100%);
	position: relative;
}

.referenceItemsWrapp {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition:left .5s;
}

.referenceItem {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: top;
	margin-right: 5%;
}

.referenceItem .thumb {
	position: absolute;
	top: 1.4em;
	left: 0;
	right: 0;
	bottom: 2.8em;
	z-index: 1;
	overflow: hidden;
	cursor: pointer;
}

.referenceItem .thumb:after {
	content: "";
	background-color: rgba(1,22,39,.9);
	position: absolute;
	top: 0;
	left: -1px;
	right: -1px;
	bottom: 0;
	/* transform: translate(-50%,-50%); */
	opacity: 0;
	transition: opacity .3s;
}

.referenceItem.showThumbs .thumb {
	cursor: initial;
}

.referenceItem.showThumbs .thumb:after{
	opacity: 1;
}

.referenceItem .thumb > img {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	width: auto;
	height: auto;
}

.referenceItem .singleReferenceGallery{
	opacity: 0;
	transform: scale(0.01) translateY(-50%);
	transition:all .5s;
}

.referenceItem.showThumbs .singleReferenceGallery{
	opacity: 1;
	transform: scale(1) translateY(-50%);
}

.singleReferenceGallery .item:nth-child(3n) {
	margin-right: 0;
}

/**
 * Bootstrap
 */
@media (min-width: 360px) {
	.visible-xxs-block{
		display: none;
	}
}

@media (max-width: 360px) {
	.visible-xxs-block{
		display: inherit;
	}
}

/**
 * Hardcoded styles
 */
.selectWrapper{
	position:relative;
}

.selectWrapper:after{
	content: "";
	position: absolute;
	display: block;
	width: 44px;
	height: 100%;
	right: 0;
	top: 0;
	pointer-events: none;
	background: #ff1744 url(images/selectArrow.svg) 0 50% no-repeat scroll;
}

@media (max-width: 768px) {
	.fontH1 {
		font-size: 30px;
	}

	.fontH2 {
		font-size: 30px;
	}

	.fontH3 {
		font-size: 22px;
	}

	.fontH4 {
		font-size: 22px;
	}

	p {
		margin-bottom: 1em;
		font-size: 14px;
	}
}

@media (min-width: 768px){

}

@media (min-width: 768px) and (max-width: 992px) {

}

@media (min-width: 992px) and (max-width: 1200px) {

}

@media (max-width: 1366px) {

}

@media (min-width: 1200px) {

}

@media (min-width: 1900px) {

}