html {
            height: 100%;
        }
        
        div.clo {display: none; font-size: 24px; text-shadow: 2px 1px 1px rgba(169, 169, 169, 0.9);}
div:target{display: block; font-size: 24px; text-shadow: 2px 1px 1px rgba(169, 169, 169, 0.9);}
div.bordo {width: 96%; margin: 5px 5px;  border-radius: 2px; border: 1px solid blue;}
.colic2 {padding:  7px  20px 0px 20px; border-radius: 2px 2px 0px 0px;  border-right: 1px solid blue; border-top: 1px solid blue; border-left: 1px solid blue;}
.colic1 {padding: 7px  20px 0px 20px; border-radius: 2px 2px 0px 0px; border-right: 1px solid blue; border-top: 1px solid blue;   border-left: 1px solid blue;}
 
 

        a.button15 {margin-bottom: 0px;
	 cursor: pointer;
  display: inline-block;
  width: 95%;
  font-size: 24 px;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  text-align: left;
  user-select: none;
  padding: 5px 10px;
  outline: none;
  border: 1px solid #1e90ff;
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;

}
a.button15:hover {
  color: rgb(24,24,24);
  border: 1px solid blue;
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
a.button15:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}

 .button01 {margin-bottom: 0px;
	 cursor: pointer;
  display: inline-block;
  font-weight: bold;
  color: rgb(68,68,68);
  text-decoration: none;
  text-align: left;
  user-select: none;
  padding: 5px 10px;
  outline: none;
  border: 1px solid #1e90ff;
  border-radius: 2px;
  background: rgb(245,245,245) linear-gradient(#f4f4f4, #f1f1f1);
  transition: all .218s ease 0s;

}
.button01:hover {
  color: rgb(24,24,24);
  border: 1px solid blue;
  background: #f7f7f7 linear-gradient(#f7f7f7, #f1f1f1);
  box-shadow: 0 1px 2px rgba(0,0,0,.1);
}
.button01:active {
  color: rgb(51,51,51);
  border: 1px solid rgb(204,204,204);
  background: rgb(238,238,238) linear-gradient(rgb(238,238,238), rgb(224,224,224));
  box-shadow: 0 1px 2px rgba(0,0,0,.1) inset;
}
        
        hr {
            height: 2px;
            border: 0;
            box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
            margin: 0;
        }
        
        img {
            -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; user-select: none; pointer-events: none; pointer-events: none;
        }
        
        img.conta 
        {
        
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
       -webkit-filter: contrast(155%);  
        border-radius: 4px;
        border: 1px solid  blue;
        
        }
        
        
        td.boxx {
        border-spacing: 10px;
        width: 250px;    
        box-shadow: 3px 3px 10px rgba(0,0,0,0.8)!important; 
        -webkit-box-shadow: 3px 3px 10px rgba(0,0,0,0.8)!important; 
        -moz-box-shadow: 3px 3px 10px rgba(0,0,0,0.8)!important; border: 1px solid rgba(82, 168, 236, 0.5);
        border-color: blue;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 10px rgba(82, 168, 236, 0.6);
        border-radius: 4px;
            
        }

        a {
            font-size: 25px;
            color: #ff0000;
            text-decoration: none
            
        }

        a:focus, a:hover {
            color: #000;
            
            text-decoration: none
        }

        body {
            background: #f5fffa;
            background-attachment: fixed;
            -moz-background-size: 100%; /* Firefox 3.6+ */
            -webkit-background-size: 100%; /* Safari 3.1+ и Chrome 4.0+ */
            -o-background-size: 100%; /* Opera 9.6+ */
             background-size: 100%; /* Современные браузеры */
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            font-family: BloggerSans;
            font-size: 19px;
            min-height: 100%;
            margin: 0;
        }

        .alert {
            font-family: 'PT Sans', Arial, sans-serif;
            line-height: 24px;
            border: none;
            border-radius: 0;
            border-bottom: 2px solid;
            box-shadow: rgba(77, 80, 94, 0.4) 0px 0px 3px 0px;
            padding: 25px;
            background-color: white;
        }

        h1, h2 {
            font-family: 'PT Sans Caption', Arial, sans-serif;
            font-weight: normal;
            margin: 0;
        }

        h1 {
            font-size: 21px;
            line-height: 30px;
        }

        h2 {
            font-size: 18px;
        }
        

        @media screen and (min-width: 1280px) {

            body {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 100%;
                
            }

            .top {
                background-color: #f7f9fa;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                -webkit-box-flex: 1;
                -ms-flex-positive: 1;
                flex-grow: 1;
            }
            .bottom {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
            }
            header{
                width: 100%;
                height: 100%;
                margin: 0 auto;
               
            }
            div.bloo {
                text-align: center;
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                
            }
            }

            main {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                width: 740px;
                margin: 0 auto;
            }
            footer {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-orient: horizontal;
                -webkit-box-direction: normal;
                -ms-flex-direction: row;
                flex-direction: row;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                width: 1018px;
            }
            .logo img{
                max-width: 100%;
                max-height: 75px;
                position: relative;
                top: 15px;
            }
            nav {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-pack: end;
                -ms-flex-pack: end;
                justify-content: flex-end;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                padding-right: 10px;
            }
            nav a {
                padding: 0 15px
            }
            .octo {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
            }
            .octo img {
                height: 230px;
            }
            .alert {
                display: -webkit-inline-box;
                display: -ms-inline-flexbox;
                display: inline-flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
            }
            .alert .icon {
                margin: 0 25px;
            }
            .icon img {
                height: 75px;
            }
            .alert.alert-success {
                border-bottom-color: #70a123;
            }
            .footer-col {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-orient: vertical;
                -webkit-box-direction: normal;
                -ms-flex-direction: column;
                flex-direction: column;
                padding: 15px 0;
            }
            .footer-col > * {
                padding: 2px;
            }

            .bottom-mobile {
                display: none;
            }
        

        @media screen and (max-width: 1280px) {

            .top {
                margin: 0 auto;
                background-color: #f7f9fa;
            }

            .bottom {
                margin: 0 auto;
                width: 95%;
            }

            header, footer, main {
                width: 100%;
            }

            header, footer, main {
                margin: 0 auto;
            }

            .logo {
                display: block;
                width: 27vw;
                margin: 0 auto;
            }

            .logo img {
                width: 100%;
            }

            .icon img {
                display: none;
            }

            .octo {
                width: 60%;
                margin: 0 auto;
            }

            .octo img {
                width: 100%;
            }

            .alert.alert-success {
                border-bottom-color: #70a123;
                margin-bottom: 30px;
                vertical-align: middle;
                text-align: center;
            }

            header nav {
                display: none;
            }

            .bottom {
                display: none;
            }

            .bottom-mobile footer {
                display: table;
                width: 95%;
                margin-bottom: 35px;
            }

            .bottom-mobile footer span {
                text-align: right;
                display: table-cell;
            }

            .bottom-mobile footer txt {
                display: table-cell;
            }

            .bottom-mobile footer h2 {
                margin-top: 20px;
                margin-bottom: 5px;
            }

            .bottom-mobile footer p {
                display: table-row;
                width: 100%;
                line-height: 25px;
            }
        }
        a.bot8 {
            float: left;
            
  background-color: #FFFFFF;
    border: 1px solid #f5f5f5;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
        border-radius: 4px;
    color: #555555;
    display:block;
        width:220px;
       
    font-size: 16px;
        text-align:center;
    height: 240px;
    line-height: 20px;
    margin-left: 10px;
    margin-top: 15px;
    margin-bottom: 5px;
    padding: 4px 6px;
    vertical-align: middle;
        text-decoration:none;
}
a.bot8:hover, a.bot8:focus {
   border-color: rgba(82, 168, 236, 0.8);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0 none;
 .market:hover span, .market:hover a {
   border-color: rgba(82, 168, 236, 0.8);
   box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(82, 168, 236, 0.6);
   outline: 0 none;
} 
}

a.button7 {
  font-weight: 700;
  color: white;
  text-decoration: none;
  padding: .8em 1em calc(.8em + 3px);
  border-radius: 3px;
  background: rgb(64,199,129);
  box-shadow: 0 -3px rgb(53,167,110) inset;
  transition: 0.2s;
} 
a.button7:hover { background: rgb(53, 167, 110); }
a.button7:active {
  background: rgb(33,147,90);
  box-shadow: 0 3px rgb(33,147,90) inset;
}

@font-face { 
  font-family:BloggerSans-Bold;
  src: url(/text/Bloggersansbold.ttf);
  src: url(/text/Bloggersansbold.woff2);
  src: url(/text/Bloggersansbold.woff);
 } 

@font-face { 
  font-family:BloggerSans;
  src: url(/text/Bloggersans.ttf);
  src: url(/text/Bloggersans.woff2);
  src: url(/text/Bloggersans.woff);
 } 
 
/*ВИДЕО РОЛИК - НАЧАЛО*/
 
 #video_holder{
    position: relative;

    
}
#overlay{
    position: absolute;
    top: 75%;
    left: 5%;
    width: 70px;
    height:  70px;
    z-index: 10;
   background: url('/jpg/play.png') 50% 50% no-repeat;   
    background-size: 70px;
}
#overlay:hover {    position: absolute;
    top: 75%;
    left: 5%;
    width: 70px;
    height:  70px;
    z-index: 10;
   background: url('/jpg/play_hover.png') 50% 50% no-repeat;   
    background-size: 70px;}
    
#overlay:active {background-size: 55px;}
#overlay.o{
    position: absolute;
    top: 75%;
    left: 5%;
    width: 70px;
    height:  70px;
    z-index: 10;
    background: url('/jpg/stop.png') 50% 50% no-repeat;   
    background-size: 70px;
}
#overlay.o:hover {    position: absolute;
    top: 75%;
    left: 5%;
    width: 70px;
    height:  70px;
    z-index: 10;
   background: url('/jpg/stop_hover.png') 50% 50% no-repeat;   
    background-size: 70px;}
    
#overlay.o:active {background-size: 55px;}

/*ВИДЕО РОЛИК - конец*/