/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 23, 2015, 3:09:43 PM
    Author     : leszek
*/
body, h1, h2, h3, h4, h5, h6, p, div, a, * {
/*	font-family: 'Lato', sans-serif;*/
	/*color: #203675;*/
	font-weight: 300;
}
html, body {
	height:100%;
    width:100%;
    position:fixed;
    margin:0;
    padding:0 0 0 0;
	/*background-image:url(../img/background1.jpg);*/
	background-color: white;
    background-size:cover;
    background-position:center center;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
	scroll-behavior: smooth;
}
.navbar-fixed-top {
	background-color: rgba(255,255,255,1);
	/*border-color: rgba(255,255,255,0.4);*/
	border-bottom: 1px solid #DDD;
	
}
.navbar-fixed-top > .container-fluid {
	margin: 40px 0 10px 40px;
	height: 68px;
}
.icon-bar {
	background-color: grey;
}
.nav-logo {
	height: 50px;
	margin: -15px 10px -15px -15px;
}
.navbar-brand {
	padding: 5px;
}
.logo-vertical {
	height: 118px;
	margin-top: -45px;
}
.navbar-collapse > ul > li > a {
	font-weight: 300;
	padding-left: 5px;
	padding-right: 5px;
	letter-spacing: -1px;
	font-weight: 400;
}
#myNavbar a {
	font-size: 16pt;
	margin-right: 15px;
}
#myNavbarBottom a {
	color: white;
	margin-right: 15px;
	letter-spacing: 0;
}
.nav-phone {
	padding: 15px 12px 0 12px;
	font-size: 14pt;
	margin-top: -35px;
	/*color: #069643;*/
	/*text-align: right;*/
}
.nav-phone > img {
	height: 116px;
    /*margin: -70px 15px -10px 10px;*/
	margin: -17px 0px -10px 0px;
}
.home-main-text {
	background-color: rgba(255,255,255,1);
	padding-top: 20px;
	padding-bottom: 20px;
}
.home-main-welcome-link {
	line-height: 3;
	/*border: 1px solid #069643;*/
	padding: 5px;
	border-radius: 3px;
}
.welcome-container {
	height: 100%;
	padding: 109px 0 50px 0;
}
.welcome-container > div > p {
	display: inline-block;
	color: white;
	font-size: 40px;
	background-color: rgba(0,0,0,0.3);
	padding: 15px;
/*	text-shadow: 1px 1px 1px #203675;*/
}
.welcome-container > div > p > span {
	border: 1px solid white;
	border-radius: 5px;
	padding: 20px;
	line-height: 3;
	color: white;
}
.welcome-slider {
	width: 100%;
	height: 100%;
	margin: 0;
/*	background-image:url(../img/background1.jpg);*/
	background-color: white;
    background-size:cover;
    background-position:center center;
	transition: background-image 0.5s linear;
	
}

.carousel-fade .carousel-inner .item {
	transition-property: opacity;
	opacity: 0;
}
.carousel-fade .carousel-inner .active {
	opacity: 1;
}

.footer {
	padding-bottom: 70px;
	padding-top: 20px;
	background-color: white;
}
.footer a {
	/*color: #E20686;*/
}
.img-center {
	margin: 0 auto;
}
.img-256 {
	width: 256px;
	height: 256px;
	max-width:100%;
    background-size:cover;
    background-position:center center;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

h2 {
	/*font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    box-sizing: border-box;
    display: block;
}

.myH1 {
    /*font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    display: block;
    font-size: 36px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.1;
}
.myH2 {
    /*font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    display: block;
    font-size: 30px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: 0;
    margin-right: 0;
    line-height: 1.1;
}
.myH3 {
    /*font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
    box-sizing: border-box;
    display: block;
}
.myH4 { 
    /*font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;

}
.myH5 { 
    /*font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
}
.myH6 { 
/*    font-family: 'Lato', sans-serif;*/
    /*color: #203675;*/
    font-weight: 300;
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
}
.call-to-action {
	/*background-color: #203675;*/
	padding-top: 20px;
	padding-bottom: 20px;
}
.call-to-action .myH1 {
	text-align: center;
	color: white;
	line-height: 1.5;
}
.call-to-action .glyphicon {
	font-size: smaller;
	border: 3px solid white;
	border-radius: 50%;
	padding: 5px;
}
.phone-num, .phone-num:hover, .phone-num:visited {
	text-decoration: inherit;
	color: inherit;
	font-weight: inherit;
}
.phone-num-cta, .phone-num-cta:hover, .phone-num-cta:visited {
	color: white;
}
.top-menu-fixing {
	height: 138px;
	background-color: white;
}

.facebook {
	z-index: 100;
}
.facebook > div:first-child {
	width: 300px;
	position: fixed;
	/*top: 40%;*/
	bottom: 50px;
	right: 65px;
	display: none;
}
.facebook > .fb-button {
/*	width: 50px;
	height: 50px;*/
	position: fixed;
	bottom: 150px;
	right: 14px;
}
.facebook > .fb-button > img {
	width: 50px;
}

.contact-address {
	font-size: larger;
}
.contact-address-container {
	font-size: larger;
}
.contact-maps-container iframe {
	padding-top: 10px;
}

.pink-header {
	font-size: large;
	padding-bottom: 30px;
	/*color: #203675;*/
}

.team-container {
	padding-bottom: 30px;
}

.pricelist-container td:last-child {
	/*width: 30%;*/
	text-align: right;
}

.img-visualisation {
	border: 20px solid white;
}

.products-row > div {
	margin-bottom: 20px;
}

/*gallery*/
#links > a > img {
	padding: 10px;
}

.gallery-modal {
	width: 90%!important;
	border-radius: 0!important;
}
/*@media (min-width: 768px){
	.modal-sm {
		width: 300px!important;
	}
}*/

.about-arcicle {
	margin-bottom: 40px;
}

.top-fixing {
	margin-top: 110px;
}


.contact-popup {
	position: fixed;
	bottom: 50px;
	right: 30px;
	height: 181px;
	width: 450px;
	background-color: white;
	z-index: 100;
	padding: 20px 40px 20px 20px;
	text-align: center;
	display: none;
}
.contact-popup > img {
	margin-bottom: 10px;
	margin-top: 10px;
	float: left;
}
.contact-popup > .glyphicon {
	position: absolute;
	top: 10px;
	right: 10px;
}

#contact-popup-tooltip {
    background-color: #ffffff;
    /*border: 1px solid #73a7f0;*/
    width: 200px;
    height: 130px;
/*    margin-left: 32px;*/
    position:relative;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px -1px black;
    -moz-box-shadow: 0px 0px 8px -1px black;
    -webkit-box-shadow: 0px 0px 8px -1px black;
	float: right;
	margin-top: 15px;
}

#contact-popup-tooltip p {
    padding:10px;
}
#contact-popup-tooltip a.phone-num > strong {
	font-size: large;
	/*color: #069643 !important;*/
}

#tailShadow {
    background-color: transparent;
    width: 4px;
    height: 4px;
    position: absolute;
    top: 16px;
    left: -8px;
    z-index: -10;
    box-shadow: 0px 0px 8px 1px black;
    -moz-box-shadow: 0px 0px 8px 1px black;
    -webkit-box-shadow: 0px 0px 8px 1px black;
}

#tail1 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    /*border-color: transparent #73a7f0 transparent transparent;*/
    position:absolute;
    top: 8px;
    left: -20px;
}

#tail2 {
    width: 0px;
    height: 0px;
    border: 10px solid;
    border-color: transparent #ffffff transparent transparent;
    position:absolute;
    left: -18px;
    top: 8px;
}

.social-media-link > img {
	height: 25px!important;
}
.social-media-link {
	float: right;
	margin-left: 10px;
	/*border-right: 5px solid white;*/
}
.social-media-container {
	/*margin-left: -25px;*/
	float: right;
	margin-top: -37px;
}
.social-media-container-mobile {
	margin: 10px auto;
	text-align: center;
}
.social-media-link-mobile > img {
	height: 35px;
}
.social-media-link-mobile {
	border-right: 10px solid white;
	border-left: 10px solid white;
}

.blog-right-box {
	padding: 1px 10px 5px 10px;
	margin-bottom: 20px;
}
.blog-right-box *, .blog-right-box .myH3 {
	color: white;
}
.blog-right-box a:hover , .blog-right-box a:active , .blog-right-box a:visited{
	text-decoration: none;
	color: white;
	font-weight: bold;
}
.blog-entry-author {
	float: right;
	padding-right: 15px;
}
.blog-entry-date {
	float: left;
	padding-left: 15px;
}
.blog-entry-content {
	clear: both;
}
.blog-entry-container {
	clear: both;
}
.blog-entry-container .myH2 {
	padding-left: 15px;
}
.blog-entry-divider {
	width: 100%;
	clear: both;
	height: 20px;
}
.blog-entry-image {
	margin-bottom: 10px;
}
.blog-entry-content a:hover , .blog-entry-content a:active , .blog-entry-content a:visited {
	text-decoration: none;
	font-weight: bold;
}
.blog-entry {
	display: none;
}
.blog-pagination-container {
	text-align: center;
}
.blog-pagination-container li.active a {
	color: white!important;
}


#cms-navbar {
	position: fixed;
	top: 0;
	left: 0;
	right: auto;
	width: 100%;
	border-radius:0;
	z-index: 9999;
	color: white;
}
#cms-navbar * {
	color: white!important;
	letter-spacing: 0px;
	background-color: black;
}
#cms-navbar a:hover, #cms-navbar a:hover .glyphicon, #cms-navbar a:hover .caret {
	background-color: darkgray;
}
#cms-navbar li {
	padding-left: 10px;
	padding-right: 10px;
}
#cms-navbar-button {
	position: fixed;
	width: 80px;
	top:0;
	left: 50%;
	margin-left:-40px;
	background-color: black;
	z-index: 10000;
	display: none;
}
.cms-hidden-form {
	display: none;
	margin-top: 60px;
}
.cms-hidden-form *:not(.btn-primary):not(.btn-danger):not(.btn-success) {
	color: black;
}
.cms-alert {
	position: fixed;
	top: 0px;
	z-index: 10001;
	width: 600px;
	left: 50%;
	margin-left: -300px;	
}
.cms-save-btn .spinning , .blog-save-btn .spinning {
	display: none;
}
#cms_sp_form_img {
	margin-left: auto;
	margin-right: auto;
}
.cms-img-field {
	padding-left: 100px;
	background-repeat: no-repeat;
	background-position: left;
	background-size: 90px;
}

.back-button-container {
	padding: 15px 0 15px 0;
}

.blog-entry-edit-btn {
	width: 100px;
	float: right;
	text-align: center;
}

.landing-container img {
	margin: 0 auto;
	max-width: 100%;
}

@media (max-width: 1650px) {
	#myNavbar a {
		font-size: 13pt;
		margin-right: 5px;
	}
}
@media (max-width: 1390px) {
	#myNavbar a {
		font-size: 12pt;
		margin-right: 0px;
	}
/*	.nav-phone > img {
		display: none;
	}*/
}
@media (max-width: 1310px) {
	.nav-phone > img {
		display: none;
	}
}
@media (max-width: 1200px) and (min-width: 768px){
	.navbar-brand > img {
		display: none;
	}
	.nav-phone > img {
		display: none;
	}
	#myNavbar a {
		font-size: 11pt;
		margin-right: 0px;
	}
/*	.social-media-container {
		display: none;
	}*/
}
@media (max-width: 990px) and (min-width: 768px){
	#myNavbar a, #myNavbarBottom a {
		font-size: 10pt;
		margin-right: 2px;
	}
}
@media (max-width: 820px) {
	.navbar-right {
		display: none;
	}
}

#mobile-menu, #mobile-call-now-container, #mobile-call-now-container-product1, #mobile-call-now-container-product2, #mobile-call-now-container-product3 {
	text-align: center;
}
#mobile-menu > a > img {
	height: 50px;
	margin: 5px auto;
}
#mobile-menu button, #mobile-call-now-container button, #mobile-menu button:hover, #mobile-call-now-container button:hover,
#mobile-call-now-container-product1 button, #mobile-call-now-container-product2 button, #mobile-call-now-container-product3 button {
	width: 90%;
	color: white;
	border: 0;
	margin-bottom: 5px;
}
#mobile-menu .glyphicon, #mobile-menu strong, #mobile-call-now-container .glyphicon, #mobile-call-now-container strong,
#mobile-call-now-container-product1 .glyphicon, #mobile-call-now-container-product1 strong, 
#mobile-call-now-container-product2 .glyphicon, #mobile-call-now-container-product2 strong,
#mobile-call-now-container-product3 .glyphicon, #mobile-call-now-container-product3 strong {
	color: white;
}
@media (max-width: 768px) {
	.welcome-container {
		height: 50%;
		width: 90%;
		padding: 0;
	}
}