html, body{margin:0;padding:0;font-size:100%;height:100%;background:#e8eff5 url("../images/noise.png");}
 .header{
                width: 100%;
                height: 200px;
                padding-top: 1px;
                background:
                linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
                linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
                linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
                linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
                linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
                linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);
                background-color: #131313;
                background-size: 15px 15px;
                box-shadow: 5px 5px 10px 5px #5F5959;
                border-bottom: 2px solid #481F03;
            }
            .line{
                width: 100%;
                height: 7px;
                background-color: #64B8F0;
            }
            .headwrap{
                width: auto;/*то же что и 100%*/
                max-width: 960px;/*максимальная ширина обёртки*/
                background-color:  #fff;
                margin: 0px auto;
                position: relative;
                background: none;
                overflow: hidden;
            }
            .headwrapmenu{
                height: 70px;
                background-color: #64B8F0;
                box-shadow: 5px 5px 10px 5px #5F5959;
               // border-bottom: 2px solid #481F03;
              
             }
             /*-------------------top menu--------------*/
            .topmenu-container{
                position: relative;
                width: auto;
                max-width: 960px;/*максимальная ширина обёртки*/
                margin: 0px auto;
            }
            #topmenu{
                margin: 0 auto;
                padding: 0;
                list-style: none;
                max-width: 100%;
            }
            #topmenu ul{
                float: left;
            }
            #topmenu li{
                float: left;
                height: 70px;
                text-align: center;
                width: 19%; /*624/5=125  (125/624)*100=16,6666666%*/
                background-color: none;
                -moz-box-sizing: border-box;
                box-sizing: border-box;
               
            }
            #topmenu li:hover{
                background-color:  #64B8F0;
            }
            #topmenu a{
                font-family: Tahoma, Geneva, sans-serif;
                text-shadow: 3px 3px 8px #E98F51;
                color: #000;
                text-decoration: none;
                text-shadow: 1px 1px 1px #fff;
                display: block;
                font-size: 20px;
                line-height: 70px;
              
            }
            #topmenu li:hover a{
                 color: #000;
                 text-shadow: 1px 1px 1px #fff;  
                 text-shadow: 3px 3px 8px #E98F51;
                color: #fff;
            }
.logo{width:31%;float:left;text-align:center;}
@font-face{font-family:'CevicheOne-Regular';src:url('../fonts/CevicheOne-Regular.eot');src:url('../fonts/CevicheOne-Regular.eot?#iefix') format("embedded-opentype"),
url('../fonts/CevicheOne-Regular.woff') format('woff'),
url('../fonts/CevicheOne-Regular.ttf') format('truetype'),
url('../fonts/CevicheOne-Regular.svg') format('svg');font-weight:normal;font-style:normal;}
@font-face{font-family:'CaslonItalic';src:url('../fonts/CaslonItalic.eot');src:url('../fonts/CaslonItalic.eot?#iefix') format("embedded-opentype"),
url('../fonts/CaslonItalic.woff') format('woff'),
url('../fonts/CaslonItalic.ttf') format('truetype'),
url('../fonts/CaslonItalic.svg') format('svg');font-weight:normal;font-style:normal;}
.intlink, .extlink{color:#0000EE;text-decoration:underline;cursor:pointer;}
.logotip{font-family:'CevicheOne-Regular';color:#0091d5;font-size:50px;font-weight:normal;margin:0;text-decoration:none !important;cursor:pointer;}
.numlogo{font-family:'CevicheOne-Regular';color:#ffa073;}
.logotip span{font-family:'CevicheOne-Regular';color:#ffa073;}
.slogan h3{font-family:'CaslonItalic';color:#ffa073;font-size:30px;font-weight:normal;margin:0;}
.socialbox{
                width: 60%;
                height: 50px;
                float: right;
                margin-top: 43px;
            }
            .socbtn{
                display: block;
                width: 50px;
                height: 50px;
                float: left;
                margin-left: 20px;
                cursor: pointer;
            }
            .socbtn.vk{
                background-image: url('../images/socbtn.png');
                background-position: 0 0;
            }
            .socbtn.f{
                background-image: url('../images/socbtn.png');
                background-position: -50px 0;
            }
            .socbtn.t{
                background-image: url('../images/socbtn.png');
                background-position: -100px 0;
            }
            .socbtn.g{
                background-image: url('../images/socbtn.png');
                background-position: -150px 0;
            }
            .socbtn.m{
                background-image: url('../images/socbtn.png');
                background-position: -200px 0;
            }
.wrap{height:auto !important;height:100%;min-height:100%;width:auto;max-width:960px;margin:0px auto;margin-top:20px;position:relative;margin-bottom:-158px;}
.rightcolumntop, .rightcolumnbottom{background-color:none;width:26%;float:right;height:auto !important;height:100%;min-height:100%;position:relative;}
.rightcolumntop{margin-top: 20px;}
.autor{background-color:#fff;position:relative;height:202px;margin-bottom:20px;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);}
.modname{font-size:1.17em;font-weight:bold;text-align:center;background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;color:#F5F9FB;padding:5px;margin:0 -10px 10px -10px;//маргин отрицательный, для выступа ленты
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);}
.modname:before, .modname:after{content:'';position:absolute;border-style:solid;border-color:transparent;top:32px;}
.modname:before{border-width:0 10px 10px 0;border-right-color:#7C6868;left:-10px;}
.modname:after{border-width:0 0 10px 10px;border-left-color:#7C6868;right:-10px;}
.imgbox{background:#fff;border:1px solid #F5F9FB;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);padding:3px;width:50%;margin:0 auto;margin-top:15px;position:relative;}
.imgbox p{margin:0;}
img{max-width:100%;vertical-align:middle;border:none;}
.rightmenu{background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);position:relative;margin-bottom:20px;}
.rightmenu ul{margin:0 auto;padding:0;padding-bottom:5px;width:96%;list-style:none;background-color:#fff;}
.rightmenu li{padding:10px;border-bottom:1px solid #8699a4;}
.rightmenu h3{text-align:center;background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;color:#F5F9FB;padding:5px;margin:0;margin:0 -10px 10px -10px;//маргин отрицательный, для выступа ленты
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);}
.rightmenu .triangle{border:7px solid transparent;border-left:7px solid #000;position:absolute;margin-top:3px;height:0;width:0;}
.rightmenu a{padding-left:35px;text-decoration:none;color:#000;}
.rightmenu li:hover{background-color:#64B8F0;}
.rightmenu li:hover .triangle{border-left:7px solid #fff;}
.rightmenu li:hover a{color:#fff;}
.rightmenu li.current{background-color:#64B8F0;}
.rightmenu h3:before, .rightmenu h3:after{content:'';position:absolute;border-style:solid;border-color:transparent;top:32px;}
.rightmenu h3:before{border-width:0 10px 10px 0;border-right-color:#7C6868;left:-10px;}
.rightmenu h3:after{border-width:0 0 10px 10px;border-left-color:#7C6868;right:-10px;}
.selfriding{margin-bottom:1px;}
.tags{background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);margin-bottom:20px;}
.tagwrap{padding-left:10px;padding-bottom:15px;}
.tags h3{text-align:center;background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;color:#F5F9FB;padding:5px;margin:0;margin-bottom:15px;margin:0 -10px 10px -10px;//маргин отрицательный, для выступа ленты
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);}
.tags h3:before, .tags h3:after{content:'';position:absolute;border-style:solid;border-color:transparent;top:32px;}
.tags h3:before{border-width:0 10px 10px 0;border-right-color:#7C6868;left:-10px;}
.tags h3:after{border-width:0 0 10px 10px;border-left-color:#7C6868;right:-10px;}
.tag a{position:relative;padding:5px;float:left;margin:3px;text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#5c3a2a;background-color:#ffa073;background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-o-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-ms-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-pie-background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-moz-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-webkit-gradient(linear, left top, left bottom,
from(#ff9f73),
color-stop(0.50, #e66a31),
to(#ff9f73));-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:5px;border:0px solid #003366;-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);text-shadow:1px 1px 1px rgba(255,255,255,0.7),
0px 1px 0px rgba(255,255,255,0.3);}
.tag a:hover{background-color:#64B8F0;background:linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-o-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-ms-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);-pie-background:linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-moz-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-webkit-gradient(linear, left top, left bottom,
from(#64b8f0),
color-stop(0.50, #368ac2),
to(#64b8f0));color:#0f0602;}
.autoriz{height:100%;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);margin-bottom:20px;}
.autoriz h3{text-align:center;background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;color:#F5F9FB;padding:5px;margin:0;margin:0 -10px 10px -10px;//маргин отрицательный, для выступа ленты
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);}
.autoriz h3:before, .autoriz h3:after{content:'';position:absolute;border-style:solid;border-color:transparent;top:32px;}
.autoriz h3:before{border-width:0 10px 10px 0;border-right-color:#7C6868;left:-10px;}
.autoriz h3:after{border-width:0 0 10px 10px;border-left-color:#7C6868;right:-10px;}
.autoriz label{display:block;padding:10px;}
.autoriz input{border:1px solid #aaa;box-shadow:0px 0px 3px #ccc, 0 10px 15px #eee inset;border-radius:2px;}
.string{padding-left:60px;}
.submit, .registration, .comsubmit, .button.validate, #aiContactSafeSendButton, .offlinebtn{display:block;margin:0 auto;margin-top:10px;margin-bottom:15px;font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#ffffff;padding:5px 10px;background-color:#ffa073;background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-o-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-ms-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-pie-background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-moz-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-webkit-gradient(linear, left top, left bottom,
from(#ff9f73),
color-stop(0.50, #e66a31),
to(#ff9f73));position:relative;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:1px solid #000000;-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);box-shadow:0px 1px 3px rgba(000,000,000,0.5),
inset 0px 0px 1px rgba(255,255,255,0.6);text-shadow:0px -1px 0px rgba(000,000,000,1),
0px 1px 0px rgba(255,255,255,0.2);}
.registration a{font-family:Arial, Helvetica, sans-serif;font-size:14px;color:#ffffff;padding:5px 10px;text-decoration:none;}
.submit:hover, .registration:hover, .comsubmit:hover, .button.validate:hover, #aiContactSafeSendButton:hover, .offlinebtn:hover{cursor:pointer;background-color:#64B8F0;background:-moz-linear-gradient(top,
#f59978 0%,
#c74718 50%,
#a81818 50%,
#eb4b40);background:-webkit-gradient(linear, left top, left bottom,
from(#f59978),
color-stop(0.50, #c74718),
color-stop(0.50, #a81818),
to(#eb4b40));background:linear-gradient(top,
#f59978 0%,
#c74718 50%,
#a81818 50%,
#eb4b40);background:-o-linear-gradient(top,
#f59978 0%,
#c74718 50%,
#a81818 50%,
#eb4b40);background:-ms-linear-gradient(top,
#f59978 0%,
#c74718 50%,
#a81818 50%,
#eb4b40);-pie-background:linear-gradient(top,
#f59978 0%,
#c74718 50%,
#a81818 50%,
#eb4b40);}
.registr{height:85px;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;position:relative;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);margin-bottom:20px;}
.registr h3{text-align:center;background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;color:#F5F9FB;padding:5px;margin:0 0 10px 0;margin:0 -10px 10px -10px;//маргин отрицательный, для выступа ленты
-webkit-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);-moz-box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);box-shadow:2px 2px 5px 1px rgba(0,0,0, 0.5);}
.registr h3:before, .registr h3:after{content:'';position:absolute;border-style:solid;border-color:transparent;top:32px;}
.registr h3:before{border-width:0 10px 10px 0;border-right-color:#7C6868;left:-10px;}
.registr h3:after{border-width:0 0 10px 10px;border-left-color:#7C6868;right:-10px;}
.contents{margin-top: 20px;height:innerit;background-color:#fff;padding:10px;width:69%;float:left;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);position:relative;}
.buttbox{position:relative;margin-top:17px;padding:30px 0 30px 0;border:1px solid #ccc;overflow:hidden;webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#0FB7F6');background:linear-gradient(to bottom, #FFFFFF, #CCE7F1);background:-o-linear-gradient(to bottom, #FFFFFF, #CCE7F1);background:-moz-linear-gradient(to bottom, #FFFFFF, #CCE7F1);background:-webkit-linear-gradient(to bottom, #FFFFFF, #CCE7F1);background:-ms-linear-gradient(to bottom, #FFFFFF, #CCE7F1);}
.buton1{margin:auto;height:60px;width:200px;position:relative;float:left;margin-left:10%;}
.buton2{margin-right:10%;float:right;width:160px;height:60px;position:relative;}
.buton3{
    margin: 0 auto; 
    width: 160px;
    height: 60px;
    position: relative;
 }
.butDemo{top:8px;left:8px;padding:10px 20px 10px 70px;position:absolute;font-size:16px;text-decoration:none;color:#fff;font-weight:bold;border:solid 3px #186f8f;z-index:1;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0D95C8', endColorstr='#0FB7F6');background:linear-gradient(to bottom, #0D95C8, #0FB7F6);background:-o-linear-gradient(to bottom, #0D95C8, #0FB7F6);background:-moz-linear-gradient(to bottom, #0D95C8, #0FB7F6);background:-webkit-linear-gradient(to bottom, #0D95C8, #0FB7F6);background:-ms-linear-gradient(to bottom, #0D95C8, #0FB7F6);webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;-moz-box-shadow:inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;box-shadow:inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;}
.butDemo:hover{position:absolute;top:8px;left:8px;padding:10px 20px 10px 70px;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0FB7F6', endColorstr='#0D95C8');background:linear-gradient(to bottom, #0FB7F6, #0D95C8);background:-o-linear-gradient(to bottom, #0FB7F6, #0D95C8);background:-moz-linear-gradient(to bottom, #0FB7F6, #0D95C8);background:-webkit-linear-gradient(to bottom, #0FB7F6, #0D95C8);background:-ms-linear-gradient(to bottom, #0FB7F6, #0D95C8);cursor:pointer;}
.imgdownload, .imgdemo{position:absolute;height:64px;width:64px;top:6px;left:13px;z-index:10;}
.imgdownload img, .imgdemo img{width:100%;}
.articleimg{display:block;margin:0 auto;margin-top:17px;}
.contents h2 a, .contents h2, .contents h1{text-decoration:none;color:#000;font-family:arial, serif;font-weight:bold;font-size:23px;margin-left:10px;//text-align:center;}
.contents h2 a:hover{text-decoration:underline;color:#0091d5;}
.contents h3{font-family:arial, serif;font-weight:bold;font-size:18px;margin-left:10px;}
.contents p, .maxcontent p{font-family:Georgia,Times New Roman,Times,serif;font-size:17px;line-height:25px;color:#3C3838;padding:0 5px 0 8px;}
.mylist li{font-family:Georgia,Times New Roman,Times,serif;font-size:17px;font-weight:600;line-height:25px;color:#3C3838;padding:0 5px 0 38px;}
.maxcontent{height:innerit;background-color:#fff;padding:10px;width:100%;float:left;background-color:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px;border-radius:5px;-webkit-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);-moz-box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);box-shadow:5px 5px 10px 1px rgba(0,0,0, 0.5);position:relative;}
.maxcontent h2{text-decoration:none;color:#000;font-family:arial, serif;font-weight:bold;font-size:23px;margin-left:10px;}
.calendarbody{width:80px;height:80px;background-color:#fff;position:relative;padding-top:1px;margin:0 20px 10px 10px;float:left;-webkit-border-radius:15px;-moz-border-radius:15px;-ms-border-radius:15px;-o-border-radius:15px;border-radius:15px;-webkit-box-shadow:2px 2px 7px 1px rgba(0,0,0, 0.5);-moz-box-shadow:2px 2px 7px 1px rgba(0,0,0, 0.5);box-shadow:2px 2px 7px 1px rgba(0,0,0, 0.5);}
.calendarhead{width:80px;height:30px;background-color:#64B8F0;border-top-left-radius:15px;border-top-right-radius:15px;color:#fff;font-size:20px;line-height:30px;text-align:center;position:relative;-webkit-box-shadow:1px 1px 3px 1px rgba(0,0,0, 0.5);-moz-box-shadow:1px 1px 3px 1px rgba(0,0,0, 0.5);box-shadow:1px 1px 3px 1px rgba(0,0,0, 0.5);}
.no-borderradius .calendarhead{border-radius:15px;}
.calendartext{width:80px;height:50px;color:#000;text-align:center;font-size:16px;line-height:15px;padding-top:10px;}
.calendartext span{font-size:30px;font-weight:bold;}
.read{width:100%;//height:30px;background-color:#E1E1E1;position:relative;margin-top:10px;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);}
.boldname{font-weight:bold;}
.autorname, .contenttag, .count{float:left;padding:5px;}
.autornameimg, .countimg, .tagimg{width:30px;height:26px;margin:1px 0 0 10px;//background-color:#E1E1E1;float:left;font-weight:bold;background-color:transparent;}
.autornameimg{background-image:url('../images/iconsblog.png');}
.countimg{background-image:url('../images/iconsblog.png');background-position:60px 0;}
.tagimg{background-image:url('../images/iconsblog.png');background-position:30px 0;}
.contenttag a{padding:5px;text-decoration:none;color:#000;margin-left:3px;}
.readmore{float:right;padding:6px 10px 6px 10px;position:relative;background-color:#ffa073;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#5c3a2a;background:-moz-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-webkit-gradient(linear, left top, left bottom,
from(#ff9f73),
color-stop(0.50, #e66a31),
to(#ff9f73));background:-ms-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-pie-background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:0px solid #003366;-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);text-shadow:1px 1px 1px rgba(255,255,255,0.7),
0px 1px 0px rgba(255,255,255,0.3);}
.readmore a{font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:bold;color:#5c3a2a;text-decoration:none;}
.readmore:hover, .thumbbutton:hover, .ya-site-form__submit:hover{background-color:#64B8F0;background:-moz-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-webkit-gradient(linear, left top, left bottom,
from(#64b8f0),
color-stop(0.50, #368ac2),
to(#64b8f0));background:-ms-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);-pie-background:linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);}
.readmore:hover a{color:#0f0602;}
.contenttag a:hover{background-color:#64B8F0;color:#fff;}
.breadcrumbs{width:99%;//background-color:#ccc;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;height:25px;line-height:25px;padding-left:1%;}
.breadcrumbs a{text-decoration:none;color:#0091d5;}
.pathway{text-decoration:none;color:#0091d5;cursor:pointer;}
.contact h3{font-size:21px;color:#368ac2;padding:5px;margin:5px;margin-bottom:20px;}
.contact-miscinfo{margin-bottom:15px;}
.contacts{width:100%;overflow:hidden;}
.contactsitem{float:left;width:300px;padding-left:10%;}
.skipe{
    background-image: url('/images/myskype.png');
    width: 32px;
    height: 32px;
    float: left;
}
.contactsitem a{
    line-height: 32px;
    padding-left: 25px;
    margin: 0;
    margin-bottom: 10px;
    text-decoration: none;
    color: #00aff0;
    font-family: arial;
    font-size: 18px;
    font-weight: bold;
}
.contacts img{float:right;margin-top:15px;padding-right:10%;}
.isq, .git, .free{background-image:url('/images/icon2.png');width:30px;height:30px;float:left;}
.isq{background-position:0 120px;}
.git{background-position:0 60px;}
.free{background-position:0 30px;}
.contactsitem p{line-height:30px;padding-left:45px;margin:0;margin-bottom:10px;}
.contactform{padding:10px 10% 10px 10%;}
#jform_contact_name, #jform_contact_email, #jform_contact_emailmsg{float:left;width:45%;padding:5px;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:2px;margin-top:10px;margin-right:15%;}
#jform_contact_message{margin-top:15px;width:98%;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:2px;padding:5px;}
#adminForm_3{margin-left:10px;}
#aics_name, #aics_message, #captcha-code, .offlineinp{padding:5px;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:3px;margin:15px 15px 15px 35px;}
#aics_name{width:40%;}
#aics_message{margin-bottom:0;width:85%;}
#aiContactSafeForm_contact_form label{font-size:19px;}
#div_captcha_info{font-size:19px;//padding:0 0 7px 0;}
#div_captcha_img_3{margin:15px 15px 15px 35px;float:left;border:3px solid #fff;border-radius:5px 5px 5px 5px;box-shadow:0 0 7px rgba(128, 128, 128, 0.698);}
.with_errors{border:none !important;overflow:hidden !important;}
#aiContactSafeForm_contact_form{margin-left:60px;}
#change-image{display:block;width:28px;height:28px;float:left;margin:30px 0 0 20px;cursor:pointer;background:url("/images/refresh3.png") no-repeat;}
#div_captcha_code{clear:left;}
.relateditems li{list-style:none;}
.relateditems a{text-decoration:none;color:#368ac2;font-family:Georgia,Times New Roman,Times,serif;font-size:19px;line-height:30px;}
.wraphead h3{display:block;width:140px;background-color:#F7F7F7;padding:5px;border:1px solid #DAD8D8;border-bottom:none;margin:0;position:relative;top:1px;}
.wrapcont{background-color:#F7F7F7;padding:5px;border:1px solid #DAD8D8;}
.coments-main{}
.coments-main h3, .comentsform h3{font-size:18px;color:#368ac2;border-bottom:2px solid #368ac2;padding:5px;margin:5px;margin-bottom:20px;}
.coments{margin-bottom:20px;}
.comone, .comtwo, .comthree{overflow:hidden;}
.comautor{float:left;width:75px;color:#368ac2;text-align:center;padding-top:1px;font-weight:bold;font-size:14px;}
.comautor img{padding-top:1px;}
.comautor a:hover{text-decoration:underline;}
.comtext{float:right;width:75%;position:relative;padding:10px 3% 10px 3%;background:#F7F7F7;border:1px solid #DAD8D8;}
.comtext p{font-size:16px;}
.comtext:after, .comtext:before{right:100%;top:30px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;}
.comtext:after{height:0;margin-top:1px;border-style:solid;border-width:0 18px 28px 0;border-color:transparent #F7F7F7 transparent transparent;}
.comtext:before{height:0;border-style:solid;border-width:0 20px 30px 0;border-color:transparent #DAD8D8 transparent transparent;}
.comhead{overflow:hidden;}
.comdata{float:left;color:#368ac2;font-size:12px;}
.comreplay a{float:right;color:#368ac2;font-weight:bold;text-decoration:none;}
.comreplay a:hover{text-decoration:underline;}
.comentsform{padding:0 25px 0 25px;}
.comname{float:left;width:45%;padding:5px;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:2px;}
.comemail{float:right;width:45%;padding:5px;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:2px;}
.comentsform textarea{margin-top:15px;width:98%;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:2px;padding:5px;}
#comments-form input.captcha{width:116px;margin:3px 0 5px 0;border:1px solid #aaa;box-shadow:0px 0px 2px #ccc, 0 5px 6px #eee inset;border-radius:2px;}
.pagination{width:100%;margin:0 auto;margin-top:30px;margin-bottom:67px;}
.pagination ul{margin-left:23%;}
.maxcontent ul{margin-left:39%;}
.pagination li{list-style:none;float:left;}
.pagination a, .pagination span{padding:5px 10px 5px 10px;margin-left:5px;text-decoration:none;background-color:#ffa073;position:relative;font-family:Arial, Helvetica, sans-serif;font-size:18px;font-weight:bold;color:#5c3a2a;background-color:#ffa073;background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-o-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-moz-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-webkit-gradient(linear, left top, left bottom,
from(#ff9f73),
color-stop(0.50, #e66a31),
to(#ff9f73));background:-ms-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-pie-background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:5px;border:0px solid #003366;-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);text-shadow:1px 1px 1px rgba(255,255,255,0.7),
0px 1px 0px rgba(255,255,255,0.3);}
.pagination a:hover, .pagination span{background-color:#64B8F0;background:linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-o-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-ms-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-moz-linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);background:-webkit-gradient(linear, left top, left bottom,
from(#64b8f0),
color-stop(0.50, #368ac2),
to(#64b8f0));-pie-background:linear-gradient(top,
#64b8f0 0%,
#368ac2 50%,
#64b8f0);color:#0f0602;}
.clear{clear:both;font-size:0;overflow:hidden;zoom:1;}
#xmap{padding:0 30px 0 30px;}
#xmap .level_0 a{text-decoration:none;color:#786F6F;font-weight:200;font-family:"Helvetica Neue",Roboto,Helvetica,Arial,sans-serif;font-size:19px;line-height:1.625;}
#xmap a:hover{color:#64B8F0;}
#xmap .level_0 span{//font-size:19px;line-height:1.625;padding:0 5px 0 5px;border:1px solid #786F6F;margin-right:7px;}
#xmap .level_0{padding-left:20px;}
#xmap .level_1 a{font-size:16px;//padding-left:30px;}
.tumbsite{position:relative;width:50%;float:left;}
.thumbimg{border:1px solid #64B8F0;margin:0 auto;width:100%;position:relative;}
.thumbimg img{width:100%;}
.thumbimg:hover > .thumbbutton{display:block;}
.thumbimg:hover > .over{opacity:0.5;}
.thumbbutton{height:40px;width:120px;position:absolute;left:37%;top:47%;z-index:1000;overflow:hidden;display:none;background-color:#ffa073;background:-moz-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);background:-webkit-gradient(linear, left top, left bottom,
from(#ff9f73),
color-stop(0.50, #e66a31),
to(#ff9f73));background:-ms-linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-pie-background:linear-gradient(top,
#ff9f73 0%,
#e66a31 50%,
#ff9f73);-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;border:0px solid #003366;-moz-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);-webkit-box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);box-shadow:0px 1px 3px rgba(0,0,0,0.5),
inset 0px 0px 0px rgba(247,17,247,0.5);text-shadow:1px 1px 1px rgba(255,255,255,0.7),
0px 1px 0px rgba(255,255,255,0.3);}
.over{position:absolute;width:100%;height:100%;background-color:#fff;opacity:0;}
.thumbbutimg{width:24px;height:24px;background:url("/images/monitor-24.png") no-repeat;margin:8px 0px 0 5px;float:left;display:block;}
.thumbbutton a{width:90px;text-align:center;line-height:36px;display:block;float:left;color:#fff;text-decoration:none;font-size:18px;}
.thumbbutton:hover{display:block;}
.diskript{margin-left:6%;width:40%;//background-color:#ccc;//height:100px;float:left;padding-left:5px;}
.diskript h4{color:#0b3794;font-family:arial, serif;font-weight:bold;font-size:25px;text-align:center;}
.diskript h5{color:#0b3794;font-family:arial, serif;font-weight:bold;font-size:21px;}
.diskript p{font-family:Georgia,Times New Roman,Times,serif;font-size:17px;line-height:25px;}
.portclear{clear:both;font-size:0;overflow:hidden;zoom:1;height:50px;}
.footer{width:100%;height:158px;margin:0 auto;background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;box-shadow:5px 5px 10px 5px #5F5959;border-top:2px solid #481F03;}
.text{display:inline-block;display:inline;color:#F5F9FB;margin:0;font-size:20px;vertical-align:middle;padding-left:15px;}
.copirait{text-align:center;padding-top:15px;margin:0 auto;}
.copiraitlink{color:#EE5757;text-decoration:none;font-size:24px;cursor:pointer;}
.clearf{clear:both;font-size:0;overflow:hidden;height:20px;}
.yaserch{
    padding: 8px 10px 18px 10px;
}
#ya-site-form0 .ya-site-form__form .ya-site-form__input-text {
    border: 1px solid #aaa;
    box-shadow: 0px 0px 3px #ccc, 0 10px 15px #eee inset;
    border-radius: 2px;
    padding: 5px;
}
.ya-site-form__submit {
    padding: 5px 10px;
    background-color: #ffa073;
    background: linear-gradient(top, #ff9f73 0%, #e66a31 50%, #ff9f73);
    background: -o-linear-gradient(top, #ff9f73 0%, #e66a31 50%, #ff9f73);
    background: -ms-linear-gradient(top, #ff9f73 0%, #e66a31 50%, #ff9f73);
    -pie-background: linear-gradient(top, #ff9f73 0%, #e66a31 50%, #ff9f73);
    background: -moz-linear-gradient(top, #ff9f73 0%, #e66a31 50%, #ff9f73);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff9f73), color-stop(0.50, #e66a31), to(#ff9f73));
    position: relative;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.7), 0px 1px 0px rgba(255,255,255,0.3);
    cursor: pointer;
}
.ya-site-form__submit, 
.ya-site-form__submit:active, 
.ya-site-form__submit:focus {
    outline: none;
}
.rtbtop{
    width: 100%;
}

@media only screen and (max-width:900px){
.topmenu-container{position:relative;float:right;width:100%;margin-right:2%;}
#topmenu li{height:69px;}
#topmenu a{padding-top:25px;}
.logo{width:100%;}
.logotip h1{font-size:40px;}
.slogan h3{font-size:25px;}
.autor{display:none;}
.rightcolumntop, .rightcolumnbottom{width:100%;float:none;}
.rightmenu{margin:0 auto;}
.rightmenu ul{width:100%;display:table;background-color:transparent;}
.rightmenu li{width:16.666666%;-moz-box-sizing:border-box;box-sizing:border-box;display:table-cell;vertical-align:middle;text-align:center;background-color:transparent;}
.rightmenu h3{display:none;}
.rightmenu .triangle{display:none;}
.rightmenu a{padding-left:0px;font-family:Tahoma, Geneva, sans-serif;text-shadow:3px 3px 8px #E98F51;color:#fff;text-decoration:none;display:block;font-size:14px;}
.rightmenu li:hover a{color:#000;text-shadow:1px 1px 1px #fff;}
.autoriz{height:60px;}
.autoriz h3{display:none;}
.autoriz label{padding:5px;}
.string{padding-left:10px;float:left;}
.buttpass, .buttsubmit{float:left;margin-left:20px;margin-top:5px;}
.rightmenu, .autoriz{background:linear-gradient(27deg, #151515 5px, transparent 5px) 0 5px,
linear-gradient(207deg, #151515 5px, transparent 5px) 10px 0px,
linear-gradient(27deg, #222 5px, transparent 5px) 0px 10px,
linear-gradient(207deg, #222 5px, transparent 5px) 10px 5px,
linear-gradient(90deg, #1b1b1b 10px, transparent 10px),
linear-gradient(#1d1d1d 25%, #1a1a1a 25%, #1a1a1a 50%, transparent 50%, transparent 75%, #242424 75%, #242424);background-color:#131313;background-size:15px 15px;color:#F5F9FB;-webkit-border-radius:0px;-moz-border-radius:0px;-ms-border-radius:0px;-o-border-radius:0px;border-radius:0px;}
.contents{width:96.5%;float:none;margin:0 auto;}
.tags h3{margin:0 0 10px 0;}
.tags h3:before, .tags h3:after{display:none;}
.selfriding{display:none;}
.clearf{height:0;}
.footer{margin-top: 170px;}
}
@media only screen and (max-width:595px){.header{height:125px;}
.topmenu-container{position:relative;float:right;width:100%;margin-right:2%;}
#topmenu li{height:59px;}
#topmenu a{padding-top:25px;font-size:14px;}
.logotip h1{font-size:30px;}
.slogan h3{font-size:15px;}
.rightmenu li{width:25%;float:left;display:block;border-bottom:none;}
.rightmenu li:nth-child(5) , .rightmenu li:nth-child(6){width:50%;border-bottom:1px solid #8699a4;}
.autoriz{height:110px;}
.string{float:left;width:44%;}
.string.pass{float:right;padding-right:10px;}
.string.pass label, .string.pass input{float:right;}
.buttsubmit, .buttpass{width:40%;}
.contents{width:96%;}
.read .autorname, .read .count, .contenttag a, .readmore a{font-size:12px;}
.readmore a{padding:6px 1px 6px 1px;}
}
@media only screen and (max-width:400px){.header{height:180px;}
#topmenu li{width:33.1%;float:left;display:block;}
.rightmenu li{width:33.1%;padding:5px;}
.rightmenu li:nth-child(5) , .rightmenu li:nth-child(6){word-wrap:break-word;width:32%;border-bottom:none;}
.rightmenu a{font-size:12px;}
.string{width:50%;margin-left:25%;float:none;}
.string label{font-size:12px;}
.string.pass{float:none;}
.string.pass label, .string.pass input{float:none;}
.buttsubmit, .buttpass{width:100%;margin:0 auto;}
.submit, .registration{margin-top:15px;font-family:Arial, Helvetica, sans-serif;font-size:13px;padding:5px 5px;}
.autoriz{height:200px;}
.contents{width:92%;}
.calendarbody{width:60px;height:60px;}
.calendarhead{width:60px;height:20px;font-size:17px;}
.no-borderradius .calendarhead{border-radius:15px;}
.calendartext{height:40px;width:60px;font-size:25px;line-height:40px;}


}

@media only screen and (max-width:400px){
    .footer{margin-top: 170px;}
}
.foxcontainer_alg h2{color:red;}
.share42init{margin: 35px;}

.likebox{
    overflow: hidden;
    width: 100%;
    padding: 25px 15px 15px 15px;
}
.likeboxdown{
    overflow: hidden;
    width: 100%;
    padding: 0 15px 0 15px;
}
.likeitem{
    float: left;
    //margin-left: 50px;
    width: 24%;
}
.pointer{
    padding-right: 25px;
    padding-bottom: 10px;
                
}
iframe{
    margin-bottom: 20px;
}
/*для статьи о клике джквери*/
.box1, .box2, .box3, .box4, .box5jq{
    margin: 0 auto;
    width: 200px;
    height: 100px;
    background: #7ab7f1;
    position: relative;
    margin-bottom: 10px;
    text-align: center;
    cursor: pointer;
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}
.light{
     background-color: chartreuse;
}
/*анимация ксс*/
.tbox1{
margin: 0 auto;
width: 430px;
}
.button1, .button2, .button3, .button4, .button5, .button6, .button7,
.button8, .button9, .button10, .button11, .button12{
margin: 25px;
width: 150px;
height: 60px;
display: inline-block;


background: linear-gradient(to top, #BA3909, #4F1D18);
background: -webkit-linear-gradient(to top, #BA3909, #4F1D18); 
background: -moz-linear-gradient(to top, #BA3909, #4F1D18);  
background: -o-linear-gradient(to top, #BA3909, #4F1D18);   
background: -ms-linear-gradient(to top, #BA3909, #4F1D18);

-webkit-border-radius: 15px;
-moz-border-radius: 15px;
-ms-border-radius: 15px;
-o-border-radius: 15px;
border-radius: 15px;

border: 3px solid #8C0909;

box-shadow: 5px 5px 10px 1px rgba(0,0,0, 0.5);

text-align: center;
font-size: 25px;
color:  #f8f7f7;
line-height: 60px;
text-shadow: 0px 1px black;
}
.button7, .button8, .button10{
width: 200px;
}
.button11{
width: 300px;
}



.button1:hover{
border: 3px solid #914B4B;
color: #000000;
text-shadow: 0px 2px #ccc;
box-shadow: 2px 2px 10px 1px rgba(0,0,0, 0.5);
}
.button2:hover{
border: 3px solid #914B4B;
color: #000000;
text-shadow: 0px 2px #ccc;
box-shadow: 2px 2px 10px 1px rgba(0,0,0, 0.5);
}

.button2{
-o-transition: all 2s ease 0s;
-ms-transition: all 2s ease 0s;
-moz-transition: all 2s ease 0s;
-webkit-transition: all 2s ease 0s;
transition: all 2s ease 0s;
}
.button2:hover{
border: 3px solid #914B4B;
color: #000000;
text-shadow: 0px 2px #ccc;
box-shadow: 2px 2px 10px 1px rgba(0,0,0, 0.5);
}

.button3:hover{
-webkit-transform: scale(0.7);
-moz-transform: scale(0.7);
-o-transform: scale(0.7);
-ms-transform: scale(0.7);
transform: scale(0.7);
}
.button4:hover{
-o-transition: all 1s ease 0s;
-ms-transition: all 1s ease 0s;
-moz-transition: all 1s ease 0s;
-webkit-transition: all 1s ease 0s;
transition: all 1s ease 0s;
}
.button4:hover{
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.5);
}
.button5:hover{
-webkit-transform: scale(1.5, 1);
-moz-transform: scale(1.5, 1);
-o-transform: scale(1.5, 1);
-ms-transform: scale(1.5, 1);
transform: scale(1.5, 1);
}
.button6:hover{
-webkit-transform: scale(1, 1.5);
-moz-transform: scale(1, 1.5);
-o-transform: scale(1, 1.5);
-ms-transform: scale(1, 1.5);
transform: scale(1, 1.5);
}
.button7:hover{
-webkit-transform: translate(40px,0);
-moz-transform: translate(40px,0);
-o-transform: translate(40px,0);
-ms-transform: translate(40px,0);
transform: translate(40px,0);
}
.button8:hover{
-webkit-transform: translate(0,-30px);
-moz-transform: translate(0,-30px);
-o-transform: translate(0,-30px);
-ms-transform: translate(0,-30px);
transform: translate(0,-30px);
}
.button9:hover{
-webkit-transform: rotate(70deg);
-moz-transform: rotate(70deg);
-o-transform: rotate(70deg);
-ms-transform: rotate(70deg);
transform: rotate(70deg);
}
.button10:hover{
-webkit-transform: skew(15deg, 5deg);
-moz-transform: skew(15deg, 5deg);
-o-transform: skew(15deg, 5deg);
-ms-transform: skew(15deg, 5deg);
transform: skew(15deg, 5deg);
}
.button11:hover{
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);

-webkit-transform-origin: 20% 30%;
-moz-transform-origin: 20% 30%;
-o-transform-origin: 20% 30%;
transform-origin: 20% 30%;
}

@keyframes blink {
    from {
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
    50%{
       box-shadow: 0 0 10px 10px rgba(237, 19, 19, 0.5);
       background: #D52B0F;
    }
    to{
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
}
@-webkit-keyframes blink {
    from {
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
    50%{
       box-shadow: 0 0 10px 10px rgba(237, 19, 19, 0.5);
       background: #D52B0F;
    }
    to{
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
}
@-o-keyframes blink {
    from {
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
    50%{
       box-shadow: 0 0 10px 10px rgba(237, 19, 19, 0.5);
       background: #D52B0F;
    }
    to{
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
}
@-moz-keyframes blink {
    from {
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
    50%{
       box-shadow: 0 0 10px 10px rgba(237, 19, 19, 0.5);
       background: #D52B0F;
    }
    to{
        box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
        background: #913411;
    }
}
.button12{
    box-shadow: 0 0 10px 0 rgba(237, 19, 19, 0.5);
    background: #913411;
}
.button12:hover{
    animation: blink 1s linear infinite;
    -webkit-animation: blink 1s linear infinite;
    -moz-animation: blink 1s linear infinite;
    -o-animation: blink 1s linear infinite;
}
/*для стилей списков в статье*/
.action li{
    list-style: disc;
    list-style-position: inside;
    padding-left: 25px;
}
.prop li{
    list-style: disc;
    list-style-position: inside;
    padding-left: 25px;
}
/*для статьи про треугольники*/
.articletrianglebox123{
    width: 200px;
    height: 85px;
    border: 1px solid #000;
    padding-top: 25px;

    margin: 0 auto;
    margin-bottom: 10px;
}
.articletriangle123{
    margin: 0 auto;
    width: 0px;
    height: 0px;
    border-color: #fff #fff #060  #fff;
    border-style: solid;
    
    border-width: 0px 25px 50px 25px !important;
    /*border: 50px solid transparent;
    border-bottom: 50px solid #060;*/
     -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    -webkit-transition: .3s;
    transition: .3s; 
}
.articletrianglebox123:hover > .articletriangle123{
    /*для анимации*/
    border-color: #fff #fff #ccc  #fff;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.error{
   color: #a94442;
   background-color: #f2dede;
   border-color: #ebccd1;
}
.message{
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.error.message{
   color: #a94442;
   background-color: #f2dede;
   border-color: #ebccd1;
}


.footerwrap{
   width: auto;
   max-width: 960px;
   margin: 0px auto;
   position: relative;
}
.links{
    width: 250px;
    position: absolute;
    top: 50px;
}
.links a{
    color: #fff;
    line-height: 1.5;
}