@import 'https://maxcdn.bootstrapcdn.com/font-awesome/4.2.0/css/font-awesome.min.css';
/*mobile menu css */

.uk-offcanvas-page {
	position: fixed;
	/* 2 */
  -webkit-transition: margin-left 0.3s ease-in-out;
	transition: margin-left 0.3s ease-in-out;
}
.uk-navbar-toggle {
	color:#004684;
	font-size: 25px;
	padding: 0 2px 0;
	width: 22px;
}
.uk-offcanvas {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
	bottom: 0;
	display: none;
	left: 0;
	position: fixed;
	right: 0;
	top: 0;
	z-index: 1000;
}
.uk-offcanvas-bar:after {
	bottom: 0;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}
.uk-offcanvas-bar .uk-search:before {
	left: 5px;
}
.uk-offcanvas.uk-active .uk-offcanvas-bar.uk-offcanvas-bar-show {
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
}
.uk-offcanvas-bar {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);
	z-index: 1001;
	/* 2 */
  width: 270px;
	max-width: 100%;
	background: #F3F3F3;
	/* 3 */
  overflow-y: auto;
	-webkit-overflow-scrolling: touch;
	/* 4 */
  -webkit-transition: -webkit-transform 0.3s ease-in-out;
	transition: transform 0.3s ease-in-out;
}
.uk-offcanvas.uk-active {
	display: block;
}
.uk-offcanvas .uk-panel {
	margin: 20px 15px;
	color: #777777;
}
.uk-offcanvas .uk-panel-title {
	color: rgba(255, 255, 255, 0.5);
}
.uk-offcanvas .uk-panel a:not([class]) {
 color: rgba(255, 255, 255, 0.5);
}
.uk-offcanvas .uk-panel a:not([class]):hover {
 color: #ffffff;
}
.uk-offcanvas-bar:after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 1px;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.uk-offcanvas-bar-flip:after {
	right: auto;
	left: 0;
	width: 1px;
	box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.3);
}
.uk-navbar-toggle:hover, .uk-navbar-toggle:focus {
	color: #2B2A28;
}
.uk-nav-offcanvas li.parent ul {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
}
.uk-nav, .uk-nav ul {
	list-style: outside none none none !important;
	margin: 0;
	padding: 0;
}
html .uk-nav.uk-nav-offcanvas > li.active > a:before, uk-nav-offcanvas ul a:hover {
	/*background: linear-gradient(to bottom, #5477A2, #5477A2) repeat scroll 0 0 #5477A2;
	border: 1px solid rgba(0, 0, 0, 0.06);*/
	content: "";
	display: block;
	height: 46px;
	left: 0;
	position: absolute;
	top: 0;
	width: 2px;
}
.uk-nav-offcanvas > li > a:hover, .uk-nav-offcanvas ul a:hover, .uk-nav li.active ul li.active a {
	background: none repeat scroll 0 0 #004787;
	color: #FFF !important;
	outline: medium none;/*border-left:4px solid #5477A2;*/
}
html .uk-nav.uk-nav-offcanvas > li.active > a, .uk-nav li.active ul li.active a {
	background: none repeat scroll 0 0 #004787;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset;
	color: #FFF !important;
}

#rt-offcanvas{ display:none;}


/* screen css start */
 
@media screen and (max-width: 1001px) {
	
 body{min-width:100% !important;}
 #body-wrapper .rt-container{ width:95% !important;}
 #body-wrapper .rt-container .rt-grid-12{ width:100% !important; margin: 0 auto !important;}
 #body-wrapper .rt-container .rt-grid-8{ width:64% !important;} 
 #body-wrapper .rt-container .rt-grid-4	{ width:30% !important}
 
 #kontakt #rt-main .rt-container .rt-grid-8{ width:30% !important;}
 #kontakt #rt-main .rt-container .rt-grid-4{ width:60% !important; margin:0px !important;}
 
 #kontakt #rt-main .rt-container .rt-grid-4 #rt-sidebar-a > div{ width:47% !important;}
 #map{ width:100% !important; }
 
 #forside #content{ padding:20px 0px !important;}
 #content{ padding:35px 5px 40px !important;}
 .item-page table{ width:100% !important;}
 
 .forsidetop{ width:100% !important; height:auto !important;}
  #rt-maintop .rt-container .rt-block{ padding-bottom:8px !important;}
 .forsidetop h2{ line-height:50px !important;}
 
 .box{ width:31% !important; background-size:100% !important; height:auto;  }
 .box p{ padding-top:54% !important;  font-size:20px;}
 table.undermenulist tr td{ width:48% !important;}
 
 .plogo img{ right:0px;}
 
 .ref{ width:47.333333% !important;}

/*product css*/
 
.gallerywrapper{ width:100% !important;} 
 .gallerybox{width:47.3333% !important;  }
 
 .quickgalleryWrap.theme2{ width:100% !important;}
 .quickgalleryWrap.theme2 .slides{ width:100% !important;}
 div.quickgalleryThumbs.theme2 .thumbsCntWrap{ width:33% !important;}
  div.quickgalleryThumbs.theme2 .group-2.last .thumbsCntWrap{ width:100% !important; }
 .quickgalleryWrap.theme2 .slides a.imagelink img{ width:100% !important; height:250px !important;}
 
 .quickgalleryThumbs  .thumbSlides{ height:71px !important;}
 
 
 #rt-showcase .rt-grid-12{ width:90% !important ; left:0 !important; margin:0px !important;}
 
 .camera_wrap{ left:0 !important; width:100% !important; }
 
 .camera_wrap img {
   
    left: 0 !important;
    margin: 0 !important;
    max-width: none !important;
    right: 0 !important;
    height:100%  !important;
    width: 100% !important;
}


 .banner{ width:100% !important; left:auto !important; }
 
 .banner .custombanner img{ width:100% !important; height:199px !important;}


}


/*table css start */
	
@media screen and (max-width: 868px) {

ul.sf-menu{ display:none;}
.uk-visible-small{ display:block;}
		.uk-navbar-toggle:after {
			content: "";
			font-family: FontAwesome;
			vertical-align: middle;
			display:inline-block;
		}
		
#rt-offcanvas{display:block;
    margin: 6px;
    padding: 8px;
    position: absolute;
    z-index: 99999;
}


#offcanvas .uk-nav-offcanvas > li > a, li.parent ul li >a {
	border-top: 1px solid rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset;
	color: #353535;
	font:300 18px/20px "BenchNine",sans-serif;
	padding: 13px 15px;
	position: relative;
	font-weight:normal;
	text-transform: uppercase;
}
#offcanvas li.parent ul li >a {
	font-size: 16px;
	padding: 11px 34px;
	font-weight:normal;
}
.uk-nav li > a {
	display: block;
	text-decoration: none;
}
.uk-offcanvas-bar-show ul {
	list-style:none !important;
}
		

.customlogo{ width:100% !important; top:-246px !important; background:none !important;left:auto !important;}
.customlogo a{ margin: 0 auto  !important; background-color:#FFF; background-position:25px 12px !important; height:200px !important;}
#rt-top{ background:#F5F5F5; height:250px !important;}

.languagesbox{ background:none !important; border:none !important; left:auto !important; top:-58px !important; width:100% !important; padding:0px !important;}

.customlanguagesbox{
    height: 18px;
    margin: 14px auto;
    padding: 10px;
    width: 78px;}

.plogo img{ width:37% !important; }


#footer{ height:auto !important;}

#forside #rt-showcase, .camera_wrap, .camera_wrap img{ height:300px !important;}
	
	.camera_wrap img{ width:138% !important; left:-40% !important; top:-56px !important; 
				 transform: scale(1.1,1.5);
				-webkit-transform: scale(1.,1.5);
				-moz-transform: scale(1.1,1.5);
				-o-transform: scale(1.1,1.5);
				-ms-transform: scale(1.1,1.5);}



}

@media screen and (max-width: 768px) {
	
 #body-wrapper .rt-container .rt-grid-8{ width:94% !important; } 
 #body-wrapper .rt-container .rt-grid-4	{ width:94% !important ;}

 #kontakt #rt-main .rt-container .rt-grid-8{ width:94% !important;}
 #kontakt #rt-main .rt-container .rt-grid-4{ width:85% !important; margin:0px 10px!important; margin-top:50px !important;}

.box{  margin: 11px;   width: 46% !important;} 
 
 .plogo img{ width: auto !important; }	
 
 .forsidetop h2{ font-size:38px !important; line-height:46px !important;}
 
 #rt-footer .rt-alpha p span{ display:inline-block;}
 
 

}


@media screen and (max-width: 620px){
	.rt-article ul.plogo li{
		 width:100% !important ;
		 float:left;
		 padding-top:32px; 
		 line-height:15px !important;
		 }
	
    .plogo img{
		padding-top: 11px;
    	position: inherit;
    	width: 86% !important;
		}
	.box{ width:44.333333% !important;}
	
	.gallerywrapper{ margin-bottom:16px !important;}
	
	#forside #rt-showcase, .camera_wrap, .camera_wrap img{ height:240px !important;}
	
	.camera_wrap img{ width:138% !important; left:-40% !important; top:-56px !important; 
				 transform: scale(1.1,1.5);
				-webkit-transform: scale(1.,1.5);
				-moz-transform: scale(1.1,1.5);
				-o-transform: scale(1.1,1.5);
				-ms-transform: scale(1.1,1.5);}


	
	
	}
	
@media screen and (max-width: 480px){	
table.undermenulist tr td{ width:100% !important; display:inline !important;}
.box{ width:98% !important; margin:10px 0px !important; padding-bottom:40px !important;}

.forsidetop h2{ font-size:21px !important; line-height:25px !important; padding-top:15px;}

 .ref{ width:98% !important;}
 
 #rt-maintop .rt-container .rt-block{ padding-bottom:8px !important;}
 
 
 #kontakt #rt-main .rt-container .rt-grid-4{ width:85% !important; margin:0px !important;   margin-top:50px !important;}
  #kontakt #rt-main .rt-container .rt-grid-4 #rt-sidebar-a > div{ width:97% !important;}
  
  .gallerybox{width:100% !important; margin:0px !important;  }
  
  .quickgalleryWrap.theme2 .slides .slide{ width:100% !important;}
  .quickgalleryWrap.theme2 .slides a.imagelink img{ width:100% !important; height:200px !important;}
  
  .quickgalleryThumbs .thumbSlides , .quickgalleryThumbs .thumbSlides .group, div.quickgalleryThumbs.theme2 .thumbsCntWrap .imageThumb ,div.quickgalleryThumbs.theme2 .thumbsCntWrap .imageThumb img{ width:100% !important;}
  
  div.quickgalleryThumbs.theme2 .last .thumbsCntWrap .imageThumb img{ width:30% !important;}
  .quickgalleryWrap.theme2 ,.quickgalleryWrap.theme2 .slides{ height:200px !important;}
  
#forside #rt-showcase, .camera_wrap, .camera_wrap img{ height:200px !important;}
	
	.camera_wrap img{ width:177% !important; left:-76% !important; top:-56px !important; 
				 transform: scale(1.1,1.5);
				-webkit-transform: scale(1.,1.5);
				-moz-transform: scale(1.1,1.5);
				-o-transform: scale(1.1,1.5);
				-ms-transform: scale(1.1,1.5);
				}


 .banner .custombanner img{ width:100% !important; height:120px !important;}
 #rt-showcase{ height:120px !important; }
 div#aiContactSafe_mainbody_1 div#aiContactSafeBtns input{ margin-left:-5px !important; border-radius:0px !important;}

}


@media screen and (max-width: 370px) {
	
	
	
	div#aiContactSafe_mainbody_1 div.aiContactSafe_contact_form_field_right{ float:left !important;}
	
div#aiContactSafe_mainbody_1 input#aics_name, div#aiContactSafe_mainbody_1 input#aics_email, div#aiContactSafe_mainbody_1 input#aics_phone, div#aiContactSafe_mainbody_1 input#aics_subject , div#aiContactSafe_mainbody_1 textarea#aics_message{ width:250px !important;}

	

}