@charset "utf-8";
/* CSS Document */
html{
background: #fff;
}
body{
padding:0px;
margin:0px;
font-size:15px;
font-family:arial;
/*height:100%;*/
padding-bottom:15px;
min-width:630px;
background:#fff;
background: -moz-linear-gradient(top, #eee, #fff); /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#eee), color-stop(100%,#fff));
/* Chrome 10+, Safari 5.1+*/
background: -webkit-linear-gradient(top, #eee, #fff);
background: -o-linear-gradient(top, #eee, #fff); /* Opera 11.10+*/
background: -ms-linear-gradient(top, #eee, #fff); /* IE10*/
background: linear-gradient(top, #eee, #fff); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#efefef', endColorstr='#ffffff'); /* for IE */
}
h1{
margin: 0px;
padding: 0px;
display: inline;
font-size: 15px;
}
.hhead{
margin-bottom:20px;
font-size:24px;
display:block;
}
input[type='text']:not(.st), textarea{
width:50%;
min-width:100px;
max-width:500px;
padding:5px 10px;
margin-bottom:10px;
margin-right:10px;
border:1px solid #aaa;
border-radius:3px;
-webkit-border-radius:3px;
-mos-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
}
input[type='file']{
width:50%;
min-width:100px;
max-width:500px;
margin-bottom:10px;
margin-right:10px;
border:1px solid #aaa;
border-radius:3px;
-webkit-border-radius:3px;
-mos-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
}
.socblock_2{
left: Calc(100% - 60px);
width: 40px;
/*height: 140px;*/
border: 1px solid #aaa;
top: 150px;
position: fixed;
padding: 10px 5px;
background: #fff;
box-shadow: 1px 1px 5px #aaa;
background: #fff7;
box-shadow: 0px 0px 15px 5px #aaaa;
border-radius: 20px;
}
.lnk1{
color:#fff;
font-size:16px;
font-family:arial;
text-decoration:none;
}
.lnk1:hover, .lnk1 div:hover, .lnk1.otpr_zapr:hover{
text-decoration:underline;
}
.lnk1 .otpr_zapr:hover{
text-decoration:none;
}
.em_link a, .pl a{
color:#3667b0 !important;
margin-bottom:5px;
display:inline-block;
font-size:14px;
font-weight: normal;
}
.links1{
float:left;
margin-right:130px;
width:425px;
}
.links2{
float:left;
width:425px;
}
.links3{
margin-top:20px;
display:inline-block;
}
.links1 text, .links2 text{
width:425px;
}
.links1 .em_link, .links2 .em_link{
width:425px;
display:inline-block;
}
.pl{
line-height:20px;
}
.pl div{
width:150px;
float:left;
margin-right:20px;
}
.pl div img{
max-width:150px;
width:150px;
}
/*@media only screen and (min-width: 320px) and (max-width: 768px),
only screen and (min-device-width: 320px) and (max-device-width: 768px)
{
.cont{
width:100%;
min-width:202px;
max-width:700px;
margin:auto;
}
.hd{
width:100%;
min-width:202px;
max-width:700px;
margin:auto;
}
.logo, .menu, .search, .anim, .aimg, .abut, .text, .phone{
border:0px solid #f33;
margin-bottom:5px;
}
}
@media only screen and (min-width: 769px) and (max-width: 1280px),
only screen and (min-device-width: 769px) and (max-device-width: 1280px)
{*/
.cont{
width:100%;
min-width:202px;
max-width:1000px;
margin:auto;
}
.hd{
width:100%;
min-width:202px;
max-width:1020px;
margin:auto;
}
.logo, .menu, /*.search,*/ .anim, .aimg, .abut, .text, .phone{
border:0px solid #333;
margin:5px 0px;
}
.phone{
margin-top: 12px;
margin-left:5px;
/*margin-left: 700px;
width: 320px;*/ font-size:16px;
}
.head, .head_logo{
width:100%;
float:left;
}
.head{
position:fixed;
z-index:10000;
}
.logo{
width:200px;
float:left;
}
.menu{
/*width:100%;*/
max-width:570px;
min-width:475px;
float:left;
/*margin-right:3%;
margin-left:90px;*/
height:32px;
}
.menu-m{
height:42px;
float:left;
}
.menu-m div.mm
{
width:0px;
border-left:1px solid #047;
border-right:1px solid #6ad;
float:left;
height:35px;
margin:5px 10px 0px 0px;
padding:0px;
}
.menu-m div.pe
{
margin-top: 5px;
height:32px;
/*margin-left: -89px;*/
padding-left:5px;
width: 80px;
float: left;
font-family:verdana;
font-size:13px;
font-weight:bold;
}
.search{
/*width:100%;
min-width:30px;
max-width:100px;*/
float:left;
}
.anim{
width:100%;
float:left;
border:none;
margin-top:10px;
}
.aimg{
width:65%;
min-width:200px;
max-width:600px;
float:left;
padding:0px;
border:none;
text-align:center;
border-radius:30px;
-webkit-border-radius:30px;
-mos-border-radius:30px;
-khtml-border-radius:30px;
-o-border-radius:30px;
overflow:hidden;
}
.aimg img{
border-radius:30px;
-webkit-border-radius:30px;
-mos-border-radius:30px;
-khtml-border-radius:30px;
-o-border-radius:30px;
overflow:hidden;
}
.abut{
width:Calc(35% - 20px);
min-width:100px;
max-width:350px;
float:left;
text-align:center;
margin-top:150px;
margin-left:20px;
text-align:left;
}
.text{
width:100%;
float:left;
/*margin-top:30px;*/
}
.phone{
float:left;
/*margin-left: 700px;
width: 320px;*/ font-size:16px;
}
.menu div{
float:left;
}
/*}*/
.head{
box-shadow: 0px 0px 10px #aaa;
position:fixed;
z-index:10000;
}
.logo{
/*width:100%;
float:none;*/
height:93px;
background:url(img/visitka.png) 0px 0px no-repeat;
background-color:transparent;
margin-top:40px;
margin-bottom:-110px;
overflow: visible;
width: 172px;
}
.logo2{
height:100px;
background:url(img/logo.png) 0px 0px no-repeat;
background-color:transparent;
margin-top:0px;
line-height:38px;
overflow: visible;
width: 160px;
color: #047;
font-weight: bold;
font-size: 30px;
font-size: 40px;
padding: 5px 0px 0px 0px;
font-variant: small-caps;
float:left;
}
.pb{
height:100px;
background:url(img/pb.png) 0px 0px no-repeat;
background-color:transparent;
margin-top:0px;
line-height:38px;
overflow: visible;
width: 250px;
float:left;
}
.logo2 span{
letter-spacing:0.29em;
}
.menu div{
margin-right:15px;
/*padding-right:15px;*/
}
.menu a{
font-weight:bold;
/*font-variant:small-caps;*/
font-family:verdana;
font-size:13px;
}
.head{
color:#fff;
background:#1a67a5;
position:fixed;
z-index:10000;
}
.text{
font-size:16px;
line-height:25px;
}
.bsearch{
background:#4a81ae url(img/sh.png) center center no-repeat;
width:21px;
height:34px;
padding:4px 12px;
margin-right:0px;
}
.bsearch:hover{
background-color:#204671;
}
.otpr_zapr{
padding:9px 12px;
background:#333;
font-size:12px;
float:left;
text-align:center;
line-height:12px;
}
.otpr_zapr:hover{
background:#555;
}
.butoz{
font-size:15px;
font-weight:bold;
font-variant: small-caps;
padding:7px 10px;
margin-top:10px;
cursor:pointer;
color:#fff;
max-width:200px;
text-align:center;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-mos-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
background:#f06172;
background: -moz-linear-gradient(top, #f06172, #b83944); /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#f06172), color-stop(100%,#b83944));
/* Chrome 10+, Safari 5.1+*/
background: -webkit-linear-gradient(top, #f06172, #b83944);
background: -o-linear-gradient(top, #f06172, #b83944); /* Opera 11.10+*/
background: -ms-linear-gradient(top, #f06172, #b83944); /* IE10*/
background: linear-gradient(top, #f06172, #b83944); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f06172', endColorstr='#b83944'); /* for IE */
}
.butoz:hover{
background:#f07192;
background: -moz-linear-gradient(top, #f07192, #c84954); /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#f07192), color-stop(100%,#c84954));
/* Chrome 10+, Safari 5.1+*/
background: -webkit-linear-gradient(top, #f07192, #c84954);
background: -o-linear-gradient(top, #f07192, #c84954); /* Opera 11.10+*/
background: -ms-linear-gradient(top, #f07192, #c84954); /* IE10*/
background: linear-gradient(top, #f07192, #c84954); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f07192', endColorstr='#c84954'); /* for IE */
}
.butfile{
font-size:15px;
font-weight:bold;
font-variant: small-caps;
padding:7px 10px;
margin-top:10px;
cursor:pointer;
color:#fff;
max-width:200px;
text-align:center;
border:none;
border-radius:3px;
-webkit-border-radius:3px;
-mos-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
background:#51b2f0;
background: -moz-linear-gradient(top, #51b2f0, #2579c8); /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#51b2f0), color-stop(100%,#2579c8));
/* Chrome 10+, Safari 5.1+*/
background: -webkit-linear-gradient(top, #61b2f0, #3579c8);
background: -o-linear-gradient(top, #51b2f0, #2579c8); /* Opera 11.10+*/
background: -ms-linear-gradient(top, #51b2f0, #2579c8); /* IE10*/
background: linear-gradient(top, #51b2f0, #2579c8); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#51b2f0', endColorstr='#2579c8'); /* for IE */
}
.butfile:hover{
background:#71d2ff;
background: -moz-linear-gradient(top, #71d2ff, #5599e8); /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#71d2ff), color-stop(100%,#5599e8));
/* Chrome 10+, Safari 5.1+*/
background: -webkit-linear-gradient(top, #71d2ff, #5599e8);
background: -o-linear-gradient(top, #71d2ff, #5599e8); /* Opera 11.10+*/
background: -ms-linear-gradient(top, #71d2ff, #5599e8); /* IE10*/
background: linear-gradient(top, #71d2ff, #5599e8); /* CSS3 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#71d2ff', endColorstr='#5599e8'); /* for IE */
}
.a2{
text-decoration:none !important;
}
.a2{
text-decoration:none !important;
}
#fbsh div{
margin-top:7px;
width:100%;
border:1px solid #1a67a5;
border-radius:3px;
-webkit-border-radius:3px;
-mos-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
background:#1a67a5;
/*background: -moz-linear-gradient(top, #ddd, #fff);*/ /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
/*background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#ddd), color-stop(100%,#fff));*/
/* Chrome 10+, Safari 5.1+*/
/*background: -webkit-linear-gradient(top, #ddd, #fff);
/*background: -o-linear-gradient(top, #ddd, #fff); /* Opera 11.10+*/
/*background: -ms-linear-gradient(top, #ddd, #fff); /* IE10*/
/*background: linear-gradient(top, #ddd, #fff); /* CSS3 */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff'); /* for IE */
}
#fbsh input[type='text']::-webkit-input-placeholder {color:#fff; font-size:14px;}
#fbsh input[type='text']::-moz-placeholder {color:#fff; font-size:14px;}/* Firefox 19+ */
#fbsh input[type='text']:-moz-placeholder {color:#fff; font-size:14px;}/* Firefox 18- */
#fbsh input[type='text']:-ms-input-placeholder {color:#fff; font-size:14px;}
#fbsh input[type='text']{
font-size:15px;
font-weight:bold;
font-variant: small-caps;
padding:5px 20px;
margin-top:0px;
color:#fff;
width:Calc(100% - 63px);
margin-right:3px;
border:0px solid #aaa;
border-radius:3px;
-webkit-border-radius:3px;
-mos-border-radius:3px;
-khtml-border-radius:3px;
-o-border-radius:3px;
background:#1a67a5;
/*background: -moz-linear-gradient(top, #ddd, #fff); /* Firefox 3.6+*/
/* Chrome 1-9, Safari 4-5*/
/*background: -webkit-gradient(linear, left top, left bottom,
color-stop(0%,#ddd), color-stop(100%,#fff));
/* Chrome 10+, Safari 5.1+*/
/*background: -webkit-linear-gradient(top, #ddd, #fff);
/*background: -o-linear-gradient(top, #ddd, #fff); /* Opera 11.10+*/
/*background: -ms-linear-gradient(top, #ddd, #fff); /* IE10*/
/*background: linear-gradient(top, #ddd, #fff); /* CSS3 */
/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ffffff'); /* for IE */
}
#fbsh input[type=text]:active{
border:none !important;
}
#fbsh input[type=text]:focus{
border:none !important;
}
input.st:focus{
border:none !important;
}
#fbsh input[type='submit']{
border:none;
background:url(img/sh.png) center center no-repeat;
}
.pokak{
background:url(img/pokak.png) 0px center no-repeat;
padding-left:37px;
}
.cns{
background:url(img/cns.png) 0px center no-repeat;
padding-left:45px;
}
.rek{
background:url(img/rek.png) 0px center no-repeat;
padding-left:33px;
}
.micons{
float:right; margin-left:20px; margin-right:20px; margin-top:-10px; font-weight: bold;
color: #333; margin-bottom:-10px;
font-size: 26px;
}
.bord{
width:0px;
border-left:1px solid #047;
border-right:1px solid #6ad;
float:left;
height:35px;
margin:0px 15px 0px 0px;
padding:0px;
}
.allcont{
display:inline-block;
width:100%;
margin-top: 60px;
}
.ttip_opov{
position: absolute;
margin-top: -145px;
margin-left: 70px;
}
.ttip_opov .hint{
border: 1px solid #17598e;
max-width: 250px;
min-width: 250px;
width:250px;
padding: 10px 20px;
line-height: 18px;
background-color: #1a67a5;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
-o-border-radius:8px;
color: #fff;box-shadow:0px 0px 10px #aaa;
}
.ttip_pok{
position: absolute;
margin-top: -125px;
margin-left: 70px;
}
.ttip_pok .hint{
border: 1px solid #17598e;
max-width: 200px;
min-width: 200px;
width:200px;
padding: 10px 20px;
line-height: 18px;
background-color: #1a67a5;
border-radius: 8px;
-moz-border-radius:8px;
-webkit-border-radius:8px;
-khtml-border-radius:8px;
-o-border-radius:8px;
color: #fff;box-shadow:0px 0px 10px #aaa;
}
.text-anty-bot{
color:#333;
font-weight:bold;
font-size:11px;
margin:10px 0px 4px 0px;
}
.img-anty-bot{
height:30px;
}
.art-style{
margin-top:30px;
display: inline-block;
}
@media only screen and (min-width: 320px) and (max-width: 768px),
only screen and (min-device-width: 320px) and (max-device-width: 768px)
{
html{
background: cornsilk;
background: hsl(48deg 100% 96%);
}
body{
background: cornsilk;
background: hsl(48deg 100% 96%);
font-size:20px !important;
}
.micons{
display:none;
}
.menu{
width: Calc(100% - 0px);
max-width: none;
min-width: 475px;
float: left;
height: 32px;
display: table;
}
.menu div{
float: left;
display: table-cell;
padding: 10px;
width: Calc(35% - 20px);
text-align: center;
font-size: 20px;
background-image: none;
letter-spacing: 2px;
margin-right:0px;
}
.menu div span{
font-size: 19px !important;
}
.menu div.bord{
display:none;
}
.pokak{
width: 24% !important;
margin-left: 10px;
}
.otpr_zapr {
float: right;
margin-right: 20px;
font-size: 16px;
line-height: 16px;
text-transform: lowercase;
letter-spacing: 2px;
}
.phone {
float: right;
margin-right: 20px;
font-size: 18px;
}
.allcont{
margin-top: 120px;
padding: 20px;
background: cornsilk;
background: hsl(48deg 100% 96%);
}
.butoz{
font-size: 25px;
padding: 10px 20px;
}
.text {
font-size: 24px;
line-height: 33px;
margin: 20px 0px;
}
.art-style, .art-style p, .art-style span{
font-size: 22px !important;
}
.links1{
width:100%;
margin-right:0px;
}
.links2{
width:100%;
margin-right:0px;
}
.links3{
width:100%;
margin-right:0px;
}
div.em_link h3{
margin: 0px;
font-weight: normal;
display: inline;
margin-block-start: 0px;
margin-block-end: 0px;
}
.links1 text, .links2 text{
width:100%;
}
.links1 .em_link, .links2 .em_link{
width:100%;
}
.em_link a{
font-size: 24px;
line-height: 26px;
margin-bottom: 12px;
text-decoration: none;
}
.head{
width: Calc(100% - 0px);
}
.socblock_2 {
left: Calc(100% - 60px);
}
form#fbsh{
top: 128px !important;
}
.pl div{
width: 30%;
}
.pl div a{
font-size: 20px;
text-decoration: none;
line-height: 24px;
}
h1{
font-size: 25px !important;
}
h2{
font-size: 24px !important;
}
.ttip_opov{
position: absolute;
margin-top: -255px;
margin-left: -5px;
}
.ttip_opov .hint{
line-height: 22px;
max-width: 185px;
min-width: 185px;
width: 185px;
}
.ttip_pok{
position: absolute;
margin-top: -185px;
margin-left: 0px;
}
.ttip_pok .hint{
line-height: 22px;
max-width: 180px;
min-width: 180px;
width: 180px;
}
.bl1{
font-size: 24px !important;
}
input[type='text']:not(.st), textarea {
width: 80%;
padding: 10px 20px;
font-size: 24px;
margin-left: 5px;
margin-bottom: 20px;
min-width: 210px;
}
input[type='file']:not(.st), textarea {
width: 80%;
padding: 10px 20px;
font-size: 24px;
margin-left: 5px;
margin-bottom: 20px;
}
.captureBot{
height: 40px;
margin-bottom: -10px;
}
.small-text{
font-size:20px !important;
}
.text-anty-bot{
font-size:20px;
}
.img-anty-bot{
height:60px;
}
.flink1{
font-size:24px !important;
color: #3667b0 !important;
text-decoration:none !important;
}
.flink2{
font-size:20px !important;
text-decoration:none !important;
}
}