.col1, .col2, .col3, .col4, .cols {
	float:left
}
.col1 {
	width:300px
}
.cols {
	width:210px
}
.col2 {
	width:440px
}
.col3 {
	width:430px
}
.col4 {
	width:195px
}
/* index.html *//* цвет и фон головы картинка и заливка */
#page1 .body1 {
	background: url(../images/bg_top.gif) top repeat-x #ffffff
}
#page1 header {
	height:414px
}  /* изменение высоты головы */
/* index-1.html */
#page2 .dropcap1 {
	font-size:39px;
	line-height:1.2em
}
#page2 .dropcap1 span {
	margin-top:3px
}
#page2 #content2 .cols {
	width:200px
}
#page2 #content2 .pad_left1 {
	padding-left:400px
}
#page2 #content2 {
	padding-bottom:36px
}
/* index-2.html */
#page3 .marg_right1 {
	margin-right:30px
}
#page3 #content .dropcap1 {
	font-size:39px;
	line-height:1.2em
}
#page3 #content .dropcap1 span {
	margin-top:3px
}
#page3 #content .pad_left1 {
	padding-left:40px
}
#page3 #content2 {
	padding-bottom:22px
}
/* index-3.html */
#page4 header {
	height:157px
}
#page4 #content2 {
	padding-bottom:22px;
	padding-top:12px
}
#page4 #content2 .cols {
	width:280px
}
#page4 #content2 .pad_left1 {
	padding-left:40px
}
#page4 #content2 {
	padding-bottom:44px
}
/* index-4.html */
#page5 header {
	height:157px
}
#page5 #content2 {
	padding-bottom:22px;
	padding-top:12px
}
#page5 .cols {
	width:600px
}
#page5 .marg_right1 {
	margin-right:30px
}


*
  margin: 0
  padding: 0

.slider
  height: 400px
  width: 400px
  position: relative
  border: 1px solid #ccc
  margin-left: 50px

.slider li
  list-style: none
  position: absolute
  display: inline-block

  width: 100%
  height: 100%
  opacity: 0

li
  opacity: 0

.slider img
  margin: auto
  position: absolute
  top: 0
  left: 0
  bottom: 0
  right: 0

  max-width: 100%
  max-height: 100%

$sliderLength: 4
$delay: 3s
$duration: $sliderLength * $delay
$displayTime: 100% / $sliderLength

@keyframes toggle
  0%
    opacity: 0
  #{$displayTime * 0.1}
    opacity: 1
  #{$displayTime * 0.9}
    opacity: 1
  #{$displayTime}
    opacity: 0
  100%
    opacity: 0

.slider li
  animation: $duration toggle infinite

@for $i from 0 to $sliderLength
  .slider li:nth-child(#{$i + 1})
    animation-delay: $delay * $i




.parallax {
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

.parallax__layer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.parallax__layer--base {
  transform: translateZ(0);
}

.parallax__layer--back {
  transform: translateZ(-1px);
}

.inthis{
text-align:center;
width:100%;



padding:10pt;
border-radius:4pt;
margin-left: auto;
    margin-right: auto;}

.vnutriblock{
margin:10pt;
padding:10pt;
border:2px solid red;
border-radius:4pt;
width:200px;
height:auto;
	box-shadow:0 0 10pt #727272;
display:inline-block;
vertical-align: middle;}

img{
  width: 100%;
  height: auto;
	padding-bottom: 20px;
}

.super img {
 -moz-transition: all 1s ease-out;
 -o-transition: all 1s ease-out;
 -webkit-transition: all 1s ease-out;
 }
 
.super img:hover{
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 }

.zornet {position: fixed;bottom: 99px;right: 19px;display: block;background: #d24d46;color: #eaeaea;text-decoration: none;padding: 7px 7px;font-size: 25px;border-radius: 10px;}
.zornet:hover { background: #353333; }