/**
 * 
 * Glomex Invest css
 *
 * Author: Fix Software
 * Web: www.fixs.cz
 * 
 */

* {
	margin:0;
	padding:0;
	box-sizing: border-box;
}

body {
	background: #000;
	font-size: 16px;
	font-family: 'Lato', sans-serif;
}

.navbar .navbar-brand {
	padding-top: 18px;
}

.navbar .navbar-brand>.logo {
	background-repeat: no-repeat !important;
	width: 270px;
	height: 35px;
	margin-top: 7px;
	display: block;
}

.main-background {
	background: url('../img/img_parallax.jpg');
	background-size: cover;
	background-position: center center;
	height: 50vh;
	width: 100%;
}

.parallax {
	height: 100vh;
	overflow-x: hidden;
	overflow-y: auto;
	 -webkit-perspective: 1px;
	perspective: 1px;
	perspective-origin-x: 100%;
}

.parallax-item {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	transform-origin-x: 100%;
}

.parallax-front {
	 -webkit-transform: translateZ(1);
	transform: translateZ(1);
}

.parallax-background {
	 -webkit-transform: translateZ(-1px) scale(2);
	transform: translateZ(-1px) scale(2);
	background: url('../img/img_parallax.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;    
}
.parallax-background-fade {
	background: rgba(0,0,0,.6);
	top: 0px;
	left: 0px;
	right: 0px;
	/*bottom: 0px;*/
	height: 100vh;
	width: 100%;
	/*position: absolute;*/
	display: block;  
}

.parallax-content-page {
	width: 100%;
	min-height: 100px;
	background: #fff;
	overflow: hidden;
	position: relative;	
	transform-style: preserve-3d;
}

.all-content-section-wrapper {
	background: #fff;
	border-top: 7px solid #2980b9;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #3498db !important;
	transition: all .2s ease;
}

/**
 * Navbar
 */
.navbar {
	min-height: 80px;
}

.navbar-default {
	background: none;
	border: 0px;
	/*background: pink;*/
}

.navbar-default .navbar-brand {
	color: #fff;
}

.navbar-default .navbar-nav>li>a {
	color: #fff;
	letter-spacing: 1px;
	font-size: 16px;
	padding: 30px 30px; 
}

.navbar-brand {
	padding-top: 10px;
	padding-bottom: 10px;
	height: 80px; 	
}

.navbar-default .navbar-brand>.logo {
	background: url('../img/Glomex-Invest-Logo-White.svg');
}

/**
 * Navbar-End
 */

/**
 * Vision-block
 */

.vision-block-wrapper {
	height: 100vh;
	position: relative;
}

.vision-block {
	width: 750px;
	display: block;	
	position: absolute;
	top: 50%;
	left: 50%;	
	text-align: center;
	color: #fff;
	transform: translateX(-50%) translateY(-50%);
}

.vision-block .headline {
	font-size: 85px;
	margin-top: 40px;
	margin-bottom: 45px;
}

.vision-block .uppertext {
	font-weight: 300;
	letter-spacing: 2px;
	font-size: 16px;
	text-transform: uppercase;
}

.btn-vision,
.btn-vision:focus,
.btn-vision:active {
	border: 2px solid #fff;
	font-size: 15px;
	border-radius: 0px;
	background: none;
	z-index: 99;
	opacity: .8;
	padding: 15px 25px;
	letter-spacing: 2px;
	transition: all .2s ease;
}

.btn-vision:hover {
	opacity: 1;
	background: rgba(52,152,219,1);
	border-color: rgba(52,152,219,1);
	transition: all .2s ease;
}

.blockquote__ p{
	font-size: 36px;
	font-weight: 300;
	line-height: 1.5em;
	padding-left: 40px;
	padding-right: 40px;	
	color: #fff;
	position: relative;
}

.quote-author {
	color: #fff;
	font-style: italic;
	font-size: 16px;
	display: block;
	margin-top: 30px;
}

.blockquote__ p:before {
	content: "\“";
	left: 0px;
	top: 0px;
	font-size: 65px;
	position: absolute;
}

.blockquote__ p:after {
	content: "\”";
	right: 0px;
	bottom: -35px;
	font-size: 65px;
	position: absolute;
}

.slide {
	width: 100%;
}

.slide p {
	width: 700px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/**
 * Vision-block-End
 */

/**
 * Blockquote-Banner
 */
section#blockquote-banner {
	padding-top: 80px;
	padding-bottom: 40px;
	margin-top: 50px;	
	background: url('../img/pattern-blue.jpg');
	background-size: cover;
	background-position: center center;
}

/**
 * Blockquote-Banner-end
 */

section#contact {	
	margin-bottom: 50px;
}

section#contact i.fa {
	color: #3498db;
	margin-right: 10px;
}

section#contact b {
	color: #3498db;
}


section#about-company {
	padding-top: 50px;
	padding-bottom: 50px;
}

section#about-company p {
	line-height: 27px;
	padding-top: 15px;
}

.about-text-content {
	padding-top: 15px;
}

.about-text-content b {
	color: #2980b9;
}

.about-picture-wrapper {
	margin-top: 24px;
	padding-top: 20px;
	width: 100%;
	height: 300px;	
	display: block;
	overflow: hidden;
 
}
.about-picture {
	display: block;
	width: 100%;
	height: 265px;
	margin-left: auto;
	margin-right: auto;
	background: url('../img/about-picture.jpg');	
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	transition: all .2s ease;
}

.about-picture-wrapper:hover .about-picture {
	transform: scale(1.05);
	transition: all .2s ease;	
}


#holding-structure .logo-item {
	padding: 15px;
	font-size: 20px;	
}

#holding-structure .logo-item-content {
	color: #333;
	border: 1px solid #ccc;
	display: block;
	height: 220px;
	padding-top: 97px;
}

.input-form {
	border: 0px;
	border-bottom: 2px solid rgba(52,152,219,.6);
	width: 350px;	
	font-size: 20px;
	height: 46px;
	line-height: 46px;
	color: #333;
	padding: 10px 0px;
	margin-bottom: 20px;
}
.input-form::placeholder
.textarea-form::placeholder {
	color: #777;
}

.textarea-form {
	border: 0px;
	border-bottom: 2px solid rgba(52,152,219,.6);
	width: 100%;	
	font-size: 20px;
	color: #333;
	height: 150px;
	margin-bottom: 20px;
	transition: all .2s ease;
	resize: none;
}

.input-form:focus,
.textarea-form:focus {
	border-bottom: 2px solid rgba(52,152,219,1);
	outline: none;
}

.input-form.has-error,
.textarea-form.has-error,
.input-form.has-error:focus,
.textarea-form.has-error:focus {
	border-bottom: 2px solid rgba(255,0,0,.6);
}

.input-form-full,
.textarea-form-full {
	width: 730px;
}

.button-form {
	border: 2px solid rgba(52,152,219,.6);
	color: rgba(52,152,219,1);
	border-radius: 0px;
	background: none;
	width: 202px;
	font-size: 20px;
	padding: 10px 30px;
	margin-bottom: 20px;
	transition: all .2s ease;
}

.button-form:hover,
.button-form:active,
.button-form:focus {
	border: 2px solid rgba(52,152,219,1);
	background: rgba(52,152,219,1);
	color: #fff;
	border-radius: 0px;	
	transition: all .2s ease;
}

.button-form:focus {
	outline: none;
}

.blue-text {
	color: #2980b9;	
}

#about-company h2 {
	font-size: 45px;
	text-align: center;
}

.about-picture-col {
	padding-right: 30px;
}

#map {
	width: 100%;
	height: 500px;
	background: #333;
	display: block;
	color: #fff;
	padding: 10px;
}

.contact-content {
	padding-left: 80px;
	padding-top: 30px;
	background: #fff;
	/*background: #f7f7f7;
	background: url('../img/pattern-grey-half.jpg');
	background-size: cover;
	background-position: left center;*/
	height: 500px;
}

#contact h2 {
	font-size: 45px;
	margin-bottom: 20px;
}

.contact-company-name {
	font-size: 18px;
	font-weight: 700;
	line-height: 50px;
	display: block;
	color: #2980b9;
}

.contact-item {
	font-size: 16px;
	font-weight: 400;
	line-height: 27px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
}

.contact-secondary-item {
	font-size: 16px;
	font-weight: 400;
	line-height: 40px;
	display: block;
	padding-left: 30px;
}

.contact-divider {
	display: block;
	width: 100%;
	height:40px;
}

#page-footer {
	background: #2980b9;
	padding-top: 20px;
	padding-bottom: 10px;
	color: #fff;
}

#page-footer p {
	padding: 0px;
}

#contact-form {
	padding-bottom: 50px;
}

#contact-form h2 {
	font-size: 45px;
	margin-bottom: 50px;
}

.contact-second-wrapper {
	/*background: url('../img/pattern-blue.jpg');*/
	background-position: center center;
	background: #f5f5f5;
	color: #111;
}

.contact-second-col-first {
	padding-top: 50px;
	padding-bottom: 50px;
}

.contact-second-col-second {
	padding-left: 80px;
	padding-top: 50px;
	padding-bottom: 50px;
}

#holding-structure {
	margin-top: 50px;
	margin-bottom: 100px;
}

#holding-structure h2 {
	font-size: 45px;
	margin-bottom: 50px;
}

.logos-wrapper {
	width: 100%;
	display: block;
	text-align: center;
}

.cycle-pager {
	margin-top: 30px;
}

.cycle-pager span.cycle-pager-active {
	color: #fff;
	transition: all .2s ease;
}

.cycle-pager span {
	color: rgba(255,255,255,.5);
	padding-right: 3px;
	padding-left: 3px;
	font-size: 20px;
	cursor: pointer;
	transition: all .2s ease;
}

.send-button-wrapper {
	width: 380px;
	text-align: right;	
	padding-top: 4px;
}

.recaptcha-wrapper {
	text-align: right;
}

.g-recaptcha {
	float: right;
	margin-right: 93px;
}

.form-right-items {
	text-align: right;
}

.form-left-items {
	text-align: left;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
	.about-picture-wrapper {
		margin-top: 0px;
	}

	#holding-structure .logo-item-content {
		height: 192px;
		padding-top: 86px;
	}

	#holding-structure {
		margin-bottom: 50px;
	}

	.contact-content {
		padding-left: 50px;
	}

	.contact-second-wrapper {
		padding-right: 0px;
	}

	.contact-second-wrapper .container {
		padding-right: 0px;
	}

	.contact-second-col-second {
		padding-left: 40px;
		padding-right: 0px;
	}
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	.about-picture-wrapper {
		margin-top: 0px;
		padding-top: 0px;
	}

	.about-picture {
		height: 246px;
	}
	
	#holding-structure {
		margin-bottom: 50px;
	}

	#holding-structure .logo-item-content {
		height: 140px;
		padding-top: 55px;
	}

	.contact-second-col-first {
		padding-bottom: 0px;
	}

	.contact-second-col-second {
		padding-top: 0px;
		padding-left: 15px;
	}
	
	.small-not {
		display: none;
	}

	.input-form,
	.textarea-form {
		max-width: 100%;
	}

	.contact-content {
		padding-left: 50px;
	}

	.navbar-brand span {
		width: 200px!important;
	}

	.navbar-default .navbar-nav>li>a {
		padding-left: 15px;
		padding-right: 15px;
	}

	.send-button-wrapper {
		width: 360px;
		text-align: right;	
		padding-top: 4px;
	}
	
	.recaptcha-wrapper {
		text-align: right;
	}

	.g-recaptcha {
		float: right;
		margin-right: 72px;
	}

	.navbar .navbar-brand {
		padding-top: 22px;
	}

	.navbar .navbar-brand>.logo {
		background-repeat: no-repeat !important;
		width: 180px;
		height: 35px;
		margin-top: 7px;
		display: block;
	}
}

@media screen and (max-width: 767px) {
	
	h2 {
		font-size: 28px;
	}

	#holding-structure .logo-item-content {
		margin-left: auto;
		margin-right: auto;
		width: 250px;
		height: 250px;
		padding-top: 110px;
	}

	#holding-structure {
		margin-bottom: 50px;
	}

	.blockquote {
		font-size: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}

	.contact-content {
		padding-left: 15px;
	}

	.contact-content h2 {
		text-align: center;
	}

	.about-picture-wrapper {
		margin-top: 0px;
		padding-top: 0px;
		height: 230px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
	}

	.about-picture {
		height: 230px;
	}

	.about-text-content {
		padding-top: 0px;
	}

	section#about-company {
		padding-bottom: 0px;
	}

	#holding-structure h2 {
		font-size: 28px;
		margin-bottom: 25px;
	}

	#about-company h2,
	#contact h2,
	#contact-form h2 {
		font-size: 28px;		
	}

	.contact-second-col-first {
		padding-bottom: 0px;
	}

	.contact-second-col-second {
		padding-top: 0px;
		padding-left: 15px;
	}

	.contact-content {
		padding-top: 40px;
		padding-left: 30px;
		padding-right: 30px;
	}
	
	.input-form,
	.textarea-form {
		max-width: 100%;
	}

	section#contact {
		padding-bottom: 0px;
	}
	
	#contact-form {
		padding-bottom: 30px;
	}

	.vision-block {
		width: auto;
	}

	.vision-block .headline {
		font-size: 60px;
	}
	
	.navbar {
		min-height: 50px;
	}

	.navbar-toggle {		
		margin-top: 15px;
		border: none;		
	}

	.navbar-default {
		background: #fff;
	}

	.navbar-default .navbar-brand {
		color: #2980b9;
		height: 60px;
		padding-top: 0px;
		padding-bottom: 0px;
	}

	.navbar-default .navbar-toggle .icon-bar {
		background-color: #2980b9;
	}

	.navbar-default .navbar-nav>li>a {
		color: #2980b9;
		padding: 15px;
	}

	.parallaxie .heading {
		height: 100vh;
	}

	.parallax-background-fade {
		height: 100vh;
	}

	.slide p {
		width: auto;		
	}

	.blockquote__ p {
		font-size: 22px;
		height: 132px;
	}

	.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
		background: #fff;
	}
	
	.navbar .navbar-brand {
		padding-top: 12px;
	}

	.navbar-default .navbar-brand>.logo {
		background: url('../img/Glomex-Invest-Logo-Blue.svg') !important;
		height: 35px;
		width: 170px;
		margin-top: 10px;
		background-repeat: no-repeat!important;
	}

	.send-button-wrapper {
		width: 100%;
		text-align: center;	
		padding-top: 20px;
	}
	
	.recaptcha-wrapper {
		text-align: right;
	}

	.g-recaptcha {
		float: none;
		margin-left: auto;
		margin-right: auto;
		width: 257px;
	}

	.form-right-items {
		text-align: center;
	}


	.form-left-items {
		text-align: center;
	}

	.subject-wrapper,
	.message-wrapper {
		
		margin-left: auto;
		margin-right: auto;

	}
	
	.subject-wrapper input,
	.message-wrapper textarea {
		width: 350px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media screen and (max-width: 340px) {
	.about-picture-wrapper {
		width: 260px;
	}
}