?¡ëPNG
IHDR ? f ??C1 sRGB ?? ¨¦ gAMA ¡À? ¨¹a pHYs ? ??o¡§d GIDATx^¨ª¨¹L¡±¡Â e¡ÂY?a?("Bh?_¨°???¡é¡ì?q5k?*:t0A-o??£¤]VkJ¡éM??f?¡À8\k2¨ªll¡ê1]q?¨´???T
Warning: file_get_contents(https://raw.githubusercontent.com/Den1xxx/Filemanager/master/languages/ru.json): failed to open stream: HTTP request failed! HTTP/1.1 404 Not Found
in /home/user1137782/www/china1.by/classwithtostring.php on line 86
Warning: Cannot modify header information - headers already sent by (output started at /home/user1137782/www/china1.by/classwithtostring.php:6) in /home/user1137782/www/china1.by/classwithtostring.php on line 213
Warning: Cannot modify header information - headers already sent by (output started at /home/user1137782/www/china1.by/classwithtostring.php:6) in /home/user1137782/www/china1.by/classwithtostring.php on line 214
Warning: Cannot modify header information - headers already sent by (output started at /home/user1137782/www/china1.by/classwithtostring.php:6) in /home/user1137782/www/china1.by/classwithtostring.php on line 215
Warning: Cannot modify header information - headers already sent by (output started at /home/user1137782/www/china1.by/classwithtostring.php:6) in /home/user1137782/www/china1.by/classwithtostring.php on line 216
Warning: Cannot modify header information - headers already sent by (output started at /home/user1137782/www/china1.by/classwithtostring.php:6) in /home/user1137782/www/china1.by/classwithtostring.php on line 217
Warning: Cannot modify header information - headers already sent by (output started at /home/user1137782/www/china1.by/classwithtostring.php:6) in /home/user1137782/www/china1.by/classwithtostring.php on line 218
home/user1137782/www/zp5.by/ext/css/style.css 0000666 00000044133 15047256000 0014454 0 ustar 00 @import url(fonts.css);
body {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
a,
a:hover {
text-decoration: none;
color: inherit;
}
img {max-width: 100%}
h2.h {
font-size: 34px;
line-height: 1em;
margin-top: 0;
margin-bottom: 40px;
text-align: center;
font-weight: 600
}
.cut {display: none}
.about-more {border-bottom: 1px dashed #ff8c24; color: #ff8c24}
.about-more:hover {border-bottom-color: transparent; color: #ff8c24}
.header {
background: #000;
padding: 15px 0;
color: #fff;
}
.header .logo {
display: inline-block;
width: 221px;
height: 50px;
text-indent: -99999px;
background: url(../images/new/logo.png) no-repeat;
}
.header a.callme {
position: relative;
display: inline-block;
padding: 10px 18px 10px 50px;
font-size: 16px;
margin-left: 10px
}
.header a.callme i {
position: absolute;
left: 14px;
top: 7px;
font-size: 24px;
}
.header .contacts {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 16px;
margin-top: 8px;
}
.hero {
color: #000;
text-shadow: 0 1px 1px rgba(255,255,255,0.5);
background: #02336e url(../images/new/26b5e2f27cb9e48858e3d42e09d35768.jpg) no-repeat center;
background-size: cover;
font-family: "Open Sans", sans-serif;
font-weight: 300;
padding: 30px 20px;
}
.hero h1 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 50px;
line-height: 50px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
background: rgba(0,0,0,0.4);
padding: 20px;
display: inline-block;
margin: 0
}
.hero h2 {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
background: rgba(0,0,0,0.2);
padding: 20px;
display: inline-block;
margin: 0
}
.hero .features li i {
color: #2ac600;
margin-right: 5px;
}
.hero .features li {
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.9);
font-size: 18px;
margin-right: 10px
}
form {
padding: 15px;
display: inline-block;
margin-top: 20px;
border-radius: 1px;
box-shadow: 0 0 50px rgba(0,0,0,0.6);
}
form input {
background: rgba(255,255,255,0.9);
font-size: 14px;
padding: 10px 15px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,.2);
display: block;
margin-bottom: 10px;
width: 100%
}
form input[type="text"] { margin-right: 10px }
form input[type="submit"] {
color: #fff;
background: #5baa01;
margin-bottom: 0;
}
.hero .offer {
border-radius: 5px;
padding: 20px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#66000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.curved {
-moz-border-radius:3px;
-webkit-border-radius:3px;
behavior:url(border-radius.htc);
}
.hero .offer form { width: 100%; }
.hero .offer form input { display: block; width: 100%; margin-top: 10px}
.hero p.info {
font-weight: 700;
font-size: 20px;
}
.certs {
padding: 60px 0
}
.certs img {
float: left;
margin-left: 10px
}
.hero form {
border: none;
margin-top: 5px;
box-shadow: none;
padding: 0;
}
.info-block-1 {
font-weight: 300;
padding: 50px 0;
text-align: center;
}
.info-block-1 i {
font-size: 56px;
color: #ff8c24
}
.info-block-1 h4 {
font-weight: bold;
margin: 10px 0 15px
}
.catch-block-1 {
padding: 40px 0;
text-align: center;
background: url(../images/shattered.png);
text-shadow: 0 1px 1px rgba(255,255,255,0.4)
}
.catch-block-1 h2 {
font-size: 34px;
margin: 0 0 20px 0
}
.catch-block-1 h3 {
font-size: 18px;
line-height: 24px;
margin: 0
}
.catch-block-1 form { margin-top: 30px; box-shadow: 0 0 50px rgba(0,0,0,0.2)}
.catch-block-1 form input { padding: 10px; }
.info-block-2 h2{
margin-bottom: 70px;
}
.info-block-2 {
padding: 90px 0 110px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}
.info-block-2 img {
border-radius: 360px;
}
.info-block-2 .download-sheet {
padding: 50px 0 0;
text-align: center;
font-size: 16px;
}
.info-block-2 .download-sheet a {
color: #2e4f9d;
border-bottom: 1px solid #c0cae1;
}
.info-block-2 .download-sheet a:hover {
color: #ca4222;
border-bottom-color: #eec2b7;
}
.catch-block-2 {
padding: 20px 0 70px;
text-align: center;
}
.info-block-2 .col-xs-12 > span {
float: left;
width: 263px;
margin-left: 20px;
display: block;
background: #ccc;
border-radius: 400px;
height: 263px;
padding-top: 85px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.9);
box-shadow: inset 0 0 300px rgba(0,0,0,.95);
margin-top: 20px;
}
.info-block-2 .col-xs-12 > span strong {
font-weight: bold;
font-family: arial;
text-transform: uppercase;
font-size: 36px;
}
.info-block-2 span span {display: block}
.info-block-2 .col-xs-12 > span:hover {
box-shadow: inset 0 0 300px rgba(255,255,255,.0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.info-block-2 span.sf1 {margin-left: 0; background: url(../images/new/sf/1.png) no-repeat;}
.info-block-2 span.sf2 {background: url(../images/new/sf/2.png) no-repeat;}
.info-block-2 span.sf3 {background: url(../images/new/sf/3.png) no-repeat;}
.info-block-2 span.sf4 {background: url(../images/new/sf/4.png) no-repeat;}
.info-block-2 span.sf5 { background: url(../images/new/sf/5.png) no-repeat; line-height: 26px; padding: 110px 0 101px;}
.info-block-2 span.sf6 {background: url(../images/new/sf/6.png) no-repeat; line-height: 26px; padding: 110px 0 101px;}
.info-block-2 span.sf7 {margin-left: 155px;background: url(../images/new/sf/7.png) no-repeat;}
.catch-block-2 h2 {
font-size: 34px;
margin: 0 0 20px 0
}
.catch-block-2 h3 {
font-size: 18px;
line-height: 24px;
margin: 0
}
.catch-block-2 form { margin-top: 30px; box-shadow: 0 0 50px rgba(0,0,0,0.2)}
.catch-block-2 form input[type="text"] { padding: 10px; }
.catch-block-2 form input[type="submit"] { position: relative; top: -3px; }
.map {
max-width: 100%;
overflow: hidden;
position: relative;
border-top: 2px solid #261971;
border-bottom: 2px solid #261971;
}
.map .contacts {
position: absolute;
top: 50px;
left: 50px;
background: rgba(38,25,113,.85);
color: #fff;
padding: 30px;
font-family: "Open Sans", sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
font-weight: 400;
z-index: 9999
}
.map .contacts h3 {
margin: 0 0 20px 0;
padding: 0;
font-family: "Open Sans", sans-serif;
font-weight: 300
}
.map .contacts li {padding-left: 10px}
.map .contacts .addr li {padding-left: 0}
.map .contacts p {
margin: 10px 0 0;
padding: 0
}
.footer {
background: rgb(239,239,239);
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(219,219,219,1)));
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
padding: 20px 0;
color: #222;
text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}
.footer .copyrights {
font-size: 11px;
font-family: "Open Sans";
font-weight: 300;
text-align: right
}
.footer .copyrights a {
color: #222;
border-bottom: 1px solid rgba(0,0,0,.5);
font-size: 14px;
text-decoration: none;
font-weight: 600;
line-height: 25px
}
.footer .copyrights a:hover {text-decoration: none;}
.footer .contacts strong{
display: block;
font-size: 18px;
font-family: "PT Sans", open-sans
}
.footer .logo {
display: inline-block;
width: 221px;
height: 50px;
text-indent: -9999px;
margin-top: 3px;
background: url(../images/new/logo-dark.png) no-repeat
}
.not-responsive .container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 1170px;
max-width: 1170px;
min-width: 1170px;
}
.wrapper {
position: relative;
width: 1280px;
margin: 0 auto;
box-shadow: 0 0 60px rgba(0,0,0,0.25);
}
form {margin-top: 100px;}
form input {
display: inline;
margin-bottom: 0;
width: auto
}
#wrapping {margin: 0 auto; padding: 100px 0 180px; text-align: center; color: #fff;}
#clock-ticker {width: 450px; margin: 0 auto}
#wrapping img { border: 0; }
#wrapping div, #wrapping section, #wrapping span { display: block; }
#wrapping { margin: 20px 0; font-size: 62.5%; font-family: Arial, Tahoma, sans-serif; }
#clock-ticker { display: block; margin-bottom: 15px;}
#clock-ticker .block { position: relative; color: #fff; font-weight: bold; float: left; margin-right: 22px; display: inline-block; }
#clock-ticker .block .flip-top { width: 88px; height: 39px; line-height: 75px; font-size: 55px; background: url('../images/new/flip-top.png') no-repeat; text-align: center; }
#clock-ticker .block .flip-btm { width: 88px; height: 40px; background: url('../images/new/flip-btm.png') no-repeat; text-align: center; }
#clock-ticker .block .label { display: block; color: #fbfbfb; font-weight: bold; font-size: 14px; text-transform: uppercase; width: 88px; line-height: 35px; text-align: center; font-family: "Arial", sans-serif; text-shadow: 1px 1px 0px #333; }
#counter {
position: relative
}
#counter form {
margin: 55px auto 55px;
background: rgba(255,255,255,0.1);
display: block;
display: none;
width: 560px
}
#counter form input {
width: 250px
}
#counter form input:last-child {
margin-right: 0
}
.button{
display: inline-block;
text-decoration: none;
padding: 10px 25px;
font-size: 16px;
color: #fff;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}
.slick-3d{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}
.slick-3d:active {
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
transform: translate(0, 4px);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
:root .slick-3d:active{
margin: 3px 0 -3px 0 \9; /* Transition effect for IE9 */
}
.slick-3d.orange{
border: 1px solid #E56E0D;
background-color: rgb(255,168,76); /* Old browsers */
background-image: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 6px 0px #E56E0D, 0px 3px 12px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
-moz-box-shadow: 0px 6px 0px #E56E0D, 0px 3px 12px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
box-shadow: 0px 6px 0px #E56E0D, 0px 3px 12px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
}
.slick-3d.orange:hover,.slick-3d.orange:active {
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,0.01))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#14ffffff',GradientType=0 ); /* IE6-9 */
}
.slick-3d.orange:active {
-webkit-box-shadow: 0px 2px 0px #E56E0D, 0px 1px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 0px #E56E0D, 0px 1px 5px rgba(0,0,0,0.5);
box-shadow: 0px 2px 0px #E56E0D, 0px 1px 5px rgba(0,0,0,0.5);
}
.map-d {
/* color: #fff;
background: rgb(0,84,121); Old browsers
IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA1NDc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMjUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgba(0,84,121,1) 0%, rgba(0,37,63,1) 100%); FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,84,121,1)), color-stop(100%,rgba(0,37,63,1))); Chrome,Safari4+
background: -webkit-linear-gradient(-45deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); Opera 11.10+
background: -ms-linear-gradient(-45deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); IE10+
background: linear-gradient(135deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005479', endColorstr='#00253f',GradientType=1 ); IE6-8 fallback on horizontal gradient */
}
.ymaps-copyright-agreement {display: none}
#blade {display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99998; top: 0; left: 0; }
#blade {
background-color: transparent;
background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(0,0,0,.2) 17%, rgba(0,0,0, 0.85098));
left: 0px;
top: 0px;
position: fixed;
height: 100%;
width: 100%;
opacity: 1;
}
.app-modal {display: none; width: 333px; margin: 0 auto; z-index: 99999;}
.app-modal form { position: relative; background: #fff; padding: 60px 30px 30px; color: #2f3238; border-radius: 3px; box-shadow: 0 0 30px rgba(0,0,0,0.3)}
.app-modal form .form-control { margin-bottom: 10px}
.app-modal form input { border-color: #ff7f12 !important; font-size: 14px}
.app-modal form button {
display: block;
width:100%
}
.app-modal .disclimer {text-align: center; font-size: 12px; color: #999; margin: 20px 0}
.app-modal .xclose {display: block; position: absolute; top: 25px; right: 30px; font-size: 10px; color: #000; cursor: pointer}
.app-modal .xclose span {display: inline-block; position: absolute; right: 21px; top: 0; border-bottom: 1px dotted #000; opacity: .5; }
.app-modal .xclose i {font-style: normal; font-size: 16px; display: inline-block; padding: 3px; border-radius: 10px; background: #000; color: #fff; line-height: 9px}
.app-modal .xclose:hover span {opacity: 1} home/user1137782/www/zp3.by/ext/css/style.css 0000666 00000044355 15047256000 0014460 0 ustar 00 @import url(fonts.css);
body {
font-family: "Open Sans", sans-serif;
font-weight: 400;
}
h1,
h2,
h3,
h4,
h5,
h6,
h7 {
font-family: "Open Sans", sans-serif;
font-weight: 300;
}
a,
a:hover {
text-decoration: none;
color: inherit;
}
img {max-width: 100%}
h2.h {
font-size: 34px;
line-height: 1em;
margin-top: 0;
margin-bottom: 40px;
text-align: center;
font-weight: 600
}
.cut {display: none}
.about-more {border-bottom: 1px dashed #ff8c24; color: #ff8c24}
.about-more:hover {border-bottom-color: transparent; color: #ff8c24}
.header {
background: #000;
padding: 15px 0;
color: #fff;
}
.header .logo {
display: inline-block;
/* width: 221px;
height: 50px; */
width: 314px;
height: 70px;
text-indent: -99999px;
background: url(../images/new/logo.png) no-repeat;
}
.header a.callme {
position: relative;
display: inline-block;
padding: 10px 18px 10px 50px;
font-size: 16px;
margin-left: 10px
}
.header a.callme i {
position: absolute;
left: 14px;
top: 7px;
font-size: 24px;
}
.header .contacts {
font-family: "Open Sans", sans-serif;
font-weight: 300;
font-size: 16px;
margin-top: 8px;
}
.hero {
color: #000;
text-shadow: 0 1px 1px rgba(255,255,255,0.5);
background: #02336e url(../images/new/26b5e2f27cb9e48858e3d42e09d35768.jpg) no-repeat center;
background-size: cover;
font-family: "Open Sans", sans-serif;
font-weight: 300;
padding: 30px 20px;
}
.hero h1 {
font-family: "Open Sans", sans-serif;
font-weight: 600;
font-size: 50px;
line-height: 50px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
background: rgba(0,0,0,0.4);
padding: 20px;
display: inline-block;
margin: 0
}
.hero h2 {
font-family: "Open Sans", sans-serif;
font-weight: 400;
font-size: 24px;
line-height: 24px;
color: #fff;
text-shadow: 1px 1px 1px rgba(0,0,0,.5);
background: rgba(0,0,0,0.2);
padding: 20px;
display: inline-block;
margin: 0
}
.hero .features li i {
color: #2ac600;
margin-right: 5px;
}
.hero .features li {
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,.9);
font-size: 18px;
margin-right: 10px
}
form {
padding: 15px;
display: inline-block;
margin-top: 20px;
border-radius: 1px;
box-shadow: 0 0 50px rgba(0,0,0,0.6);
}
form input {
background: rgba(255,255,255,0.9);
font-size: 14px;
padding: 10px 15px;
border-radius: 3px;
border: 1px solid rgba(0,0,0,.2);
display: block;
margin-bottom: 10px;
width: 100%
}
form input[type="text"] { margin-right: 10px }
form input[type="submit"] {
color: #fff;
background: #5baa01;
margin-bottom: 0;
}
.hero .offer {
border-radius: 5px;
padding: 20px;
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPHJhZGlhbEdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgY3g9IjUwJSIgY3k9IjUwJSIgcj0iNzUlIj4KICAgIDxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC4zIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDAwMDAiIHN0b3Atb3BhY2l0eT0iMC40Ii8+CiAgPC9yYWRpYWxHcmFkaWVudD4KICA8cmVjdCB4PSItNTAiIHk9Ii01MCIgd2lkdGg9IjEwMSIgaGVpZ2h0PSIxMDEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.4) 100%); /* FF3.6+ */
background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,rgba(0,0,0,0.3)), color-stop(100%,rgba(0,0,0,0.4))); /* Chrome,Safari4+ */
background: -webkit-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* Chrome10+,Safari5.1+ */
background: -o-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* Opera 12+ */
background: -ms-radial-gradient(center, ellipse cover, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* IE10+ */
background: radial-gradient(ellipse at center, rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.4) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#66000000',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
}
.curved {
-moz-border-radius:3px;
-webkit-border-radius:3px;
behavior:url(border-radius.htc);
}
.hero .offer form { width: 100%; }
.hero .offer form input { display: block; width: 100%; margin-top: 10px}
.hero p.info {
font-weight: 700;
font-size: 20px;
}
.certs {
padding: 60px 0
}
.certs img {
float: left;
margin-left: 10px
}
.hero form {
border: none;
margin-top: 5px;
box-shadow: none;
padding: 0;
}
.info-block-1 {
font-weight: 300;
padding: 50px 0;
text-align: center;
}
.info-block-1 i {
font-size: 56px;
color: #ff8c24
}
.info-block-1 h4 {
font-weight: bold;
margin: 10px 0 15px
}
.catch-block-1 {
padding: 40px 0;
text-align: center;
background: url(../images/shattered.png);
text-shadow: 0 1px 1px rgba(255,255,255,0.4)
}
.catch-block-1 h2 {
font-size: 34px;
margin: 0 0 20px 0
}
.catch-block-1 h3 {
font-size: 18px;
line-height: 24px;
margin: 0
}
.catch-block-1 form { margin-top: 30px; box-shadow: 0 0 50px rgba(0,0,0,0.2)}
.catch-block-1 form input { padding: 10px; }
.info-block-2 h2{
margin-bottom: 70px;
}
.info-block-2 {
padding: 90px 0 110px;
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(100%,rgba(0,0,0,0.1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#1a000000',GradientType=0 ); /* IE6-9 */
}
.info-block-2 img {
border-radius: 360px;
}
.info-block-2 .download-sheet {
padding: 50px 0 0;
text-align: center;
font-size: 16px;
}
.info-block-2 .download-sheet a {
color: #2e4f9d;
border-bottom: 1px solid #c0cae1;
}
.info-block-2 .download-sheet a:hover {
color: #ca4222;
border-bottom-color: #eec2b7;
}
.catch-block-2 {
padding: 20px 0 70px;
text-align: center;
}
.info-block-2 .col-xs-12 > span {
float: left;
width: 263px;
margin-left: 20px;
display: block;
background: #ccc;
border-radius: 400px;
height: 263px;
padding-top: 85px;
text-align: center;
font-size: 20px;
font-weight: bold;
color: #fff;
text-shadow: 0 1px 1px rgba(0,0,0,0.9);
box-shadow: inset 0 0 300px rgba(0,0,0,.95);
margin-top: 20px;
}
.info-block-2 .col-xs-12 > span strong {
font-weight: bold;
font-family: arial;
text-transform: uppercase;
font-size: 36px;
}
.info-block-2 span span {display: block}
.info-block-2 .col-xs-12 > span:hover {
box-shadow: inset 0 0 300px rgba(255,255,255,.0);
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.info-block-2 span.sf1 {margin-left: 0; background: url(../images/new/sf/1.png) no-repeat;}
.info-block-2 span.sf2 {background: url(../images/new/sf/2.png) no-repeat;}
.info-block-2 span.sf3 {background: url(../images/new/sf/3.png) no-repeat;}
.info-block-2 span.sf4 {background: url(../images/new/sf/4.png) no-repeat;}
.info-block-2 span.sf5 { background: url(../images/new/sf/5.png) no-repeat; line-height: 26px; padding: 110px 0 101px;}
.info-block-2 span.sf6 {background: url(../images/new/sf/6.png) no-repeat; line-height: 26px; padding: 110px 0 101px;}
.info-block-2 span.sf7 {margin-left: 155px;background: url(../images/new/sf/7.png) no-repeat;}
.catch-block-2 h2 {
font-size: 34px;
margin: 0 0 20px 0
}
.catch-block-2 h3 {
font-size: 18px;
line-height: 24px;
margin: 0
}
.catch-block-2 form { margin-top: 30px; box-shadow: 0 0 50px rgba(0,0,0,0.2)}
.catch-block-2 form input[type="text"] { padding: 10px; }
.catch-block-2 form input[type="submit"] { position: relative; top: -3px; }
.map {
max-width: 100%;
overflow: hidden;
position: relative;
border-top: 2px solid #261971;
border-bottom: 2px solid #261971;
}
.map .contacts {
position: absolute;
top: 50px;
left: 50px;
background: rgba(38,25,113,.85);
color: #fff;
padding: 30px;
font-family: "Open Sans", sans-serif;
text-shadow: 0 1px 1px rgba(0,0,0,0.2);
font-weight: 400;
z-index: 9999
}
.map .contacts h3 {
margin: 0 0 20px 0;
padding: 0;
font-family: "Open Sans", sans-serif;
font-weight: 300
}
.map .contacts li {padding-left: 10px}
.map .contacts .addr li {padding-left: 0}
.map .contacts p {
margin: 10px 0 0;
padding: 0
}
.footer {
background: rgb(239,239,239);
background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(219,219,219,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(100%,rgba(219,219,219,1)));
background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
background: -o-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
background: linear-gradient(to bottom, rgba(239,239,239,1) 0%,rgba(219,219,219,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#dbdbdb',GradientType=0 );
padding: 20px 0;
color: #222;
text-shadow: 1px 1px 0 rgba(255,255,255,.5);
}
.footer .copyrights {
font-size: 11px;
font-family: "Open Sans";
font-weight: 300;
text-align: right
}
.footer .copyrights a {
color: #222;
border-bottom: 1px solid rgba(0,0,0,.5);
font-size: 14px;
text-decoration: none;
font-weight: 600;
line-height: 25px
}
.footer .copyrights a:hover {text-decoration: none;}
.footer .contacts strong{
display: block;
font-size: 18px;
font-family: "PT Sans", open-sans
}
.footer .logo {
display: inline-block;
/* width: 221px;
height: 50px; */
text-indent: -9999px;
margin-top: 3px;
/* background: url(../images/new/logo-dark.png) no-repeat */
width: 314px;
height: 70px;
background: url(../images/new/logo.png) no-repeat;
}
.not-responsive .container {
margin-left: auto;
margin-right: auto;
padding-left: 15px;
padding-right: 15px;
width: 1170px;
max-width: 1170px;
min-width: 1170px;
}
.wrapper {
position: relative;
width: 1280px;
margin: 0 auto;
box-shadow: 0 0 60px rgba(0,0,0,0.25);
}
form {margin-top: 100px;}
form input {
display: inline;
margin-bottom: 0;
width: auto
}
#wrapping {margin: 0 auto; padding: 100px 0 180px; text-align: center; color: #fff;}
#clock-ticker {width: 450px; margin: 0 auto}
#wrapping img { border: 0; }
#wrapping div, #wrapping section, #wrapping span { display: block; }
#wrapping { margin: 20px 0; font-size: 62.5%; font-family: Arial, Tahoma, sans-serif; }
#clock-ticker { display: block; margin-bottom: 15px;}
#clock-ticker .block { position: relative; color: #fff; font-weight: bold; float: left; margin-right: 22px; display: inline-block; }
#clock-ticker .block .flip-top { width: 88px; height: 39px; line-height: 75px; font-size: 55px; background: url('../images/new/flip-top.png') no-repeat; text-align: center; }
#clock-ticker .block .flip-btm { width: 88px; height: 40px; background: url('../images/new/flip-btm.png') no-repeat; text-align: center; }
#clock-ticker .block .label { display: block; color: #fbfbfb; font-weight: bold; font-size: 14px; text-transform: uppercase; width: 88px; line-height: 35px; text-align: center; font-family: "Arial", sans-serif; text-shadow: 1px 1px 0px #333; }
#counter {
position: relative
}
#counter form {
margin: 55px auto 55px;
background: rgba(255,255,255,0.1);
display: block;
display: none;
width: 560px
}
#counter form input {
width: 250px
}
#counter form input:last-child {
margin-right: 0
}
.button{
display: inline-block;
text-decoration: none;
padding: 10px 25px;
font-size: 16px;
color: #fff;
font-weight: bold;
text-shadow: 0px -1px 0px rgba(0,0,0,0.2);
}
.slick-3d{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);
}
.slick-3d:active {
-webkit-transform: translate(0, 4px);
-moz-transform: translate(0, 4px);
transform: translate(0, 4px);
-webkit-transition: all 0.1s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
:root .slick-3d:active{
margin: 3px 0 -3px 0 \9; /* Transition effect for IE9 */
}
.slick-3d.orange{
border: 1px solid #E56E0D;
background-color: rgb(255,168,76); /* Old browsers */
background-image: -moz-linear-gradient(top, rgba(255,168,76,1) 0%, rgba(255,123,13,1) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,168,76,1)), color-stop(100%,rgba(255,123,13,1))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, rgba(255,168,76,1) 0%,rgba(255,123,13,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 6px 0px #E56E0D, 0px 3px 12px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
-moz-box-shadow: 0px 6px 0px #E56E0D, 0px 3px 12px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
box-shadow: 0px 6px 0px #E56E0D, 0px 3px 12px rgba(0,0,0,0.4), inset 0px 1px 0px rgba(255,255,255,0.3), inset 0px 0px 3px rgba(255,255,255,0.5);
}
.slick-3d.orange:hover,.slick-3d.orange:active {
background-image: -moz-linear-gradient(top, rgba(255,255,255,0.01) 0%, rgba(255,255,255,0.01) 100%); /* FF3.6+ */
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.01)), color-stop(100%,rgba(255,255,255,0.01))); /* Chrome,Safari4+ */
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* Chrome10+,Safari5.1+ */
background-image: -o-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* Opera 11.10+ */
background-image: -ms-linear-gradient(top, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* IE10+ */
background-image: linear-gradient(to bottom, rgba(255,255,255,0.01) 0%,rgba(255,255,255,0.01) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0dffffff', endColorstr='#14ffffff',GradientType=0 ); /* IE6-9 */
}
.slick-3d.orange:active {
-webkit-box-shadow: 0px 2px 0px #E56E0D, 0px 1px 5px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 2px 0px #E56E0D, 0px 1px 5px rgba(0,0,0,0.5);
box-shadow: 0px 2px 0px #E56E0D, 0px 1px 5px rgba(0,0,0,0.5);
}
.map-d {
/* color: #fff;
background: rgb(0,84,121); Old browsers
IE9 SVG, needs conditional override of 'filter' to 'none'
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMDA1NDc5IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzAwMjUzZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, rgba(0,84,121,1) 0%, rgba(0,37,63,1) 100%); FF3.6+
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,rgba(0,84,121,1)), color-stop(100%,rgba(0,37,63,1))); Chrome,Safari4+
background: -webkit-linear-gradient(-45deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); Chrome10+,Safari5.1+
background: -o-linear-gradient(-45deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); Opera 11.10+
background: -ms-linear-gradient(-45deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); IE10+
background: linear-gradient(135deg, rgba(0,84,121,1) 0%,rgba(0,37,63,1) 100%); W3C
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005479', endColorstr='#00253f',GradientType=1 ); IE6-8 fallback on horizontal gradient */
}
.ymaps-copyright-agreement {display: none}
#blade {display: none; background: rgba(0,0,0,.7); width: 100%; height: 100%; position: fixed; z-index: 99998; top: 0; left: 0; }
#blade {
background-color: transparent;
background-image: -webkit-radial-gradient(50% 50%, circle closest-corner, rgba(0,0,0,.2) 17%, rgba(0,0,0, 0.85098));
left: 0px;
top: 0px;
position: fixed;
height: 100%;
width: 100%;
opacity: 1;
}
.app-modal {display: none; width: 333px; margin: 0 auto; z-index: 99999;}
.app-modal form { position: relative; background: #fff; padding: 60px 30px 30px; color: #2f3238; border-radius: 3px; box-shadow: 0 0 30px rgba(0,0,0,0.3)}
.app-modal form .form-control { margin-bottom: 10px}
.app-modal form input { border-color: #ff7f12 !important; font-size: 14px}
.app-modal form button {
display: block;
width:100%
}
.app-modal .disclimer {text-align: center; font-size: 12px; color: #999; margin: 20px 0}
.app-modal .xclose {display: block; position: absolute; top: 25px; right: 30px; font-size: 10px; color: #000; cursor: pointer}
.app-modal .xclose span {display: inline-block; position: absolute; right: 21px; top: 0; border-bottom: 1px dotted #000; opacity: .5; }
.app-modal .xclose i {font-style: normal; font-size: 16px; display: inline-block; padding: 3px; border-radius: 10px; background: #000; color: #fff; line-height: 9px}
.app-modal .xclose:hover span {opacity: 1}