* { margin: 0; padding: 0; }
html { height: 100%; }
body { font: 12px/18px Arial, Tahoma, Verdana, sans-serif; width: 100%; height: 100%;}
a { color: blue; outline: none; text-decoration: underline; }
a:hover { text-decoration: none; }
p { margin: 0; }
h1 { font-size:16px; }

img.bg { width: 100%; height: 110%; position: fixed; top: 0; left: 50%; margin-left:-50%; z-index:1; }

.gls{ margin: 0 0 15px; text-indent:40px; text-align:justify; }
.myloader{ position:fixed; z-index:99999; width:220px; top:50%; left:50%; margin-left:-110px; margin-top:-20px; height:38px; background: rgba(255,255,255,1); padding:8px 3px 5px 3px; border-radius:20px; box-shadow:0 0 150px #4673B5; display:none; cursor:default;}

img { border: none; }
input { vertical-align: middle; }
#wrap { width: 100%; min-height:100%; position:relative; padding-bottom:150px;}
#wrapper { width: 1000px; margin: 0 auto; position:relative; z-index:1;}
#header { min-height:190px; color:#fff; border-radius:0 0 10px 10px; margin-bottom:7px; background: rgba(255,255,255,0.9); -moz-box-shadow: 0 0 8px 1px #22216F; -webkit-box-shadow: 0 0 8px 1px #22216F; -o-box-shadow: 0 0 8px 1px #22216F; box-shadow: 0 0 8px 1px #22216F; }

#kn_poisk_m{font-family: FontAwesome; font-weight:normal;font-size:26px;color:#efefef;position:absolute;right:15px;top:23px;cursor:pointer;-webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
#kn_poisk_m:hover{text-shadow:0 0 5px #fff; color:#fff;}

#name{ color:#4F4FBB; font-weight:bold; text-align:center; padding-top:25px; float:left; text-transform:uppercase; }

#zag1{ margin-top:33px; letter-spacing:1px; text-transform: uppercase; font-size:12px !important; }
#zag3{ text-transform: uppercase; margin-top:10px; letter-spacing:1px; font-size:12px !important; }

#fon{ position:absolute; height:31px; width:75px; top:6px; margin-left:5px; border-radius:3px; background:#EAFFC2; z-index:1; }
#car{ position:absolute; margin-left:775px; margin-top:-13px; }
#pr{ position:absolute; margin:0; margin-top:-1px; z-index:6; }
#dost{ position:absolute; margin-left:730px; margin-top:70px; }
#container { width: 100%; float: left; overflow:hidden; height: 100%; }
#content{ position:relative; width:1000px; padding: 0; margin:35px 0; display: flex;  flex-direction: row; justify-content: space-between;}
#cblok { margin:10px; font-family: 'vera_crouzregular'; font-size:60px; }
#text { position: relative; min-height:120px; }
#cena1{ margin-top:10px; margin-right: -3px; width: 100px; font-family: 'parkavenuenormal'; color:#FF6C6C; font-size:30px; text-align:right; height:30px; float:left; }
#fter { border-top:5px solid #F4F7FB; text-transform:uppercase; text-shadow: 0 0 0 #555; padding:15px 0; color:#c1c1c1; background:#2D2D2D; text-align:center;  font-size:11px; position:absolute; bottom:0; width:100%;}
#poput{ position:fixed; width:400px; height:100px; background-color: rgba(0,0,0,0.7); z-index:99999; top:40%; left:50%; margin-left:-215px; padding:15px; color:#fff; border-radius:5px; -moz-box-shadow: 0 0 9px #000; -webkit-box-shadow: 0 0 9px #000; -o-box-shadow: 0 0 9px #000; box-shadow: 0 0 9px #000; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; display:none; }
#content_p{ font-size:14px; height:95px; width:285px; border-left:1px dashed #ddd; float:left; margin-left:15px; padding-left:15px; padding-top:5px; text-shadow: 1px 1px 2px rgb(7,7,7); z-index:99; }
#naverh{display:none;position:fixed;bottom:80px; padding:10px; left:50%; width:90px; height:125px; border-radius: 10px; border:1px solid #ccc; margin-left:510px;text-align:center;cursor:pointer;z-index:999;}

.close_p{ position:absolute; top:10px; right:10px; text-align:center; padding:0 2px 1px 3px; color:#aaa; border:1px solid #aaa; font-weight:bold; cursor:pointer; z-index:999; font-size:12px; border-radius:5px; }
.close_p:hover{ color:#fff; background-color: #baa; }

.stroki2:hover{ background: rgba(200,200,200,0.1); }
.stroki2{ margin:5px 0; }

.knm{ display: inline-block; margin:10px 2px; padding:3px 10px; color: #000; border:1px solid #ccc; text-align:center; text-transform: uppercase;font-size:10px;font-weight:bold;letter-spacing:1px; cursor:pointer; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius:5px; text-decoration: none; }

.cool-button2{ border: 1px solid #BABABA; padding: 4px 10px; color: #FFFF91; font-weight: bold; cursor: pointer; font-family: Arial; font-size:11px; outline:none; text-align:center; margin-right:5px; background-color: rgba(116,189,31,0.9); color: #FFFFf9; text-shadow: 0 0 8px #000; -moz-box-shadow: inset 0 1px 3px #38C025, inset 0 -10px #38aa07; -webkit-box-shadow: inset 0 1px 3px #38C025, inset 0 -10px #38aa07; -o-box-shadow: inset 0 1px 3px #38C025, inset 0 -10px #38aa07; box-shadow: inset 0 1px 3px #38C025, inset 0 -10px #38aa07; }

.cool-button2:hover{ -moz-box-shadow: inset 0 1px 3px #FFFFFF, inset 0 -15px #38aa07, 0 0 10px #38C025; -webkit-box-shadow: inset 0 1px 3px #FFFFFF, inset 0 -15px #38aa07, 0 0 10px #38C025; -o-box-shadow: inset 0 1px 3px #FFFFFF, inset 0 -15px #38aa07, 0 0 10px #38C025; box-shadow: inset 0 1px 3px #FFFFFF, inset 0 -15px #38aa07, 0 0 10px #38C025; }

.knopki{ position:absolute; padding:1px 8px; padding-top:2px; border:1px solid #cce; color:#000; float:left; font-size:10px; text-transform:uppercase; margin:10px; cursor:pointer; z-index:999; text-align:center; }

.btn{ float: left; }

.podmin{ padding:5px 10px; font-weight:normal; cursor:pointer; display: block; text-decoration:none; color:#000; border-radius:3px; margin:0 -5px;}
.podmin:hover{ background:#ddd; }
.podmin_s{ border:1px solid #eee; background:#fff; font-weight:bold; }

.sort_img{ width:28px; height:25px; background: url("../img/sort.png") no-repeat; margin-top:4px; float:left; margin-right:5px; }
.sort_img:hover{background: url("../img/sorth.png") no-repeat; cursor:pointer;}

.bloki{ font-family: Verdana, Arial; font-size:14px; margin-bottom:50px; cursor:default; position:relative; }
.bmenu{padding:10px 15px 10px 15px; background:#fafafa; border:3px solid #f1f1f1; }

.zagolovok{ padding:20px 0; }

.shadow { text-shadow: 0 0 10px #FFD3CA; color:#FF3C15; margin-bottom:30px; }

.rblok { margin:130px 0 0 5px; width: 170px; background: rgba(0,0,0,0.2); padding:10px; border-radius: 5px 5px 0 0; color:#F35F1F; text-shadow: 0 0 5px #fff; background: rgba(255,255,255,0.8); border:1px solid #eee; border-radius:5px; font-size:26px; text-align:center; font-family: 'parkavenuenormal'; font-weight:bold; cursor:default; }

.formi{ text-indent: 0px; transition: text-indent 0.3s ease; border:1px solid #5779C0; font-style: italic; color:#aaa; outline:none; padding:5px; border-radius:5px; width:175px; }
.formi:focus{ color:#000; -moz-box-shadow: 0 0 8px #CECDFF; -webkit-box-shadow: 0 0 8px #CECDFF; -o-box-shadow: 0 0 8px #CECDFF; box-shadow: 0 0 8px #CECDFF; -moz-transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out; -o-transition: all 0.3s ease-out; transition: all 0.3s ease-out; }


.formi:focus::-webkit-input-placeholder       { text-indent: -400px; transition: text-indent 0.3s ease; }
.formi:focus::-moz-placeholder                { text-indent: -400px; transition: text-indent 0.3s ease; }
.formi:focus:-moz-placeholder                 { text-indent: -400px; transition: text-indent 0.3s ease; }
.formi:focus:-ms-input-placeholder            { text-indent: -400px; transition: text-indent 0.3s ease; }

#all_poisk:focus::-webkit-input-placeholder{text-indent: -400px; transition: text-indent 0.4s ease; }
#all_poisk:focus::-moz-placeholder {text-indent: -400px; transition: text-indent 0.4s ease; }
#all_poisk:focus:-moz-placeholder {text-indent: -400px; transition: text-indent 0.4s ease; }
#all_poisk:focus:-ms-input-placeholder{text-indent: -400px; transition: text-indent 0.4s ease; }

#all_poisk::-webkit-input-placeholder{color:#ccc;}
#all_poisk::-moz-placeholder {color:#ccc;}
#all_poisk:-moz-placeholder {color:#ccc;}
#all_poisk:-ms-input-placeholder{color:#ccc;}




.radio input {
  position: absolute;
  z-index: -1;
  opacity: 0;
  margin: 10px 0 0 7px;
}
.radio__text {
  position: relative;
  padding: 0 0 0 35px;
  cursor: pointer;
}
.radio__text:before {
  content: '';
  position: absolute;
  top: 50%;
  margin-top:-12px;
  left: 0;
  width: 22px;
  height: 22px;
  border: 1px solid #CDD1DA;
  border-radius: 50%;
  background: #FFF;
}
.radio__text:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top:-8px;
  left: 4px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #9FD468;
  box-shadow: inset 0 1px 1px rgba(0,0,0,.5);
  opacity: 0;
  transition: .2s;
}
.radio input:checked + .radio__text:after {
  opacity: 1;
}
.radio input:focus + .radio__text:before {
  box-shadow: 0 0 0 3px rgba(255,255,0,.7);
}


.but_fin {
  font-family: Tahoma; text-align:center;
  font-size:14px;letter-spacing:1px;
  color: white; cursor:pointer;
  text-decoration: none;
  padding: 8px 15px 11px 15px;
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0s;
  
  background-image: linear-gradient(45deg, rgba(255,255,255,.0) 30%, rgba(255,255,255,.8), rgba(255,255,255,.0) 70%);
  background-repeat: no-repeat;
  background-size: 200% 100%, auto;
  background-position: 200% 0, 0 0;
} 
.but_fin:hover { transition: .5s linear; background-position: -200% 0, 0 0; }
.but_fin:active { transition: 0.2s; background: rgb(33,147,90); box-shadow: 0 3px rgb(33,147,90) inset; }


@keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 600px /* анимируем свойство background-position */
    }
}
/* Mozilla Firefox 5.0+ */
@-moz-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 600px
    }
}
/* Safari 4.0+, Chrome 4.0+ */
@-webkit-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 600px
    }
}
/* Opera 12.0+ */
@-o-keyframes animatedBackground {
    0 {
        background-position: 0 0
    }
    100% {
        background-position: 0px 600px
    }
}

.fonr{
	/* задаем произвольную высоту и ширину блока */
	background-image: url('../img/loaderr.png') !important;
	animation: animatedBackground 18s linear infinite;
	-moz-animation: animatedBackground 18s linear infinite;
	-webkit-animation: animatedBackground 18s linear infinite;
 	-o-animation: animatedBackground 18s linear infinite;
	/* так же, как и с @keyframes, префикс -ms тут ни к чему */
}