@charset "UTF-8";



@font-face {

    font-family: 'montserratregular';

    src: url('../fonts/montserrat-regular-webfont.eot');

    src: url('../fonts/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/montserrat-regular-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-regular-webfont.woff') format('woff'),

         url('../fonts/montserrat-regular-webfont.ttf') format('truetype'),

         url('../fonts/montserrat-regular-webfont.svg#montserratregular') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'montserratlight';

    src: url('../fonts/montserrat-light-webfont.eot');

    src: url('../fonts/montserrat-light-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/montserrat-light-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-light-webfont.woff') format('woff'),

         url('../fonts/montserrat-light-webfont.ttf') format('truetype'),

         url('../fonts/montserrat-light-webfont.svg#montserratlight') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {s

    font-family: 'montserratbold';

    src: url('../fonts/montserrat-bold-webfont.eot');

    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/montserrat-bold-webfont.woff2') format('woff2'),

         url('../fonts/montserrat-bold-webfont.woff') format('woff'),

         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),

         url('../fonts/montserrat-bold-webfont.svg#montserratbold') format('svg');

    font-weight: normal;

    font-style: normal;

}

@font-face {

    font-family: 'enigmatic_unicoderegular';

    src: url('../fonts/EnigmaU_2-webfont.eot');

    src: url('../fonts/EnigmaU_2-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/EnigmaU_2-webfont.woff2') format('woff2'),

         url('../fonts/EnigmaU_2-webfont.woff') format('woff'),

         url('../fonts/EnigmaU_2-webfont.ttf') format('truetype'),

         url('../fonts/EnigmaU_2-webfont.svg#enigmatic_unicoderegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



body { font-family:'montserratlight',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

.footer h4 { font-family:'montserratbold',Arial,Tahoma,Verdana,Helvetica,sans-serif; }

.slider_content h2, .title_box, .title_box2 h3, .box_imp02, .box_imp03 h3, .list_imp02 h3 { font-family:'enigmatic_unicoderegular',Arial,Tahoma,Verdana,Helvetica,sans-serif; }



html {

	font-size:100%;

}

body {

	color:#000;

	-webkit-font-smoothing:antialiased;

	background-color:#FFF;

}

h1, h2, h3, h4 {

	line-height:100%;

	font-weight:normal;

	margin:0;

	padding:0;

}

a:link, a:visited {

	color:#000;

}

a:hover {

	color:#2C932D;

	text-decoration:none;

}

a.nav_next {

	display:inline-block;

	position:relative;

	color:#000;

	background-color:trasparent;

	margin-top:15px;

	padding:10px 30px;

	border:1px solid #363636;

}

a.nav_next:hover {

	color:#FFF;

	background-color:#363636;

}

a.nav_next2 {

	color:#FFF;

	border:1px solid #B0B3B0;

}

a.nav_next2:hover {

	color:#2C932D;

	background-color:#FFF;

	border:1px solid #FFF;

}

ul {

	list-style-type:none;

	margin:0;

	padding:0;

}

.imgleft {

	float:left;

	margin-right:25px;

}

.imgright {

	float:right;

	margin-left:25px;

}

.cleaner {

	width:100%;

	clear:both;

	line-height:1px;

	margin:0 !important;

	padding:0 !important;

}







/* Slider ............................................................... */



.slider {

	position: relative;

	width:100%;

	height:750px;

}

.slider_in {

	height:250px;

}

.slider > ul {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

}

.slider > ul > li {

	position:relative;

	width:100%;

	height:100%;

}

.slider > ul > li > div:first-child {

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background-size:cover;

	background-position:center 50%;

}



.slider_content {

	position:relative;

	z-index: 2;

	font-size:120%;

	color:#FFF;

	text-shadow:0 0 10px rgba(0,0,0,0.50);

	padding-top:5%;

}

.slider_content h2 {

	display:inline-block;

	font-size:500%;

	color:#FFF;

	letter-spacing:-1px;

	margin-bottom:30px;

	padding-bottom:15px;

	border-bottom:1px solid #FFF;

}

.slider_content h2 span {

	display:block;

	font-size:50%;

	color: white;

}



/* Header ............................. */



.header {

	position:relative;

	padding-top:50px;

}

.header h1 a {

	position:relative;

	display:inline-block;

	max-width:100%;

	z-index:200;

}

.header_lang {

	position:relative;

	z-index: 2;

	top:-30px;

}



/* Navigation ............................. */



.navigation {

	position:relative;

	z-index: 2;

}

.navigation .row > div > ul {

	margin-top:-100px;

	border-bottom:1px solid rgba(255,255,255,0.7);

}

.navigation  .navbar-collapse {

	padding-left:0;

	padding-right:0;

}

.navigation .row > div:first-child ul {

	text-align:left;

}

.navigation .row > div:last-child ul {

	text-align:right;

}

.navigation  .row li {

	display:inline-block;

}

.navigation .row a {

	position:relative;

	display:block;

	color:#FFF;

	text-transform:uppercase;

	line-height:40px;

    font-family: 'enigmatic_unicoderegular',Arial,Tahoma,Verdana,Helvetica,sans-serif;

}

.navigation .row a:hover {

	color:#FFF;

}

.navigation .row > div:first-child a {

	margin-right:30px;

}

.navigation .row > div:last-child a {

	margin-left:30px;

}

.navigation .row a span {

	display:inline-block;

	position:relative;

	font-size:140%;

}

.navigation .row a span:after {

	position:absolute;

	top:100%;

	left:0;

	content:"";

	width:100%;

	height:5px;

	background-color:#2C932D;

	opacity:0;

}

.navigation .row a:hover span:after 

 {

	opacity:1;

}



.navigation .row a.hi span:after {

	position:absolute;

	top:100%;

	left:0;

	content:"";

	width:100%;

	height:5px;

	background-color:#2C932D;

	opacity:1;

}



.navigation .row a i { 

	color:#2C932D;

}



.navigation ul > li > ul {

	text-align:left !important;

	background-color:#2C932D;

	margin-top:15px;

	padding:10px !important;

	border:0 solid #FFF;

	border-radius:0;

}

.navigation ul > li > ul:before {

	position:absolute;

	top:0;

	left:30px;

	content:"";

	width:20px;

	height:20px;

	background-color:#2C932D;

	margin-top:-10px;

	-ms-transform: rotate(45deg); 

	-webkit-transform: rotate(45deg); 

	transform: rotate(45deg);

}

.navigation ul > li > ul > li {

	width:100%;

}

.navigation ul > li > ul > li > a {

	position:relative;

	font-size:100%;

	color:#FFF;

	text-transform:none !important;

	height:auto;

	line-height:12px !important;

	margin:0 !important;

	padding:12px !important;

	border-bottom:1px solid transparent !important;

}

.navigation ul > li > ul > li > a:hover,

.navigation ul > li > ul > li > a:focus {

	color:#FFF !important;

	background:transparent;

	border-bottom:1px solid #FFF !important;

}



.navigation .row .dropdown a:after {

    content: "\f078";

    font-family: "FontAwesome";

    color: #fff;  

    font-size:140%;

    margin-left: 5px;

    

}



/* Container_x1 ............................................................... */



.container_x1 {

	position:relative;

	background:url("../images/bg_container_x1.jpg") center top no-repeat;

	background-size:cover;

	padding-top:40px;

	padding-bottom:40px;

	clear:both;

	overflow:hidden;

}



.container_x1 span{

	font-weight: bold;

}



.c_bg {

	position:absolute;

	top:0;

	width:50%;

	height:100%;

	background-position:center 50%;

	background-repeat:no-repeat;

	background-size:cover;

}

.c_bg_left {

	left:0;

}

.c_bg_right {

	right:0;

}

.title_box {

	margin-bottom:30px;

}

.title_box h2 {

	position:relative;

	font-size:260%;

	color:#2C932D;

}

.box_imp01 > div:first-child .title_box h2 {

	color:#2C932D;

}

.box_imp01 > div:last-child .title_box h2 {

	color:#363636;

}

.title_box2 {

	position:relative;

	margin-bottom:30px;

	padding-bottom:30px;

}

.title_box_imp { 

	position:relative;

}

.title_box_imp:before {

	position:absolute;

	bottom:-30px;

	left:100%;

	width:100px;

	height:1px;

	content:"";

	background-color:#2C932D;

}

.title_box2_bg:before, .title_box2_bg2:before {

	position:absolute;

	bottom:0;

	left:0;

	width:2000px;

	height:1px;

	content:"";

	background-color:#FFF;

	opacity:0.5;

}

.title_box2_bg2:before {

	left:-1000px;

}

.title_box2_bg:after, .title_box2_bg2:after {

	position:absolute;

	bottom:0;

	left:0;

	width:160px;

	height:5px;

	content:"";

	background-color:#2C932D;

	margin-bottom:-2px;

}

.title_box2_bg2:after {

	left:100%;

	background-color:#FFF;

	margin-left:-160px;

}

.title_box2 h2 {

	font-size:100%;

	color:#B5B5B5;

	letter-spacing:2px;

	margin-bottom:15px;

}

.title_box2 h3 {

	font-size:250%;

	color:#FFF;

}

.title_box2 h3 span {

	display:block;

	color:#2C932D;

}



.box_imp01 {

	margin-top:40px;

}

.box_imp01_bg { 

	height:300px;

	background-position:center 50%;

	background-repeat:no-repeat;

	background-size:cover;

	margin-bottom:30px;

}

.box_imp01 > div:first-child .box_imp01_bg {

	margin-left:-70%;

}

.box_imp01_bg.right {

	margin-right:-70%;

}



.box_imp02 {

	font-size:150%;

	margin-top:165px;

	margin-left:-15px;

	border-left:8px solid #FFF;

}

.box_imp02 li {

	position:relative;

	display:inline-block;

	margin-bottom:15px;

	padding-left:40px;

}

.box_imp02 li:before {

	position:absolute;

	top:13px;

	left:0;

	width:30px;

	height:1px;

	display:block;

	content:"";

	background-color:#FFF;

}



.box_imp03 {

	position:relative;

}

.box_imp03 div:hover:not(.dark-overlay) {

	background-color: rgba(255, 255, 255, 0.12);

	position: relative;

}

.box_imp03:before {

	position:absolute;

	bottom:0;

	left:-1000px;

	width:3000px;

	height:1px;

	content:"";

	background-color:#2C932D;

}

.box_imp03_imp {

	position:relative;

}

.box_imp03_imp:after {

	position:absolute;

	top:0;

	left:-1000px;

	width:3000px;

	height:1px;

	content:"";

	background-color:#2C932D;

}

.box_imp03 > div:first-child {

	border-right:1px solid #2C932D;

}

.box_imp03 a {

	display:block;

	padding-top:15px;

	padding-bottom:15px;

	position: relative;

}

.box_imp03 a h3 {

	font-size:140%;

	color:#FFF;

	margin-bottom:10px;

}

.box_imp03 a:hover h3 {

	color:#2C932D;

}





.container_x1 h4 {

	position:relative;

	font-size:120%;

	color:#2C932D;

	padding-bottom: 15px;

	font-weight:bold;

}





/* Container_x2 ............................................................... */



.container_x2 {

	position:relative;

	color:#FFF;

	background-color:#484F47;

	padding-top:40px;

	padding-bottom:40px;

	overflow:hidden;

}

.container_x2_bg:before {

	position:absolute;

	top:0;

	right:0;

	width:50%;

	height:100%;

	display:block;

	content:"";

	background:url("../images/bg_container_x2.jpg") center 50% no-repeat;

	background-size:cover;

}

.container_x2 .container {

	position:relative;

	z-index:100;

	overflow:hidden;

}

.container_x2 a {

	color:#FFF;

}



/* Container_x3 ............................................................... */



.container_x3 {

	position:relative;

	color:#FFF;

	background:#484F47 url("../images/bg_container_x3.jpg") center 50% no-repeat;

	background-size:cover;

	padding-top:40px;

	padding-bottom:40px;

	overflow:hidden;

}

.container_x3 a {

	color:#FFF;

}

.list_imp02 h3 {

	font-size:250%;

	color:#FFF;

	margin-top:30px;

	margin-bottom:15px;

}

.list_imp02 .row > div {

	padding-left:0;

	padding-right:0;

}

.list_imp02 > div > a {

	display:inline-block;

	width:40px;

	height:40px;

	line-height:40px;

	font-size:130%;

	margin-top:10%;

}

.list_imp02 > div > a:hover {

	color:#2C932D;

}

.list_imp02 a:hover img {

	-webkit-transform:scale(0.9);

	-moz-transform:scale(0.9);

	-o-transform:scale(0.9);

	-ms-transform:scale(0.9);

	transform:scale(0.9);

}



/* Footer ............................................................... */



.footer {

	position:relative;

	color:#FFF;

	text-align:right;

	background-color:#2C932D;

	padding-top:40px;

	padding-bottom:15px;

	overflow:hidden;

}

.footer .container {

	position:relative;

	z-index:100;

	overflow:hidden;

}

.footer a {

	color:#FFF;

	white-space:nowrap;

}

.footer a:hover {

	text-decoration:underline;

}

.footer h4 {

	display:inline-block;

	font-size:100%;

}

.footer .row .row > div > div {

	margin-bottom:15px;

}

.footer .container > ul {

	text-align:right;

	padding-top:15px;

	border-top:1px solid rgba(255,255,255,0.5);

}

.footer .container > ul li {

	display:inline-block;

}

.footer .container > ul li img {

	position:relative;

	top:-2px;

}



/* Effects ............................. */



.box_imp03 a h3, .list_imp02 a img {

	-webkit-transition:all 300ms linear;

	-moz-transition:all 300ms linear;

	-o-transition:all 300ms linear;

	-ms-transition:all 300ms linear;

	transition:all 300ms linear;

}

::i-block-chrome, div {

	-webkit-transition:initial;

}

/* Lang ............................. */



div > span.lang {

    float: right;

}

span.lang > a{

	color: #fff;

}

span.lang > a:hover{

	color: #f8f6f7;

}



span.lang > img{

	margin: 0px 5px;

	max-height: 11px;

}

/* Referencie novinky

--------------------------------------- */

article.referencie a div.over {

    position: absolute;

    left: 0%;

    top: 0px;

    visibility: hidden;

    opacity: 0;

    width: 100%;

    height: 100%;

    -webkit-transition: all 300ms linear;

    -moz-transition: all 300ms linear;

    -o-transition: all 300ms linear;

    -ms-transition: all 300ms linear;

    transition: all 300ms linear;

}

article.referencie a:hover div.over{

	position: absolute;

	left: 0px;

	top:0px;

	/* width: 85%; */

	height: 100%;

	background: rgba(206, 206, 206, 0.53);

	visibility: visible;

	opacity: 1;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

}



div.over img.top{

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

	/* margin-top: 50%; */

	padding: 2.35em 2.35em;

}



.dark-overlay {

	top: -20px;

	position: relative;

	opacity: 0;

	width: 100%;

	height: 100%;

	background-color: rgba(0,0,0,0.3);

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

}

.dark-overlay.absolute {

	position: absolute;

	top:0;

}

.hoverable .dark-overlay img {

	margin: auto;

	position: relative;

	top: 35%;

display: none;

}

.hoverable .dark-overlay.absolute img {

	top: 0;

}

.hoverable:hover .dark-overlay {

	opacity: 1;

	/*left: -15px;*/

	width: 100%;

}



.hoverable div.over {

	position: absolute;

	left: 0%;

	top: 0px;

	visibility: hidden;

	/*opacity: 0;*/

	/*!* width: 100%; *!*/

	/*height: 100%;*/

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

}

.hoverable div.over > img {

	visibility: hidden;

	display: none;

	-webkit-transition: all 500ms linear;

	-moz-transition: all 500ms linear;

	-o-transition: all 500ms linear;

	-ms-transition: all 500ms linear;

	transition: all 500ms linear;

	margin: 70px auto auto auto;

}

.hoverable:hover div.over{

	position: absolute;

	left: 15px;

	/*top: 66px;*/

	 /*width: 161.2%;*/

	/*height: 76%;*/

	background: rgba(206, 206, 206, 0.53);

	visibility: visible;

	opacity: 1;

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

}

.hoverable:hover div.over > img{

	display: block;

	visibility: visible;  

}



div.over img.top{

	-webkit-transition: all 300ms linear;

	-moz-transition: all 300ms linear;

	-o-transition: all 300ms linear;

	-ms-transition: all 300ms linear;

	transition: all 300ms linear;

	/* margin-top: 50%; */  
  
	padding: 2.35em 2.35em;
  display: none;

}



.referencie {
	position: relative;
  width: 20%;
}

@media screen and (max-width: 1200px){
	.referencie { margin-bottom: 30px; width: 33.33%;	}
}
@media screen and (max-width: 991px){
	.referencie { margin-bottom: 30px; width: 50%; }
}
@media screen and (max-width: 450px){
	.referencie { margin-bottom: 30px; width: 100%; }
}

.referencie p {

	background-color: rgba(44, 56, 42, 0.52);

    color: #fff;

    margin: 0;

	position: absolute;

	bottom: 0;

	left: 15px;

	right: 15px;

	padding-top: 5px;

	padding-bottom: 5px;

	/*width: 100%;*/

}





/* Tymto mame schovane sekcie v KONTAKTOCH a KARIERE

--------------------------------------- */

#Kariera .container_x3,

#Career .container_x3{

	display: none;

}

#Kontakt .container_x3,

#Contact .container_x3{

	display: none;

}

#Kariera .container_x3,

#Career .container_x3{

	display: none;

}

#Referencie .container_x3,

#our_projects .container_x3{

	display: none;

}


.vnutro img {
  image-rendering: pixelated;
}
.vnutro a img {
-webkit-transition:all 300ms linear;
-moz-transition:all 300ms linear;
-o-transition:all 300ms linear;
-ms-transition:all 300ms linear;
transition:all 300ms linear;	
}
.vnutro a:hover img {
-webkit-transform:scale(1.05);
-moz-transform:scale(1.05);
-o-transform:scale(1.05);
-ms-transform:scale(1.05);
transform:scale(1.05);	
}


a.video {
position:relative;
display: inline-block;
width:100%;
height:100%;
}
a.video:after {
position:absolute;
display:block;
width:36px;
height:36px;
margin-top: -18px;
margin-left: -18px;
left:50%;
top:50%;
content: "\f04b";
font-family: "FontAwesome";
line-height: 36px;
font-size:36px;
color: #fff;
text-shadow: 0px 0px 2px rgba(0, 0, 0, 1);
}



/* RESPONSIVE STRUCTURE

--------------------------------------- */



@media screen and (max-width: 1366px) {

	.slider {	height:610px; }	

	.slider_in { height:200px; }

	.slider_content h2 { font-size:400%; margin-bottom:15px; padding-bottom:10px; }



}

  

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

	div > span.lang {top: -4.5em;right: -8.5em;}

	.referencie {margin-right: 0%;}

	div.over img.top {padding: 2.35em 2.35em;}

	a.nav_next {	margin-top:10px; padding:5px 15px; }

	.slider {	height:500px; }	

	.slider_in { height:150px; }

	.slider_content {	font-size:100%; }

	.header { padding-top:15px; }	

	.navigation .row > div > ul { margin-top:-70px; }

	.navigation .row a { line-height:30px;	}

	.navigation .row a span { font-size:120%; }

	.navigation .row a span:after {	height:2px; }

	.navigation .row > div:first-child a { margin-right:15px; }

	.navigation .row > div:last-child a { margin-left:15px; }

	.navigation ul > li > ul > li > a { font-size:90%; padding:8px 10px !important; }

	.title_box { margin-bottom:15px; }

	.title_box h2 {	font-size:180%; }

	.title_box2 {	margin-bottom:15px; padding-bottom:15px; }

	.title_box2 h2 { margin-bottom:10px; }

	.title_box2 h3 { font-size:180%; line-height: 130%; }

	.title_box_imp:before {	bottom:-15px; }

	.box_imp01_bg { height:200px; margin-bottom:15px; }

	.box_imp02 { font-size:120%; margin-top:110px;	border-left:4px solid #FFF; }

	.box_imp03 a h3 { font-size:120%; }

	.list_imp02 h3 { font-size:180%;	margin-top:15px; }



}

@media screen and (max-width: 1100px){

	div.over img.top {padding: 9.35em 8.35em;}

	/*.referencie p { margin-bottom: 25px;}*/

}



@media screen and (max-width: 991px) {

	div > span.lang {top: -2.1em;right: -5.5em;}

	.slider { height:auto; padding-bottom:15px; }

	.slider .container { width:100%; }

	.slider_content h2 { font-size:250%; padding-top:30px; }

	.header { position:absolute; top:0; left:0; display:inline-block; text-align:left; width:120px !important; }

	.header_lang { 	position:absolute; top:80px; }

	.navigation { top:0; min-height:80px; }

	.navigation .row > div:first-child ul, .navigation .row > div:last-child ul { text-align:center; margin-top:0; padding:0; border:0 solid #FFF; }

	.navigation li { width:100%; }

	.navigation .row > div:first-child ul  a, .navigation .row > div:last-child ul  a { margin:0; margin-bottom:10px; }

	.navigation .row a span {	font-size:100%; }

	.navigation ul > li > ul { text-align:center; margin-top:0; margin-bottom:5px; }

	.navigation ul > li > ul:before { display:none; }

	.navigation .dropdown-menu { position:static; float:none; width:auto; 	text-align:center !important; margin-top:5px; border:0; box-shadow:none; }

	.navigation .dropdown-menu > li > a { display:inline-block; white-space:normal; z-index:1000; }

	.navigation .navbar-header { float: none; }

	.navigation .navbar-toggle { display: block; }

	.navigation .navbar-collapse { max-height:inherit; overflow:hidden !important; border-top: 1px solid transparent; box-shadow: inset 0 1px 0 rgba(255,255,255,0); }

	.navigation .navbar-collapse.collapse {    display: none!important;}
	.navigation .navbar-default { background-color:transparent !important; }

	.navigation .navbar-default .navbar-toggle { margin-top:10px; margin-right:0; border-color:#FFF; z-index:300; }

	.navigation .navbar-default .navbar-toggle:hover,

	.navigation .navbar-default .navbar-toggle:focus { background-color:#FFF; }

	.navigation .navbar-default .navbar-toggle .icon-bar { background-color:#fff; }

	.navigation .navbar-default .navbar-collapse,

	.navigation .navbar-default .navbar-form { border-color:#FFF; }

 

}







@media screen and (min-width: 991px) {

	.referencie {margin-top: 5px;}

	.referencie p{padding-bottom: 5px;}

	/*.navigation .dropdown .dropdown-menu { display:block; visibility:hidden; opacity:0; -moz-transition:all 0.3s  ease; -o-transition:all 0.3s  ease; -ms-transition:all 0.3s  ease; transition:all 0.3s  ease; }*/

	/*.navigation .dropdown:hover .dropdown-menu { visibility:visible; opacity:1; }*/

	.dropdown-menu {

		transition: all .3s ease-in-out;

	}

	.navigation .dropdown { display:inline-block; }



}

 

@media screen and (max-width: 767px) {

	div > span.lang {top: -2.5em;right: -16.5em;}

	.referencie{margin-right: 0%;}

	.referencie p{padding-bottom: 5px;}

	div.over img.top {padding: 2.35em 2.35em;}

	.navigation .row > div:first-child ul { padding-top:30px; }

	.navigation .navbar-default .navbar-toggle { margin-right:10px; }

	.container_x1, .container_x3 {	padding-top:15px; padding-bottom:15px; }

	.container_x2 {	padding-top:15px; padding-bottom:0; }

	.container_x2_bg:before { display:none; }

	.container_x2_bg .container > .row > div:last-child { background:url("../images/bg_container_x2.jpg") center 50% no-repeat; background-size:cover; margin-top:15px; padding-top:15px; padding-bottom:15px; }

	.title_box2 h3 { font-size:140%; line-height: 130%; }

	.box_imp02 { font-size:110%; margin-top:0; }

	.box_imp02 li { margin-bottom:15px; padding-left:30px; }

	.box_imp02 li:before { width:20px; }

	.list_imp02 > div > a {	margin-top:10px; margin-bottom:10px; padding-top:5px; width:20px; height:20px; line-height:20px; }

	.c_bg {	position:relative; left:-15px !important; top:15px !important;	width:120%; height:200px; }

	.footer { padding-top:15px; }

	.footer, .footer .container > ul, .footer .title_box2 { text-align:center; }

	.footer .title_box2 { border-bottom:1px solid rgba(255,255,255,0.5); }

	.footer .title_box2_bg:before, .footer .title_box2_bg2:after, .footer .title_box2_bg2_imp:before { display:none; }



}



@media screen and (max-width: 480px) {

	div > span.lang {top: -2.5em;right: -1em;}

	div.over img.top {padding: 7.35em 7.35em;}

	.referencie{margin-right: 0%;}

	.title_box { text-align:left; }

	.box_imp01 > div { width:100%; }

	.box_imp01 > div:first-child { margin-bottom:15px; }

	.box_imp01_bg { height:150px; margin:0 !important; margin-bottom:15px !important; }

	.box_imp03 > div { width:100%; border-bottom:1px solid #2C932D; }

	.box_imp03:before, .box_imp03_imp:before { display:none; }

	.footer .row .row > div { width:100%; }

 

}



.we_button {

    position: absolute;

    z-index: 2;

}



.navbar-collapse.collapse.in {

	display: block !important;

}

.navbar-collapse.in .row {

	min-height: 290px;

}



.contact-link-btn {

	margin-top: 15px;

	background-color: white;

	border-radius: 0;

}

.contact-link-btn a {

	color: #2C932D;

}



.back-btn {

	display: inline;

	background-color: #2C932D;

	color: white;

	padding: 10px;

	float: right;

	transition: all .2s ease-in-out;

	position: relative;

	top: -50px;

}

.back-btn:hover {

	cursor: pointer;

	background-color: #3bc23c;

}



@media screen and (max-width: 767px) {

.back-btn {float: none;	top: inherit;}

}