@import url(https://fonts.googleapis.com/css?family=Roboto:400,300&subset=latin,cyrillic-ext);
@import url(https://fonts.googleapis.com/css?family=Roboto+Slab:400,300&subset=latin,cyrillic-ext);

/* COMMON STYLES */
.row.fullWidth {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	max-width: initial;
}
.row.fullWidth > .columns {
	padding-left: 0;
	padding-right: 0;
}
.triangle-down {
	display: block;
	margin: 0 auto;
	width: 0;
	height: 0;
	border-left: 19px solid transparent;
	border-right: 19px solid transparent;
	border-top-width: 19px;
	border-top-style: solid;
}
.triangle-down.white {
	border-top-color: #fff;
}
.triangle-down.brown {
	border-top-color: #a7855d;
}
.triangle-down.brown2 {
	border-top-color: #886c4b;
}
.triangle-down.black {
	border-top-color: #000;
}
.triangle-down.gray {
	border-top-color: #ebebeb;
}
.triangle-down.over {
	position: relative;
    top: -21px;
}
.contents {
	height: 100%;
}
body, html {
	font-family: 'Roboto', Arial, sans-serif;
	font-weight: 300;
	font-size: 16px;
}
.sgrada-na-godinata {
	position: fixed;
	z-index: 100000;
	top: 0;
	right: 0;
}
.sgrada-na-godinata-mobile {
	background: #017f00;
	padding: 10px 20px;
	text-align: center;
}
.sgrada-na-godinata-mobile a {
	color: #ffffff;
	font-weight: 400;
}
.sgrada-na-godinata-mobile img {
	display: block;
	margin: 0 auto 5px;
}

/* FOUNDATION OVERRIDES */
.row {
	max-width: 85rem;
}
.button {
	margin: 0;
	padding: 0.75rem 2rem;
	font-family: "Roboto", Arial, sans-serif;
	font-size: 0.875em;
}
.button.orange {
	background-color: #f26522;
	border: 1px solid #fff;
}
.button.orange:hover {
	background-color: #ffffff;
}
.button.wire {
	background-color: transparent;
	border: 1px solid #ffffff;
	color: #ffe2cf;
	font-size: 0.75em;
}
.button.wire:hover {
	background-color: #ffffff;
}
a:focus,
a:hover {
	text-decoration: underline;
	color: #67ad3a;
}

/* STRUCTURE */
nav {
	color: #828282;
	padding: 5px !important;
}
nav ul {
	margin: 0;
}
nav ul li {
	display: inline-block;
	list-style: none;
	margin-left: 0.75rem;
}
nav a,
nav a ul li,
nav ul li a {
	color: #828282;
	font-size: 0.875rem;
}
nav li.web,
nav li.phone {
	border-right: 1px solid #828282;
	padding: 0.55rem 0.75rem 0.55rem 0;
}
nav li.email {
	background: url(../images/email-icon.png) no-repeat 0 0.725rem;
	padding: 0.55rem 0 0.55rem 2.5rem;
}
nav li.inquiry {
	padding-top: 2px;
}
nav li.fb {
	padding-top: 0.5rem;
    margin-left: 1rem;
}
nav li.fb:hover {
	opacity: 0.7;
}
nav .logo-top img {
	max-height: 3rem;
	width: auto;
}
nav .logo-top ul {
	margin: 0;
}
nav .logo-top ul li {
	float: none;
	display: inline-block;
}
nav .logo-top ul li:first-child {
	margin-left: 0;
}
nav .logo-top ul li:last-child {
	border-left: 1px solid #828282;
	padding: 0.55rem 0 0.55rem 0.55rem;
}
nav .logo-planex-top {
	display: block;
	padding: 0.55rem 0 0.55rem 0.55rem;
}
nav .logo-planex-top img {
	max-height: 2rem;
}
nav .logo-top.mobile img {
	max-height: 2rem;
	width: auto;
}

h1, h2, h3, h4, h5 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
}
section {
	margin: 0;
	padding: 0;
}

#gmap {
	width: 100%;
	height: 300px;
}
section.banner {
	position: relative;
	padding: 0;
	/*background: rgba(63,176,28,1) url(../images/slider-bg.gif) repeat-y top center;*/
}
section.banner .intro {
	background-color: #fefefe;
}

ul#p2 {
	list-style-position: inside; /* Chrome hack */
}
	
#banner_carousel_wrapper {
	overflow: hidden;
}
#banner_carousel_wrapper .item,
#banner_carousel_wrapper2 .item {
	position: relative;
	float: left;
}
#banner_carousel_wrapper .item .columns,
#banner_carousel_wrapper2 .item .columns {
	padding: 0;
}
#banner_carousel_wrapper .item > img,
#banner_carousel_wrapper2 .item > img {
	width: 100%;
	display: block;
	opacity: 0;
}
#banner_carousel_wrapper .item .texts,
#banner_carousel_wrapper2 .item .texts {
	position: absolute;
	bottom: 14vw;
	text-align: center;
	left: 0;
	right: 0;
}
#banner_carousel_wrapper .item .texts img,
#banner_carousel_wrapper2 .item .texts img {
	display: block;
	margin: 0 auto;
	width: auto;
}
#banner_carousel_wrapper h1,
#banner_carousel_wrapper2 h1 {
	font-weight: 400;
	font-size: 4rem;
	color: #fff;
	background-color: #67ad3a;
	padding: 0 1.5rem;
}
#banner_carousel_wrapper h1 > hr,
#banner_carousel_wrapper2 h1 > hr {
	border-width: 5px;
	border-color: #f7f2e3;
	margin: 0.5rem -1.5rem;
}
.banners_wrapper {
	position: relative;
	padding: 0;
}
.connect-data {
	/*background: url(../images/pattern_01.png);*/
	position: relative;
	bottom: 0;
	width: 100%;
	z-index: 999;
	margin-top: 5.375rem;
}
.connect, .connect-info, .connect-info a {
	color: #fff;
	font-size: 2.813rem;
	text-align: center;
}
.connect {
	font-size: 1.875rem;
	background-color: #67ad3a;
	padding: 1rem 0;
}
.connect-info {
	background-color: #8dc63f;
	padding: 2rem 0;
}
.connect-info > div {
	border-right: 1px solid #f4e6c5;
}
.connect-info > div:last-child {
	border-right: none;
}

section.advantages {
	background: url(../images/pattern_01.png);
	padding: 60px 0 50px;
}
section.advantages .image-hover {
	max-width: 208px;
	max-height: 208px;
	overflow: hidden;
	border-radius: 50%;
	margin: 0 auto 2rem;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
}
section.advantages .image-hover img {
	transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
section.advantages h2 {
	color: #31940a;
	margin-bottom: 3rem;
}
section.advantages .text-center {
	padding: 0 1rem;
}
section.advantages .text-center:hover .image-hover img {
	-webkit-transform-origin: 50% 50%;
      -ms-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transform: scale(1.2);
      -ms-transform: scale(1.2);
          transform: scale(1.2);
}

section.location {
	padding-top: 2.5rem;
	padding-bottom: 6.25rem;
	background: #017f00 url(../images/location-bg.jpg) repeat-x center top;
}
section.location .content {
	padding-left: 20vw !important;
	padding-right: 20vw !important;
	color: #fff;
	font-size: 1.375rem;
	position: relative;
}
section.location .content img {
	max-height: 5rem;
	margin-bottom: 2rem;
}
section.location .heading {
	padding: 0;
}
section.location #MorePin {
	position: relative;
	top: -120;
}
#p1, #p2, #p3, #p4, #p5 {
	position: relative;
	font-size: 1.375rem;
	line-height: 1.4;
	/*color: #017f00;*/
}
h4#p1,
h4#p2 {
	font-size: 1.75em;
	margin-bottom: 1em;
	color: #017f00;
}

/* GALLERY */
section.gallery {
	margin-bottom: 3rem;
	padding-bottom: 0;
	padding-top: 5.5rem;
	background: url(../images/pattern_01.png);
}

/* caroufredsel */
/*
.overlay {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: #fff;
	background-color: rgba(255, 255, 255, 0.75);
	filter: alpha(opacity=75);
	z-index: 24;
	color: #fff;
	cursor: default;
}
#fredcarousel {
	display: none;
}
*/

/*----------------------------------------------------------*/
/*
#carousel_wrapper {
	background-color: #fff;
	width: 100%;
	overflow: hidden;
	position: relative;
}
#fredcarousels div.item {
	display: block;
	float: left;
	cursor: pointer;
	width: 500px;
	height: 376px;
	position: relative;
}
#fredcarousels div.item img {
	width: 100%;
}
.prev, .next {
	background-color: rgba(255, 255, 255, 0.7);
	display: block;
	top: 0;
	position: absolute;
	opacity: 0.7;
}
.prev:hover, .next:hover {
	opacity: 1;
}
.prev {
	left: 0px;
    width: 82px;
    height: 376px;
    background: url(../images/prev.png) no-repeat center center;
	z-index: 25;
	font-size: 0;
	line-height: 0;
}
.next {
	right: 0px;
    width: 82px;
    height: 376px;
    background: url(../images/next.png) no-repeat center center;
	z-index: 26;
	font-size: 0;
	line-height: 0;	
}
*/
/* // caroufredsel */

section.moreinfo {
	/*background: #017f00 url(../images/moreinfo-bg.gif) repeat-x center top;*/
	background: #fff;
	color: #017f00;
	padding-top: 5.375rem;
	padding-bottom: 3.375rem;
	position: relative;
}
section.moreinfo a {
	color: #017f00;
}
section.moreinfo a:hover {
	color: #017f00;
}
section.moreinfo a.button {
	background-color: #45a025;
	border: 1px solid transparent;
	color: #fff;
	position: relative;
	border-radius: 2rem;
	padding-top: 1rem;
	padding-bottom: 1rem;
	margin-top: 2rem;
}
section.moreinfo a.button:hover {
	color: #45a025;
	border-color: #45a025;
	background-color: #fff;
	text-decoration: none;
}
section.moreinfo .more-cta {
	margin: 1.5rem auto 2rem;
}
section.moreinfo p {
	color: #6f6f6f;
}
section.moreinfo2 {
	padding-top: 8.75rem;
}
section.moreinfo2 a {
	text-decoration: underline;
}

section.gmap .heading {
	padding: 3rem 0 2rem;
}

/* TYPOGRAPHY */
h1,
h2,
h3,
h4,
h5 {
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	display: inline-block;
}
h1 {
	font-size: 2.000em;
}
h2 {
	font-size: 1.875em;
}
h3 {
	font-size: 1.75em;
}
h4 {
	font-size: 1.5em;
}
h5 {
	font-size: 1.425em;
}
h6 {
	font-family: 'Roboto', Arial, sans-serif;
	font-size: 1.375rem;
	font-weight: 300;
}
footer {
	background-color: #fff;
}
footer h2,
footer a,
footer .top {
	color: #929292;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 1.375rem;
}
footer h2 {
	margin-bottom: 1rem;
	font-size: 2.063rem;
}
footer h2 span {
	color: #31a21a;
}
footer .top {
	padding: 6.250rem 0;
	position: relative;
}
footer .top .phone-div,
footer .top .email-div,
footer .top .address-div {
	position: relative;
}
footer .top .phone-div span,
footer .top .email-div span,
footer .top .address-div span {
	display: block;
}
footer .top .email-div img {
	padding: 3rem 0 4.25rem;
}
footer .top .phone-div svg {
	max-width: 4.5rem;
}
footer .top .address-div svg {
	max-width: 4.375rem;
}
footer .top .svg path {
	fill: #31a21a;
}

footer .bottom {
	background-color: #017f00;
	color: #6eca5b;
	padding: 0 0 5rem;
}
footer .bottom .vendors {
	background-color: #31a21a;
	padding: 3.375rem 0 2.875rem;
}
footer .bottom .vendors > a{
	font-size: inherit;
}
footer .bottom .vendors img.aquarelle {
	max-width: 10em;
}
footer .bottom .vendors img.planex {
	max-width: 8.5em;
}
footer .bottom .copyright {
	padding-top: 0.875rem;
	font-size: 0.750rem;
}
footer .bottom .createdby {
	padding-top: 1.375rem;
}
footer .bottom .createdby,
footer .bottom .createdby a {
	color: #ffffff;
	font-size: 0.850rem;
	font-family: 'Roboto', Arial, sans-serif;
}
footer .bottom .createdby a:hover {
	color: #6eca5b !important;
}
footer .bottom .separator {
	border-right: 1px solid #fff;
	font-size: 3rem;
	margin: 0 2rem;
	position: relative;
	top: 0.5rem;
}
footer .contacts {
	position: relative;
}

.trigger {
	min-height: 100px;
}

.mobile-ofc {
	font-size: 1.2rem;
	margin-top: 2rem;
}
.mobile-ofc li a {
	line-height: 2;
	color: #828282;
}
.title-bar {
	background-color: white;
	padding: 1.1rem .75rem;
	font-size: 1.2rem;
}
.title-bar-left {
	max-width: 33%;
}
.menu-icon:after {
	background-color: black;
	box-shadow: 0 7px 0 black,0 14px 0 black;
}

/* ========================================================================= */
/* Small screens */
@media only screen { } /* Define mobile styles */

@media only screen and (max-width: 40em) {
	body, html {
		/*font-size: 80%;*/
	}
	.row.owl-carousel.owl-loaded {
		margin-left: 0;
		margin-right: 0;
	}
	h4#p1 {
    font-size: 1.35em;
	}
	#banner_carousel_wrapper h1 {
		font-size: 1.8rem;
		padding: 1rem 1.5rem;
		width: 100%;
	}
	#banner_carousel_wrapper .item .columns {
		padding: 0;
	}
	#banner_carousel_wrapper .item .texts {
		left: 0;
		position: relative;
    top: -5rem;
		margin-bottom: -5.5rem;
	}
	#banner_carousel_wrapper .item .texts img {
		margin: 0 1.5rem;
		height: 5rem;
	}
	.connect-data {
		position: relative;
		margin-top: 1.375rem;
	}
	.connect, .connect-info, .connect-info a {
		font-size: 1.813rem;
	}
	.connect {
		font-size: 1.275rem;
		padding: 0.75rem 0;
	}
	.connect-info {
		padding: 1rem 0;
	}
	.connect-info > div {
		border-right: none;
	}
	
	section.banner .intro {
		margin-bottom: -5rem;
	}
	section.advantages {
		padding-top: 2rem;
	}
	section.advantages h2 {
		margin-bottom: 1rem;
	}
	section.advantages .text-center {
    padding: 0 0.25rem 1rem;
	}
	section.advantages .image-hover {
		margin-bottom: 1rem;
	}
	section.location {
		padding-bottom: 4rem;
	}
	section.location .content {
		padding-left: 5vw !important;
    padding-right: 5vw !important;
	}
	section.location .content h4 {
		font-size: 1.3rem;
	}
	section.location .content h6 {
		font-size: 1.1rem;
	}
	section.gallery {
		padding-top: 2rem;
	}
	section.moreinfo {
		padding-top: 6.5rem;
	}
	section.moreinfo p {
		font-size: 110% !important;
	}
	section.moreinfo > .row {
		width: 90%;
	}
	section.moreinfo > .row.show-for-small-only {
		width: 100%;
		margin-bottom: 0.75rem;
	}
	section.moreinfo .more-cta .text-right,
	section.moreinfo .more-cta .text-left {
		text-align: center;
	}
	section.moreinfo .more-cta a {
		margin-bottom: 1rem;
	}

	#gmap {
		height: 200px;
	}
	
	footer h2 {
		font-size: 1.375rem;
	}
	footer .top {
		padding: 2.250rem 0;
	}
	footer .top .phone-div,
	footer .top .email-div,
	footer .top .address-div {
		margin-bottom: 15px;
	}
	footer .bottom .vendors {
		padding: 0.875rem 0 1.875rem;
	}
	footer .bottom .vendors img.aquarelle {
		max-width: 7em;
	}
	footer .bottom .vendors img.planex {
		max-width: 7.5em;
	}
	footer .bottom .separator {
		margin: 0 0.75rem;
	}
	
}

@media only screen and (max-width: 40em) and (orientation: portrait)  {
	#gmap {
		height: 400px;
	}
}

/* Medium screens */
@media only screen and (min-width: 40.063em) {
	nav li.email {
		background: none;
		padding: inherit;
	}
}

@media only screen and (min-width: 40.0625em) and (orientation: portrait) {

}

@media only screen and (min-width: 40.063em) and (max-width: 64em) {
	
	#banner_carousel_wrapper h1 {
		font-size: 1.8rem;
		padding: 1rem 1.5rem;
		width: 100%;
	}
	#banner_carousel_wrapper .item .columns {
		padding: 0;
	}
	#banner_carousel_wrapper .item .texts {
		left: 0;
		position: relative;
    top: -5rem;
	}
	#banner_carousel_wrapper .item .texts img {
		margin: 0 2rem;
		height: 5rem;
	}

} /* min-width 641px and max-width 1024px, use when QAing tablet-only issues */

@media only screen and (min-width: 40.063em) and (max-width: 64em) and (orientation: portrait) {
	section.advantages .text-center {
    padding: 0 1rem 1rem;
	}
}

/* Large screens */
@media only screen and (min-width: 64.063em) { } /* min-width 1025px, large screens */

@media only screen and (min-width: 64.063em) and (max-width: 90em) {
	
} /* min-width 1025px and max-width 1440px, use when QAing large screen-only issues */

/* XLarge screens */
@media only screen and (min-width: 90.063em) { } /* min-width 1441px, xlarge screens */

@media only screen and (min-width: 90.063em) and (max-width: 120em) { } /* min-width 1441px and max-width 1920px, use when QAing xlarge screen-only issues */

/* XXLarge screens */
@media only screen and (min-width: 120.063em) { } /* min-width 1921px, xxlarge screens */