#cookie-bar {background:#92a1a8; height:auto; line-height:24px; color:#fff; text-align:center; padding:3px 0;font-size: 80%;text-shadow: 1px 1px 1px rgba(150, 150, 150, 1);}
#cookie-bar.fixed {position:fixed; top:0; left:0; width:100%;}
#cookie-bar.fixed.bottom {bottom:0; top:auto;}
#cookie-bar p {margin:0; padding:0;}
#cookie-bar a {color:#ffffff; display:inline-block; border-radius:3px; text-decoration:none; padding:0 6px; margin-left:8px;}
#cookie-bar .cb-enable {background:#007700;}
#cookie-bar .cb-enable:hover {background:#009900;}
#cookie-bar .cb-disable {background:#990000;}
#cookie-bar .cb-disable:hover {background:#bb0000;}
#cookie-bar .cb-policy {background:#0033bb;}
#cookie-bar .cb-policy:hover {background:#0055dd;}


/* Global Styles */

html, body {
  height: 100%;
}

body {
font-family: 'Oxygen', sans-serif;  
color: #005895;
}
.hr {background: #e7edf8 url(../img/hr_bg.jpg) top center repeat-x; height: 45px}
.hr p {text-align:center; padding-top: 8px}
.footer {	
background: #00b2d3; /* Old browsers */
background: -moz-linear-gradient(top, #00b2d3 0%, #005895 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00b2d3), color-stop(100%,#005895)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #00b2d3 0%,#005895 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #00b2d3 0%,#005895 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #00b2d3 0%,#005895 100%); /* IE10+ */
background: linear-gradient(to bottom, #00b2d3 0%,#005895 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00b2d3', endColorstr='#005895',GradientType=0 ); /* IE6-9 */

}
h1, h2, h3, h4, h5, h6 {font-family: 'Sintony', sans-serif;}
.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

/* Page Sections */


.section-colored {
    background: #ddd;
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    
}
.top {background: #e7edf8 url(../img/topbg.jpg) top center repeat-x; height: 69px}
.flakes {height: 40px; background: url(../img/flakes.png) top center repeat-x}
.sidebar {
  margin-top: 40px;
}
ul.contacts {
	list-style:none;
	padding: 0 0 0 15px;
	margin: 0;
}
ul.contacts li {
	margin-top: 13px;
	color: white;
}
ul.contacts a {color:white}
ul.contacts span {
	color: #afc7d8;
	padding-right: 10px;
	font-size: 165%;
}
ul.kapcsolat {
	list-style:none;
	padding: 0 0 0 15px;
	margin: 0;
}
ul.kapcsolat li {
	margin-top: 13px;
}
ul.kapcsolat a {}
ul.kapcsolat span {
	color: #afc7d8;
	padding-right: 10px;
	font-size: 165%;
}
ul.nav{
	background: #afc7d8; /* Old browsers */
background: -moz-linear-gradient(top, #afc7d8 0%, #e7edf8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#afc7d8), color-stop(100%,#e7edf8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #afc7d8 0%,#e7edf8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #afc7d8 0%,#e7edf8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #afc7d8 0%,#e7edf8 100%); /* IE10+ */
background: linear-gradient(to bottom, #afc7d8 0%,#e7edf8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#afc7d8', endColorstr='#e7edf8',GradientType=0 ); /* IE6-9 */
}
.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

.footer .panel-default {
	background: transparent !important;
	border: none;
}




/* Half Page Height Carousel Customization */
.carousel {
  height: 40%;
}
.carousel-caption h1,.carousel-caption h2,.carousel-caption h3, .footer h3 {color: #17437e}
.carousel-caption a {color: #00315f; text-decoration: none}
.carousel-caption a:hover {color: #000;}
.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 30%;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 30% 0;
}

/* Responsive Styles */
@media (max-width: 767px) {

  .carousel {
    height: 30%;
 /* increases the carousel height so it looks good on phones */
  }
  .carousel-caption {display: none}
}

ul.katMenu li {
    display: block;
    padding: 10px 5px;
    background: #fff;
}
.katSzint_2 a{
    padding-left: 18px;
}
.katSzint_3 a{
    padding-left: 30px;
}
.katOpen {
    float: right;
}


.navbar-bg {
   
}
.navbar-nav a {
color: #019ed1;
text-transform: uppercase;
font-family: 'Sintony', sans-serif;

}
.navbar-nav a:hover {
color: #0a7ea4;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
background-color: #EEE;
color:#000;
border-color: #428BCA;
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px;
background: #fff;
}
.navbar-toggle {
    border:  none;
    background: rgb(64,150,238); /* Old browsers */
background: -moz-linear-gradient(left,  rgba(64,150,238,1) 0%, rgba(0,91,239,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(64,150,238,1)), color-stop(100%,rgba(0,91,239,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(64,150,238,1) 0%,rgba(0,91,239,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(64,150,238,1) 0%,rgba(0,91,239,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(64,150,238,1) 0%,rgba(0,91,239,1) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(64,150,238,1) 0%,rgba(0,91,239,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4096ee', endColorstr='#005bef',GradientType=1 ); /* IE6-9 */

}
.container {
}
.headercontainer {
    background: #fff;
}
a.navbar-brand {
    color:#fff;   
}
.navbar-right {
float: right !important;
}

.box-style {
    
background: none repeat scroll 0 0 white;
border-radius: 6px 6px 6px 6px;
box-shadow: 0 0 5px #D8D8D8;
margin: 5px;
padding: 10px;
float: left;
margin-right: 20px;

}
.box-style img {
    max-width: 100% !important;
}
.katBox {
    position: relative;
    max-width: 100% !important;
    margin: 5px 5px 30px 5px;
padding: 10px;
padding-bottom: 0;
background: white;
box-shadow: 0 0 5px #D8D8D8;
border-radius: 6px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
height: 300px;
border-bottom: 3px solid #e6e6e6;
text-align:center;
}
.katBox a {
    text-decoration: none;
    color: #00b3d3;
}
.katBox:hover { 
    border-bottom: 3px solid #bbbbbb;
    box-shadow: 3px 3px 10px #bbbbbb;
    left: -1px;
    top: -1px;
    z-index: 10;
}
img {
    max-width: 100% !important;
}
.katBox span.glyphicon {
    position: absolute;
    top: 1px;
    left: 2px;
font-size: 39px;
color: #009D4F;
}
span.glyphicon strong {
    position: absolute;
top: 5px;
left: 11px;
color: white;
font-size: 13px;
font-weight: normal;
display: block;
width: 20px;
text-align: center;
}
.utvonal {
    height: 20px;
    padding-left: 20px;
    padding-bottom: 30px;
}
.utvonal span {
    margin-right: 10px;
}
.utvonal a {
    margin-right: 5px;
    color: #005895;
}
.utvonal a:hover {
    color: #003d67;
    text-decoration: none;
}
.utvonal a::after {
    content: "\A0\A0\A0\BB";
}
.utvonal a:last-child {
    
    color: #00b3d3;
}
.utvonal a:last-child::after {
    content: "";
    
}
.roundedbox {
    margin: 0 0 10px 0;
    padding: 10px;
background: #f2f6f8; /* Old browsers */
background: -moz-linear-gradient(top,  #f2f6f8 0%, #b5c6d0 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f6f8), color-stop(100%,#b5c6d0)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f2f6f8 0%,#b5c6d0 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f2f6f8 0%,#b5c6d0 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#b5c6d0',GradientType=0 ); /* IE6-9 */


box-shadow: none;

}
.float-right {
    float: right;
}
.float-left {
    float: left;
}
.clear-both {
    clear: both;
}
.inline-block {
    display: inline-block;
}

.termBox {
    position: relative;
    max-width: 100% !important;
    margin: 5px 5px 30px 5px;
padding: 10px;
padding-bottom: 0;
background: white;
box-shadow: 0 0 5px #D8D8D8;
border-radius: 6px;
-webkit-transition: 0.5s ease;
-moz-transition: 0.5s ease;
-ms-transition: 0.5s ease;
-o-transition: 0.5s ease;
height: 450px;
border-bottom: 3px solid #e6e6e6;
    text-align: center;
}
.termBox a {
    text-decoration: none;
    color: #ea3;
}
.termBox:hover { 
    border-bottom: 3px solid #bbbbbb;
    box-shadow: 3px 3px 10px #bbbbbb;
    left: -1px;
    top: -1px;
    z-index: 10;
}
img {
    max-width: 100% !important;
}
.termBox span.akcioIcon {
    position: absolute;
    top: -1px;
    left: 2px;
font-size: 39px;
color: #FF8000;
}
.termBox span.akcioIcon strong {
    position: absolute;
top: 5px;
left: 11px;
color: white;
font-size: 13px;
font-weight: normal;
display: block;
width: 20px;
text-align: center;
}
.termekNev, .kategoriaNev {
    text-transform: uppercase;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 5px;
    color: #00b3d3;
    font-weight: bold;
}
.termekLeiras {
    text-align: center;
    margin-bottom: 10px;
    color: #aaa;

}
.termekVan {
    color: green;
}
.termekNincs {
    color: #800040;
}
.termBox .termekTovabb a{
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10%;
    width: 80%;
    padding: 6px 10px 6px 10px;
    color: #fff;
    -webkit-transition: 0.5s ease;
-moz-transition: 0.1s ease;
-ms-transition: 0.1s ease;
-o-transition: 0.1s ease;
 -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
background: #1e5799; /* Old browsers */
background: -moz-linear-gradient(top, #1e5799 0%, #2989d8 50%, #207cca 51%, #7db9e8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#7db9e8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* IE10+ */
background: linear-gradient(to bottom, #1e5799 0%,#2989d8 50%,#207cca 51%,#7db9e8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#7db9e8',GradientType=0 ); /* IE6-9 */
}
.termBox:hover .termekTovabb a {
    background: #004080;
background: #0c3ba0; /* Old browsers */
background: -moz-linear-gradient(top, #0c3ba0 0%, #2989d8 50%, #207cca 51%, #8fd6f7 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0c3ba0), color-stop(50%,#2989d8), color-stop(51%,#207cca), color-stop(100%,#8fd6f7)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* IE10+ */
background: linear-gradient(to bottom, #0c3ba0 0%,#2989d8 50%,#207cca 51%,#8fd6f7 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3ba0', endColorstr='#8fd6f7',GradientType=0 ); /* IE6-9 */
}
.termekGyorsnezet {
    position: absolute;
    top: 30%;
    left: 20%;
    z-index: 100;
    width:  60%;
    -webkit-transition: 0.5s ease;
-moz-transition: 1s ease;
-ms-transition: 1s ease;
-o-transition: 1s ease;
    display:none;
    -webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
    background: #0098E6;
    color: #fff;
    text-align: center;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	-khtml-opacity: 0;
	opacity: 0;
   
    
}
.termBox:hover .termekGyorsnezet {
    display: block;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.termekGyorsnezet a span {
    
    color:#fff;
    
}
.termekGyorsnezet a {
     padding: 20px;
     font-weight: bold;
    color:#fff;
}
.termekcim {color: #00b3d3;}

img.termekkep { 
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 0 8px #a7d0e5;
}
.arasresz {padding: 10px}
.arak {
	background: #b8e1fc; /* Old browsers */
background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b8e1fc), color-stop(10%,#a9d2f3), color-stop(25%,#90bae4), color-stop(37%,#90bcea), color-stop(50%,#90bff0), color-stop(51%,#6ba8e5), color-stop(83%,#a2daf5), color-stop(100%,#bdf3fd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */



	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 0;
    box-shadow: 0 0 8px #a7d0e5;
}
.termekArNetto, .nettoar {
    color: #005895;
    font-size: 1.5em;
    display: inline;
     font-weight:bold;
}
.termekArBrutto, .bruttoar {
    color: #00b3d3;
    font-size: 1.1em;
    display: inline;
   
}
.termekArNetto_termeklap, .nettoar_termeklap {
    color: #005895;
    font-size: 1.4em;
    font-weight:bold;
}
.termekArBrutto_termeklap, .bruttoar_termeklap {
    color: #e3f4f8;
    font-size: 1.2em;
}
.minikosar {
    background: #004080;
    color: #fff;
    padding-top: 20px;
    -webkit-border-bottom-right-radius: 30%;
-webkit-border-bottom-left-radius: 30%;
-moz-border-radius-bottomright: 30%;
-moz-border-radius-bottomleft: 30%;
border-bottom-right-radius: 30%;
border-bottom-left-radius: 30%;
padding-bottom: 20px;
padding-left: 10px;
padding-right: 10px;
border-bottom: 3px solid #0080FF;
}
.minikosar div.cim {
    font-size: 16px;
    text-align: center;
}
.minikosar div.tartalom {
    text-align: center;
    color: #FEE47E;
}
.galthumb {
	-webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: 0 0 5px #a7d0e5;
}
span.menu {
	color: #5799bb;
	font-size: 20px;
}

#imagelightbox
		{
			cursor: pointer;
			position: fixed;
			z-index: 10000;

			-ms-touch-action: none;
			touch-action: none;

			-webkit-box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
			box-shadow: 0 0 3.125em rgba( 0, 0, 0, .75 ); /* 50 */
		}


		/* ACTIVITY INDICATION */

		#imagelightbox-loading,
		#imagelightbox-loading div
		{
			border-radius: 50%;
		}
		#imagelightbox-loading
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			position: fixed;
			z-index: 10003;
			top: 50%;
			left: 50%;
			padding: 0.625em; /* 10 */
			margin: -1.25em 0 0 -1.25em; /* 20 */

			-webkit-box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
			box-shadow: 0 0 2.5em rgba( 0, 0, 0, .75 ); /* 40 */
		}
			#imagelightbox-loading div
			{
				width: 1.25em; /* 20 */
				height: 1.25em; /* 20 */
				background-color: #fff;

				-webkit-animation: imagelightbox-loading .5s ease infinite;
				animation: imagelightbox-loading .5s ease infinite;
			}

			@-webkit-keyframes imagelightbox-loading
			{
				from { opacity: .5;	-webkit-transform: scale( .75 ); }
				50%	 { opacity: 1;	-webkit-transform: scale( 1 ); }
				to	 { opacity: .5;	-webkit-transform: scale( .75 ); }
			}
			@keyframes imagelightbox-loading
			{
				from { opacity: .5;	transform: scale( .75 ); }
				50%	 { opacity: 1;	transform: scale( 1 ); }
				to	 { opacity: .5;	transform: scale( .75 ); }
			}


		/* OVERLAY */

		#imagelightbox-overlay
		{
			background-color: #fff;
			background-color: rgba( 255, 255, 255, .9 );
			position: fixed;
			z-index: 9998;
			top: 0;
			right: 0;
			bottom: 0;
			left: 0;
		}


		/* "CLOSE" BUTTON */

		#imagelightbox-close
		{
			width: 2.5em; /* 40 */
			height: 2.5em; /* 40 */
			text-align: left;
			background-color: #666;
			border-radius: 50%;
			position: fixed;
			z-index: 10002;
			top: 2.5em; /* 40 */
			right: 2.5em; /* 40 */

			-webkit-transition: color .3s ease;
			transition: color .3s ease;
		}
			#imagelightbox-close:hover,
			#imagelightbox-close:focus
			{
				background-color: #111;
			}
			#imagelightbox-close:before,
			#imagelightbox-close:after
			{
				width: 2px;
				background-color: #fff;
				content: '';
				position: absolute;
				top: 20%;
				bottom: 20%;
				left: 50%;
				margin-left: -1px;
			}
			#imagelightbox-close:before
			{
				-webkit-transform: rotate( 45deg );
				-ms-transform: rotate( 45deg );
				transform: rotate( 45deg );
			}
			#imagelightbox-close:after
			{
				-webkit-transform: rotate( -45deg );
				-ms-transform: rotate( -45deg );
				transform: rotate( -45deg );
			}


		/* CAPTION */

		#imagelightbox-caption
		{
			text-align: center;
			color: #fff;
			background-color: #666;
			position: fixed;
			z-index: 10001;
			left: 0;
			right: 0;
			bottom: 0;
			padding: 0.625em; /* 10 */
		}


		/* NAVIGATION */

		#imagelightbox-nav
		{
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			border-radius: 20px;
			position: fixed;
			z-index: 10001;
			left: 50%;
			bottom: 3.75em; /* 60 */
			padding: 0.313em; /* 5 */

			-webkit-transform: translateX( -50% );
			-ms-transform: translateX( -50% );
			transform: translateX( -50% );
		}
			#imagelightbox-nav button
			{
				width: 1em; /* 20 */
				height: 1em; /* 20 */
				background-color: transparent;
				border: 1px solid #fff;
				border-radius: 50%;
				display: inline-block;
				margin: 0 0.313em; /* 5 */
			}
			#imagelightbox-nav button.active
			{
				background-color: #fff;
			}


		/* ARROWS */

		.imagelightbox-arrow
		{
			width: 3.75em; /* 60 */
			height: 7.5em; /* 120 */
			background-color: #444;
			background-color: rgba( 0, 0, 0, .5 );
			vertical-align: middle;
			display: none;
			position: fixed;
			z-index: 10001;
			top: 50%;
			margin-top: -3.75em; /* 60 */
		}
		.imagelightbox-arrow:hover,
		.imagelightbox-arrow:focus
		{
			background-color: #666;
			background-color: rgba( 0, 0, 0, .75 );
		}
		.imagelightbox-arrow:active
		{
			background-color: #111;
		}
			.imagelightbox-arrow-left
			{
				left: 2.5em; /* 40 */
			}
			.imagelightbox-arrow-right
			{
				right: 2.5em; /* 40 */
			}
			.imagelightbox-arrow:before
			{
				width: 0;
				height: 0;
				border: 1em solid transparent;
				content: '';
				display: inline-block;
				margin-bottom: -0.125em; /* 2 */
			}
				.imagelightbox-arrow-left:before
				{
					border-left: none;
					border-right-color: #fff;
					margin-left: -0.313em; /* 5 */
				}
				.imagelightbox-arrow-right:before
				{
					border-right: none;
					border-left-color: #fff;
					margin-right: -0.313em; /* 5 */
				}

		#imagelightbox-loading,
		#imagelightbox-overlay,
		#imagelightbox-close,
		#imagelightbox-caption,
		#imagelightbox-nav,
		.imagelightbox-arrow
		{
			-webkit-animation: fade-in .25s linear;
			animation: fade-in .25s linear;
		}
			@-webkit-keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}
			@keyframes fade-in
			{
				from	{ opacity: 0; }
				to		{ opacity: 1; }
			}

		@media only screen and (max-width: 41.250em) /* 660 */
		{
			#container
			{
				width: 100%;
			}
			#imagelightbox-close
			{
				top: 1.25em; /* 20 */
				right: 1.25em; /* 20 */
			}
			#imagelightbox-nav
			{
				bottom: 1.25em; /* 20 */
			}

			.imagelightbox-arrow
			{
				width: 2.5em; /* 40 */
				height: 3.75em; /* 60 */
				margin-top: -2.75em; /* 30 */
			}
			.imagelightbox-arrow-left
			{
				left: 1.25em; /* 20 */
			}
			.imagelightbox-arrow-right
			{
				right: 1.25em; /* 20 */
			}
		}

		@media only screen and (max-width: 20em) /* 320 */
		{
			.imagelightbox-arrow-left
			{
				left: 0;
			}
			.imagelightbox-arrow-right
			{
				right: 0;
			}
		}