/* CSS Document */
body { font: normal 13px Arial, Verdana, Helvetica, sans-serif; color: #000000; margin:0px; padding:0px; height:100%; background-color: #FFFFFF;}
html { border:none; overflow-y:scroll; /*_filter:progid:DXImageTransform.Microsoft.BasicImage*/}
html, body { height:100%; }
img {border-style: none;}

a {color: #000000; font-size:13px; text-decoration: underline;}
a:hover {text-decoration: none;}

.menuha {color: #000000; font-size:1.025em; font-weight:600; text-decoration: none; height:27px; text-align:center; display:block; padding-top:10px;}
.menuha_ {color: #000000; font-size:1.025em; font-weight:600; text-decoration: none; height:27px; text-align:center; display:block; padding-top:10px; background-color:#f5ec2b;}
.menuha:hover {text-decoration: none; background-color:#f5ec2b;}

#scroller { height:85px; background:#F5F6F7; border-top:1px solid #F5F6F7; border-bottom:1px solid #F5F6F7; }

#slideshow { width:100%; overflow:hidden; white-space:nowrap; position:relative; }
#scroler { position:relative; display:inline; z-index:1; }
#scroler span { display:inline !important; display:block; margin-left:-15px; }
#scroler img {position:relative;}
#gallery { position:relative; width:1005px; margin:0px auto 0px auto; z-index:0;}
#gallery .leftarr { cursor:pointer; position:absolute; z-index:2; left:-34px; }
#gallery .rightarr { cursor:pointer; position:absolute; z-index:2; right:-24px !important; right:-25px; }



.W:link {letter-spacing: 2px; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight: 100; text-decoration:none;}
.W:visited {letter-spacing: 2px; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif, Arial, Trebuchet MS; font-size: 12px; font-weight:100; text-decoration:none;}
.W:active {letter-spacing: 2px; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight:100; text-decoration:none;}
.W:hover {letter-spacing: 2px; color: #FFFFFF; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight:100; text-decoration: underline;}

.D:link {color: #000000; font-family: Arial Narrow, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 14px; font-weight:100; text-decoration:underline;}
.D:visited {color: #000000; font-family: Arial Narrow, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 14px; font-weight:100; text-decoration:underline;}
.D:active {color: #000000; font-family: Arial Narrow, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 14px; font-weight:100; text-decoration:underline;}
.D:hover {color: #000000; font-family: Arial Narrow, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 14px; font-weight:100; text-decoration: none;}

.Z:link {color: #000000; text-decoration: underline; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; line-height:20px;}
.Z:visited {color: #000000; text-decoration: underline; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; line-height:20px;}
.Z:active {color: #000000; text-decoration: underline; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; line-height:20px;}
.Z:hover {color: #000000; text-decoration:none; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; line-height:20px;}

.B:link {letter-spacing: 2px; color: #4574D3; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight:bold; text-decoration:none;}
.B:visited {letter-spacing: 2px; color: #4574D3; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight:bold; text-decoration:none;}
.B:active {letter-spacing: 2px; color: #4574D3; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight:bold; text-decoration:none;}
.B:hover {letter-spacing: 2px; color: #4574D3; font-family: Geneva, Arial, Helvetica, sans-serif, Trebuchet MS; font-size: 12px; font-weight:bold; text-decoration:none;}

.S:link {color: #666666; font-family: Trebuchet MS, Arial; font-size: 18px; font-weight:bold;}
.S:visited {color: #666666; font-family: Trebuchet MS, Arial; font-size: 18px; font-weight:bold;}
.S:active {color: #333333; font-family: Trebuchet MS, Arial; font-size: 18px; font-weight:bold;}
.S:hover {color: #333333; font-family: Trebuchet MS, Arial; font-size: 18px; font-weight:bold;}

.portf:link {color: #666666; font-family: Trebuchet MS, Arial; font-size: 10pt; text-decoration:none; font-weight:bold;}
.portf:visited {color: #666666; font-family: Trebuchet MS, Arial; font-size: 10pt; text-decoration:none; font-weight:bold;}
.portf:active {color: #333333; font-family: Trebuchet MS, Arial; font-size: 10pt; text-decoration:none; font-weight:bold;}
.portf:hover {color: #333333; font-family: Trebuchet MS, Arial; font-size: 10pt; text-decoration:none; font-weight:bold;}

.portf1:link {color: #333333; font-family: Trebuchet MS, Arial; font-size: 9pt; text-decoration:none; font-style: normal; font-weight: lighter; line-height: normal;}
.portf1:visited {color: #333333; font-family: Trebuchet MS, Arial; font-size: 9pt; text-decoration:none; font-style: normal; font-weight: lighter; line-height: normal;}
.portf1:active {color: #333333; font-family: Trebuchet MS, Arial; font-size: 9pt; text-decoration:none; font-style: normal; font-weight: lighter; line-height: normal;}
.portf1:hover {color: #4574D3; font-family: Trebuchet MS, Arial; font-size: 9pt; text-decoration:none; font-style: normal; font-weight: lighter; line-height: normal;}

.Ink{font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.site{font-size: 12px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.site1{font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #0000FF; font-style: normal; font-weight: lighter; line-height: normal;}
.InkW{font-size: 13px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.glav{font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; font-style: normal; font-weight: normal; line-height: inherit;}
.glavblack{background-color:#000; width:32px; height:24px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; font-style: normal; font-weight: normal; line-height: inherit;}
.glavblack1{background-color:#000; width:188px; font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #ffffff; font-style: normal; font-weight: normal; line-height: inherit;}

.InkWB{font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.InkB{font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.Menu1{color: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 11pt; font-style: inherit;}
.nadpisi{font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #FF9966; font-weight: 500;}
.price{font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.Inkn{font-size: 10px; font-family: Arial, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;}
.galochka{font-size: 24px; font-family: Arial, Helvetica, sans-serif; color: #0000FF; text-align:center; font-weight: bold; text-shadow:Black;}
.tarif{font-size: 14px; font-family: Arial, Helvetica, sans-serif; color: #0000FF; text-align:center;}
.tarif1{font-size: 13px; font-family: Arial, Helvetica, sans-serif; color: #000000; text-align:center;}

h4 {margin-bottom: 0px;}
h1 {margin-bottom: 0px; color: #000000; font-family: Arial Narrow, Arial, Trebuchet MS; font-size: 1.935em;}
.hh {color: #000000; font-family: Arial Narrow, Arial, Trebuchet MS; font-size: 18px;}

.zagl {margin-bottom: 0px; margin-top: 0px; color: #FFFFFF; font-family: Arial Narrow, Arial, Trebuchet MS; font-size: 16px;}
.inf {margin-bottom: 0px; margin-top: 0px; padding-right: 15px; color: #ffffff; font-family: Arial Narrow, Arial, Trebuchet MS; font-size: 12px;}
.zagl_site {color: #000; font-family: Arial Narrow, Arial, Helvetica, sans-serif, Trebuchet MS; text-align:left; font-size:1.935em; font-weight:400; padding-bottom:2px; padding-top:2px;}

.price1{font-size: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;}
.price1w40{width:40px; font-size: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;}


.price2{font-size: 12px; width:100px; text-align:right; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;}
.price3{font-size: 12px; text-align:left; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;}
.price1krug_y{font-size: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;
width:58px; height:53px; text-align:center; background-image:url(/img/round.png); background-position:center; background-repeat:no-repeat;
}
.price1krug_b{font-size: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;
width:58px; height:53px; text-align:center; background-image:url(/img/round_b.jpg); background-position:center; background-repeat:no-repeat;
}
.price1krug_v{font-size: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: bold; line-height: normal;
width:58px; height:53px; text-align:center; background-image:url(/img/round_v.jpg); background-position:center; background-repeat:no-repeat;
}


#express {overflow:hidden; padding-top:20px; width: 890px;}
#express .first {float: left; width: 100%; padding: 0 19px 0 27px;background: url('/i/services/pinkplus.gif') no-repeat 0 7px;}
#express .second {float: left; width: 272px; padding: 0 25px 0 0;}
#express .third {float: left; width: 265px;}
#express .tariffs {text-decoration: none; text-transform: uppercase; /*color: #666;*/ font-family: Georgia, serif !important; font-size: 10px !important; word-spacing: 1em;}
#express .tariffs span {display: inline-block; border-bottom: 1px dashed #666;}
#express .tariffs:hover span {border-bottom: 1px solid #fff; cursor: pointer;}
#express .tariffs:hover {border-bottom: 1px solid #fff;}

#tariffs {padding-top: 20px;}
#tariffs h3 {color: #ec008c; font-size: 17px; margin: 0;}
#tariffs h6 {color: #000; font-size: 11px; font-weight: normal; margin: 0;}
#tariffs table {table-layout: fixed; width: 100%; border-collapse: collapse; border-bottom: 1px solid #b5b5b5; border-left: 1px solid #fff; border-right: 1px solid #fff;}
#tariffs th {padding: 24px 0 13px 21px; vertical-align: top; font: 18px/18px Arial Narrow, Arial; color: #666; text-align: left; font-weight: bold; border-bottom: 1px solid #b5b5b5;}
#tariffs th small {display: block; font-size: 12px;}
#tariffs td {padding: 0 0 2px 20px; vertical-align: middle; font: 12px/17px Arial; color: #666;}
#tariffs .subhead td {padding: 10px 0 11px 20px; font-weight: bolder;}
#tariffs .odd td {background: #f8f8f8;}
#tariffs .odd:hover td, #tariffs .even:hover td, #tariffs .hover td {background: #FFD200;}
#tariffs .tariffs span {display: inline-block; border-bottom: 1px dashed #666;}
#tariffs .tariffs:hover span {border-bottom: 1px solid #fff; cursor: pointer;}
#tariffs .tariffs:hover {border-bottom: 1px solid #fff;}
#tariffs_time {width: 60px;}
#tariffs_price {width: 80px;}
#tariffs_meter {width: 90px;}
#sub_content .subtext { font-size:12px; }
#sub_content .subtext a { font-size:12px; font-family:Tahoma, Geneva, sans-serif; }
.width33 {width:33%;}
.width100 {width:100%;}
.width15 {width:15px;}
.width220 {width:220px;}
.width255 {width:255px;}
.width265 {width:265px;}
.width60 {width:60%; height:150px;}
.width40 {width:40%;}
.width20 {width:20%;}
.height30 {height:30px;}
.height100 {height:100px;}
.height162 {height:162px; background-image:url(/imeges/fon_ask.jpg); background-repeat:no-repeat;}
.height400 {height:400px;}
.height24 {height:24px; background-color:#f5ec2b; padding-left:19px; padding-right:19px;}
.height24-1 {height:24px; background-color:#F5F6F7; width:100%;}
.height24-2 {height:24px; width:100%;}
.alleft { text-align:left; }
.pcenter { text-align:center; }

.niz {height:200px; width:100%; background-color:#000; color:#FFF; padding-top:20px;}

.siteabout {
	font-size: 12px; font-family: Arial, Verdana, Helvetica, sans-serif; color: #000000; font-style: normal; font-weight: lighter; line-height: normal;
	background-color:#F5F6F8;
	background-image:url(/imeges/fon_site1.gif); background-repeat:no-repeat; background-position:top;
	height:174px;
	width:252px;
}

.siteabout1 {
	background-image:url(/imeges/fon_site2.gif); background-repeat:no-repeat; background-position: bottom;
}
.imgverh{max-width:100%; min-width:50%; margin-top:5px;}

#c{float:left; width:65%; min-width:330px; vertical-align:bottom;} 
#r{float:right;width:35%; min-width:250px; color:#000; font-size:1.225em; text-align:right;} 
table {width:98%; max-width:900px; margin-left:auto; margin-right:auto;}
.tab100 {width:100%; max-width:900px; margin-left:auto; margin-right:auto;}
.px25 {width:97%; max-width:900px; margin-left:auto; margin-right:auto;}
#sots{float:inherit; width:100%; height:auto; max-height:38px; min-height:33px; text-align:center; vertical-align:middle; color:#000; background-color:#f420a0; font-size:1.025em;} 
#verh{background-image:url(img/flow.jpg); background-position:center; width:100%; max-width:1680px; height:auto; max-height:310px; min-height:290px; text-align:center; vertical-align:middle;}
.imgverh{max-width:100%; min-width:50%; margin-top:0px;}
#hid{width:98%; max-width:1024px; margin-left:auto; margin-right:auto; text-align:center;}

#podr a {float: right; text-align:right; padding-right:55px; text-decoration: none;color:#000; font-size:0.995em;}
#podr a:hover {text-decoration: none; color:#555555; font-weight:600;}

#prod{float: left; width:33%; min-width:288px; max-width:300px; color:#000000; font-size:1.125em; text-align:center;} 
#prodf{max-width:300px; min-width:288px; height:242px; color:#000; font-size:0.995em; text-align: left; padding-top:25px; padding-left:55px; background-image:url(/img/f.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_y{max-width:300px; min-width:288px; height:242px; color:#000; font-size:0.915em; text-align: left; padding-top:25px; padding-left:55px; background-image:url(/img/f_.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_b{max-width:300px; min-width:288px; height:242px; color:#000; font-size:0.915em; text-align: left; padding-top:25px; padding-left:55px; background-image:url(/img/f_b.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_v{max-width:300px; min-width:288px; height:242px; color:#000; font-size:0.915em; text-align: left; padding-top:25px; padding-left:55px; background-image:url(/img/f_v.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_g{max-width:300px; min-width:288px; height:242px; color:#000; font-size:0.915em; text-align: left; padding-top:25px; padding-left:55px; background-image:url(/img/f_g.jpg); background-repeat:no-repeat; background-position: center top; }

#zakaz{ margin-left:25%; display:block; background-color: #000; height:27px; min-height:27px; width:40%; min-width:35px; color:#FFF; font-size:1.125em; text-align:center; vertical-align:middle; border-color: #000; border-radius: 5px 5px 5px 5px;}
table {width:98%; max-width:1024px; margin-left:auto; margin-right:auto;}
.verh {width:98%; max-width:1024px; margin-left:auto; margin-right:auto;}
.web {width:60px; max-width:60px; margin-left:0px;}
#tableniz {width:100%; color:#FFF; text-align:center; font-size:1.225em; background-color: #000; margin: 0px 0px 0px 0px;}

.button{ width:160px; height:45px; color: #FFF; background-color: #000; font-size:1.125em; text-align: center; vertical-align:middle; border-color: #000; border-radius: 5px 5px 5px 5px;}
.inputbox{ width:240px; height:34px; color: #333333; font-size:1.125em; text-align: left; vertical-align:middle; border-radius: 5px 5px 5px 5px; border-style:ridge;}
hr { color:#f5ec2b; background:#f5ec2b; border: #f5ec2b; height:1px; vertical-align:top;}
h2 {margin-top:0px; margin-bottom:4px; color:#000; font-size:1.535em; font-weight:400; font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0px;}
.raboty {margin-top:1px; margin-bottom:4px; color:#000; font-size:1.435em; font-weight:400; font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0px; background-color:#f5ec2b; padding-left:10px; padding-right:10px; padding-top:2px; padding-bottom:2px;}

#niz1{float:left;width:50%; color:#FFF; font-size:1.025em; text-align: left;} 
#niz2{float:left;width:50%; color:#FFF; font-size:1.025em; text-align: right;} 
.h1zag {margin-top:0px; margin-bottom:4px; color:#333333; font-size:1.635em; font-weight:400; font-family: Geneva, Arial, Helvetica, sans-serif; letter-spacing:0px;}


@media(max-width:1024px){
#c{float:left;width:45%;  min-width:200px;} 
#r{float:right;width:35%; min-width:270px; color:#000; font-size:1.125em; text-align:right;} 
table {width:98%; max-width:1024px; margin-left:auto; margin-right:auto;}
.verh {width:98%; max-width:1024px; margin-left:auto; margin-right:auto;}

#prod{float:left;width:50%; min-width:200px; color:#333; font-size:1.025em; text-align:center;} 
#prodbor{width:80%; min-width:200px; color:#333; font-size:1.025em; text-align:center; border-color:#fa2caa; border-style: solid; border-width:medium; background-color:#FFF;} 
.imgprod{ width:auto; max-width:270px; min-width:200px;}
#tableniz {width:100%; color:#FFF; text-align:center; font-size:1.125em; background-color: #000; margin: 0px 0px 0px 0px;}

#niz1{float:left;width:50%; color:#FFF; font-size:0.925em; text-align: left;} 
#niz2{float:left;width:50%; color:#FFF; font-size:0.925em; text-align: right;} 
#niz3{float:left;width:100%; color:#FFF; font-size:1.025em; text-align:center;} 

#zakaz{ margin-left:30%; display:block; background-color: #000; height:27px; min-height:27px; width:35%; min-width:40px; color:#FFF; font-size:1.225em; text-align:center; vertical-align:middle; border-color: #000; border-radius: 5px 5px 5px 5px;}

.imgverh{max-width:100%; min-width:100%; margin-top:5px;}

}
@media(max-width:550px){
#c{float: center; width:98%; text-align:center;} 
#r{float: center; width:98%; text-align:center; color:#000; font-size:1.025em; margin-top: 2px;} 
table {margin-left:auto; margin-right:auto;}
.verh {width:98%; max-width:550px; margin-left:auto; margin-right:auto; text-align:center;}

#prod{width:95%; min-width:280px; color:#333; font-size:1.025em; text-align:center;} 
#prodf{max-width:288px; min-width:288px; height:242px; color:#333; font-size:0.925em; text-align: left; padding-top:25px; padding-left:35px; background-image:url(/img/f.jpg); background-repeat:no-repeat; background-position: center top; }

#prodf_y{max-width:280px; min-width:280px; height:242px; color:#000; font-size:1.035em; text-align: left; padding-top:25px; padding-left:25px; background-image:url(/img/f_.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_b{max-width:280px; min-width:280px; height:242px; color:#000; font-size:1.035em; text-align: left; padding-top:25px; padding-left:25px; background-image:url(/img/f_b.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_v{max-width:280px; min-width:280px; height:242px; color:#000; font-size:1.035em; text-align: left; padding-top:25px; padding-left:25px; background-image:url(/img/f_v.jpg); background-repeat:no-repeat; background-position: center top; }
#prodf_g{max-width:280px; min-width:280px; height:242px; color:#000; font-size:1.035em; text-align: left; padding-top:25px; padding-left:25px; background-image:url(/img/f_g.jpg); background-repeat:no-repeat; background-position: center top; }


#prodbor{width:100%; min-width:200px; color:#333; font-size:1.025em; text-align:center; border-color:#fa2caa; border-style: solid; border-width:medium; background-color:#FFF;} 
.imgprod{max-width:300px; min-width:200px;}
#tableniz {width:100%; text-align:center; color:#FFF; font-size:1.025em; background-color: #000; margin: 0px 0px 0px 0px;}
.web {width:60px; max-width:60px; margin-left: auto; text-align:center;}
.tabprice {max-width:288px; min-width:288px; margin-left: auto;}
#niz1{float:left;width:100%; color:#FFF; font-size:0.925em; text-align:center;} 
#niz2{float:left;width:100%; color:#FFF; font-size:0.925em; text-align:center;} 
#niz3{float:left;width:100%; max-width:100px; color:#FFF; font-size:1.025em; text-align:center;} 
.menuha {color: #000000; font-size:0.925em; font-weight:600; text-decoration: none; height:27px; text-align:center; display:block; padding-top:10px;}
img {border-style: none; max-width:100%;}

.imgverh{max-width:100%; min-width:100%; margin-top:5px;}

/* Контейнер */
.modal {

/* Слой перекрытия */
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0,0,0,0.5);
z-index: 10000;

/* Трансформации прозрачности при открытии  */
-webkit-transition: opacity 500ms ease-in;
-moz-transition: opacity 500ms ease-in;
transition: opacity 500ms ease-in;

/* Скрываем изначально */
opacity: 0;
pointer-events: none;
}

/* Показываем модальное окно */
.modal:target {
opacity: 1;
pointer-events: auto;
}

/* Содержание */
.modal > div {
width: 250px;
background: #ffffff;
position: relative;
margin: 10% auto;

/* По умолчанию минимизируем анимацию */
-webkit-animation: minimise 500ms linear;

/* Придаем хороший вид */
padding: 30px;
-moz-border-radius: 7px;
border-radius: 7px;
-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
-moz-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
box-shadow: 0 3px 20px rgba(0,0,0,0.9);
text-shadow: 0 1px 0 #fff;
}

/* Изменяем анимацию при открытии модального окна*/
.modal:target > div {
-webkit-animation-name: bounce;
}

.modal h2 {
font-size: 36px;
padding: 0 0 20px;
}

@-webkit-keyframes bounce {
  0% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
  55% {
  	-webkit-transform: scale3d(1.08,1.08,1);
  	-webkit-box-shadow: 0 10px 20px rgba(0,0,0,0);
  }
  75% {
  	-webkit-transform: scale3d(0.95,0.95,1);
  	-webkit-box-shadow: 0 0 20px rgba(0,0,0,0.9);
  }
  100% {
  	-webkit-transform: scale3d(1,1,1);
  	-webkit-box-shadow: 0 3px 20px rgba(0,0,0,0.9);
  }
}

@-webkit-keyframes minimise {
  0% {
  	-webkit-transform: scale3d(1,1,1);
  }
  100% {
  	-webkit-transform: scale3d(0.1,0.1,1);
  }
}

/* Ссылка на кнопку Закрыть */
.modal a[href="#close"] {
position: absolute;
right: 0;
top: 0;
color: transparent;
}

/* Сбрасываем изменения */
.modal a[href="#close"]:focus {
outline: none;
}

/* Создаем кнопку Закрыть */
.modal a[href="#close"]:after {
content: 'X';
display: block;

/* Позиционируем */
position: absolute;
right: -10px;
top: -10px;
width: 20px;
padding: 1px 1px 1px 2px;

/* Стили */
text-decoration: none;
text-shadow: none;
text-align: center;
font-weight: bold;
background: #000;
color: #ffffff;
border: 3px solid #ffffff;
-moz-border-radius: 20px;
border-radius: 20px;
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
box-shadow: 0 1px 3px rgba(0,0,0,0.5);
}

.modal a[href="#close"]:focus:after,
.modal a[href="#close"]:hover:after {
-webkit-transform: scale(1.1,1.1);
-moz-transform: scale(1.1,1.1);
}

.modal a[href="#close"]:focus:after {
outline: 0px solid #000;
}

/* Открываем модальное окно */
a.openModal {color:#FFF; font-size:1.225em; text-align:center; vertical-align:middle; font-weight: normal; margin-top:10px;
 
}

a.openModal:hover,
a.openModal:focus {
}

.modal .modal_title {
	display: block;
	text-align: center;
	font-size: 22pt;
}


    /*
    ** Slider
    */
        #slider {
            margin: 0; padding: 0;
        }
        #slider img {
            max-width: 100%;
        }
        .slider .bx-pager-item {
            float: left;
        }
        .slider .bx-controls {
            text-align: center;
            margin: 10px auto 20px;
        }
        .slider .bx-pager {
            display: inline-block;
            overflow: hidden;
        }
            .slider .bx-pager-item a {
                display: block;
                width: 13px; height: 13px;
                text-indent: -999px;
                overflow: hidden;
                margin: 0 .5em 0 0;
                background: url('../images/slider-pager.png') no-repeat left top;
            }
                .slider .bx-pager-item a.active {
                    background-position: left -100px;
                }