/*неизменяемые структурные свойства*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}

html,body {
height: 100%;
}

body {
margin: 0; 
padding: 0;
font-size: 100%;
font-weight:normal;
background-image: url(../images/exclusive_paper.png);
font-family: 'Istok Web', sans-serif;
}


*{
outline-color:#90b2bb}

header {
width:100%;
background-image: url("../images/autoservis2.jpg");  <!--url("../images/pattern.png"), -->
background-size:auto, cover;
background-repeat:repeat, no-repeat;
padding: 80px 0;
position:relative;
z-index: 101;
box-shadow: 0 1px 1px #0d2a30;
 }
 
footer {  
width: 100%;
height: auto;
padding: 10px 0;
padding-top: 50px;
}
 

ol, ul {
list-style: none;
}
	

table {
border-collapse: collapse;
border-spacing: 0;
}


a {
text-decoration:none;
padding:2px;
transition: 0.3s linear;
}

p {
line-height:1.5;
margin: 20px 0px;
}

h1 {
font-size: 48px;
font-weight:bold;
line-height:1.2;
 text-align: center;
color:white;
text-shadow: 2px 2px 0px #0d2a30;
padding-top: 50px;
}

h2 {
font-size: 32px;
font-weight:normal;
padding: 20px;
text-align: center;
color:#3c2827;
border-bottom: 1px solid #cbd5d7;
}

header h2{
	border-bottom: none;
	font-size: 28px;
	font-weight:bold;
	line-height:1.2;
	color:white;
	text-shadow: 2px 2px 0px #0d2a30;
	padding-top: 0px;
	padding-left: 0;
}

h3 {
font-size: 22px;
font-weight:normal;
padding: 10px;
}

h4 {
font-size: 18px;
font-weight:normal;
padding: 10px;
}

	

.container {
width:960px;
margin: 0 auto;
position:relative;
}


.container_center {
 margin: 0 auto;
width:720px;


}


.container:after {
content:'';
display:table;
clear:both;
}

section{
padding-top: 50px;
}

.menuline {
width:100%;
box-shadow: 0 1px 1px #0d2a30;
height: 40px;
position:relative;
z-index:100;
background-color:#3c2827;
position:fixed;
left:0;
top:0;
overflow:hidden;
}

.menu>ul{
margin: 0;
padding: 0;
list-style: none;
width:100%;
display:-webkit-flex;
display:flex;
justify-content:space-between;
position:relative;

}

.menu>ul:before,
.menu>ul:after {
content: "";
display: table;
}

.menu>ul:after {
clear: both;
}

.menu ul li, .menu ul a{
display: inline-block;
color:white;
text-align: center;
}

.menu>ul li {
float: left;
position: relative;

}

.menu ul ul {
margin: 20px 0 0 0;
_margin: 0; /*IE6 only*/
opacity: 0;
visibility: hidden;
position: absolute;
top: 38px;
left: 0;
box-shadow: 0 -1px 0 rgba(255,255,255,.3); 
border-radius: 3px;
transition: all .2s ease-in-out;
font-size:14px;
}


.menu ul, .menu ul ul {
margin: 0;
padding: 0;
list-style: none;
}


.menu>ul:before,
.menu>ul:after {
content: "";
display: table;
}

.menu>ul:after {
clear: both;
}

.menu ul {
zoom:1;
}


.menu ul li {
float: left;
position: relative;

}

.menu>ul>li{
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0);
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
}



.menu ul>li:nth-last-child(-n+6):first-child,
.menu ul>li:nth-last-child(-n+6):first-child ~ li {
  width: 16%;
}


.menu ul a {
display:block;
margin:auto;
color: white;
text-decoration: none;
padding: 10px 15px;
text-align:center;
font-size:1.1em;
border-right: 1px dotted #898989;

}

.menu ul li.last a{
border:none;}

.menu>ul>li:hover > a{
color: #cbd5d7;
}

.menu>ul>li.active > a {
color: #e1a916;
}

a.scroll{
	position:absolute;
	left:0;
	top:-50px;
}

.errors {
	font-size:0.7em;
	margin-top:-25px;
	color:#e60120
}

header .errors {
	color:white;
}

/*.menu>ul>li a:focus{
color: #ccd6d8;
}*/

*html .menu ul li a:hover { /* IE6 only */
color: #ccd6d8;
}


.menu ul li:hover > ul{
opacity: 1;
visibility: visible;
margin: 0;
}


.menu ul ul ul {
top: 0;
left: 200px;
margin: 0 0 0 20px;
_margin: 0; /*IE6 only*/
box-shadow: -1px 0 0 rgba(255,255,255,.3); 
}

.menu ul ul li {
float: none;
display: block;
border: 0;
_line-height: 0; /*IE6 only*/
}

.menu ul ul li:last-child { 
box-shadow: none; 
}

.menu ul ul a { 
padding: 10px;
width: 200px;
_height: 10px; /*IE6 only*/
display: inline-block;
text-align:left;
float: none;
text-transform: none;
box-shadow: 0 1px 0 #111, 0 2px 0 #666;
}

.menu ul ul a:hover {
background-color: #f0af1b;
text-shadow: 0 1px 2px #553f0d;
}

.menu ul ul li:first-child > a {
border-radius: 3px 3px 0 0;
}

.menu ul ul li:first-child > a:after {
content: '';
position: absolute;
left: 40px;
top: -6px;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-bottom: 6px solid #f3c433;
}

.menu ul ul ul li:first-child a:after {
left: -6px;
top: 50%;
margin-top: -6px;
border-left: 0; 
border-bottom: 6px solid transparent;
border-top: 6px solid transparent;
border-right: 6px solid #f6e37d;
}

.menu ul ul li:last-child > a {
border-radius: 0 0 3px 3px;
box-shadow: none;
}

.header-left img{
width: 50px;
float: left;
margin-right: 10px;
margin-top: 0px;
}

.header-left p{
font-size: 1.5em;
font-weight:bold;
margin: 0;
padding: 0;
color:#e1a916;
text-shadow: 2px 2px 0px #0d2a30;
}

.header-left1 p{
font-size: 1.2em;
font-weight:bold;
margin: 0;
padding: 0;
color:#e1a916;
text-shadow: 2px 2px 0px #0d2a30;
}

.header-left2 p{
  font-size: 0.4em;}

.header-left{
width:500px;}

.header-left, .header-right{
float:left;}

.header-right{
text-align:right;
width: 460px;
}

.header-right a{
color:white;
font-size: 1.2em
}

.header-right form{
padding: 20px;
background-color: rgba(255,255,255,0.2);
box-shadow: 0 1px 1px #0d2a30;
width: 300px;
float:right;
margin-top: 50px;
outline: 4px solid white;
outline-offset: 5px;
text-align:center;
}

.action{
background-color: rgba(255,255,255,0.2);
box-shadow: 0 1px 1px #0d2a30;
margin-top: 20px;
padding: 10px;
text-align: center;
}

.header-right form input{
background:none;
border: 2px solid white;
padding: 10px;
width: 240px;
color:white;
font-size: 1.2em;
font-family: 'Istok Web', sans-serif;
}

.header-right form input[type="submit"]{
background-color:#E14516;
border:none;
width: 260px;
padding: 10px;
box-shadow: 0 1px 1px #0d2a30;
}

.header-right form input[type="submit"]:hover{
background-color:#c18d15
}

.header-right form label{
color:white;
width:100%;
display:block;
margin: 10px auto;
}

.teeth{
position:relative;
margin-top:-10px;
border-bottom: 10px solid transparent;
background:
        -webkit-gradient(linear, #424244, #cbd5d7),
        -webkit-gradient(linear, bottom right, transparent 50.5%, #424244 50.5%),
        -webkit-gradient(linear, bottom left, transparent 50.5%, #424244 50.5%),
        -webkit-gradient(linear, top right, transparent 50.5%, #cbd5d7 50.5%),
        -webkit-gradient(linear, top left, transparent 50.5%, #cbd5d7 50.5%);

background:
        -webkit-linear-gradient(#424244, #cbd5d7),
        -webkit-linear-gradient(bottom right, transparent 50.5%, #424244 50.5%),
        -webkit-linear-gradient(bottom left, transparent 50.5%, #424244 50.5%),
        -webkit-linear-gradient(top right, transparent 50.5%, #cbd5d7 50.5%),
        -webkit-linear-gradient(top left, transparent 50.5%, #cbd5d7 50.5%);
		
background:
        -moz-linear-gradient(#424244, #cbd5d7),
        -moz-linear-gradient(to bottom right, transparent 50.5%, #424244 50.5%),
        -moz-linear-gradient(to bottom left, transparent 50.5%, #424244 50.5%),
        -moz-linear-gradient(to top right, transparent 50.5%, #cbd5d7 50.5%),
        -moz-linear-gradient(to top left, transparent 50.5%, #cbd5d7 50.5%);		

background-image:
        linear-gradient(#424244, #cbd5d7),
        linear-gradient(to bottom right, transparent 50.5%, #424244 50.5%),
        linear-gradient(to bottom left, transparent 50.5%, #424244 50.5%),
        linear-gradient(to top right, transparent 50.5%, #cbd5d7 50.5%),
        linear-gradient(to top left, transparent 50.5%, #cbd5d7 50.5%);
background-repeat: repeat, repeat-x, repeat-x, repeat-x, repeat-x;
background-position: 0 0, 10px 0, 10px 0, 10px 100%, 10px 100%;
background-size: auto auto, 20px 20px, 20px 20px, 20px 20px, 20px 20px;
background-clip: padding-box, border-box, border-box, border-box, border-box;
background-origin: padding-box, border-box, border-box, border-box, border-box;
}

.teeth h2{
color: #cbd5d7;	
}


.advantages{
padding-top: 70px;
box-sizing:border-box;
height: 350px;
background-image: url("../images/board.png");
background-repeat: no-repeat;
background-position:bottom;
}

.advantage{
display: inline-block;
vertical-align: middle;
-webkit-transform: translateZ(0) ;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
text-align:center;
color:#0d2a30;
box-sizing:border-box;
padding: 10px;
font-size: 1em;
width:155px;
height:155px;
background-color:#424244;
border-radius: 50%;
margin:0 17px;
cursor:default;

}

.advantage img{
width: 50px;
margin-top:0px;}

.advantage:hover img{
-webkit-transform:rotate3d(180,270,90,-360deg);
transform:rotate3d(180,270,90,-360deg);
-webkit-transition: 0.7s;
transition: 0.7s;
}

.advantage:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 155px;
left: 5%;
height: 15px;
width: 90%;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 80%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.advantage:hover, .advantage:focus, .advantage:active {
-webkit-transform: translateY(-5px) ;
transform: translateY(-5px);
  /* move the element up by 5px */
}
.advantage:hover:before, .advantage:focus:before, .advantage:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.advantage p{
margin:0;
color: #cbd5d7;
}

.narrow-part, .wide-part{
float:left;
padding:0;}

.narrow-part{
width: 300px;}

.narrow-part-1{
width: 100%;}

.wide-part{
width: 600px}

.left{
  align: center
margin-right:60px}

p.first{
font-size: 1.5em;
color:#424244
}

.round{
width: 160px;
height:160px;
margin: 50px auto;
text-align:center;
border: 4px solid #424244;
border-radius:50%;
box-sizing:border-box;
padding: 20px;
position:relative;
background-color:#e1a916;
-webkit-transform: translateZ(0) ;
transform: translateZ(0);
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-moz-osx-font-smoothing: grayscale;
position: relative;
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform;
transition-property: transform;
}

.round span{
color:white;
font-size: 2.2em;
}

.round p{
margin:0;
color:#424244;
font-size:1em
}

.round:before {
pointer-events: none;
position: absolute;
z-index: -1;
content: '';
top: 150px;
left: 5%;
height: 15px;
width: 90%;
background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
background: radial-gradient(ellipse at center, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 70%);
/* W3C */
-webkit-transition-duration: 0.3s;
transition-duration: 0.3s;
-webkit-transition-property: transform, opacity;
transition-property: transform, opacity;
}
.round:hover, .round:focus, .round:active {
-webkit-transform: translateY(-5px) ;
transform: translateY(-5px);
  /* move the element up by 5px */
}
.round:hover:before, .round:focus:before, .round:active:before {
opacity: 1;
-webkit-transform: translateY(5px);
transform: translateY(5px);
  /* move the element down by 5px (it will stay in place because it's attached to the element that also moves up 5px) */
}

.picture{
float:left;
width: 220px;
margin:40px 10px;/*для 4штук*/

/*для 5штук*/
/* 
width: 180px;
margin:40px 6px;
*/
}


.picture img{
width:100%;
height:150px;
box-shadow: 0 1px 1px #0d2a30;
overflow:hidden;
}

.picture h3{
text-align:center;
margin-top:20px;
padding:0;
height: 80px;
color:#3c2827
}

.picture ul{
list-style-image:url("../images/check.png");
padding: 0px 10px;
margin-left: 30px;
display:block
}

.picture ul li{
margin: 10px 0;
font-size:0.9em}

.dark{
background-color:#1d1314;
background-image: url(../images/black_linen_v2.png);
margin-top:-10px;
margin-bottom:10px;
}

.dark h2{
color:#cbd5d7;
border-color:#cbd5d7
}

.image-set img{
width: 210px;
height:150px;
object-fit:cover;
box-shadow: 0 1px 1px #0d2a30;
outline: 4px solid white;
outline-offset: 5px;
margin: 10px
}

.image-set img:hover{
outline-color:rgba(255,255,255,0.6);
outline-offset: 2px;
}

.image-set{
padding: 50px 0;
}

.phase{
float:left;
}

.phase p{
width: 150px;
text-align:center;
box-sizing:border-box;
margin: 10px;
margin-top: 40px;
color:#0d2a30;
font-size: 17px;
}

.sh{
margin: 100px auto;
display:-webkit-flex;
display:flex;
justify-content:space-between;
}

.icon{
background-color:#424244;
box-sizing:border-box;
border-radius:50%;
width: 150px;
height:150px;
margin: 10px;
position:relative;
-webkit-transition:1s linear;
transition:1s linear ;
padding-top: 25px;
box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}

.icon img{
display:block;
margin:0 auto;
width:100px;}


.icon:after{
content: '';
position: absolute;
right: -8px;
top: 65px;
border-bottom: 10px solid transparent;
border-left: 10px solid #424244;
border-top: 10px solid transparent;
-webkit-transition: 1s;
transition: 1s ;
opacity:0;
}

.phase:hover .icon:after{
opacity:1
}
.phase:last-child:hover .icon:after{
display:none;
}

.phase:hover .icon{
-webkit-transform:scale(1.3);
-o-transform:scale(1.3);
transform:scale(1.3);
}

.review {
	background-color:white;
	background-image: url(../images/exclusive_paper.png);
	box-shadow: 0 1px 1px #0d2a30;
	padding:10px;
	margin: 20px 0;
	box-sizing:border-box;
}


.person {
	float:left;
	width: 180px;
	box-sizing:border-box;
	padding:0 10px;
}

.person img{
	width: 140px;
	display:block;
	margin:10px;

}

.person a img{
	width: 30px;
	margin-top: -10px;
	
}

.person p{
	margin:0 10px;

}

.text{
	float:left;
	width:760px;
	box-sizing:border-box;
	position:relative;
	padding:10px;
}


footer form{
padding: 20px;
background-color: #424244;
box-shadow: 0 1px 1px #0d2a30;
width: 300px;
float:right;
margin-bottom: 20px;
outline: 4px solid #424244;
outline-offset: 5px;
text-align:center;
height:300px;
box-sizing:border-box;
}

footer form input{
background:none;
border: 2px solid #cbd5d7;
padding: 10px;
width: 200px;
color:#cbd5d7;
font-size: 1.2em;
font-family: 'Istok Web', sans-serif;
}

footer form input[type="submit"]{
background-color:#e1a916;
border:none;
width: 220px;
padding: 10px;
box-shadow: 0 1px 1px #0d2a30;
color:white
}

footer form input[type="submit"]:hover{
background-color:#c18d15
}

footer form label{
color:#cbd5d7;
width:100%;
display:block;
margin: 10px auto;
}

.map{
box-shadow: 0 1px 1px #0d2a30;
width:580px;
outline: 4px solid #424244;
outline-offset: 5px;
}

.horizotnal-form{
text-align:center;
padding: 30px 0;
width: 960px;
margin:0 auto;
padding-bottom:70px
}

.horizotnal-form form{
background-color: rgba(255,255,255,0.2);
box-shadow: 0 1px 1px #0d2a30;
margin-top: 20px;
outline: 4px solid #424244;
outline-offset: 5px;
text-align:center;
background-color:#424244;
box-sizing:border-box;
padding: 40px 0;
}

.horizotnal-form form input{
background:none;
border: 2px solid #cbd5d7;
padding: 10px;
width: 200px;
color:#cbd5d7;
font-size: 1.2em;
font-family: 'Istok Web', sans-serif;
}

.horizotnal-form form input[type="submit"]{
background-color:#e1a916;
border:none;
width: 220px;
padding: 10px;
box-shadow: 0 1px 1px #0d2a30;
color:white
}

.horizotnal-form form input[type="submit"]:hover{
background-color:#c18d15
}

.horizotnal-form form label{
color:#cbd5d7;
display:inline;
margin: 0px 30px;
float:left;
}

.invalid {
	border:1px solid red;
}

.thanks {
	padding-top:20%;
	text-align:center;
	font-size:1.2em;
	
}

.thanks a {
	font-size:0.8em;
	color:#90b2bb;
	text-decoration:underline;
}

.thanks a:hover, .thanks a:focus {
	color:#0d2a30;
}

.thanks img {
	-o-animation-name:time;
	-o-animation-duration:0.8s;
	-o-animation-iteration-count:infinite;
	-ms-animation-name:time;
	-ms-animation-duration:0.8s;
	-ms-animation-iteration-count:infinite;
	-moz-animation-name:time;
	-moz-animation-duration:0.8s;
	-moz-animation-iteration-count:infinite;
	-webkit-animation-name:time;
	-webkit-animation-duration:0.8s;
	-webkit-animation-iteration-count:infinite;
	animation-name:time;
	animation-duration:0.8s;
	animation-iteration-count:infinite;
}

@-o-keyframes time {
	0%{transform:rotate(360deg)}
	
}

@-ms-keyframes time {
	0%{transform:rotate(360deg)}
	
}

@-moz-keyframes time {
	0%{transform:rotate(360deg)}
	
}

@-webkit-keyframes time {
	0%{transform:rotate(360deg)}
	
}

@keyframes time {
	0%{transform:rotate(360deg)}
	
}



/* Preload images */
body:after {
  content: url(../images/close.png) url(../images/loading.gif) url(../images/prev.png) url(../images/next.png);
  display: none;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../images/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../images/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../images/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 1px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(../images/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}