@font-face{
    font-family:Arrow;
    src:url(../fonts/arrow.eot);
    src: local("Arrow"), url(../fonts/arrow.eot?#iefix)format("embedded-opentype"),
        url(../fonts/arrow.woff)format("woff"),
        url(../fonts/arrow.ttf)format("truetype"),
        url(../fonts/arrow.svg#fonts)format("svg");
}

@font-face{
    font-family:Arrow2;
    src:url(../fonts/arrow2.eot);
    src: local("Arrow2"), url(../fonts/arrow2.eot?#iefix)format("embedded-opentype"),
        url(../fonts/arrow2.woff)format("woff"),
        url(../fonts/arrow2.ttf)format("truetype"),
        url(../fonts/arrow2.svg#fonts)format("svg");
}

@font-face{
	font-family:"RobotoSlabRegular";
    src: url(../fonts/RobotoSlab-Regular.ttf);
    font-weight: normal;
}

@font-face{
	font-family:"RobotoSlabThin";
    src: url(../fonts/RobotoSlab-Thin.ttf);
    font-weight: lighter;
}

@font-face{
	font-family:"RobotoSlabLight";
    src: url(../fonts/RobotoSlab-Light.ttf);
    font-weight: lighter;
}

@font-face{
	font-family:"RobotoSlabBold";
    src: url(../fonts/RobotoSlab-Bold.ttf);
    font-weight: bold;
}

@font-face{
	font-family:"SemiBoldItalic";
    src: url(../fonts/SemiBold-Italic.otf);
    font-weight: bold;
}

@font-face{
	font-family:"SemiNormalItalic";
    src: url(../fonts/Rolleston-Text-Italic.otf);
    font-weight: normal;
}

html, body{
    padding:0;
    margin:0;
    font-size:16px;
    font-family:"SemiNormalItalic";
}

a{
    text-decoration: none;
    border:none;
    color:#000;
}

img{}

b, i, u{
    text-decoration: none;
    font-style: normal;
    font-weight:normal;
}

.clear{
    clear: both;
}

:active, :focus {
    outline: none !important;
}

::-moz-focus-inner {
    border: 0 !important;
}

input[type="submit"]:hover,
input[type="reset"]:hover,
a:hover{
    cursor:pointer;
}

h1{
    font-family: "SemiBoldItalic";
    font-size:36px;
    color:#333333;
}

.success, .memory, .error,
.success2, .memory2, .error2{
    margin:20px 10px -10px 10px;
    padding:8px 10px 10px 10px;
    box-sizing:border-box;
    color:#ffffff;
    font-family:"SemiBoldItalic";
    font-size:18px;
    border-radius:12px;
    background-color: #70b2fd;
    border:1px solid #0365d4;
}

.success, .success2{
    color: #ffffff !important;
}

.memory, .memory2{
    color:#333333 !important;
}

.error, .error2{
    color: #990000 !important;
}

.popup-of-message,
.popup-of-message2,
.loader{
    display:none;
    width:100%;
    height:100%;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    position:fixed;
    z-index:100000;
    background-color: rgba(112, 178, 253, 80%);
    overflow-y:scroll;
}

.rotate-loader-element{
    width:64px;
    height:64px;
    position:absolute;
    margin:auto auto;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

.rotate-loader-element img{
    width:100%;
}

.popup-of-message .p-outer-block,
.popup-of-message2 .p-outer-block2{
    width:800px;
    margin:100px auto 0px auto;
    border:2px solid #000000;
    border-radius:14px;
}

.popup-of-message .p-outer-block .p-inner-block{
    width:100%;
    padding:0px 0px 0px 0px;
    background-color: #70b2fd;
    border: 2px solid #0365d4;
    border-radius:12px;
    position:relative;
    box-sizing:border-box;
}

.popup-of-message2 .p-outer-block2 .p-inner-block2{
    border: 2px solid #0365d4;
    border-radius:12px;
}

.popup-of-message .p-outer-block .p-inner-block .p-close,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-close2{
    display:block;
    top:0px;
    right:0px;
    padding:0px;
    font-family:'Arrow2';
    font-size:40px;
    color:#000000;
    margin: 3px 5px 5px 0px;
    float:right;
}

.popup-of-message .p-outer-block .p-inner-block .success,
.popup-of-message .p-outer-block .p-inner-block .error,
.popup-of-message .p-outer-block .p-inner-block .memory,
.popup-of-message .p-outer-block .p-inner-block .success2,
.popup-of-message .p-outer-block .p-inner-block .error2,
.popup-of-message .p-outer-block .p-inner-block .memory2,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .success,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .error,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .memory{
    margin: 0px 0px 10px 0px;
}

.popup-of-message .p-outer-block .p-inner-block .p-close:hover,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-close2:hover{
    color:#ffffff;
}

.popup-of-message .p-outer-block .p-inner-block .p-message-text,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-message-text2{
    margin: 40px 10px 40px 10px;
}

.popup-of-message .p-outer-block .p-inner-block .p-btn-block,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-btn-block2{
    text-align:center;
    font-size:0px;
    letter-spacing:10px;
    margin:0px 0px 20px 0px;
}

.popup-of-message .p-outer-block .p-inner-block .p-btn-block .p-btn-yes,
.popup-of-message .p-outer-block .p-inner-block .p-btn-block .p-btn-no,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-btn-block2 .p-btn-yes2,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-btn-block2 .p-btn-no2{
    display:inline-block;
    margin: 0px 0px 0px 0px;
    padding: 8px 10px 10px 10px;
    box-sizing: border-box;
    color: #000000;
    font-family: "SemiBoldItalic";
    font-size: 18px;
    letter-spacing:0px;
    border-radius: 12px;
    background-color:#70b2fd;
    border: 1px solid #0365d4;
}

.popup-of-message .p-outer-block .p-inner-block .p-btn-block .p-btn-yes:hover,
.popup-of-message .p-outer-block .p-inner-block .p-btn-block .p-btn-no:hover,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-btn-block2 .p-btn-yes2:hover,
.popup-of-message2 .p-outer-block2 .p-inner-block2 .p-btn-block2 .p-btn-no2:hover{
    background-color:#0365d4;
}

.head-admin-title{
    border: 1px solid#0365d4;
    background-color:#70b2fd;
    border-radius:13px;
    font-size:32px;
    box-sizing: border-box;
    padding:4px 0px 4px 20px;
    margin:0px 0px 20px 0px;
}

.head-admin-title.tcolor{
    color:#ffffff;
}

.head-admin-title.color1{
    background-color:#1cd034;
}

.head-admin-title.color2{
    background-color:#e5cf76;
}

.head-admin-title.color3{
    background-color:#ff9b00;
}

.head-admin-title.color4{
    background-color:#b00aad;
}

.head-admin-title.color5{
    background-color:#000000;
    color:#ffffff;
}

.head-admin-title.color6{
    background-color:#bf1c1c;
    color:#ffffff;
}

.sunshine{
    position:fixed;
    top:0;
    bottom:0;
    left:0;
    right:0;
    z-index:-1;
    background-color:#c5dcf7;
    box-shadow: 0px 0px 300px 91px white inset;
}

/*-------------------------------------------------------------*/

#container{
    width:1000px;
    min-height:600px;
    margin:0 auto;
    padding:0px 0px 0px 0px;
}

.content{
    width:100%;
    box-sizing:border-box;
    padding: 84px 10px 0px 10px;
    position:relative;
}

.content.top-padding{
    padding-top:140px;
}

/*-------------------------------------------------------------*/

.menu-top{
    width:inherit;
    border:1px solid #0365d4;
    background-color:#70b2fd;
    position:fixed;
    top:0;
    box-sizing:border-box;
    padding:10px 0px 10px 0px;
    z-index:10000;
    font-family: "SemiBoldItalic";
}

.menu-top.style1{
    top:70px;
}

.menu-top ul{
    display:block;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center;
}

.menu-top ul li{
    display:inline-block;
    padding:0;
    margin:0;
    font-size:0;
    word-spacing:0px;
    letter-spacing:0px;
    white-space:nowrap;
    word-wrap: normal;
}

.menu-top ul li a{
    display:inline-block;
    font-size:20px;
    height:40px;
    line-height:40px;
    margin:0px 5px 0px 5px;
    background-color:#99c9ff;
    border:1px solid #99c9ff;
    border-radius:10px;
    font-weight: bold;
}

.menu-top ul li a:hover{
    background-color:#082b53;
    border:1px solid #1866be;
    color:#ffffff;
}

.menu-top ul li a .inner-border{
    width:100%;
    height:100%;
    display:block;
    border:1px solid #70b2fd;
    padding:0px 20px 0px 20px;
    box-sizing:border-box;
    border-radius:14px;
}

.menu-top ul li a .inner-border:hover{
    
}

/*-------------------------------------------------------------*/

.out-basket{
    display:block;
    position:absolute;
    bottom:6px;
    right:40px;
    line-height: 48px;
}

.basket{
    width:48px;
    float:left;
}

.out-basket span{
    display:block;
    margin:0px 0px 0px 6px;
    float:left;
}

.basket .b-img1{
    display:block;
    width:100%;
}

.out-basket:hover .basket .b-img1{
    display:none;
}

.basket .b-img2{
    display:none;
    width:100%;
    float:left;
}

.out-basket:hover .basket .b-img2{
    display:block;
}

.out-basket:hover span{
    color:#ffffff;
}

/*-------------------------------------------------------------*/

.navigation{
    height:44px;
    box-sizing:border-box;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    border-radius:13px;
    margin:0px 10px 0px 10px;
    padding:0px 0px 0px 0px;
}

.navigation .nav{
    display:block;
    height:34px;
    float:left;
    padding:5px;
    margin:4px 0px 0px 4px;
    box-sizing:border-box;
    border-radius:12px;
    background-color: #99c9ff;
}

.navigation.style1{
    margin-bottom:10px;
}

.out-a{
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px;
    box-sizing:border-box;
    border: 1px solid #70b2fd;
    border-radius:8px;
}

.navigation .nav .one{
    width:100px;
    height: 22px;
    line-height:22px;
    margin:0px 4px 0px 4px;
    color:#333333;
    font-size:16px;
    float:left;
    overflow: hidden;
    word-break: break-all;
}

.navigation .nav .two{
    line-height:22px;
    padding:0px 4px 0px 0px;
    font-family: "Arrow";
    color:#ffffff;
    font-size:20px;
    float:right;
}

.navigation .nav:hover{
    background-color: #99c9ff;
}

.navigation .nav:hover .out-a{
    border: 1px solid #ffffff;
}

.navigation .nav:hover .one{
}

.sort{
    /*esli javascript ne rabotaet to otobrazitsa etot element*/
    display:block;
    float:right;
    margin:3px 4px 0px 0px;
    color:#333333;
    border:1px solid #0365d4;
    box-sizing:border-box;
    border: 12px;
    border-bottom-right-radius: 12px;
}

.sort.lang-list{
    margin-right:23px;
}

.sort form{
    box-sizing:border-box;
    background-color: #99c9ff;
    padding:6px 9px 8px 9px;
    border-radius:12px;
    border:1px solid #0365d4;
    font-family: "SemiNormalItalic";
    font-size:16px;
} 

.sort form *{
    font-family: "SemiNormalItalic";
}

.sort form select{
    border: 1px solid #0365d4;
    float:left;
}

.sort form input[type="submit"]{
    height:20px;
    line-height:20px;
    margin-top:10px;
    background-color:#a8cffc;
    border:1px solid #0365d4;
    border-radius:5px;
    font-size:16px;
    color:#333333;
    font-family:"SemiNormalItalic";
    padding:0px 10px 0px 10px;
    margin-top:0px;
    float:right;
    margin-left:4px;
}

.sort form input[type="submit"]:hover{
    border:1px solid #0365d4;
    background-color:#bfdcfd;
}

.sort2{
    /*esli javascript ne rabotaet to skrut etot element*/
    display:none;
    width:246px;
    float:right;
    margin:3px 4px 0px 0px;
    color:#333333;
    border:1px solid #ffffff;
    box-sizing:border-box;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    font-size: 16px;
    font-family: "SemiNormalItalic";
}

.sort2.lang-list2{
    margin-right:23px;
}

.inner-sort{
    height:34px;
    position:relative;
    background-color: #99c9ff; 
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    border-bottom-right-radius: 12px;
    margin:0px 0px 0px 0px;
}

.inner-sort .out-one{
    position:absolute;
    left:6px;
}

.inner-sort .out-one .one{
    width:188px;
    height:20px;
    top:6px;
    position: absolute;
    border:1px solid #ffffff;
    border-top-left-radius: 8px;
    padding:0px 0px 0px 10px;
    line-height:23px;
    word-break: break-all;
    overflow: hidden;
    color:#333333;
}

.inner-sort .one:hover{
    cursor:pointer;
}

.inner-sort .two{
    width:24px;
    height:20px;
    top:6px;
    right:6px;
    position: absolute;
    border:1px solid #ffffff;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    font-family:"Arrow2";
    text-align:center;
    color:#fff;
    font-weight: bold;
    font-size:16px;
    line-height:15px;
}

.inner-sort .two .ar1{
    width:100%;
    text-align:center;
    position: absolute;
}

.inner-sort .two .ar2{ 
    width:100%;
    text-align:center;
    position: absolute;
    top:5px;
}

.inner-sort .two .ar2:hover{
    cursor: pointer;
}

.inner-sort .out-one ul{
    display: none;
    width:200px;
    top:11px;
    list-style: none;
    padding:0;
    margin-top:16px;
    margin-left:0px;
    position:absolute;
    border:1px solid #ffffff;
    border-top:none;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    box-sizing: border-box;
    background-color: #99c9ff;
    z-index:1000;
}

.inner-sort .out-one ul li{
    display:block;
    border-top:1px solid #ffffff;
}

.inner-sort .out-one ul li a{
    width:200px;
    height:39px;
    line-height:39px;
    display:block;
    width:100%;
    padding:0px 0px 0px 10px;
    box-sizing: border-box;
    overflow: hidden;
    word-break: break-all;
    font-size: 16px;
    font-family: "SemiNormalItalic";
    margin: 0px 5px 0px 5px;
    text-align: left;

    background-color: transparent;
    border: none;
    border-radius: 0;
    font-weight: normal;
}

.inner-sort .out-one ul li a:hover{
    font-family: "SemiBoldItalic";
    font-weight: bold;
    color:#000000;
}

/*-------------------------------------------------------------*/

.content-products-filter{
    margin-top:20px;
}

.filter{
    width:220px;
    height:400px;
    border:1px solid #0365d4;
    background-color:#70b2fd;
    position:fixed;
    box-sizing:border-box;
    z-index:10;
    margin-left:10px;
    border-radius:13px;
    padding:20px 0px 0px 10px;
}

.filter-form{
    width:100%;
    height:288px;
    padding:0px 0px 0px 0px;
    box-sizing:border-box;
    overflow:visible;
}

.inner-filter{
    height:100%;
    padding:20px 0px 0px 10px;
    box-sizing:border-box;
    border:1px solid #0365d4;
    border-right: none;
    background-color:#99c9ff;
    border-top-left-radius:13px;
    border-bottom-left-radius:13px;
    color:#333333;
}

.inner-filter2{
    height:100%;
    overflow:auto;
    box-sizing:border-box;
    color:#333333;
    padding:0px 10px 0px 0px;
}

.filter-title{
    font-size:16px;
    font-weight: bold;
    border-bottom:1px solid #6da1dc;
    font-family:"SemiBoldItalic";
}

.inner-filter ul{
    list-style: none;
    margin-left:20px;
    padding:5px 10px 5px 10px;
    border: 1px solid #6da1dc;
    border-radius: 10px;
}

.inner-filter ul li{
    padding:0px;
    margin-bottom:10px;
}

.inner-filter ul li span{
    font-style:italic;
    display: inline-block;
    width: 100px;
    word-break: break-all;
    vertical-align: top;
}

.filter-form input[type="text"]{
    width:100%;
    height:30px;
    line-height:30px;
    margin:5px 0px 5px 0px;
    padding:0px 10px 0px 10px;
    border:1px solid #6da1dc;
    border-radius:5px;
    box-sizing: border-box;
}

.filter-form input[type="submit"],
.filter-form input[type="reset"]{
    height:30px;
    line-height:20px;
    margin-top:10px;
    background-color:#99c9ff;
    border:1px solid #0365d4;
    border-radius:10px;
    font-size:16px;
    color:#333333;
    font-family:"SemiNormalItalic";
    padding:0px 10px 0px 10px;
}

.filter-form input[type="submit"]:hover,
.filter-form input[type="reset"]:hover{
    border:1px solid #0365d4;
    background-color:#a8cffc;
}

/*-------------------------------------------------------------*/

.product-place, .product-place-100{
    width:740px;
    min-height:400px;
    float: right;
    text-align:center;
}

.product-place-100{
    width:100%;
}

.inner-img-product{
    display:block;
    border-radius: 12px;
    background-color: #99c9ff;
    box-sizing: border-box;
    padding: 3px;
}

.inner-product{
    border: 1px solid #70b2fd;
    padding: 3px;
    border-radius: 12px;
    box-sizing: border-box;
}

.product:hover .inner-product{
    border-color:#ffffff;
}

.inner-product img{
    width:100%;
    height:180px;
    display: block;
    border-radius: 8px;
    box-sizing: border-box;
}

.product-text{
    /*height:100px;*/
    text-align: center;
    font-style:oblique;
    margin:10px 0px 0px 0px;
    border-radius: 12px;
    background-color: #99c9ff;
    padding: 3px;
}

.product-text div{
    height:100%;
    border: 1px solid #70b2fd;
    padding: 3px;
    border-radius: 12px;
    box-sizing: border-box;
}

.product:hover .product-text div{
    border-color:#ffffff;
}

.product-text div .block-text-link{
    height:100%;
    display:block;
    border: 1px solid #70b2fd;
    background-color: #99c9ff;
    padding: 3px;
    border-radius: 12px;
    box-sizing: border-box;
    margin:0px 0px 0px 0px;
    color:#333333;
}

.product-text div .buy-btn{
    height:40px;
    line-height:40px;
    display:block;
    padding:0px 0 0px 0;
    margin: 10px 0px 0px 0px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    border-radius: 12px;
    text-transform: lowercase;
}

.product-text div .buy-btn:hover{
    background-color: #ffffff;
}

.product-place .product,
.product-place-100 .product{
    display:block;
    width:165px;
    margin:0px 10px 20px 10px;
    float:left;
}

/*-------------------------------------------------------------*/

.all-goods{
    margin-top:20px;
}

.goods{
    display:block;
    width: 176px;
    margin: 0px 10px 20px 10px;
    border-radius: 42px;
    float:left;
}

.goods:hover{
    
}

.inner-img-border{
    border-radius: 12px;
    background-color: #99c9ff;
    box-sizing: border-box;
    padding: 3px;
}

.inner-goods{
    border: 1px solid #70b2fd;
    padding: 3px;
    border-radius: 12px;
    box-sizing: border-box;
}

.goods:hover .inner-goods{
    border-color:#ffffff;
}

.goods .inner-goods img{
    width:100%;
    height:200px;
    display: block;
    border-radius: 8px;
    box-sizing: border-box;
    text-align:center;
}

.product-description{
    border-radius: 10px;
    background-color: #99c9ff;
    box-sizing: border-box;
    padding: 3px;
    margin-top:10px;
}

.description{
    border: 1px solid #b6d4f7;
    padding: 3px;
    border-radius: 12px;
    box-sizing: border-box;
}

.goods:hover .description{
    border-color:#ffffff;
}  

.internal-description{
    border: 1px solid #64adff;
    padding: 3px;
    border-radius: 8px;
}

.internal-description p{
    height:100px;
    text-align: center;
    font-style:italic;
    color:#333333;
}

/*---------------------------------------------------------------------------------------------*/

.product-intro{
    margin:20px 10px 20px 10px;
}

.product-out{
    display:block;
    width: 376px;
    margin: 0px 0px 0px 0px;
    border-radius: 42px;
    float:left;
}

.product-in{
    border-radius: 12px;
    background-color: #99c9ff;
    box-sizing: border-box;
    padding: 3px;
    margin:0px 0px 20px 0px;
}

.product-in .inner-product{
    
}

.product-in .inner-product:hover{
    border-color:#ffffff;
    cursor:pointer;
}

.product-in .inner-product img{
    width:100%;
    display: block;
    border-radius: 8px;
    box-sizing: border-box;
}

.product-intro .product-in .inner-product img{
    height:auto;
    text-align:center;
}

.product-in .inner-product a{
    display:none;
    height:400px;
    overflow: hidden;
    border-radius: 8px;
}

.product-in .inner-product a.size-height img{
    height:400px;
}

.product-in .inner-product a.prd-pagnn-img1{
    display:block;
}

.big-product-img{
    width:100%;
    display:none;
    top:-1px;
    left:-1px;
    position:absolute;
    z-index:1000;
    border: 1px solid #0365d4;
}

.big-product-img img{
    width:100%;
    display:block;
}

/*---------------------------------------------------------------------------------------------*/

ul.img-pagination{
    width:100%;
    display:block;
    list-style:none;
    padding:0;
    margin:0 auto;
    text-align:center;
}

ul.img-pagination li{
    display:inline;
    font-size:0;
    letter-spacing:0;
    margin:0px 2px 0px 2px;
}

ul.img-pagination li a.active{
    background-color: #082b53;
    color: #ffffff;
}

ul.img-pagination li a{
    display:inline-block;
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:24px;
    border:1px solid #0365d4;
    border-left-width:2px;
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    background-color: #99c9ff;
    color:#333333;
}

ul.img-pagination li a:hover{
    background-color: #a8cffc;
}

ul.img-pagination li .img-prev,
ul.img-pagination li .img-next{
    line-height:33px;
    border:1px solid #0365d4;
    font-family: "RobotoSlabBold";
    font-size:24px;
    text-align: center;
    cursor: pointer;
    background-color: #99c9ff;
    color:#333333;
}

ul.img-pagination li .img-prev{
    border-top-left-radius: 12px;
    border-bottom-right-radius: 12px;
    border-left-width:2px;
}

ul.img-pagination li .img-next{
    border-radius:0;
    border-top-right-radius: 12px;
    border-bottom-left-radius: 12px;
    border-right-width:2px;
}

ul.img-pagination li .img-prev:hover,
ul.img-pagination li .img-next:hover{
    background-color: #a8cffc;
}

/*---------------------------------------------------------------------------------------------*/

.intro-block{
    width:560px;
    height:400px;
    border:1px solid #0365d4;
    background-color: #b2d6ff;
    border-radius:12px;
    box-sizing: border-box;
    padding:20px 10px 10px 20px;
    color:#333333;
    position: relative;
    float:right;
}

.intro-title{
    width:100%;
    height:70px;
    line-height:32px;
    font-family: "SemiBoldItalic";
    font-size:32px;
    overflow:hidden;
    word-break: break-all;
}

.add-vote{
    display:block;
}

.add-vote .vote-form{
    
}

.add-vote .vote-form select{
    font-family:"SemiNormalItalic";
    font-size:18px;
}

.add-vote .vote-form #vote_send{
    font-family:"SemiNormalItalic";
    font-size:18px;
}

.add-vote2{
    
}

.add-vote2 .sort2{
    width:75px;
    border-radius:0;
    border-color:#000000;
    float:left;
    margin:0px 5px 0px 0px;
}

.add-vote2 .inner-sort{
    border-radius:0;
    background-color: #99c9ff;
}

.add-vote2 .inner-sort .out-one{
    z-index:1000;
}

.add-vote2 .inner-sort .out-one .one{
    width:20px;
    border-radius:0;
    border-color:#000000;
}

.add-vote2 .inner-sort .two{
    border-radius:0;
    color:#000000;
    border-color:#000000;
}

.add-vote2 .inner-sort .out-one ul{
    width:32px;
    top: 10px;
    border-radius:0;
    border-color:#000000;
}

.add-vote2 .inner-sort .out-one ul li{
    border-top-color:#000000;
}

.add-vote2 .to-vote{
    display:none;
    height:34px;
    line-height:37px;
    border:1px solid #000000;
    float:left;
    background-color: #99c9ff;
    padding:0px 10px 0px 10px;
    font-size:18px;
}

.add-vote2 .to-vote:hover{
    cursor:pointer;
}

.intro-overlay{
    position: absolute;
    bottom:20px;
}

.intro-desc{
    height:40px;
    line-height: 40px;
    margin:0px 0px 10px 4px;
}

.intro-desc .t1{
    line-height: 40px;
    font-size:24px;
    font-family: "SemiBoldItalic";
    float:left;
}

.intro-desc .t2{
    line-height: 43px;
    display:block;
    font-size:20px;
    margin:0px 0px 0px 4px;
    float:left;
}

.intro-desc .t3{
    line-height: 40px;
    display: block;
    font-size: 22px;
    margin:0px 0px 0px 4px;
    float:left;
}

.intro-desc .real-reit{
    line-height: 40px;
    display: block;
    font-size: 22px;
    margin:0px 0px 0px 8px;
    float:left;
}

.reit{
    width:16px;
    height:16px;
    border-radius: 10px;
    border:2px solid #333333;
    background-color: #0365d4;
    display:block;
    margin:8px 0px 0px 2px;
    float:left;
}

.reit.active{
    background-color: #70b2fd;
}

.intro-buy{
    width:200px;
    line-height:40px;
    padding:0px 10px 0px 10px;
    font-family: "SemiBoldItalic";
    text-align: center;
    border: 1px solid #0365d4;
    background-color: #99c9ff;
    border-radius:12px;
    font-size:20px;
    box-sizing: border-box;
}

.intro-buy:hover{
    background-color: #a8cffc;
    cursor: pointer;
}

/*---------------------------------------------------------------------------------------------*/

.product-content{
    width:100%;
    border:1px solid transparent;
    padding:0px 10px 0px 10px;
    box-sizing: border-box;
    position: relative;
}

ul.bookmark{
    list-style:none;
    margin:0;
    padding:0;
    position:absolute;
}

ul.bookmark li{
    display:inline-block;
    font-size:0;
    letter-spacing:4px;
}

ul.bookmark li a,
ul.bookmark li div{
    display:inline-block;
    height:39px;
    line-height:40px;
    font-family: "SemiBoldItalic";
    font-size:24px;
    color:#333333;
    background-color: #99c9ff;
    border:1px solid #0365d4;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    letter-spacing:0;
    padding:0px 10px 0px 10px;
}

ul.bookmark li a:hover,
ul.bookmark li div:hover{
    cursor: pointer;
}

ul.bookmark li a.active,
ul.bookmark li div.active{
    height:40px;
    background-color: #70b2fd;
    border-bottom:none;
}

.page-content{
    width:100%;
    background-color: #70b2fd;
    border:1px solid #0365d4;
    margin:40px 0px 0px 0px;
    padding:40px 40px 40px 40px;
    box-sizing: border-box;
    border-radius: 12px;
    border-top-left-radius:0;
}

.page-content.none{
    display:none;
}

.page-content *{
    color:#333333;
}

/*---------------------------------------------------------------------------------------------*/

.page-content h2{
    margin:20px 0px 0px 0px;
    font-family: "SemiBoldItalic";
    font-size: 22px;
}

.page-content p{
    margin:20px 0px 0px 40px;
    font-size:20px;
}

.page-content ul,
.page-content ol{
    display:inline-block;
    margin:20px 0px 0px 60px;
    padding:0px;
    font-size:0;
}

.page-content ul li,
.page-content ol li{
    font-size:20px;
    margin:0px 0px 10px 0px;
    border-bottom:1px solid #333333;
}

.page-content .list-block{
    margin:20px 0px 0px 40px;
}

.page-content .list-block ul,
.page-content .list-block ol{
    margin-top:0px;
}

/*---------------------------------------------------------------------------------------------*/

.btn-hide-form{
    display: block;
    width:44px;
    height:40px;
    line-height:64px;
    font-size:28px;
    font-family:"Arrow2";
    font-weight:bold;
    position: absolute;
    border:2px solid #333333;
    border-bottom:none;
    right:50px;
    border-radius:12px;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    background-color: #70b2fd;
}

.btn-hide-form:hover{
    line-height:94px;
    cursor:pointer;
}

.btn-hide-form:hover .ar1,
.btn-hide-form:hover .ar2,
.btn-hide-form:hover .ar3,
.btn-hide-form:hover .arr-text{
}

.btn-hide-form:hover .ar2{
    font-size:34px
}

.btn-hide-form:hover .ar3{
    top:7px;
}

.btn-hide-form .ar1,
.btn-hide-form .ar2,
.btn-hide-form .ar3{
    position: absolute;
    bottom:0;
    left:0;
    right:0;
    margin:0 auto;
    text-align: center;
    color:#333333;
}

.btn-hide-form .ar1{
    top:-18px;
    font-family:"RobotoSlabBold";
}

.btn-hide-form .ar2{
    top:0px;
}

.btn-hide-form .ar3{
    top:14px;
}

.btn-hide-form .arr-text{
    height:31px;
    line-height: 27px;
    top:7px;
    right:46px;
    position: absolute;
    font-family:"RobotoSlabBold";
    border-bottom:2px solid #333333;
    border-left:2px solid #333333;
    border-bottom-left-radius: 12px;
    padding: 0px 10px 0px 10px;
    font-size: 18px;
    background-color: #b2d6ff;
}

.page-content .out-comment-form{
    overflow: hidden;
}

.page-content .out-comment-form.none{
    position: absolute;
    opacity: 0;
    z-index: -1;
}

.page-content form{
    width:400px;
    text-align:right;
    margin:0 auto;
    background-color: #b2d6ff;
    padding:40px 40px 20px 40px;
    border:1px solid #0365d4;
    border-radius:12px;
}

.page-content form .field-cmt{
    width:100%;
}

.page-content form .field-cmt .text-cmt{
    margin:0px 0px 0px 0px;
    text-align:left;
    font-family: "SemiBoldItalic";
    font-size:22px;
}

.text-cmt{
    font-family: "SemiBoldItalic";
    font-size:20px;
    color:#333333;
}

.page-content form .field-cmt input[type="text"]{
    height:40px;
}

.page-content form .field-cmt input[type="text"],
.page-content form .field-cmt textarea{
    display:block;
    width:100%;
    font-family: "SemiNormalItalic";
    font-size:20px;
    margin:0 auto;
    margin-bottom:10px;
    padding:0px 10px 0px 10px;
    border:1px solid #0365d4;
    box-sizing: border-box;
    border-radius:12px;
}

.page-content form .field-cmt textarea{
    height:100px;
    padding-top:10px;
}

.page-content form .field-cmt img{
    display:block;
    margin:0 auto;
    margin-bottom:5px;
    border:1px solid #0365d4;
}

.page-content form .field-cmt .for-inline{
    display:inline;
    font-size: 0;
}

.page-content form .field-cmt input[type="submit"]{
    display:inline-block;
    height:40px;
    line-height: 40px;
    font-family: "SemiBoldItalic";
    font-size:18px;
    margin:10px 0px 0px 0px;
    padding:0px 20px 0px 20px;
    border:1px solid #0365d4;
    box-sizing: border-box;
    border-radius:12px;
    background-color: #ffffff;
}

.page-content form .field-cmt input[type="submit"]:hover{
    background-color: #a8cffc;
}

/*---------------------------------------------------------------------------------------------*/

.all-comments{
    margin:80px 0px 20px 0px;
}

.all-comments form.standart{
    width:auto;
    margin:10px 0px 0px 100px;
}

.all-comments form.standart.down-margin{
    margin:10px 0px 0px 100px;
}

.all-comments form.standart.down-margin.some-marg{
    margin:10px 0px 0px 200px;
}

.all-comments form.standart.big-height textarea{
    height:300px;
}

form.standart .abort{
    display:inline-block;
    height: 38px;
    line-height: 38px;
    font-family: "SemiBoldItalic";
    font-size: 18px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    border-radius: 12px;
    margin: 10px 40px 0px 0px;
    padding:0px 10px 0px 10px;
}

form.standart .abort:hover{
    color:#ffffff;
    background-color:#357cce;
}

.all-comments form.standart .description{
    text-align:left;
}

.all-comments .product-sub-comments form.standart{
    margin:10px 0px 0px 200px;
}

.all-comments .product-sub-comments .comment-information{
    margin:10px 0px 0px 200px;
}

.all-comments .product-sub-comments .comment-user-name{
    margin:10px 0px 0px 200px;
}

.all-comments .comment{
    margin:20px 0px 0px 0px;
}

.comment-user-name{
    display:block;
    border-bottom:1px solid #0365d4;
    font-size:22px;
    background-color:#b2d6ff;
    border-top-left-radius: 40px;
    border-bottom-left-radius: 40px;
    border-top-right-radius: 90px;
    padding: 0px 40px;
}

.comment-information{
    margin:10px 0px 0px 100px;
    font-size:18px;
    background-color:#b2d6ff;
    border-top-left-radius: 90px;
    border-bottom: 1px solid #0365d4;
    padding: 0px 40px;
}

.comment-add-time{
    font-size:16px;
}

.comment-answer,
.edit-mode .comment-edit{
    font-family: "SemiBoldItalic";
}

.comment-edit{

}

.comment-delete{

}

.comment-answer:hover,
.comment-edit:hover,
.comment-delete:hover,
.comment-user-name:hover{
    color:#ffffff;
}

.comment-text{
    margin:10px 0px 0px 100px;
    font-size:20px;
    background-color:#b2d6ff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 90px;
    border-bottom: 1px solid #0365d4;
    padding: 10px 86px 10px 40px;
}

.comment-user-name.marg-ext,
.comment-information.marg-ext,
.comment-text.marg-ext{
    margin:10px 0px 0px 200px;
}

.out-answers-btn{
    display:block;
    text-align:right;
}

.out-answers-btn .comment-answers-btn{
    display:inline-block;
    margin:10px 36px 0px 0px;
    font-size:20px;
    background-color:#b2d6ff;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 90px;
    border-bottom: 1px solid #0365d4;
    padding: 10px 86px 10px 40px;
}

.out-answers-btn .comment-answers-btn:hover{
    color:#ffffff;
}

/*---------------------------------------------------------------------------------------------*/

table.characteristics{
    width:100%;
    border-collapse: collapse;
}

table.characteristics tr{
    
}

table.characteristics tr.clr td *{
    color:#0365d4;
}

table.characteristics tr.clr td{
    border-bottom:1px solid #0365d4;
}

table.characteristics tr td{
    height:40px;
    vertical-align: bottom;
    border-bottom:1px solid #333333;
}

table.characteristics tr td *{
    color:#333333;
}

table.characteristics .td1{
    width:30%;
}

table.characteristics .td2{
    width:70%;
    text-align: right;
}

table.characteristics tr td b{
    font-family: "SemiBoldItalic";
    font-size: 22px;
}

table.characteristics tr td u{
    font-size: 20px;
}

table.characteristics tr td i{
    font-size: 20px;
}

/*---------------------------------------------------------------------------------------------*/

.page-numbering{
    text-align:center;
}

.page-numbering.marg-ext{
    margin:0px 0px 0px 200px;
}

ul.pagination{
    display:inline-block;
    font-size:0;
    padding: 0;
    margin:0;
    margin-top: 30px;
    letter-spacing:0;
}

ul.pagination li {
    display: inline;
    font-size:0;
    border:none;
}

ul.pagination li.start{
    margin:0 20px 0 0;
}

ul.pagination li a{
    width:auto;
    height:40px;
    line-height:40px;
    display:inline-block;
    margin-left:2px;
    margin-right:2px;
    font-size:16px;
    letter-spacing:0px;
    padding: 0 10px 0 10px;
}

ul.pagination li a:hover {
    background-color: #082b53;
    color: #ffffff;
}

a.arrows{
    border:1px solid #0365d4;
}

ul.pagination li a.start{
    width:auto;
    border:1px solid #0365d4;
    padding:0px 10px 0px 10px;
    border-top-left-radius: 11px;
    border-bottom-left-radius: 11px;
}

a.numbering{
    border:1px solid #0365d4;
    border-radius: 11px;
}

a.numbering.active{
    background-color: #082b53;
    color: #ffffff;
}

/*---------------------------------------------------------------------------------------------*/

.registration{

}

.registration-form{
    width:500px;
    border:1px solid #0365d4;
    background-color: #99c9ff;
    box-sizing:border-box;
    border-radius: 10px;
    margin:0px auto;
    margin-top: 20px;
    padding: 20px 20px 20px 20px;
    cursor: pointer;
}

p.input-discription{
    width:450px;
    margin:0 auto;
    font-size: 20px;
}

.tooltip{
    position: relative;
    margin:0 auto;
}

.tooltip p{
    width: 150px;
    display:none;
    position: absolute;
    top:-16px;
    left:-180px;
    padding: 10px;
    text-align: left;
    border: 1px solid #0365d4;
    border-radius:10px;
    background-color: #70b2fd;
}

.tooltip:hover p{
    display:block;
}

.tooltip input{
    
}

.tooltip input:hover{
  
}

.tooltip img{
    display:block;
    margin:0 auto;
    margin-bottom:10px;
}

.registration-form input{
    width:450px;
    height:38px;
    display:block;
    box-sizing: border-box;
    border-radius: 12px;
    border: 1px solid #0365d4;
}

.registration-form input[type="text"],
.registration-form input[type="password"],
.registration-form textarea{
    font-family: "SemiNormalItalic";
    font-size: 20px;
    padding: 0px 10px 0px 10px;
    margin-bottom:20px;
}

.registration-form textarea{
    padding: 10px 10px 10px 10px;
}

.security-code img{
    display:block;
    margin:0 auto;
    margin-top: 20px;
    margin-bottom:20px;
    border: 1px solid #0365d4;
}

.registration-form input[type="submit"]{
    width:auto;
    height: 38px;
    font-family: "SemiNormalItalic";
    border:1px solid #0365d4;
    border-radius: 12px;
    padding: 0px 10px 0px 10px;
    font-size: 18px;
    cursor: pointer;
}

.registration-form input[type="submit"]:hover{
    background-color: #70b2fd;
}

/*------------------------------------------------------------------------*/

.basket-page{
    margin-top:20px;
}

.basket-form{
    padding:0px 10px 0px 10px;
}

.title-page{
    font-size:30px;
    font-weight:bold;
    border:1px solid #0365d4;
    border-radius: 10px;
    padding: 4px 0px 4px 5px;
    margin:20px 0px 20px 0px;
    background-color: #99c9ff;
    color:#333333;
}

table.external-basket{
    width:100%;
    border-spacing:0;
    border:none;
}

table.external-basket tr{
    border:none;
    padding:0;
}

table.external-basket tr td:first-child {
    width: 23%;
}

table.external-basket tr td:last-child {
    width: 77%;
    padding: 100px 0 100px 0;
}

table.external-basket tr td{
    vertical-align:top;
    border:none;
    position:relative;
    padding:0;
    box-sizing:border-box;
}

.external-picture{
    box-sizing:border-box;
    border-radius:10px;
    background-color: #70b2fd;
    padding:3px;
}

.internal-picture{
    display:block;
    box-sizing:border-box;
    border:1px solid #0365d4;
    border-radius:10px;
    padding:3px;
}

.internal-picture img{
    width:100%;
    display:block;
    border-radius:10px;
}

tr.space{
    height:20px;
}

.inner-basket{
    width: 99%;
    margin-left: 1%;
    top: 0;
    bottom: 0;
    right:0;
    padding: 3px 3px 3px 3px;
    position: absolute;
    box-sizing: border-box;
    border:1px solid #0365d4;
    border-radius: 10px;
    padding:3px;
    background-color:#70b2fd;
}

.inner-frame{
    box-sizing:border-box;
    border-radius:10px;
    border:1px solid #0365d4;
    padding:3px;
    height:100%;
    position:relative;
}

.inner-frame .price input[type='text']{
    width:100px;
    height:40px;
    line-height:40px;
    border:1px solid #000000;
    background-color: #99c9ff;
    box-sizing: border-box;
    padding:0 10px 0 10px;
    margin:0 10px 0 0;
    float:left;
}

table.external-basket tr:hover .internal-picture, 
table.external-basket tr:hover .inner-frame:hover{
    border-color: #ffffff;
}

.inner-basket .name{
    font-weight: bold;
    font-size: 21px;
    margin-left: 3px;
    position: absolute;
    left: 5px;
    top: 10px;
    color:#333333;
}

.inner-basket .price{
    font-weight: bold;
    font-size: 21px;
    position: absolute;
    left: 5px;
    bottom: 10px;
    color:#333333;
}

.cost-order{
    border: 1px solid #0365d4;
    float: right;
    margin: 20px 0 20px 0;
    padding: 5px 5px 5px 5px;
    background-color:#70b2fd;
    border-radius:5px;
    color:#333333;
    font-family: "SemiNormalItalic";
    font-size:18px;
}

.save-button{
    border-radius: 12px;
    padding: 3px 3px 3px 3px;
    margin:20px 0px 25px 0px;
    float: right;
    cursor: pointer;
    border:1px solid #0365d4;
    background-color:#70b2fd;
}

.save-button:hover{
    border:1px solid #e6e6e6;
     
}

.save-data {
    height: 30px;
    border-radius: 10px;
    font-family: "SemiNormalItalic";
    padding: 0px 10px 0px 10px;
    font-size: 18px;
    cursor: pointer;
    border:1px solid #0365d4;
    background-color:#70b2fd;
    color:#333333;
}

.save-data:hover{
    background-color:#0365d4;
    border:1px solid #e6e6e6;
    color:#ffffff;
}

/*---------------------------------------------------------------*/

.base-place{
    margin-top: 20px;
    margin:20px 10px 0px 10px;
    position:relative;
}

.menu-categories{
    width:300px;
    position:absolute;
    float:left;
}

.menu-categories ul{
    list-style:none;
    margin:0;
    padding:0;
}

.menu-categories ul li{
    margin-bottom:10px;
}

.menu-categories ul li a{
    display:block;
    line-height:18px;
    padding:10px 0px 10px 10px;
    margin:0px 10px 0px 0px;
    box-sizing: border-box;
    border:1px solid #0365d4;
    background-color: #99c9ff;
    font-family:"SemiBoldItalic";
    border-radius:13px;
    color:#333333;
}

.menu-categories ul li a.active{
    border-right:none;
    background-color: #70b2fd;
    border-radius:0;
    border-top-left-radius:13px;
    border-bottom-left-radius:13px;
    margin:0px 0px 0px 0px;
}

.subcategories{
    width:660px;
    margin-left:299px;
    border:1px solid #0365d4;
    background-color: #70b2fd;
    border-top-right-radius:13px;
    border-bottom-right-radius:13px;
    border-bottom-left-radius:13px;
    padding:20px 10px 20px 10px;
    box-sizing: border-box;
    float:left;
}

.subcategories .product{
    display:block;
    width:139px;
    margin:0px 10px 20px 10px;
    float:left;
}

/*-------------------------------------------------------------*/

.contacts{
    border:1px solid #000000;
    margin:0px 0px 0px 0px;
    padding:20px 20px 20px 20px;
    box-sizing:border-box;
    border:1px solid #0365d4;
    background-color: #70b2fd;
    border-radius:13px;
    color:#333333;
}

.contacts table{
    width:70%;
    border-spacing:0;
    margin:0 auto;
}

.contacts table tr{
    
}

.contacts table tr td{
    padding:0;
    margin:0;
    border-bottom: 1px solid #333333;
    color:#333333;
}

.contacts table tr td:first-child{
    width:50%;
}

.contacts table tr td:last-child{
    width:50%;
    text-align:right;
}

.contacts table tr td .name{
    font-family: "SemiBoldItalic";
    font-size:18px;
    line-height: 18px;
    margin-top:10px;
}

.contacts table tr td .value{
    line-height: 18px;
    margin-top:10px;
}

.contacts .block{
    width:70%;
    margin:0 auto;
    margin-bottom:20px;
    border-bottom:1px solid #333333;
}

.contacts .block .name{
    font-family: "SemiBoldItalic";
    font-size:18px;
    margin:0px 0px 10px 0px;
}

.contacts .block .text{
    margin:0px 0px 0px 20px;
}

/*-------------------------------------------------------------------*/

#footer{
    margin:40px 20px 0px 20px;
    padding: 20px 20px 20px 20px;
    border:1px solid #0365d4;
    background-color: #70b2fd;
    border-radius:13px;
    box-sizing: border-box;
}

.footer-section-data{
    width: auto;
    float: left;
    margin-right: 40px;
}

.footer-block-title {
    font-size: 32px;
    font-family: "SemiBoldItalic";
}

.footer-block {
    box-sizing: border-box;
    margin: 0 0 0 0;
    padding: 10px 10px 10px 10px;
}

.section-data {
    border-bottom: 1px solid #333333;
    font-size: 20px;
    margin-bottom: 6px;
    font-family: "SemiBoldItalic";
}

.section {
    display: block;
    font-size: 16px;
    font-family: "RollestonNormalItalic";
}

#footer.small-size{
    width:720px;
    float:right;
}

table.flinks{
    width:500px;
}

table.flinks tr{

}

table.flinks tr td{
    vertical-align: top;
}

table.flinks tr td a{
    display:block;
    height:20px;
    line-height:20px;
    position:relative;
    margin-bottom:12px;
}

table.flinks tr td a .s-1{
    top:0;
    left:3px;
    position: absolute;
    color: #333333;
    font-family:"SemiNormalItalic";
    font-size:20px;
}

table.flinks tr td a .s-2{
    top:0;
    left:0;
    position: absolute;
    font-family:"SemiNormalItalic";
    font-size:20px;
    color:#50a1fd;
    border-bottom:1px solid #0365d4;
}

/*---------------------------------------------------------------------*/


.con-pan-lin{
    border: 1px solid #0365d4;
    background-color:#a8cffc;
    border-radius: 13px;
    padding:20px 20px 20px 20px;
}

.in-menu{
    float:left;
}

.control-controllers{
    width:200px;
    display:block;
    line-height:18px;
    font-size:18px;
    border: 1px solid #0365d4;
    background-color:#c2dfff;
    padding:8px 0px 10px 20px;
    margin:0px 0px 10px 0px;
    border-top-left-radius:13px;
    border-bottom-left-radius:13px;
    box-sizing:border-box;
}

.control-controllers.bwidth{
    border-left-width:3px;
}

.control-controllers:hover{
    font-family:"SemiBoldItalic";
}

.control-controllers.color1{
    border-color:#1cd034;
}

.control-controllers.color2{
    border-color:#e5cf76;
}

.control-controllers.color3{
    border-color:#ff9b00;
}

.control-controllers.color4{
    border-color:#b00aad;
}

.control-controllers.color5{
    border-color:#000000;
}

.control-controllers.color6{
    border-color:#bf1c1c;
}

.control-controllers.right-color1{
    border-color:#ffe15d;
    border-width:3px;
}

.con-pan-view{
    width: 700px;
    border: 1px solid #0365d4;
    background-color:#c2dfff;
    float:right;
    box-sizing:border-box;
    border-top-right-radius:13px;
    border-bottom-right-radius:13px;
    padding:20px 20px 20px 20px;
    font-size:18px;
    overflow-x:auto;
}

.con-pan-view.bwidth{
    border-top-width:3px;
    border-left-width:3px;
}

.con-pan-view.color1{
    border-color:#1cd034;
}

.con-pan-view.color2{
    border-color:#e5cf76;
}

.con-pan-view.color3{
    border-color:#ff9b00;
}

.con-pan-view.color4{
    border-color:#b00aad;
}

.con-pan-view.color5{
    border-color:#000000;
}

.con-pan-view.color6{
    border-color:#bf1c1c;
}

.con-pan-view.big-size{
    width:100%;
    border-radius:13px;
}

/*-------------------------------------------------------------------*/

.overlay-login-form{
    border: 1px solid #0365d4;
    border-radius: 12px;
    box-sizing: border-box;
    padding:20px 20px 20px 20px;
}

.login-form{

}

.login-form .label{

}

.login-form input,
.login-form select,
.login-form textarea{
    margin:0px 0px 20px 0px;
    box-sizing:border-box;
}

.login-form input[type="text"],
.login-form input[type="password"],
.login-form textarea,
.login-form select{
    width:100%;
    height:38px;
    font-family: "SemiNormalItalic";
    font-size:18px;
    border: 1px solid #0365d4;
    border-radius: 12px;
    padding:0px 10px 0px 10px;
}

.login-form textarea{
    height:200px;
    padding:10px 10px 0px 10px;
}

.login-form input[type="submit"]{
    height:38px;
    font-family: "SemiBoldItalic";
    font-size:20px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    border-radius: 12px;
    margin:0px 0px 0px 0px;
}

.login-form input[type="submit"]:hover{
    color:#ffffff;
    background-color: #357cce;
}

div.input-description{
    font-size:18px;
}

/*----------------------------------------------------------------*/

form.add-access-section{
	margin:0px 0px 40px 0px;
}

form.add-access-section .input-description{
	text-align:left;
	margin:0px 0px 0px 0px;
	font-family: "SemiNormalItalic";
	font-size:18px;
	letter-spacing:0px;
}

form.add-access-section input[type="text"],
form.add-access-section textarea{
    width:100%;
    height: 38px;
    box-sizing:border-box;
    font-family: "SemiNormalItalic";
    font-size:18px;
    border: 1px solid #0365d4;
    border-radius:12px;
    padding:0px 10px 0px 10px;
}

form.add-access-section textarea{
    height:100px;
    padding:10px 10px 10px 10px;
}

form.add-access-section select{
    width:100%;
    height: 38px;
    padding:0px 10px 0px 10px;
    box-sizing:border-box;
    font-family: "SemiNormalItalic";
    font-size:18px;
}

form.add-access-section input[type="submit"],
form.standart.down-margin input[type="submit"],
form.standart input[type="submit"],
.user-find input[type="submit"],
form.default #tag_add{
    height: 38px;
    font-family: "SemiBoldItalic";
    font-size: 18px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    border-radius: 12px;
    margin: 10px 0px 0px 0px;
}

form.add-access-section input[type="submit"]:hover,
form.standart.down-margin input[type="submit"]:hover,
.user-find input[type="submit"]:hover,
form.standart input[type="submit"]:hover{
    color:#ffffff;
    background-color:#357cce;
}

table.base-table tbody tr td input[type="submit"].btn-elements-for-forms,
.file-btn-element .btn-elements-for-forms,
.load-btn-element .btn-elements-for-forms{
    height: 38px;
    font-family: "SemiBoldItalic";
    font-size: 18px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    border-radius: 12px;
    margin: 0px 0px 0px 0px;
    padding: 0 10px 0 10px;
    text-decoration:none;
    color:#333333;
}

.load-btn-element .btn-elements-for-forms{
    display:inline-block;
    line-height:38px;
    margin:10px 0 0 0;
}

table.base-table tbody tr td input[type="submit"].btn-elements-for-forms.with-top-margin{
    margin-top:4px;
}

table.base-table tbody tr td input[type="submit"].btn-elements-for-forms:hover,
.file-btn-element .btn-elements-for-forms:hover,
.load-btn-element .btn-elements-for-forms:hover{
    color:#ffffff;
    background-color:#357cce;
}

/*------------------------------------------------------------------*/

ul.data-of-access-section{
	display:block;
	list-style:none;
	border:1px solid #000;
	padding: 20px 10px 20px 10px;
	margin:0px 0px 40px 0px;
    background:#eee;
    font-family:"SemiNormalItalic";
    font-size:18px;
}

li.access-section-element{
	display:block;
	background:#ccc;
	padding:10px 5px 0px 5px;
	overflow:hidden;
}

.box-elemets-section{
	border-bottom:1px solid #000;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}

.section-control-note{
	width:200px;
	float:left;
	font-weight:bold;
	margin:0px 20px 0px 0px;
}

ul.data-of-access-section select{
    width:300px;
    height:40px;
    font-family: "SemiNormalItalic";
    font-size:18px;
    padding:0px;
    margin:0px 20px 0px 0px;
}

input[type="text"].access-section-value,
textarea.access-section-value{
    width:400px;
    height:38px;
	float:left;
    padding:0px 10px 0px 10px;
    box-sizing: border-box;
    font-family:"SemiNormalItalic";
    font-size:18px;
    border: 1px solid #0365d4;
    border-radius:12px;
}

textarea.access-section-value{
    height:100px;
    padding:10px 10px 10px 10px;
}

.access-section-value-btn,
.access-group-value-btn{
	border:none;
	padding:0px 0px 0px 0px;
	margin:0px 20px 10px 0px;
	width:100px;
	text-align:left;
	color:#0365d4;
	border-radius: 0px;
    background-color:transparent;
    font-family:"SemiBoldItalic";
    font-size:18px;
}

.access-section-value-btn:hover{
    font-family:"SemiBoldItalic";
}

/*-----------------------------------------------------------------*/

li.access-group-element{
	display:block;
	background:#DADADA;
	margin:20px 0px 0px 40px;
	padding:10px 5px 0px 5px;
	overflow:hidden;
}

.box-elemets-group{
	border-bottom:1px solid #000;
	margin:0px 0px 10px 0px;
	padding:0px 0px 5px 0px;
}

.group-control-note{
	width:210px;
	float:left;
	margin:0px 0px 0px 0px;
	font-weight:bold;
}

input.access-group-value,
textarea.access-group-value{
    width:370px;
    height:38px;
	float:left;
    padding:0px 10px 0px 10px;
    box-sizing: border-box;
    border: 1px solid #0365d4;
    border-radius:12px;
    font-family:"SemiNormalItalic";
    font-size:18px;
}

textarea.access-group-value{
    height:100px;
}

/*----------------------------------------------------------------*/

.accept{

}

.accept-form{
    width:400px;
    border:1px solid #0365d4;
    margin:0 auto;
    margin-top:20px;
    background-color: #99c9ff;
    border-radius: 10px;
}

.question{
    font-size:30px;
    font-weight:bold;
    text-align:center;
    color:#333333;
}

.reply{
   
}

.reply-one, .reply-two{
    display: inline-block;
    border:1px solid #0365d4;
    border-radius:5px;
    font-size: 18px;
    color:#333333;
    margin: 0px 20px 25px 20px;
    background-color: #ffffff;
}

.reply-one{
    padding: 2px 12px 2px 12px;
}

.reply-two{
    float: right;
    padding: 2px 5px 2px 5px;
}

.reply-one:hover, .reply-two:hover{
    border-color: #ffffff;
    background-color: #70b2fd;
}
/************************************************/
/*---------------*/

.basis{
    margin: 20px 10px 0px 10px;
}

.left-menu{
    width: 26%;
    float:left;
    box-sizing: border-box;
    border-radius:10px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    padding: 20px 20px 20px 20px;
}

.user-foto{
    margin-bottom:15px;
}

.user-foto img{
    width:100%;
    display:block;
    border-radius:10px;
    border: 3px double #0365d4;
    box-sizing: border-box;
}

ul li .name-menu{
    color: #333333; 
}

.left-menu-user{
   margin-bottom:20px; 
}

.left-menu-user ul{
    width:100%;
    list-style:none;
    box-sizing: border-box;
    margin:0;
    padding:0;
}

.save-button.out-line{
    width:100%;
    box-sizing: border-box;
    float:none;
    margin:0 auto;
    margin-bottom:8px;
}

.save-button.out-line:hover,
.save-data.link-width:hover{
    border-color:#0365d4;
}

.save-data.link-width{
    width:100%;
    display:block;
    height:auto;
    box-sizing:border-box;
    padding-top:4px;
    padding-bottom:5px;
}

.right-menu{
    width:72%;
    float:right;
}

.amount-money{
    height:40px;
    border:1px solid #0365d4;
    background-color: #70b2fd;
    border-radius: 10px;
    padding: 0px 7px 0px 7px;
    font-weight: bold;
    font-size: 20px;
}

.score{
    line-height:40px;
    color: #333333;
}

.amount{
    float:right;
    margin-right:10px;
    line-height:40px;
    color: #333333;
}

.arrow-button{
    float: right;
    height:20px;
    display:block;
    line-height: 20px;
    border: 2px solid #0365d4;
    background-color:#ffffff;
    border-radius: 5px;
    margin:6px 10px 0px 0px;
    padding: 2px 8px 2px 8px;
    cursor:pointer;
    font-family: "Arrow2";
}

.arrow-button:hover{
    border: 2px solid #ffffff;
    background-color:#0365d4;
    color:#ffffff;
}
    
.right-menu .registration-form,
.registration-form.auto-width{
    width:100%;
}

.registration-form.auto-width input[type="text"]{
    width:100%;
}

.registration-form.bottom-marg{
    margin-bottom:20px;
}

.right-menu .registration-form .tooltip{
    width:100%;
}

.right-menu .registration-form p.input-discription{
    width:100%;
}

.right-menu .registration-form input[type="text"],
.right-menu .registration-form input[type="password"]{
    width:100%;
}

/*-----------------------------------------------------------------------------*/

.order-list{
    width:100%;
    box-sizing:border-box;
    border:1px solid #0365d4;
    border-radius:10px;
    background-color:#99c9ff;
    margin: 0 0 0 0;
    padding: 20px 20px 20px 20px;
    position:relative;
    float: right;
}

.inner-order{
    width:100%;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #093669;
    position: relative;
    float: right;
    padding: 4px 4px 0px 4px;
    margin-bottom: 15px;
    box-shadow: inset 0px 12px 20px #3388e8;
}

.order:hover{
    border: 1px solid #ffffff;
}

a.order{
    width:100%;
    float:right;
    box-sizing:border-box; 
    border:1px solid #0365d4;
    border-radius:10px;
    margin-bottom:4px;
    padding: 14px 5px 10px 5px; 
    color: #333333;
    box-shadow: inset 0px 12px 20px #0365d4;
}

.order-status.addition-status{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #333333;
}

.order-condition.addition-condition{
    color: #333333;
    float: left;
    font-size: 20px;
    margin-left: 4px;
}

/*------------------------------------------------------------*/

form.standart.down-margin{
	margin:0px 0px 40px 0px;
	border: 1px solid #0365d4;
	background-color:#a8cffc;
	color:#333333;
    font-weight:bold;
    border-radius: 12px;
    font-family:"SemiNormalItalic";
    font-size: 18px;
}

form.standart.down-margin .description{
    font-family:"SemiBoldItalic";
}

form.standart.down-margin input[type="text"]{
    width:100%;
    height:38px;
    border: 1px solid #0365d4;
    box-sizing: border-box;
    border-radius: 12px;
    padding:0px 10px 0px 10px;
    font-family:"SemiNormalItalic";
    font-size: 18px;
}

form.standart.down-margin textarea{
	width:100%;
    height:100px;
    border: 1px solid #0365d4;
    box-sizing: border-box;
    border-radius: 12px;
    padding:10px 10px 10px 10px;
    font-family:"SemiNormalItalic";
    font-size: 18px;
}

form.standart.big-height textarea{
    height:500px;
}

form.standart.down-margin select{
    width:100%;
    height:38px;
    box-sizing: border-box;
    font-family:"SemiNormalItalic";
    font-size: 18px;
}

.delete-element-btn{
    margin:0px 0px 0px 20px;
    color:#0365d4;
    font-family:"SemiBoldItalic";
    font-size:18px;
}

.delete-element-btn:hover{
	border-bottom:1px solid #0365d4;
}

.delete-element-btn.correction{
	border:none;
	margin:0px 0px 0px 0px;
}

.delete-element-btn.correction:hover{
	border:none;
}

/*-------------------------------------------------------------*/

form.standart{
	padding:20px 20px 20px 20px;
	margin:0px 0px 20px 0px;
	border: 1px solid #0365d4;
    background-color:#cce4ff;
    color:#333333;
    font-family:"SemiNormalItalic";
    font-size: 18px;
    border-radius: 12px;
}

form.standart .description{
    border:none;
    padding: 0px;
    border-radius: 0;
}

.head-title-form{
    text-align:center;
    font-family:"SemiBoldItalic";
	font-size:20px;
	margin:0px 0px 10px 0px;
}

form.standart input[type="text"]{
    width:100%;
    height:38px;
    border-radius: 12px;
    border: 1px solid #0365d4;
    box-sizing: border-box;
    padding:0px 10px 0px 10px;
    font-family:"SemiNormalItalic";
    font-size: 18px;
}

form.standart textarea{
    width:100%;
    height:100px;
    border-radius: 12px;
    border: 1px solid #0365d4;
    box-sizing: border-box;
    padding:10px 10px 10px 10px;
    font-family:"SemiNormalItalic";
    font-size: 18px;
}

/*------------------------------------------------------------*/

.only-access-note{
	width:100%;
}

.base-note, .slave-note{
	display:inline-block;
	width:48%;
}

.base-note{
	font-weight:bold;
}

/*------------------------------------------------------------*/

form.default{
	display:block;
	width:100%;
}

form.default textarea{
	height:400px;
	width:100%;
}

form.default .out-in-textarea{
    position:relative;
}

form.default .out-block-edit-selected{
    width:0px;
    height:0px;
    display:none;
    position: absolute;
    top:0px; left:0px;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 12;
}

form.default .block-edit-selected{
    width:300px;
    height: 300px;
    overflow-y: auto;
    padding:40px 5px 5px 5px;
    border:3px double #000000;
    background-color: #ccd274;
    position: fixed;
    bottom:20px; right:20px;
    margin:0 auto;
    z-index:12000;
}

form.default .block-edit-selected .close-edit-blk{
    width:20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: "RobotoSlabRegular";
    font-size: 14px;
    background-color: #333700;
    border:1px solid #000000;
    color: #ffffff;
    cursor: pointer;
    position: absolute;
    right:10px; top:2px;
}

form.default .block-edit-selected .close-edit-blk:hover{
    background-color: #1cd034;
    color: #000000;
}

form.default .block-edit-selected .head-of-block{
    font-family: "RobotoSlabRegular";
    font-size: 16px;
    font-weight: bold;
    color:#000000;
    margin:0 0 10px 0;
    padding:3px 5px 5px 5px;
    background-color: #ffffff;
}

form.default .block-edit-selected .change-element{
    width:auto;
    margin:0 13px 10px 0;
    padding:5px 5px 7px 5px;
    box-sizing: border-box;
    font-family: "RobotoSlabRegular";
    font-size: 16px;
    cursor: pointer;
    border:1px solid #999999;
    background-color: #333700;
    color:#ffffff;
}

form.default .block-edit-selected .change-element.delete{
    display:none;
    background-color: #990000;
}

form.default .in-textarea{
	width:100%;
	height:400px;
	border: 1px solid #0365d4;
	box-sizing: border-box;
	position:relative;
    overflow: auto;
    background-color: #ffffff;
    border-radius:12px;
    padding:10px;
    margin-top:20px;
}

form.default .btn_send{
	width:180px;
    height:30px;
    display:flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #ffffff;
    background-color: #0365d4;
    color:#ffffff;
	margin-top:10px;
    text-align: center;
    cursor:pointer;
}

form.default .btn_send:hover{
	font-weight: bold;
}

form.default .in-textarea span.symbol{
	font-size:16px;
}

.out-text-block{
    border:1px solid #000000;
    background-color: #7300a7;
    padding:27px 10px 5px 10px;
}

.out-text-block .sentences-block{
    width:97%;
    display:inline-block;
    border:1px solid #ffffff;
    background-color: #c34100;
    margin:3px;
    padding:27px 5px 5px 5px;
}

.out-text-block .word-block{
    display:inline-block;
    border:1px solid #ffffff;
    background-color: #333700;
    margin:3px;
    padding:27px 40px 5px 5px;
    color:#ffffff;
    cursor:pointer;
    font-size:16px;
    font-family:"RobotoSlabRegular";
    position:relative;
}

.out-text-block .word-block.active{
    background-color: #003a82;
    color: #ffffff;
}

.out-text-block strong .word-block{
    background-color: #555555;
}

.out-text-block strong .inner-word-block{
    color:#6bbaff;
}

.out-text-block .delete-word{
    width:15px;
    height:15px;
    display:flex;
    border:1px solid #ffffff;
    background-color: #ddc700;
    color:#000000;
    justify-content: center;
    align-items: center;
    text-align:center;
    text-transform: uppercase;
    font-size: 12px;
    position:absolute;
    top:0; right:0;
    cursor:pointer;
}

.out-text-block .delete-word:hover{
    background-color: #cc0000;
}

.out-text-block .edit-word{
    width:19px;
    height:19px;
    display:flex;
    border:1px solid #ffffff;
    background-color: #ffffff;
    color:#000000;
    justify-content: center;
    align-items: center;
    text-align:center;
    text-transform: uppercase;
    font-size: 30px;
    position:absolute;
    top:0; left:0;
    cursor:pointer;
}

.out-text-block .edit-word:hover{
    background-color: #00cc00;
}

.out-text-block .space{
    width:15px;
    height:15px;
    display:inline-block;
    border:1px solid #ffffff;
    background-color: #ffffff;
    cursor:pointer;
}

.out-text-block .space:hover{
    background-color: #00cc00;
}

.out-text-block .perenos{
    border:1px solid #ffffff;
    background-color: #999999;
    margin-top:5px;
    margin-bottom:5px;
    cursor:pointer;
    text-align: center;
    position:relative;
}

.out-text-block .perenos::before{
    content:"<-perenos stroki->";
    color:#ffffff;
    font-weight: bold;

}

.out-text-block  .close-btn-in-perenos{
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
    font-family: RobotoSlabRegular;
    font-size: 14px;
    background-color: #ff0000;
    border: 1px solid #000000;
    color: #000000;
    cursor: pointer;
    position: absolute;
    top: 10px;
    bottom: initial;
    left: initial;
    right: 10px;
}

.out-text-block h1 .word-block{
    background-color: #aa7700;
    color: #000000;
}

/*------------------------------------------------------------*/

form.default #params_by_space,
form.default #tag_text{
    width:100%;
    height:38px;
    box-sizing:border-box;
    border: 1px solid #0365d4;
    border-radius:12px;
    padding:0px 10px 0px 10px;
    font-family:"SemiNormalItalic";
    font-size:18px;
}

form.default #tag_name{
    height:38px;
    box-sizing:border-box;
    margin-bottom:10px;
    border: 1px solid #0365d4;
    border-radius:12px;
    padding:0px 10px 0px 10px;
    font-family:"SemiNormalItalic";
    font-size:18px;
}

/*------------------------------------------------------------------*/

.list-sys-methods{

}

.top-sys-methods{
	background-color:#ccc;
	border:1px solid #000;
}

.top-sys-methods span{
	font-size:18px;
	font-weight:bold;
}

ul.sys-methods{
	list-style:none;
	margin-bottom:20px;
}

ul.sys-methods li{
	margin-left:40px;
}

ul.sys-methods li span{
    display:block;
    font-size:18px;
	border-bottom:1px solid #000;
}

ul.sys-methods li a{
    display:block;
    font-size:18px;
	float:right;
}

.top-sys-methods a {
    display:block;
    float:right;
    font-size:18px;
    font-weight:bold;
    line-height:22px;
    margin-right: 1px;
}

/*-------------------------------------------------------------------*/

table.base-table{
	width:100%;
	border-collapse: collapse;
	table-layout: auto;
	margin: 0px 0px 20px 0px;
}

table.base-table tr td{
    width:50%;
	padding:10px 10px 10px 10px;
}

.file-btn-element{
    font-size:0;
    line-height:0;
    padding:0;
    margin:0;
}

.file-btn-element .btn-elements-for-forms{
    display:none;
    line-height:38px;
    margin:10px 0 0 0;
}

.file-btn-element .btn-elements-for-forms.active{
    display:inline-block;
}

table.base-table tr td input[type="file"].none{
    display:block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    padding: 0;
    margin: 0;
}

table.base-table tr td img{
    width:100%;
    display:block;
}

table.base-table tr td img:hover{
    cursor: pointer;
}

table.base-table thead tr{
	font-weight:bold;
}

table.base-table thead tr td{
	background-color:#d8ebff;
	text-align:center;
	color:#333333;
    border:2px solid #0365d4;
    font-family: "SemiBoldItalic";
    font-size:18px;
}

table.base-table tbody tr{
	
}

table.base-table tbody tr td{
    border:1px solid #0365d4;
    font-family: "SemiNormalItalic";
    font-size:18px;
}

.option-link{
	display:block;
    color:#0365d4;
    font-weight:bold;
    font-family: "SemiNormalItalic";
    border-bottom:1px solid #0365d4;
    margin:0px 0px 10px 0px;
    padding:3px 3px 3px 3px;
}

.option-link:hover{
	
}

table.base-table tbody tr td.has-img{
    width:24%;
}

table.base-table tbody tr td .prod-img{
    display:block;
    width:100%;
}

table.base-table tbody tr td .prod-img img{
    display:block;
    width:100%;
}

table.base-table tbody tr td.has-control{
    width:24%;
}

/*----------------------------------------------------------------*/

form.user_form{
	font-family: "SemiNormalItalic";
    font-size:18px;
    color:#333333;
    margin-top:40px;
}

form.user_form input[type="text"],
form.user_form input[type="password"],
table.base-table tbody tr td input[type="text"],
form.user_form select{
    width:100%;
    height:38px;
    font-family: "SemiNormalItalic";
    font-size:18px;
    border:1px solid #0365d4;
    border-radius: 12px;
    box-sizing: border-box;
    padding:0px 10px 0px 10px;
}

form.user_form input[type="submit"],
table.base-table tbody tr td input[type="submit"]{
	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background-color:transparent;
	border:none;
	display:inline;
	color:#0365d4;
    font-family: "SemiNormalItalic";
    font-size:18px;
}

table.base-table tbody tr td input[type="submit"]{
    text-decoration: underline;
}

form.user_form input[type="submit"]:hover{
	cursor:pointer;
}

table.base-table.addition{
	table-layout: fixed;
}

table.base-table tr td.addition{
	font-weight:bold;
}

.user_delete_link.simple{
	font-weight:normal;
}

.user_delete_link{
	color:#0365d4;
    font-family: "SemiNormalItalic";
    font-size:18px;
    text-decoration: underline;
}

.user_delete_link:hover{
	
}

/*-------------------------------------------------------------*/

.base-table2{
    width:100%;
}

.base-table2 tr{

}

.base-table2 tr td{
    width:50%;
    vertical-align:top;
}

.one-user-find{
    width:100%;
    border:1px solid #0365d4;
    background-color: #70b2fd;
    margin:0px 20px 20px 0px;
    font-family:"SemiNormalItalic";
    font-size:18px;
    border-radius: 12px;
}

.one-user-photo-find{
    border:1px solid #0365d4;
    margin:20px 20px 20px 20px;
}

.one-user-photo-find a{
    display:block;
}

.one-user-photo-find a img{
    width:100%;
    display:block;
}

.one-user-info-find{
    border:1px solid #0365d4;
    margin:0px 20px 20px 20px;
    padding:20px 10px 10px 20px;
    background-color: #c2dfff;
    border-radius: 12px;
}

.find-user-name-view{
    
}

.right-td-users-search{
    text-align: right;
}

form.user-find{
    width:80%;
    display:inline-block;
}

form.user-find *{
    text-align: left;
}

.field-find-form-text{
    font-family: "SemiNormalItalic";
    font-size:18px;
}

.user-find input[type="text"]{
    width:100%;
    height:38px;
    border:1px solid #0365d4;
    font-family: "SemiNormalItalic";
    font-size:18px;
    box-sizing:border-box;
    border-radius: 12px;
    padding:0px 10px 0px 10px;
}

.user-find select{
    width:100%;
    height:38px;
    font-family: "SemiNormalItalic";
    font-size:18px;
    box-sizing:border-box;
}

.user-find .option-link{
    font-family: "SemiBoldItalic";
    font-size:22px;
    margin-bottom:10px;
}

/*--------------------------------------------------------*/

.basket-form.conclusion{
    padding:0px 0px 0px 0px;
    margin-top: 20px;
}

/*--------------------------------------------------------*/

.title-page.top-dilite{
    margin-top:0px;
}

.registration-form textarea.written-message{
    width:100%;
    height:145px;
    box-sizing:border-box;
    border-radius:12px;
    border:1px solid #0365d4;
}

.selecting-picture{
    margin-top: 15px;
}

/*----------------------------------------------------*/

.power{
    display: block;
    padding: 10px 10px 0px 10px;
    text-align: center;
    font-size: 0;
    letter-spacing: 18px;
    border:1px solid #0365d4;
    background-color:#70b2fd;
    border-radius: 10px;
    margin:20px 0px 0px 0px;
}

.power.top-none{
    margin-top:0;
}

a.bloc-power{
    display: inline-block;
    padding: 0px 10px 0px 10px;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0px;
    line-height: 36px;
    margin: 0 0 10px 0;
    border:1px solid #0365d4;
    border-radius: 7px;
    color: #000000;
}

/*--------------------------------------------------------*/

.fields-grouper{
	border:1px solid #0365d4;
	margin:0px 0px 10px 0px;
	padding:10px 10px 7px 10px;
}

.fields-grouper input[type="file"]{
	float:left;
}

.fields-grouper:hover,
.fields-grouper:focus{
	border:1px solid #c2dfff;
}

.fields-grouper .field-number{
	float:right;
}

.fields_out_block{
    border:1px solid #0365d4;
    margin:10px 0px 10px 0px;
    box-sizing:border-box;
    padding:5px 5px 5px 8px;
    border-radius:12px;
}

/*--------------------------------------------------------*/

a.bloc-power:hover{
    background-color:#99c9ff;
}

.registration-form input[type="file"]{
    border:none;
    border-radius:0;
    margin-top:0px;
}

/*--------------------------------------------------------*/

.goods.send-message{
    margin:20px 10px 0px 0px;
}

.block-message{
    width:500px;
    box-sizing:border-box;
    float:right;
    border:1px solid #0365d4;
    border-radius:10px;
    padding:20px;
    margin:20px 0px 20px 0px;
    background-color: #99c9ff;
}

.photo-message img{
    width:50%;
    border:1px solid #0365d4;
    border-radius:4px;
}

.message-text{
    width:92%;
    border:1px solid #0365d4;
    border-radius:4px;
    padding:2px 4px 2px 4px;
    margin:5px 0px 10px 0px;
    background-color:#70b2fd;
    color:#333333;
    text-align:justify;
    line-height:25px;
}

/*--------------------------------------------------------*/

.edit-prod-out{
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    box-sizing: border-box;
    padding:10px 10px 10px 10px;
    margin:20px 0px 20px 0px;
}

.edit-prod-out .fields-grouper{
    margin:0px 0px 0px 0px;
}

.edit-prod-img{
    border: 1px solid #0365d4;
    padding:10px 10px 10px 10px;
    margin-bottom:10px;
    box-sizing: border-box;
}

.edit-prod-img .show-origin-size{

}

.edit-prod-img .show-origin-size img{
    display:block;
    width:200px;
    box-sizing: border-box;
    border: 1px solid #0365d4;
}

.edit-prod-img .eprod-text{
    font-size:20px;
}

.edit-prod-img .eimg-del{

}

.ask-mess-img{
    display:block;
    width:24%;
    margin:0px 0px 10px 0px;
    border: 1px solid #0365d4;
    background-color: #70b2fd;
    box-sizing: border-box;
    padding:10px 10px 10px 10px;
}

.ask-mess-img img{
    display:block;
    width:100%;
}

/*--------------------------------------------------------*/

.all-check-functions{
    width:100%;
    height:200px;
    overflow: auto;
    margin: 0px 0px 20px 0px;
    border: 1px solid #0365d4;
    border-radius: 12px;
    padding:20px 0px 0px 20px;
    box-sizing: border-box;
}

.all-check-functions ul{
    margin:0;
    padding:0 0 0 20px;
}

.all-check-functions ul li{
    margin:0 0 4px 0;
}

/*--------------------------------------------------------*/

.bold-text-part{
    font-family: "SemiBoldItalic";
    font-size:20px;
    border-top:1px solid #000000;
    margin:2px 0 0 0;
    padding:4px 0 0 0;
}

/*--------------------------------------------------------*/

.form-fields-block{
    margin:40px 0 0 0;
    padding: 20px 20px 20px 20px;
    border-radius: 20px;
    border: 1px solid #0365d4;
    background-color: #99c9ff;
}

.basket-group-field{
    margin:0 0 20px 0;
}

.basket-text-field{
    font-family: "SemiBoldItalic";
    font-size:18px;
}

.basket-group-field input[type="text"],
.basket-group-field input[type="select"]{
    width:100%;
    height:40px;
    line-height:40px;
    box-sizing: border-box;
    border: 1px solid #0365d4;
    border-radius:10px;
    padding:10px 10px 10px 10px;
    font-family:"SemiNormalItalic";
    font-size:16px;
}

.basket-group-field textarea{
    width:100%;
    height:200px;
    box-sizing: border-box;
    border: 1px solid #0365d4;
    border-radius:10px;
    padding:10px 10px 10px 10px;
    font-family:"SemiNormalItalic";
    font-size:16px;
}

/*--------------------------------------------------------*/

.amount-of-one{
    height:40px;
    margin:0 0 10px 0;
}

.amount-text-top{
    height:40px;
    line-height:40px;
    margin:0 10px 0 0px;
    float:left;
}

.btn-amount-change{
    width:40px;
    height: 40px;
    line-height: 40px;
    display:block;
    border: 1px solid #0365d4;
    border-radius: 10px;
    box-sizing: border-box;
    font-size: 24px;
    text-align:center;
    color: #000000;
    font-family: "SemiNormalItalic";
    padding: 0px 10px 0px 10px;
    margin:0 5px 0 0;
    float:left;
}

.btn-amount-change.auto-width{
    width:auto;
    line-height: 40px;
    font-size:18px;
}

.btn-amount-change.change-basket-btn{
    display:none;
}

.btn-amount-change.font-correction{
    line-height: 36px;
    font-family: "Arrow2";
    font-size: 20px;
}

.btn-amount-change:hover{
    background-color: #ffffff;
}

/*--------------------------------------------------------*/

.user-profile-data{
    width:100%;
    border-collapse: collapse;
    border-radius: 10px;
}

.user-profile-data tr{

}

.user-profile-data tr td{
    border:1px solid #000000;
    vertical-align: baseline;
    border: 1px solid #0365d4;
}

.user-profile-data tr td.title-t-row{
    width:20%;
}

.user-profile-data tr td.value-t-row{
    width:80%;
}

.user-profile-data tr td.title-t-row .inner-element-note{
    margin:10px;
    font-family: "SemiBoldItalic";
    font-size:18px;
    color:#333333;
}

.user-profile-data tr td.value-t-row .inner-element-note{
    margin:10px;
    font-family: "SemiNormalItalic";
    font-size:18px;
    color:#333333;
}

.registration.extended{
    padding:20px 20px 20px 20px;
    background-color: #70b2fd;
    border: 1px solid #0365d4;
    border-radius: 10px;
}

/*--------------------------------------------------------*/

.message-table{
    
}

.message-table tr td{
    padding:0 0 20px 0;
    vertical-align: top;
}

.message-table tr td:first-child{
    width:24%;
}

.message-table tr td:last-child{
    padding-left:10px;
    padding-right:10px;
    padding-top:10px;
}

.message-table tr td .message-img{
    border:2px solid #0365d4;
    border-radius:12px;
}

.message-table tr td .inner-message-img{
    border:1px solid #ffffff;
    border-radius:11px;
}

.message-table tr td .message-img img{
    width:100%;
    display:block;
    border-radius:10px;
}

.message-table tr td .inner-text-part{
    border:1px solid #0365d4;
    background-color: #70b2fd;
    padding:10px 10px 10px 10px;
    border-bottom-left-radius:12px;
}

.message-table tr td .inner-text-part .message-user-name{
    font-family: "SemiBoldItalic";
    font-size: 20px;
    color:#333333;
}

.message-table tr td .inner-text-part .dialog-messages-count{
    font-family: "SemiNormalItalic";
    font-size: 18px;
    color:#333333;
}

.message-table tr td .message-title-block{
    font-family: "SemiBoldItalic";
    font-size:18px;
    border:1px solid #0365d4;
    border-bottom-width:2px;
    color:#333333;
    background-color: #92c5ff;
    padding:5px 0 2px 10px;
    border-bottom-left-radius:12px;
}

.message-table tr td .small-message-text{
    font-family: "SemiNormalItalic";
    font-size:16px;
}

.message-table tr td .enother-message-text{
    color:#333333;
}

.message-table tr td .enother-message-text.no-see{
    color:#e3eeff;
}

.message-table tr td .message-text-block{
    font-family: "SemiNormalItalic";
    font-size:20px;
    color:#333333;
    margin:0 0 0 20px;
    padding:10px 10px 10px 10px;
    background-color: #5faaff;
    border:1px solid #0365d4;
    border-bottom-left-radius:12px;
}

/*--------------------------------------------------------*/

.content h1.modified{
    font-size:18px;
    border-bottom:1px solid #000000;
    margin:0 10px 0 10px;
    padding-top:1px;
}

h1.modified a{
    display:block;
    font-size:18px;
    margin-top:20px;
    background-color: #70b2fd;
    padding:10px 0 10px 10px;
    border-bottom:8px solid #ffffff;
}

h1.modified a:hover{
    background-color: #a6d0ff;
}

.razdel-general-name{
    display:block;
    font-size:24px;
    font-family:"SemiBoldItalic";
    margin-top:40px;
    margin-left:10px;
    margin-right:10px;
    margin-bottom:40px;
    border-bottom:8px solid #ffffff;
    background-color: #70b2fd;
    padding:4px 4px 4px 10px;
}

.article-preview{
    margin-left:30px;
    margin-right:10px;
    border-bottom:1px solid #000000;
    border-left:2px solid #000000;
    margin-top:20px;
    padding:1px 0 10px 10px;
}

.content h1.preview{
    font-size:18px;
    margin:9px 0 20px 0;
    padding:4px 4px 4px 10px;
    background-color: #a6d0ff;
    border-left:4px solid #000000;
    border-bottom: 4px solid #fff;
}

.content h1.preview a{
    display:block;
}

.content > .pagination{
    text-align: right;
    margin:20px 10px 0 0;
}

.content > .pagination a{
    display: inline-block;
    padding-top:10px;
    padding-bottom:10px;
    font-weight: bold;
}

.content > .pagination a.past{
    border-right:1px solid #000000;
    padding-right: 10px;
    margin-right: 10px;
}

.content > .pagination a.next{
    border-left:1px solid #000000;
    padding-left: 10px;
    margin-left: 10px;
}

.content > .pagination a.general{
    
}

/*--------------------------------------------------------*/

.article-details{
    margin:10px 0 10px 20px;
}

.article-details .article-who-added,
.article-details .article-id,
.article-details .total-view,
.article-details .article-razdel{
    width:280px;
    border-bottom:1px solid #000000;
    border-left:4px solid #ffffff;
    border-right:4px solid #ffffff;
    background-color: #acd3ff;
    padding:2px 4px 2px 10px;
}

.article-preview .show-more{
    display:inline-block;
    margin:0 0 0 20px;
    font-weight: bold;
    border-bottom:4px solid #003a82;
    padding:10px 10px 10px 10px;
    background-color: #70b2fd;
}

.article-preview .preview-text{
    background-color: #70b2fd;
    padding:4px 4px 4px 10px;
}

/*--------------------------------------------------------*/

.content h1.article{
    margin:20px 10px 20px 10px;
    padding:4px 4px 4px 10px;
    font-size: 24px;
    background-color: #a6d0ff;
    border-bottom:4px solid #ffffff;
}

.this-article-details-block{
    margin:0 10px 20px 30px;
}

.this-article-details-block .this-article-id,
.this-article-details-block .date-added,
.this-article-details-block .who-added,
.this-article-details-block .this-total-views,
.this-article-details-block .in-block-details{
    width:300px;
    background-color: #acd3ff;
    border-bottom:1px solid #000000;
    border-left: 4px solid #ffffff;
    border-right: 4px solid #ffffff;
    padding:4px 4px 4px 10px;
}

.this-article-details-block .link-for-scroll{
    margin-top:20px;
}

.content .text{
    margin:0 10px 20px 10px;
    padding:20px 20px 20px 20px;
    background-color: #a6d0ff;
}

.source-of-article{
    margin:0 10px 20px 10px;
    border-top:1px solid #000000;
    border-bottom:1px solid #000000;
    background-color:#a6d0ff;
    padding:10px 10px 10px 10px;
}

.source-of-article .allocate-source{
    font-weight: bold;
}

.content .ankor{
    display: block;
    margin:0 10px 20px 10px;
    font-weight: bold;
}

.this-article-razdel .ankor{
    margin-left:0;
}

.content .form-add-comment{
    margin:0 10px 0 10px;
    padding:20px 20px 20px 20px;
    background-color: #70b2fd;
}

.content .form-add-comment form.xfield{
    
}

.content .form-add-comment form.xfield input[type="text"]{
    border-radius:0;
    border:1px solid #000000;
    border-bottom:4px solid #ffffff;
    background-color: #a6d0ff;
}

.content .form-add-comment form.xfield textarea{
    border-radius:0;
    border:1px solid #000000;
    border-bottom:4px solid #ffffff;
    background-color: #a6d0ff;
}

.content .form-add-comment form.xfield input[type="submit"]{
    border-radius:0;
    padding:0 10px 0 10px;
    border:none;
    border-bottom:4px solid #003a82;
    background-color: #a6d0ff;
}

.comments-block{
    margin:0 10px 0 10px;
}

.comments-block .ankor{
    display:inline-block;
    margin-left:0;
    margin-bottom:20px;
}

.content h1{
    margin:20px 10px 20px 10px;
    font-size: 24px;
}

.one-article-comment{
    margin-bottom:20px;
    background-color: #a6d0ff;
    padding:10px 10px 10px 10px;
}

.one-article-comment .article-comment-name{
    font-weight: bold;
    font-size: 18px;
}

.one-article-comment .article-comment-text{
    margin:20px 0 10px 20px;
    font-weight: bold;
    font-size: 18px;
    border:1px solid #ffffff;
    border-left:none;
    border-right:none;
    padding:10px 10px 10px 10px;
}

.one-article-comment .article-comment-name,
.one-article-comment .comment-sender-name,
.one-article-comment .date-detali{
    width:300px;
    padding:4px 4px 4px 10px;
    border-bottom:1px solid #000000;
}

.content .standart.main{
    margin:0 10px 0 10px;
}

.one-article-comment .control-comment-links{
    margin:0 0 0 20px;
}

.one-article-comment .control-comment-links .ccl{
    display:inline-block;
    margin:10px 0 10px 0;
}

.one-article-comment .control-comment-links .ccl a{
    display:inline-block;
    font-weight: bold;
    border:1px solid #000000;
    padding:10px 10px 10px 10px;
}

.content .warning{
    margin:40px 10px 20px 10px;
    border-bottom:1px solid #000000;
    border-top: 1px solid #000000;
    border-bottom: 1px solid #000000;
    background-color: #a6d0ff;
    padding: 10px 10px 10px 10px;
}

/*--------------------------------------------------------*/

.right-menu-fly-block{
    width:180px;
    top:10px;
    right:-200px;
    position:absolute;
}

.menu-overlay-element{
    background-color: #a6d0ff;
    padding:10px 10px 10px 10px;
    border-top:4px solid #000000;
    border-left:4px solid #ffffff;
    border-right:4px solid #ffffff;
    margin-bottom:20px;
}

.menu-overlay-element .right-menu-body{
    list-style:none;
    padding:0 0 0 0;
    margin:0 0 0 0;
}

.menu-overlay-element .right-menu-body li{
    margin:0 0 10px 0;
}

.menu-overlay-element .right-menu-body li:last-child{
    margin-bottom:0;
}

.menu-overlay-element .right-menu-body li a{
    display:block;
    font-weight: bold;
    border-bottom: 4px solid #003a82;
    padding: 0px 10px 0px 10px;
    background-color: #70b2fd;
    font-size:16px;
    line-height:16px;
}

.menu-overlay-element .right-menu-body li:hover a{
    background-color: #a6d0ff;
}

/*--------------------------------------------------------*/

.content > .user_form{
    margin:0 10px 0 10px;
}

.content > .user_form table.base-table.addition{
    width:100%;
    table-layout: auto;
}

.content > .base-table.addition{
    width:auto;
    table-layout: auto;
    margin:0 10px 0 10px;
}

.content > .list-sys-methods{
    margin:0 10px 0 10px;
}

.content > .add-access-section.main{
    margin:0 10px 0 10px;
}

.content > .overlay-login-form{
    margin:40px 10px 0 10px;
}

/*--------------------------------------------------------*/

@media (max-width:860px){
    #container{
        width:100%;
    }
    
    .menu-top{
        position: relative;
    }

    .menu-top.style1{
        margin:20px 0 0 0;
        top:0;
    }

    .menu-top ul li{
        margin-bottom:20px;
    }

    .content{
        padding-top:20px;
    }

    .content.top-padding{
        padding-top:20px;
    }

    .out-basket{
        display:block;
        position:static;
        padding:0 20px 0 20px;
    }
    
    .basket{
        float:right;
    }

    .out-basket span{
        float:right;
    }

    .inner-sort .out-one ul li{
        margin-bottom:0;
    }

    .all-goods{
        margin-top:40px;
        padding:0 10px 0 10px;
    }
    
    .goods{
        width:100%;
        margin:0 0 80px 0;
    }

    .goods .inner-goods img{
        height: auto;
    }

    .internal-description p{
        height:auto;
    }
    
    .product-place, .product-place-100{
        width:100%;
    }

    #footer.small-size{
        width: auto;
        float:none;
        margin: 0px 20px 0px 20px;
    }

    .navigation{
        height: auto;
        padding:10px 10px 10px 10px;
    }

    .sort2{
        margin-top:20px;
    }

    .sort2.lang-list2{
        float:right;
        margin-top:0px;
    }

    .navigation .nav{
        float: none;
    }

    .content-products-filter{
        margin-top:40px;
        padding:0 10px 0 10px;
    }

    .filter{
        width: 100%;
        display: none;
        position: relative;
        margin-left: 0;
        margin-bottom:40px;
    }

    .product-place .product, .product-place-100 .product{
        width:100%;
        float: none;
        margin:0 0 0 0;
        margin-bottom:80px;
    }

    .inner-product img{
        height: auto;
    }

    .product-text div .block-text-link{
        height: auto;
    }

    .product-intro{
        margin-top:40px;
    }

    .product-out{
        width: auto;
        float:none;
    }

    .product-in .inner-product a{
        height: auto;
    }

    .intro-block{
        width: auto;
        height: auto;
        float: none;
        margin-top:40px;
        padding: 20px 20px 20px 20px;
    }

    .intro-block .add-vote2{
        margin-bottom:20px;
    }

    .intro-overlay{
        position: static;
    }

    .out-intro-buy{
        width:auto;
        text-align: right;
    }

    .intro-buy{
        display: inline-block;
    }

    ul.bookmark{
        position: static;
    }

    ul.bookmark li{
        display: block;
    }

    ul.bookmark li a{
        display: block;
        padding:20px 20px 20px 20px;
    }

    .page-content{
        margin-top:0px;
        padding:10px 10px 10px 10px;
    }

    .page-content .success,
    .page-content .error{
        margin-top:70px;
    }

    .page-content.prod-page3{
        padding-top:40px;
        position: relative;
    }

    .btn-hide-form{
        top:40px;
    }

    .out-comment-form{
        margin-top:80px;
    }

    .page-content form{
        width: auto;
    }
    
    .comment-information{
        margin-left:0px;
    }

    .comment-text{
        margin-left:0px;
    }

    .out-answers-btn .comment-answers-btn{
        margin-right: 0;
    }

    .all-comments .product-sub-comments .comment-user-name{
        margin-left:40px;
    }

    .all-comments .product-sub-comments .comment-information{
        margin-left: 40px;
    }

    .comment-text.marg-ext{
        margin-left: 40px;
    }

    .all-comments .comment{
        margin-top:40px;
    }

    .product-sub-comments .comment{
        margin-top:20px;
    }

    .all-comments form.standart.down-margin.some-marg{
        margin-left:0;
    }

    .all-comments form.standart.down-margin{
        margin-left:0;
    }

    .registration-form{
        width: auto;
    }

    .registration-form input{
        width: 100%;
    }

    .tooltip p{
        top:25px;
        left: 0;
        z-index:1;
    }

    .popup-of-message .p-outer-block, 
    .popup-of-message2 .p-outer-block2{
        width:auto;
    }

    .basis .left-menu{
        width:auto;
        float: none;
    }

    .basis .right-menu{
        width:auto;
        float: none;
        margin-top:40px;
    }

    .title-page.top-dilite{
        padding-left:10px;
        padding-right: 10px;
    }

    .in-menu{
        float: none;
    }

    .control-controllers{
        width: auto;
    }

    .con-pan-view{
        width: auto;
        float: none;
        margin-top:40px;
    }

    .comment-information{
        height:70px;
        line-height:35px;
    }

    .menu-overlay-element .right-menu-body li a{
        padding:10px 10px 10px 10px;
    }

    .content > .right-menu-fly-block{
        width:auto;
        position:static;
        margin:40px 10px 0 10px;
    }

    .menu-overlay-element .right-menu-body li{
        margin:0 0 20px 0;
    }
}