/** * Framework7 1.5.2 * Full featured mobile HTML framework for building iOS & Android apps * * http://framework7.io/ * * Copyright 2016, Vladimir Kharlampidi * The iDangero.us * http://www.idangero.us/ * * Licensed under MIT * * Released on: December 17, 2016 */
 .framework7-root,body,html{
    position:relative;
    height:100%;
    width:100%;
    overflow-x:hidden
}
body{
    font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif;
    margin:0;
    padding:0;
    width:100%;
    -webkit-text-size-adjust:100%;
    background:transparent;
}
.framework7-root{
    overflow:hidden
}
@media all and (width:1024px) and (height:691px) and (orientation:landscape){
    .framework7-root,body,html{
        height:671px
    }
}
@media all and (width:1024px) and (height:692px) and (orientation:landscape){
    .framework7-root,body,html{
        height:672px
    }
}
*{
    -webkit-tap-highlight-color:transparent;
    -webkit-touch-callout:none
}
a,input,select,textarea{
    outline:0
}
a{
    text-decoration:none;
    color:#007aff
}
p{
    margin:1em 0
}
.row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
}
.row>[class*=col-]{
    box-sizing:border-box
}
.row .col-auto{
    width:100%
}
.row .col-100{
    width:100%;
    width:-webkit-calc((100% - 15px*0)/ 1);
    width:calc((100% - 15px*0)/ 1)
}
.row.no-gutter .col-100{
    width:100%
}
.row .col-95{
    width:95%;
    width:-webkit-calc((100% - 15px*.05263157894736836)/ 1.0526315789473684);
    width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
}
.row.no-gutter .col-95{
    width:95%
}
.row .col-90{
    width:90%;
    width:-webkit-calc((100% - 15px*.11111111111111116)/ 1.1111111111111112);
    width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
}
.row.no-gutter .col-90{
    width:90%
}
.row .col-85{
    width:85%;
    width:-webkit-calc((100% - 15px*.17647058823529416)/ 1.1764705882352942);
    width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
}
.row.no-gutter .col-85{
    width:85%
}
.row .col-80{
    width:80%;
    width:-webkit-calc((100% - 15px*.25)/ 1.25);
    width:calc((100% - 15px*.25)/ 1.25)
}
.row.no-gutter .col-80{
    width:80%
}
.row .col-75{
    width:75%;
    width:-webkit-calc((100% - 15px*.33333333333333326)/ 1.3333333333333333);
    width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
}
.row.no-gutter .col-75{
    width:75%
}
.row .col-70{
    width:70%;
    width:-webkit-calc((100% - 15px*.4285714285714286)/ 1.4285714285714286);
    width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)
}
.row.no-gutter .col-70{
    width:70%
}
.row .col-66{
    width:66.66666666666666%;
    width:-webkit-calc((100% - 15px*.5000000000000002)/ 1.5000000000000002);
    width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
}
.row.no-gutter .col-66{
    width:66.66666666666666%
}
.row .col-65{
    width:65%;
    width:-webkit-calc((100% - 15px*.5384615384615385)/ 1.5384615384615385);
    width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)
}
.row.no-gutter .col-65{
    width:65%
}
.row .col-60{
    width:60%;
    width:-webkit-calc((100% - 15px*.6666666666666667)/ 1.6666666666666667);
    width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
}
.row.no-gutter .col-60{
    width:60%
}
.row .col-55{
    width:55%;
    width:-webkit-calc((100% - 15px*.8181818181818181)/ 1.8181818181818181);
    width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)
}
.row.no-gutter .col-55{
    width:55%
}
.row .col-50{
    width:50%;
    width:-webkit-calc((100% - 15px*1)/ 2);
    width:calc((100% - 15px*1)/ 2)
}
.row.no-gutter .col-50{
    width:50%
}
.row .col-45{
    width:45%;
    width:-webkit-calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223);
    width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)
}
.row.no-gutter .col-45{
    width:45%
}
.row .col-40{
    width:40%;
    width:-webkit-calc((100% - 15px*1.5)/ 2.5);
    width:calc((100% - 15px*1.5)/ 2.5)
}
.row.no-gutter .col-40{
    width:40%
}
.row .col-35{
    width:35%;
    width:-webkit-calc((100% - 15px*1.8571428571428572)/ 2.857142857142857);
    width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)
}
.row.no-gutter .col-35{
    width:35%
}
.row .col-33{
    width:33.333333333333336%;
    width:-webkit-calc((100% - 15px*2)/ 3);
    width:calc((100% - 15px*2)/ 3)
}
.row.no-gutter .col-33{
    width:33.333333333333336%
}
.row .col-30{
    width:30%;
    width:-webkit-calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335);
    width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)
}
.row.no-gutter .col-30{
    width:30%
}
.row .col-25{
    width:25%;
    width:-webkit-calc((100% - 15px*3)/ 4);
    width:calc((100% - 15px*3)/ 4)
}
.row.no-gutter .col-25{
    width:25%
}
.row .col-20{
    width:20%;
    width:-webkit-calc((100% - 15px*4)/ 5);
    width:calc((100% - 15px*4)/ 5)
}
.row.no-gutter .col-20{
    width:20%
}
.row .col-15{
    width:15%;
    width:-webkit-calc((100% - 15px*5.666666666666667)/ 6.666666666666667);
    width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
}
.row.no-gutter .col-15{
    width:15%
}
.row .col-10{
    width:10%;
    width:-webkit-calc((100% - 15px*9)/ 10);
    width:calc((100% - 15px*9)/ 10)
}
.row.no-gutter .col-10{
    width:10%
}
.row .col-5{
    width:5%;
    width:-webkit-calc((100% - 15px*19)/ 20);
    width:calc((100% - 15px*19)/ 20)
}
.row.no-gutter .col-5{
    width:5%
}
.row .col-auto:nth-last-child(1),.row .col-auto:nth-last-child(1)~.col-auto{
    width:100%;
    width:-webkit-calc((100% - 15px*0)/ 1);
    width:calc((100% - 15px*0)/ 1)
}
.row.no-gutter .col-auto:nth-last-child(1),.row.no-gutter .col-auto:nth-last-child(1)~.col-auto{
    width:100%
}
.row .col-auto:nth-last-child(2),.row .col-auto:nth-last-child(2)~.col-auto{
    width:50%;
    width:-webkit-calc((100% - 15px*1)/ 2);
    width:calc((100% - 15px*1)/ 2)
}
.row.no-gutter .col-auto:nth-last-child(2),.row.no-gutter .col-auto:nth-last-child(2)~.col-auto{
    width:50%
}
.row .col-auto:nth-last-child(3),.row .col-auto:nth-last-child(3)~.col-auto{
    width:33.33333333%;
    width:-webkit-calc((100% - 15px*2)/ 3);
    width:calc((100% - 15px*2)/ 3)
}
.row.no-gutter .col-auto:nth-last-child(3),.row.no-gutter .col-auto:nth-last-child(3)~.col-auto{
    width:33.33333333%
}
.row .col-auto:nth-last-child(4),.row .col-auto:nth-last-child(4)~.col-auto{
    width:25%;
    width:-webkit-calc((100% - 15px*3)/ 4);
    width:calc((100% - 15px*3)/ 4)
}
.row.no-gutter .col-auto:nth-last-child(4),.row.no-gutter .col-auto:nth-last-child(4)~.col-auto{
    width:25%
}
.row .col-auto:nth-last-child(5),.row .col-auto:nth-last-child(5)~.col-auto{
    width:20%;
    width:-webkit-calc((100% - 15px*4)/ 5);
    width:calc((100% - 15px*4)/ 5)
}
.row.no-gutter .col-auto:nth-last-child(5),.row.no-gutter .col-auto:nth-last-child(5)~.col-auto{
    width:20%
}
.row .col-auto:nth-last-child(6),.row .col-auto:nth-last-child(6)~.col-auto{
    width:16.66666667%;
    width:-webkit-calc((100% - 15px*5)/ 6);
    width:calc((100% - 15px*5)/ 6)
}
.row.no-gutter .col-auto:nth-last-child(6),.row.no-gutter .col-auto:nth-last-child(6)~.col-auto{
    width:16.66666667%
}
.row .col-auto:nth-last-child(7),.row .col-auto:nth-last-child(7)~.col-auto{
    width:14.28571429%;
    width:-webkit-calc((100% - 15px*6)/ 7);
    width:calc((100% - 15px*6)/ 7)
}
.row.no-gutter .col-auto:nth-last-child(7),.row.no-gutter .col-auto:nth-last-child(7)~.col-auto{
    width:14.28571429%
}
.row .col-auto:nth-last-child(8),.row .col-auto:nth-last-child(8)~.col-auto{
    width:12.5%;
    width:-webkit-calc((100% - 15px*7)/ 8);
    width:calc((100% - 15px*7)/ 8)
}
.row.no-gutter .col-auto:nth-last-child(8),.row.no-gutter .col-auto:nth-last-child(8)~.col-auto{
    width:12.5%
}
.row .col-auto:nth-last-child(9),.row .col-auto:nth-last-child(9)~.col-auto{
    width:11.11111111%;
    width:-webkit-calc((100% - 15px*8)/ 9);
    width:calc((100% - 15px*8)/ 9)
}
.row.no-gutter .col-auto:nth-last-child(9),.row.no-gutter .col-auto:nth-last-child(9)~.col-auto{
    width:11.11111111%
}
.row .col-auto:nth-last-child(10),.row .col-auto:nth-last-child(10)~.col-auto{
    width:10%;
    width:-webkit-calc((100% - 15px*9)/ 10);
    width:calc((100% - 15px*9)/ 10)
}
.row.no-gutter .col-auto:nth-last-child(10),.row.no-gutter .col-auto:nth-last-child(10)~.col-auto{
    width:10%
}
.row .col-auto:nth-last-child(11),.row .col-auto:nth-last-child(11)~.col-auto{
    width:9.09090909%;
    width:-webkit-calc((100% - 15px*10)/ 11);
    width:calc((100% - 15px*10)/ 11)
}
.row.no-gutter .col-auto:nth-last-child(11),.row.no-gutter .col-auto:nth-last-child(11)~.col-auto{
    width:9.09090909%
}
.row .col-auto:nth-last-child(12),.row .col-auto:nth-last-child(12)~.col-auto{
    width:8.33333333%;
    width:-webkit-calc((100% - 15px*11)/ 12);
    width:calc((100% - 15px*11)/ 12)
}
.row.no-gutter .col-auto:nth-last-child(12),.row.no-gutter .col-auto:nth-last-child(12)~.col-auto{
    width:8.33333333%
}
.row .col-auto:nth-last-child(13),.row .col-auto:nth-last-child(13)~.col-auto{
    width:7.69230769%;
    width:-webkit-calc((100% - 15px*12)/ 13);
    width:calc((100% - 15px*12)/ 13)
}
.row.no-gutter .col-auto:nth-last-child(13),.row.no-gutter .col-auto:nth-last-child(13)~.col-auto{
    width:7.69230769%
}
.row .col-auto:nth-last-child(14),.row .col-auto:nth-last-child(14)~.col-auto{
    width:7.14285714%;
    width:-webkit-calc((100% - 15px*13)/ 14);
    width:calc((100% - 15px*13)/ 14)
}
.row.no-gutter .col-auto:nth-last-child(14),.row.no-gutter .col-auto:nth-last-child(14)~.col-auto{
    width:7.14285714%
}
.row .col-auto:nth-last-child(15),.row .col-auto:nth-last-child(15)~.col-auto{
    width:6.66666667%;
    width:-webkit-calc((100% - 15px*14)/ 15);
    width:calc((100% - 15px*14)/ 15)
}
.row.no-gutter .col-auto:nth-last-child(15),.row.no-gutter .col-auto:nth-last-child(15)~.col-auto{
    width:6.66666667%
}
.row .col-auto:nth-last-child(16),.row .col-auto:nth-last-child(16)~.col-auto{
    width:6.25%;
    width:-webkit-calc((100% - 15px*15)/ 16);
    width:calc((100% - 15px*15)/ 16)
}
.row.no-gutter .col-auto:nth-last-child(16),.row.no-gutter .col-auto:nth-last-child(16)~.col-auto{
    width:6.25%
}
.row .col-auto:nth-last-child(17),.row .col-auto:nth-last-child(17)~.col-auto{
    width:5.88235294%;
    width:-webkit-calc((100% - 15px*16)/ 17);
    width:calc((100% - 15px*16)/ 17)
}
.row.no-gutter .col-auto:nth-last-child(17),.row.no-gutter .col-auto:nth-last-child(17)~.col-auto{
    width:5.88235294%
}
.row .col-auto:nth-last-child(18),.row .col-auto:nth-last-child(18)~.col-auto{
    width:5.55555556%;
    width:-webkit-calc((100% - 15px*17)/ 18);
    width:calc((100% - 15px*17)/ 18)
}
.row.no-gutter .col-auto:nth-last-child(18),.row.no-gutter .col-auto:nth-last-child(18)~.col-auto{
    width:5.55555556%
}
.row .col-auto:nth-last-child(19),.row .col-auto:nth-last-child(19)~.col-auto{
    width:5.26315789%;
    width:-webkit-calc((100% - 15px*18)/ 19);
    width:calc((100% - 15px*18)/ 19)
}
.row.no-gutter .col-auto:nth-last-child(19),.row.no-gutter .col-auto:nth-last-child(19)~.col-auto{
    width:5.26315789%
}
.row .col-auto:nth-last-child(20),.row .col-auto:nth-last-child(20)~.col-auto{
    width:5%;
    width:-webkit-calc((100% - 15px*19)/ 20);
    width:calc((100% - 15px*19)/ 20)
}
.row.no-gutter .col-auto:nth-last-child(20),.row.no-gutter .col-auto:nth-last-child(20)~.col-auto{
    width:5%
}
.row .col-auto:nth-last-child(21),.row .col-auto:nth-last-child(21)~.col-auto{
    width:4.76190476%;
    width:-webkit-calc((100% - 15px*20)/ 21);
    width:calc((100% - 15px*20)/ 21)
}
.row.no-gutter .col-auto:nth-last-child(21),.row.no-gutter .col-auto:nth-last-child(21)~.col-auto{
    width:4.76190476%
}
@media all and (min-width:768px){
    .row .tablet-100{
        width:100%;
        width:-webkit-calc((100% - 15px*0)/ 1);
        width:calc((100% - 15px*0)/ 1)
    }
    .row.no-gutter .tablet-100{
        width:100%
    }
    .row .tablet-95{
        width:95%;
        width:-webkit-calc((100% - 15px*.05263157894736836)/ 1.0526315789473684);
        width:calc((100% - 15px*.05263157894736836)/ 1.0526315789473684)
    }
    .row.no-gutter .tablet-95{
        width:95%
    }
    .row .tablet-90{
        width:90%;
        width:-webkit-calc((100% - 15px*.11111111111111116)/ 1.1111111111111112);
        width:calc((100% - 15px*.11111111111111116)/ 1.1111111111111112)
    }
    .row.no-gutter .tablet-90{
        width:90%
    }
    .row .tablet-85{
        width:85%;
        width:-webkit-calc((100% - 15px*.17647058823529416)/ 1.1764705882352942);
        width:calc((100% - 15px*.17647058823529416)/ 1.1764705882352942)
    }
    .row.no-gutter .tablet-85{
        width:85%
    }
    .row .tablet-80{
        width:80%;
        width:-webkit-calc((100% - 15px*.25)/ 1.25);
        width:calc((100% - 15px*.25)/ 1.25)
    }
    .row.no-gutter .tablet-80{
        width:80%
    }
    .row .tablet-75{
        width:75%;
        width:-webkit-calc((100% - 15px*.33333333333333326)/ 1.3333333333333333);
        width:calc((100% - 15px*.33333333333333326)/ 1.3333333333333333)
    }
    .row.no-gutter .tablet-75{
        width:75%
    }
    .row .tablet-70{
        width:70%;
        width:-webkit-calc((100% - 15px*.4285714285714286)/ 1.4285714285714286);
        width:calc((100% - 15px*.4285714285714286)/ 1.4285714285714286)
    }
    .row.no-gutter .tablet-70{
        width:70%
    }
    .row .tablet-66{
        width:66.66666666666666%;
        width:-webkit-calc((100% - 15px*.5000000000000002)/ 1.5000000000000002);
        width:calc((100% - 15px*.5000000000000002)/ 1.5000000000000002)
    }
    .row.no-gutter .tablet-66{
        width:66.66666666666666%
    }
    .row .tablet-65{
        width:65%;
        width:-webkit-calc((100% - 15px*.5384615384615385)/ 1.5384615384615385);
        width:calc((100% - 15px*.5384615384615385)/ 1.5384615384615385)
    }
    .row.no-gutter .tablet-65{
        width:65%
    }
    .row .tablet-60{
        width:60%;
        width:-webkit-calc((100% - 15px*.6666666666666667)/ 1.6666666666666667);
        width:calc((100% - 15px*.6666666666666667)/ 1.6666666666666667)
    }
    .row.no-gutter .tablet-60{
        width:60%
    }
    .row .tablet-55{
        width:55%;
        width:-webkit-calc((100% - 15px*.8181818181818181)/ 1.8181818181818181);
        width:calc((100% - 15px*.8181818181818181)/ 1.8181818181818181)
    }
    .row.no-gutter .tablet-55{
        width:55%
    }
    .row .tablet-50{
        width:50%;
        width:-webkit-calc((100% - 15px*1)/ 2);
        width:calc((100% - 15px*1)/ 2)
    }
    .row.no-gutter .tablet-50{
        width:50%
    }
    .row .tablet-45{
        width:45%;
        width:-webkit-calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223);
        width:calc((100% - 15px*1.2222222222222223)/ 2.2222222222222223)
    }
    .row.no-gutter .tablet-45{
        width:45%
    }
    .row .tablet-40{
        width:40%;
        width:-webkit-calc((100% - 15px*1.5)/ 2.5);
        width:calc((100% - 15px*1.5)/ 2.5)
    }
    .row.no-gutter .tablet-40{
        width:40%
    }
    .row .tablet-35{
        width:35%;
        width:-webkit-calc((100% - 15px*1.8571428571428572)/ 2.857142857142857);
        width:calc((100% - 15px*1.8571428571428572)/ 2.857142857142857)
    }
    .row.no-gutter .tablet-35{
        width:35%
    }
    .row .tablet-33{
        width:33.333333333333336%;
        width:-webkit-calc((100% - 15px*2)/ 3);
        width:calc((100% - 15px*2)/ 3)
    }
    .row.no-gutter .tablet-33{
        width:33.333333333333336%
    }
    .row .tablet-30{
        width:30%;
        width:-webkit-calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335);
        width:calc((100% - 15px*2.3333333333333335)/ 3.3333333333333335)
    }
    .row.no-gutter .tablet-30{
        width:30%
    }
    .row .tablet-25{
        width:25%;
        width:-webkit-calc((100% - 15px*3)/ 4);
        width:calc((100% - 15px*3)/ 4)
    }
    .row.no-gutter .tablet-25{
        width:25%
    }
    .row .tablet-20{
        width:20%;
        width:-webkit-calc((100% - 15px*4)/ 5);
        width:calc((100% - 15px*4)/ 5)
    }
    .row.no-gutter .tablet-20{
        width:20%
    }
    .row .tablet-15{
        width:15%;
        width:-webkit-calc((100% - 15px*5.666666666666667)/ 6.666666666666667);
        width:calc((100% - 15px*5.666666666666667)/ 6.666666666666667)
    }
    .row.no-gutter .tablet-15{
        width:15%
    }
    .row .tablet-10{
        width:10%;
        width:-webkit-calc((100% - 15px*9)/ 10);
        width:calc((100% - 15px*9)/ 10)
    }
    .row.no-gutter .tablet-10{
        width:10%
    }
    .row .tablet-5{
        width:5%;
        width:-webkit-calc((100% - 15px*19)/ 20);
        width:calc((100% - 15px*19)/ 20)
    }
    .row.no-gutter .tablet-5{
        width:5%
    }
    .row .tablet-auto:nth-last-child(1),.row .tablet-auto:nth-last-child(1)~.col-auto{
        width:100%;
        width:-webkit-calc((100% - 15px*0)/ 1);
        width:calc((100% - 15px*0)/ 1)
    }
    .row.no-gutter .tablet-auto:nth-last-child(1),.row.no-gutter .tablet-auto:nth-last-child(1)~.tablet-auto{
        width:100%
    }
    .row .tablet-auto:nth-last-child(2),.row .tablet-auto:nth-last-child(2)~.col-auto{
        width:50%;
        width:-webkit-calc((100% - 15px*1)/ 2);
        width:calc((100% - 15px*1)/ 2)
    }
    .row.no-gutter .tablet-auto:nth-last-child(2),.row.no-gutter .tablet-auto:nth-last-child(2)~.tablet-auto{
        width:50%
    }
    .row .tablet-auto:nth-last-child(3),.row .tablet-auto:nth-last-child(3)~.col-auto{
        width:33.33333333%;
        width:-webkit-calc((100% - 15px*2)/ 3);
        width:calc((100% - 15px*2)/ 3)
    }
    .row.no-gutter .tablet-auto:nth-last-child(3),.row.no-gutter .tablet-auto:nth-last-child(3)~.tablet-auto{
        width:33.33333333%
    }
    .row .tablet-auto:nth-last-child(4),.row .tablet-auto:nth-last-child(4)~.col-auto{
        width:25%;
        width:-webkit-calc((100% - 15px*3)/ 4);
        width:calc((100% - 15px*3)/ 4)
    }
    .row.no-gutter .tablet-auto:nth-last-child(4),.row.no-gutter .tablet-auto:nth-last-child(4)~.tablet-auto{
        width:25%
    }
    .row .tablet-auto:nth-last-child(5),.row .tablet-auto:nth-last-child(5)~.col-auto{
        width:20%;
        width:-webkit-calc((100% - 15px*4)/ 5);
        width:calc((100% - 15px*4)/ 5)
    }
    .row.no-gutter .tablet-auto:nth-last-child(5),.row.no-gutter .tablet-auto:nth-last-child(5)~.tablet-auto{
        width:20%
    }
    .row .tablet-auto:nth-last-child(6),.row .tablet-auto:nth-last-child(6)~.col-auto{
        width:16.66666667%;
        width:-webkit-calc((100% - 15px*5)/ 6);
        width:calc((100% - 15px*5)/ 6)
    }
    .row.no-gutter .tablet-auto:nth-last-child(6),.row.no-gutter .tablet-auto:nth-last-child(6)~.tablet-auto{
        width:16.66666667%
    }
    .row .tablet-auto:nth-last-child(7),.row .tablet-auto:nth-last-child(7)~.col-auto{
        width:14.28571429%;
        width:-webkit-calc((100% - 15px*6)/ 7);
        width:calc((100% - 15px*6)/ 7)
    }
    .row.no-gutter .tablet-auto:nth-last-child(7),.row.no-gutter .tablet-auto:nth-last-child(7)~.tablet-auto{
        width:14.28571429%
    }
    .row .tablet-auto:nth-last-child(8),.row .tablet-auto:nth-last-child(8)~.col-auto{
        width:12.5%;
        width:-webkit-calc((100% - 15px*7)/ 8);
        width:calc((100% - 15px*7)/ 8)
    }
    .row.no-gutter .tablet-auto:nth-last-child(8),.row.no-gutter .tablet-auto:nth-last-child(8)~.tablet-auto{
        width:12.5%
    }
    .row .tablet-auto:nth-last-child(9),.row .tablet-auto:nth-last-child(9)~.col-auto{
        width:11.11111111%;
        width:-webkit-calc((100% - 15px*8)/ 9);
        width:calc((100% - 15px*8)/ 9)
    }
    .row.no-gutter .tablet-auto:nth-last-child(9),.row.no-gutter .tablet-auto:nth-last-child(9)~.tablet-auto{
        width:11.11111111%
    }
    .row .tablet-auto:nth-last-child(10),.row .tablet-auto:nth-last-child(10)~.col-auto{
        width:10%;
        width:-webkit-calc((100% - 15px*9)/ 10);
        width:calc((100% - 15px*9)/ 10)
    }
    .row.no-gutter .tablet-auto:nth-last-child(10),.row.no-gutter .tablet-auto:nth-last-child(10)~.tablet-auto{
        width:10%
    }
    .row .tablet-auto:nth-last-child(11),.row .tablet-auto:nth-last-child(11)~.col-auto{
        width:9.09090909%;
        width:-webkit-calc((100% - 15px*10)/ 11);
        width:calc((100% - 15px*10)/ 11)
    }
    .row.no-gutter .tablet-auto:nth-last-child(11),.row.no-gutter .tablet-auto:nth-last-child(11)~.tablet-auto{
        width:9.09090909%
    }
    .row .tablet-auto:nth-last-child(12),.row .tablet-auto:nth-last-child(12)~.col-auto{
        width:8.33333333%;
        width:-webkit-calc((100% - 15px*11)/ 12);
        width:calc((100% - 15px*11)/ 12)
    }
    .row.no-gutter .tablet-auto:nth-last-child(12),.row.no-gutter .tablet-auto:nth-last-child(12)~.tablet-auto{
        width:8.33333333%
    }
    .row .tablet-auto:nth-last-child(13),.row .tablet-auto:nth-last-child(13)~.col-auto{
        width:7.69230769%;
        width:-webkit-calc((100% - 15px*12)/ 13);
        width:calc((100% - 15px*12)/ 13)
    }
    .row.no-gutter .tablet-auto:nth-last-child(13),.row.no-gutter .tablet-auto:nth-last-child(13)~.tablet-auto{
        width:7.69230769%
    }
    .row .tablet-auto:nth-last-child(14),.row .tablet-auto:nth-last-child(14)~.col-auto{
        width:7.14285714%;
        width:-webkit-calc((100% - 15px*13)/ 14);
        width:calc((100% - 15px*13)/ 14)
    }
    .row.no-gutter .tablet-auto:nth-last-child(14),.row.no-gutter .tablet-auto:nth-last-child(14)~.tablet-auto{
        width:7.14285714%
    }
    .row .tablet-auto:nth-last-child(15),.row .tablet-auto:nth-last-child(15)~.col-auto{
        width:6.66666667%;
        width:-webkit-calc((100% - 15px*14)/ 15);
        width:calc((100% - 15px*14)/ 15)
    }
    .row.no-gutter .tablet-auto:nth-last-child(15),.row.no-gutter .tablet-auto:nth-last-child(15)~.tablet-auto{
        width:6.66666667%
    }
    .row .tablet-auto:nth-last-child(16),.row .tablet-auto:nth-last-child(16)~.col-auto{
        width:6.25%;
        width:-webkit-calc((100% - 15px*15)/ 16);
        width:calc((100% - 15px*15)/ 16)
    }
    .row.no-gutter .tablet-auto:nth-last-child(16),.row.no-gutter .tablet-auto:nth-last-child(16)~.tablet-auto{
        width:6.25%
    }
    .row .tablet-auto:nth-last-child(17),.row .tablet-auto:nth-last-child(17)~.col-auto{
        width:5.88235294%;
        width:-webkit-calc((100% - 15px*16)/ 17);
        width:calc((100% - 15px*16)/ 17)
    }
    .row.no-gutter .tablet-auto:nth-last-child(17),.row.no-gutter .tablet-auto:nth-last-child(17)~.tablet-auto{
        width:5.88235294%
    }
    .row .tablet-auto:nth-last-child(18),.row .tablet-auto:nth-last-child(18)~.col-auto{
        width:5.55555556%;
        width:-webkit-calc((100% - 15px*17)/ 18);
        width:calc((100% - 15px*17)/ 18)
    }
    .row.no-gutter .tablet-auto:nth-last-child(18),.row.no-gutter .tablet-auto:nth-last-child(18)~.tablet-auto{
        width:5.55555556%
    }
    .row .tablet-auto:nth-last-child(19),.row .tablet-auto:nth-last-child(19)~.col-auto{
        width:5.26315789%;
        width:-webkit-calc((100% - 15px*18)/ 19);
        width:calc((100% - 15px*18)/ 19)
    }
    .row.no-gutter .tablet-auto:nth-last-child(19),.row.no-gutter .tablet-auto:nth-last-child(19)~.tablet-auto{
        width:5.26315789%
    }
    .row .tablet-auto:nth-last-child(20),.row .tablet-auto:nth-last-child(20)~.col-auto{
        width:5%;
        width:-webkit-calc((100% - 15px*19)/ 20);
        width:calc((100% - 15px*19)/ 20)
    }
    .row.no-gutter .tablet-auto:nth-last-child(20),.row.no-gutter .tablet-auto:nth-last-child(20)~.tablet-auto{
        width:5%
    }
    .row .tablet-auto:nth-last-child(21),.row .tablet-auto:nth-last-child(21)~.col-auto{
        width:4.76190476%;
        width:-webkit-calc((100% - 15px*20)/ 21);
        width:calc((100% - 15px*20)/ 21)
    }
    .row.no-gutter .tablet-auto:nth-last-child(21),.row.no-gutter .tablet-auto:nth-last-child(21)~.tablet-auto{
        width:4.76190476%
    }
}
.view,.views{
    position:relative;
    width:100%;
    height:100%;
    /*z-index:1000*/
}
.views{
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.view{
    overflow:hidden;
    box-sizing:border-box
}
.pages{
    position:relative;
    width:100%;
    height:100%;
    overflow:hidden;
}
.page{
    box-sizing:border-box;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.page.cached{
    display:none
}
.page-on-left{
    opacity:.9;
    /* -webkit-transform:translate3d(-20%,0,0);
     */
    /* transform:translate3d(-20%,0,0);
     */
}
.page-on-center .swipeback-page-shadow{
    opacity:1
}
.page-on-right{
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
.page-on-right .swipeback-page-shadow{
    opacity:0
}
.page-content{
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    box-sizing:border-box;
    height:100%;
    position:relative;
    z-index:1
}
.swipeback-page-shadow{
    position:absolute;
    right:100%;
    top:0;
    width:16px;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
    background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
    z-index:-1;
    content:''
}
html.android .swipeback-page-shadow{
    display:none;
    -webkit-animation:none;
    animation:none
}
.page-transitioning,.page-transitioning .swipeback-page-shadow{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.page-from-center-to-right:before,.page-from-right-to-center:before{
    position:absolute;
    right:100%;
    top:0;
    width:16px;
    height:100%;
    background:-webkit-linear-gradient(left,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
    background:linear-gradient(to right,rgba(0,0,0,0) 0,rgba(0,0,0,0) 10%,rgba(0,0,0,.01) 50%,rgba(0,0,0,.2) 100%);
    z-index:-1;
    content:''
}
html.android .page-from-center-to-right:before,html.android .page-from-right-to-center:before{
    display:none;
    -webkit-animation:none;
    animation:none
}
.page-from-right-to-center{
    -webkit-animation:pageFromRightToCenter .0s forwards;
    animation:pageFromRightToCenter .0s forwards
}
.page-from-right-to-center:before{
    -webkit-animation:pageFromRightToCenterShadow .4s forwards;
    animation:pageFromRightToCenterShadow .4s forwards
}
.page-from-center-to-right{
    -webkit-animation:pageFromCenterToRight .4s forwards;
    animation:pageFromCenterToRight .4s forwards
}
.page-from-center-to-right:before{
    -webkit-animation:pageFromCenterToRightShadow .4s forwards;
    animation:pageFromCenterToRightShadow .4s forwards
}
@-webkit-keyframes pageFromRightToCenter{
    from{
        -webkit-transform:translate3d(100%,0,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0)
    }
}
@keyframes pageFromRightToCenter{
    from{
        transform:translate3d(100%,0,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes pageFromRightToCenterShadow{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes pageFromRightToCenterShadow{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@-webkit-keyframes pageFromCenterToRight{
    from{
        -webkit-transform:translate3d(0,0,0)
    }
    to{
        -webkit-transform:translate3d(100%,0,0)
    }
}
@keyframes pageFromCenterToRight{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        transform:translate3d(100%,0,0)
    }
}
@-webkit-keyframes pageFromCenterToRightShadow{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes pageFromCenterToRightShadow{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.page-from-center-to-left{
    /* -webkit-animation:pageFromCenterToLeft .4s forwards;
     */
    /* animation:pageFromCenterToLeft .4s forwards */
}
.page-from-left-to-center{
    -webkit-animation:pageFromLeftToCenter .4s forwards;
    animation:pageFromLeftToCenter .4s forwards
}
@-webkit-keyframes pageFromCenterToLeft{
    from{
        opacity:1;
        -webkit-transform:translate3d(0,0,0)
    }
    to{
        opacity:.9;
        -webkit-transform:translate3d(-20%,0,0)
    }
}
@keyframes pageFromCenterToLeft{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        opacity:.9;
        transform:translate3d(-20%,0,0)
    }
}
@-webkit-keyframes pageFromLeftToCenter{
    from{
        opacity:.9;
        -webkit-transform:translate3d(-20%,0,0)
    }
    to{
        opacity:1;
        -webkit-transform:translate3d(0,0,0)
    }
}
@keyframes pageFromLeftToCenter{
    from{
        transform:translate3d(-20%,0,0)
    }
    to{
        opacity:1;
        transform:translate3d(0,0,0)
    }
}
.navbar-inner,.toolbar-inner{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:0 8px;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.navbar-inner.cached{
    display:none
}
.navbar,.toolbar{
    height:44px;
    width:100%;
    box-sizing:border-box;
    font-size:17px;
    position:relative;
    margin:0;
    z-index:500;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden
}
.navbar b,.toolbar b{
    font-weight:500
}
html.ios-gt-8 .navbar b,html.ios-gt-8 .toolbar b{
    font-weight:600
}
.navbar,.subnavbar,.toolbar{
    background:#f7f7f8
}
.navbar a.link,.subnavbar a.link,.toolbar a.link{
    line-height:44px;
    height:44px;
    text-decoration:none;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0)
}
.navbar a.link.active-state,.subnavbar a.link.active-state,.toolbar a.link.active-state,html:not(.watch-active-state) .navbar a.link:active,html:not(.watch-active-state) .subnavbar a.link:active,html:not(.watch-active-state) .toolbar a.link:active{
    opacity:.3;
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.navbar a.link i+i,.navbar a.link i+span,.navbar a.link span+i,.navbar a.link span+span,.subnavbar a.link i+i,.subnavbar a.link i+span,.subnavbar a.link span+i,.subnavbar a.link span+span,.toolbar a.link i+i,.toolbar a.link i+span,.toolbar a.link span+i,.toolbar a.link span+span{
    margin-left:7px
}
.navbar a.icon-only,.subnavbar a.icon-only,.toolbar a.icon-only{
    min-width:44px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    margin:0
}
.navbar i.icon,.subnavbar i.icon,.toolbar i.icon{
    display:block
}
.navbar{
    left:0;
    top:0
}
.navbar:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .navbar:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .navbar:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.navbar:after{
    backface-visibility:hidden
}
.navbar.no-border:after{
    display:none
}
.navbar .center{
    font-size:17px;
    font-weight:500;
    text-align:center;
    margin:0;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    line-height:44px;
    -webkit-flex-shrink:10;
    -ms-flex:0 10 auto;
    flex-shrink:10;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
html.ios-gt-8 .navbar .center{
    font-weight:600
}
.navbar .center .subtitle{
    color:#6d6d72;
    display:block;
    line-height:1;
    bottom:3px;
    font-size:10px;
    position:absolute;
    text-align:center;
    width:100%
}
.navbar .left,.navbar .right{
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.navbar .left a+a,.navbar .right a+a{
    margin-left:15px
}
.navbar .left{
    margin-right:10px
}
.navbar .right{
    margin-left:10px
}
.navbar .right:first-child{
    position:absolute;
    right:8px;
    height:100%
}
.popup .navbar{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.subnavbar{
    height:44px;
    width:100%;
    position:absolute;
    left:0;
    top:100%;
    margin-top:-1px;
    z-index:20;
    box-sizing:border-box;
    padding:0 8px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.subnavbar:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .subnavbar:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .subnavbar:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.subnavbar.no-border:after{
    display:none
}
.navbar.no-border .subnavbar{
    margin-top:0
}
.navbar-on-left .subnavbar,.navbar-on-right .subnavbar{
    pointer-events:none
}
.navbar .subnavbar,.page .subnavbar{
    position:absolute
}
.page>.subnavbar{
    top:0;
    margin-top:0
}
.subnavbar>.buttons-row{
    width:100%
}
.subnavbar .searchbar,.subnavbar.searchbar{
    position:absolute
}
.subnavbar .searchbar,.subnavbar.searchbar{
    position:absolute
}
.subnavbar .searchbar{
    left:0;
    top:0
}
.toolbar{
    left:0;
    bottom:0
}
.toolbar:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .toolbar:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .toolbar:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.toolbar.no-border:before{
    display:none
}
.toolbar a{
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    position:relative;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden
}
.tabbar{
    color:#929292;
    z-index:5001
}
.tabbar a{
    color:#929292
}
.tabbar a.active{
    color:#007aff
}
.tabbar a.link{
    line-height:1.4
}
.tabbar a.link,.tabbar a.tab-link{
    height:100%;
    width:100%;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    overflow:visible;
    -webkit-box-flex:1;
    -ms-flex:1;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.tabbar i.icon{
    height:30px
}
.tabbar-labels{
    height:50px
}
.tabbar-labels a.link,.tabbar-labels a.tab-link{
    padding-top:4px;
    padding-bottom:4px;
    height:100%;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
}
.tabbar-labels a.link i+span,.tabbar-labels a.tab-link i+span{
    margin:0
}
.tabbar-labels span.tabbar-label{
    line-height:1;
    display:block;
    margin:0;
    letter-spacing:.01em;
    font-size:10px;
    position:relative;
    text-overflow:ellipsis;
    white-space:nowrap
}
.navbar input[type=text],.navbar input[type=password],.navbar input[type=search],.navbar input[type=email],.navbar input[type=tel],.navbar input[type=url],.subnavbar input[type=text],.subnavbar input[type=password],.subnavbar input[type=search],.subnavbar input[type=email],.subnavbar input[type=tel],.subnavbar input[type=url]{
    box-sizing:border-box;
    width:100%;
    height:28px;
    display:block;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border-radius:5px;
    font-family:inherit;
    color:#000;
    font-size:14px;
    font-weight:400;
    padding:0 8px;
    background-color:#fff
}
@media all and (min-width:768px){
    .tabbar .toolbar-inner{
        -webkit-box-pack:center;
        -ms-flex-pack:center;
        -webkit-justify-content:center;
        justify-content:center
    }
    .tabbar a.link,.tabbar a.tab-link{
        width:auto;
        min-width:105px
    }
    .tabbar-labels{
        height:56px
    }
    .tabbar-labels span.tabbar-label{
        font-size:14px
    }
}
.navbar-from-right-to-center .center,.navbar-from-right-to-center .fading,.navbar-from-right-to-center .left,.navbar-from-right-to-center .right,.navbar-from-right-to-center .subnavbar{
    -webkit-animation:navbarElementFadeIn .4s forwards;
    animation:navbarElementFadeIn .4s forwards
}
.navbar-from-right-to-center .sliding{
    opacity:1
}
.navbar-from-center-to-right .center,.navbar-from-center-to-right .fading,.navbar-from-center-to-right .left,.navbar-from-center-to-right .right,.navbar-from-center-to-right .subnavbar{
    -webkit-animation:navbarElementFadeOut .4s forwards;
    animation:navbarElementFadeOut .4s forwards
}
.navbar-from-center-to-right .sliding{
    opacity:0
}
.navbar-from-center-to-right .subnavbar.sliding{
    opacity:1
}
@-webkit-keyframes navbarElementFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes navbarElementFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.navbar-from-center-to-left .center,.navbar-from-center-to-left .fading,.navbar-from-center-to-left .left,.navbar-from-center-to-left .right,.navbar-from-center-to-left .subnavbar{
    -webkit-animation:navbarElementFadeOut .4s forwards;
    animation:navbarElementFadeOut .4s forwards
}
.navbar-from-center-to-left .sliding{
    opacity:0
}
.navbar-from-center-to-left .subnavbar.sliding{
    opacity:1
}
.navbar-from-left-to-center .center,.navbar-from-left-to-center .fading,.navbar-from-left-to-center .left,.navbar-from-left-to-center .right,.navbar-from-left-to-center .subnavbar{
    -webkit-animation:navbarElementFadeIn .4s forwards;
    animation:navbarElementFadeIn .4s forwards
}
.navbar-from-left-to-center .sliding{
    opacity:1
}
.navbar-on-left .center,.navbar-on-left .fading,.navbar-on-left .left,.navbar-on-left .right,.navbar-on-left .subnavbar{
    opacity:0
}
.navbar-on-left .sliding{
    opacity:0
}
.navbar-on-left .subnavbar.sliding{
    opacity:1;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0)
}
.navbar-on-right .center,.navbar-on-right .fading,.navbar-on-right .left,.navbar-on-right .right,.navbar-on-right .subnavbar{
    opacity:0
}
.navbar-on-right .sliding{
    opacity:0
}
.navbar-on-right .subnavbar.sliding{
    -webkit-transform:translate3d(100%,0,0);
    transform:translate3d(100%,0,0)
}
@-webkit-keyframes navbarElementFadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
@keyframes navbarElementFadeOut{
    from{
        opacity:1
    }
    to{
        opacity:0
    }
}
.navbar-from-center-to-left .left.sliding .back.link .icon,.navbar-from-center-to-right .left.sliding .back.link .icon,.navbar-from-left-to-center .left.sliding .back.link .icon,.navbar-from-right-to-center .left.sliding .back.link .icon{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.navbar-from-center-to-left .sliding,.navbar-from-center-to-right .sliding,.navbar-from-left-to-center .sliding,.navbar-from-right-to-center .sliding{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-animation:none;
    animation:none
}
.page>.navbar,.page>.toolbar,.view>.navbar,.view>.toolbar,.views>.navbar,.views>.toolbar{
    position:absolute
}
.subnavbar~.page-content{
    padding-top:44px
}
.navbar-fixed .page-content,.navbar-through .page-content{
    padding-top:44px
}
.navbar-fixed .page-content.with-subnavbar,.navbar-fixed .subnavbar~.page-content,.navbar-fixed .with-subnavbar .page-content,.navbar-through .page-content.with-subnavbar,.navbar-through .subnavbar~.page-content,.navbar-through .with-subnavbar .page-content{
    padding-top:88px
}
.navbar-fixed .page .subnavbar,.navbar-fixed.page .subnavbar,.navbar-through .page .subnavbar,.navbar-through.page .subnavbar{
    top:44px
}
.tabbar-fixed .page-content,.tabbar-through .page-content,.toolbar-fixed .page-content,.toolbar-through .page-content{
    padding-bottom:44px
}
.tabbar-labels-fixed .page-content,.tabbar-labels-through .page-content{
    padding-bottom:50px
}
@media all and (min-width:768px){
    .tabbar-labels-fixed .page-content,.tabbar-labels-through .page-content{
        padding-bottom:56px
    }
}
.navbar.navbar-hiding{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.navbar.navbar-hiding~.page .list-group-title,.navbar.navbar-hiding~.page-content .list-group-title,.navbar.navbar-hiding~.pages .list-group-title{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.navbar.navbar-hiding~.page .subnavbar,.navbar.navbar-hiding~.page-content .subnavbar,.navbar.navbar-hiding~.pages .subnavbar{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.navbar.navbar-hidden{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0)
}
.navbar.navbar-hidden~.page .list-group-title,.navbar.navbar-hidden~.page-content .list-group-title,.navbar.navbar-hidden~.pages .list-group-title{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    top:-44px
}
.navbar.navbar-hidden~.page .subnavbar,.navbar.navbar-hidden~.page-content .subnavbar,.navbar.navbar-hidden~.pages .subnavbar{
    -webkit-transform:translate3d(0,-100%,0);
    transform:translate3d(0,-100%,0);
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.page.no-navbar .page-content{
    padding-top:0
}
.page.no-navbar .page-content.with-subnavbar,.page.no-navbar.with-subnavbar .page-content,.with-subnavbar .page.no-navbar .page-content{
    padding-top:44px
}
.tabbar.tabbar-hiding,.tabbar.toolbar-hiding,.toolbar.tabbar-hiding,.toolbar.toolbar-hiding{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.tabbar.tabbar-hidden,.tabbar.toolbar-hidden,.toolbar.tabbar-hidden,.toolbar.toolbar-hidden{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.page.no-tabbar .page-content,.page.no-toolbar .page-content{
    padding-bottom:0
}
.searchbar{
    height:44px;
    width:100%;
    background:#c9c9ce;
    box-sizing:border-box;
    padding:0 8px;
    overflow:hidden;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.searchbar:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#b4b4b4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .searchbar:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .searchbar:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.searchbar .searchbar-input{
    width:100%;
    height:28px;
    position:relative;
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1
}
.searchbar input[type=search]{
    box-sizing:border-box;
    width:100%;
    height:28px;
    display:block;
    border:none;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border-radius:5px;
    font-family:inherit;
    color:#000;
    font-size:14px;
    font-weight:400;
    padding:0 8px;
    background-color:#fff;
    padding:0 28px;
    height:100%;
    background-repeat:no-repeat;
    background-position:8px center;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2013'%20enable-background%3D'new%200%200%2013%2013'%3E%3Cg%3E%3Cpath%20fill%3D'%23939398'%20d%3D'M5%2C1c2.2%2C0%2C4%2C1.8%2C4%2C4S7.2%2C9%2C5%2C9S1%2C7.2%2C1%2C5S2.8%2C1%2C5%2C1%20M5%2C0C2.2%2C0%2C0%2C2.2%2C0%2C5s2.2%2C5%2C5%2C5s5-2.2%2C5-5S7.8%2C0%2C5%2C0%20L5%2C0z'%2F%3E%3C%2Fg%3E%3Cline%20stroke%3D'%23939398'%20stroke-miterlimit%3D'10'%20x1%3D'12.6'%20y1%3D'12.6'%20x2%3D'8.2'%20y2%3D'8.2'%2F%3E%3C%2Fsvg%3E");
    -webkit-background-size:13px 13px;
    background-size:13px 13px
}
.searchbar input[type=search]::-webkit-input-placeholder{
    color:#939398;
    opacity:1
}
.searchbar input[type=search]::-webkit-search-cancel-button{
    -webkit-appearance:none
}
.searchbar .searchbar-clear{
    position:absolute;
    width:28px;
    height:28px;
    right:0;
    top:0;
    opacity:0;
    pointer-events:none;
    background-position:center;
    background-repeat:no-repeat;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%238e8e93'%2F%3E%3Cline%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23ffffff'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
    -webkit-background-size:14px 14px;
    background-size:14px 14px;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    cursor:pointer
}
.searchbar .searchbar-cancel{
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    font-size:17px;
    cursor:pointer;
    opacity:0;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    margin-left:0;
    pointer-events:none;
    display:none
}
.searchbar.searchbar-active .searchbar-cancel{
    margin-left:8px;
    opacity:1;
    pointer-events:auto
}
.searchbar.searchbar-active .searchbar-cancel.active-state,html:not(.watch-active-state) .searchbar.searchbar-active .searchbar-cancel:active{
    opacity:.3;
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.searchbar.searchbar-not-empty .searchbar-clear{
    pointer-events:auto;
    opacity:1
}
.searchbar-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:100;
    opacity:0;
    pointer-events:none;
    background:rgba(0,0,0,.4);
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.searchbar-overlay.searchbar-overlay-active{
    opacity:1;
    pointer-events:auto
}
.searchbar-not-found{
    display:none
}
.hidden-by-searchbar,.list-block .hidden-by-searchbar,.list-block li.hidden-by-searchbar{
    display:none
}
.page>.searchbar{
    position:absolute;
    width:100%;
    left:0;
    top:0;
    z-index:200
}
.page>.searchbar~.page-content{
    padding-top:44px
}
.navbar-fixed .page>.searchbar,.navbar-fixed>.searchbar,.navbar-through .page>.searchbar,.navbar-through>.searchbar{
    top:44px
}
.navbar-fixed .page>.searchbar~.page-content,.navbar-fixed>.searchbar~.page-content,.navbar-through .page>.searchbar~.page-content,.navbar-through>.searchbar~.page-content{
    padding-top:88px
}
.messagebar{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition-duration:0s;
    transition-duration:0s;
    background:#fff
}
.messagebar:before{
    display:none
}
.messagebar textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    border:1px solid #c8c8cd;
    background:#fff;
    border-radius:17px;
    box-shadow:none;
    display:block;
    padding:6px 15px;
    margin:0;
    width:100%;
    height:34px;
    color:#000;
    font-size:17px;
    line-height:20px;
    font-family:inherit;
    resize:none;
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1
}
.messagebar .link{
    -ms-flex-item-align:flex-end;
    -webkit-align-self:flex-end;
    align-self:flex-end
}
.messagebar .link.icon-only:first-child{
    margin-left:-6px
}
.messagebar .link:not(.icon-only)+textarea{
    margin-left:8px
}
.messagebar textarea+.link{
    margin-left:8px
}
.messagebar .link{
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0
}
.messagebar~.page-content{
    padding-bottom:44px
}
.page.no-toolbar .messagebar~.page-content{
    padding-bottom:44px
}
.hidden-toolbar .messagebar{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition-duration:0s;
    transition-duration:0s
}
i.icon{
    display:inline-block;
    vertical-align:middle;
    background-size:100% auto;
    background-position:center;
    background-repeat:no-repeat;
    font-style:normal;
    position:relative
}
i.icon.icon-back{
    width:12px;
    height:20px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M10%2C0l2%2C2l-8%2C8l8%2C8l-2%2C2L0%2C10L10%2C0z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}
i.icon.icon-forward{
    width:12px;
    height:20px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2012%2020'%3E%3Cpath%20d%3D'M2%2C20l-2-2l8-8L0%2C2l2-2l10%2C10L2%2C20z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E")
}
i.icon.icon-bars{
    width:21px;
    height:14px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2021%2014'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h2v2H0V0z%20M4%2C0h17v1H4V0z%20M0%2C6h2v2H0V6z%20M4%2C6h17v1H4V6z%20M0%2C12h2v2H0V12z%20M4%2C12h17v1H4V12z'%2F%3E%3C%2Fsvg%3E")
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:2ddpx){
    i.icon.icon-bars{
        background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2042%2026'%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M0%2C0h4v4H0V0z%20M8%2C1h34v2H8V1z%20M0%2C11h4v4H0V11z%20M8%2C12h34v2H8V12z%20M0%2C22h4v4H0V22z%20M8%2C23h34v2H8V23z'%2F%3E%3C%2Fsvg%3E");
        height:13px
    }
}
i.icon.icon-camera{
    width:25px;
    height:20px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2025%2020'%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M13.3%2C5.5c-2.7%2C0-5%2C2.2-5%2C5s2.2%2C5%2C5%2C5c2.7%2C0%2C5-2.2%2C5-5S16%2C5.5%2C13.3%2C5.5z'%2F%3E%3Cpath%20fill%3D'%238C8D92'%20d%3D'M22.8%2C1.8h-3.3c-0.2-1.3-1-1.8-2-1.8H8.1c-1%2C0-1.8%2C0.4-2%2C1.8H2.8C1.4%2C1.8%2C0%2C2.8%2C0%2C4.2v12.6%20c0%2C1.4%2C1.4%2C2.5%2C2.8%2C2.5h20c1.4%2C0%2C2.2-1.1%2C2.2-2.5V4.2C25%2C2.8%2C24.2%2C1.8%2C22.8%2C1.8z%20M3.5%2C6.4C2.6%2C6.4%2C2%2C5.8%2C2%2C5c0-0.8%2C0.7-1.5%2C1.5-1.5%20S5%2C4.1%2C5%2C5C5%2C5.8%2C4.3%2C6.4%2C3.5%2C6.4z%20M13.3%2C16.8c-3.5%2C0-6.3-2.7-6.3-6.2c0-3.3%2C2.5-6.2%2C5.7-6.2h1.2c3.2%2C0%2C5.7%2C2.9%2C5.7%2C6.2%20C19.6%2C14.1%2C16.7%2C16.8%2C13.3%2C16.8z'%2F%3E%3C%2Fsvg%3E")
}
i.icon.icon-f7{
    width:29px;
    height:29px;
    background-image:url(../img/i-f7-ios.png);
    border-radius:6px
}
i.icon.icon-next,i.icon.icon-prev{
    width:15px;
    height:15px
}
i.icon.icon-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M1%2C1.6l11.8%2C5.8L1%2C13.4V1.6%20M0%2C0v15l15-7.6L0%2C0L0%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
i.icon.icon-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2015%2015'%3E%3Cg%3E%3Cpath%20fill%3D'%23007aff'%20d%3D'M14%2C1.6v11.8L2.2%2C7.6L14%2C1.6%20M15%2C0L0%2C7.6L15%2C15V0L15%2C0z'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")
}
i.icon.icon-plus{
    width:25px;
    height:25px;
    font-size:31px;
    line-height:20px;
    text-align:center;
    font-weight:100
}
.navbar .f7-icons,.navbar .framework7-icons,.toolbar .f7-icons,.toolbar .framework7-icons{
    font-size:22px
}
.tabbar .f7-icons,.tabbar .framework7-icons,.tabbar-labels .f7-icons,.tabbar-labels .framework7-icons{
    font-size:25px
}
.badge{
    font-size:13px;
    display:inline-block;
    color:#fff;
    background:#8e8e93;
    border-radius:20px;
    padding:0 6px;
    height:20px;
    line-height:20px;
    box-sizing:border-box;
    text-align:center
}
.item-after .badge{
    min-width:20px
}
.f7-icons .badge,.framework7-icons .badge,.icon .badge{
    position:absolute;
    left:100%;
    margin-left:-10px;
    top:-2px;
    font-size:10px;
    line-height:16px;
    height:16px;
    border-radius:16px;
    padding:0 4px;
    min-width:16px;
    font-family:-apple-system,SF UI Text,Helvetica Neue,Helvetica,Arial,sans-serif
}
.chip{
    font-size:14px;
    font-weight:400;
    color:#fff;
    background:rgba(0,0,0,.37);
    display:inline-block;
    height:23px;
    line-height:23px;
    border-radius:5px;
    padding:0 6px;
    box-sizing:border-box;
    vertical-align:middle;
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:-webkit-inline-flex;
    display:inline-flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    margin:2px 0
}
.chip-media{
    width:16px;
    height:16px;
    vertical-align:middle;
    border-radius:50%;
    text-align:center;
    line-height:16px;
    color:#fff;
    font-size:12px;
    box-sizing:border-box;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center
}
.chip-media img{
    max-width:100%;
    max-height:100%;
    width:auto;
    height:auto;
    border-radius:50%;
    display:block
}
.chip-media+.chip-label{
    margin-left:4px
}
.chip-media i.icon{
    font-size:16px;
    height:16px
}
.chip-label{
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    min-width:0
}
.chip-delete{
    margin-right:-6px;
    width:23px;
    height:23px;
    text-align:center;
    line-height:23px;
    cursor:pointer;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2028%2028'%3E%3Ccircle%20cx%3D'14'%20cy%3D'14'%20r%3D'14'%20fill%3D'%23fff'%2F%3E%3Cline%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'8'%20y1%3D'8'%20x2%3D'20'%20y2%3D'20'%2F%3E%3Cline%20fill%3D'none'%20stroke%3D'%23000'%20stroke-width%3D'2'%20stroke-miterlimit%3D'10'%20x1%3D'20'%20y1%3D'8'%20x2%3D'8'%20y2%3D'20'%2F%3E%3C%2Fsvg%3E");
    background-repeat:no-repeat;
    background-position:center;
    -webkit-background-size:13px 13px;
    background-size:13px 13px;
    opacity:.7
}
.chip-delete.active-state,html:not(.watch-active-state) .chip-delete:active{
    opacity:1
}
.content-block{
    margin:35px 0;
    padding:0 15px;
    color:#6d6d72;
    box-sizing:border-box
}
.content-block.no-hairlines .content-block-inner:before,.content-block.no-hairlines ul:before,.content-block.no-hairlines:before{
    display:none
}
.content-block.no-hairlines .content-block-inner:after,.content-block.no-hairlines ul:after,.content-block.no-hairlines:after{
    display:none
}
.content-block-title{
    position:relative;
    overflow:hidden;
    margin:0;
    white-space:nowrap;
    text-overflow:ellipsis;
    font-size:14px;
    text-transform:uppercase;
    line-height:1;
    color:#6d6d72;
    margin:35px 15px 10px
}
.content-block-title+.card,.content-block-title+.content-block,.content-block-title+.list-block,.content-block-title+.timeline{
    margin-top:10px
}
.content-block-inner{
    background:#fff;
    padding:10px 15px;
    margin-left:-15px;
    width:100%;
    position:relative;
    color:#000
}
.content-block-inner:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .content-block-inner:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .content-block-inner:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.content-block-inner:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .content-block-inner:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .content-block-inner:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.content-block.inset{
    margin-left:15px;
    margin-right:15px;
    border-radius:7px
}
.content-block.inset .content-block-inner{
    border-radius:7px
}
.content-block.inset .content-block-inner:before{
    display:none
}
.content-block.inset .content-block-inner:after{
    display:none
}
@media all and (min-width:768px){
    .content-block.tablet-inset{
        margin-left:15px;
        margin-right:15px;
        border-radius:7px
    }
    .content-block.tablet-inset .content-block-inner{
        border-radius:7px
    }
    .content-block.tablet-inset .content-block-inner:before{
        display:none
    }
    .content-block.tablet-inset .content-block-inner:after{
        display:none
    }
}
.list-block{
    margin:35px 0;
    font-size:17px
}
.list-block ul{
    background:#fff;
    list-style:none;
    padding:0;
    margin:0;
    position:relative
}
.list-block ul:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .list-block ul:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .list-block ul:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.list-block ul:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .list-block ul:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .list-block ul:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.list-block ul ul{
    padding-left:45px
}
.list-block ul ul:before{
    display:none
}
.list-block ul ul:after{
    display:none
}
.list-block .align-top,.list-block .align-top .item-content,.list-block .align-top .item-inner{
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
}
.list-block.inset{
    margin-left:15px;
    margin-right:15px;
    border-radius:7px
}
.list-block.inset .content-block-title{
    margin-left:0;
    margin-right:0
}
.list-block.inset ul{
    border-radius:7px
}
.list-block.inset ul:before{
    display:none
}
.list-block.inset ul:after{
    display:none
}
.list-block.inset li:first-child>a{
    border-radius:7px 7px 0 0
}
.list-block.inset li:last-child>a{
    border-radius:0 0 7px 7px
}
.list-block.inset li:first-child:last-child>a{
    border-radius:7px
}
@media all and (min-width:768px){
    .list-block.tablet-inset{
        margin-left:15px;
        margin-right:15px;
        border-radius:7px
    }
    .list-block.tablet-inset .content-block-title{
        margin-left:0;
        margin-right:0
    }
    .list-block.tablet-inset ul{
        border-radius:7px
    }
    .list-block.tablet-inset ul:before{
        display:none
    }
    .list-block.tablet-inset ul:after{
        display:none
    }
    .list-block.tablet-inset li:first-child>a{
        border-radius:7px 7px 0 0
    }
    .list-block.tablet-inset li:last-child>a{
        border-radius:0 0 7px 7px
    }
    .list-block.tablet-inset li:first-child:last-child>a{
        border-radius:7px
    }
    .list-block.tablet-inset .content-block-title{
        margin-left:0;
        margin-right:0
    }
    .list-block.tablet-inset ul{
        border-radius:7px
    }
    .list-block.tablet-inset ul:before{
        display:none
    }
    .list-block.tablet-inset ul:after{
        display:none
    }
    .list-block.tablet-inset li:first-child>a{
        border-radius:7px 7px 0 0
    }
    .list-block.tablet-inset li:last-child>a{
        border-radius:0 0 7px 7px
    }
    .list-block.tablet-inset li:first-child:last-child>a{
        border-radius:7px
    }
}
.list-block li{
    box-sizing:border-box;
    position:relative
}
.list-block .item-media{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    -webkit-box-lines:single;
    -moz-box-lines:single;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:none;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap;
    box-sizing:border-box;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    padding-top:7px;
    padding-bottom:8px
}
.list-block .item-media i+i{
    margin-left:5px
}
.list-block .item-media i+img{
    margin-left:5px
}
.list-block .item-media+.item-inner{
    margin-left:15px
}
.list-block .item-inner{
    padding-right:15px;
    position:relative;
    width:100%;
    padding-top:8px;
    padding-bottom:7px;
    min-height:44px;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-flex:1;
    -ms-flex:1;
    overflow:hidden;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -ms-flex-item-align:stretch;
    -webkit-align-self:stretch;
    align-self:stretch
}
.list-block .item-inner:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .list-block .item-inner:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .list-block .item-inner:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.list-block .item-title{
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    min-width:0;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    max-width:100%
}
.list-block .item-after{
    white-space:nowrap;
    color:#8e8e93;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    margin-left:5px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    max-height:28px
}
.list-block .autocomplete-opener .item-after,.list-block .smart-select .item-after{
    max-width:70%;
    overflow:hidden;
    text-overflow:ellipsis;
    position:relative;
    display:block
}
.list-block .item-link{
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    display:block;
    color:inherit
}
.list-block .item-link .item-inner{
    padding-right:35px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size:10px 20px;
    background-repeat:no-repeat;
    background-position:95% center;
    background-position:-webkit-calc(100% - 15px) center;
    background-position:calc(100% - 15px) center
}
.list-block .item-link.active-state,html:not(.watch-active-state) .list-block .item-link:active{
    -webkit-transition-duration:0s;
    transition-duration:0s;
    background-color:#d9d9d9
}
.list-block .item-link.active-state .item-inner:after,html:not(.watch-active-state) .list-block .item-link:active .item-inner:after{
    background-color:transparent
}
.list-block .item-link.list-button{
    padding:0 15px;
    text-align:center;
    color:#007aff;
    display:block;
    line-height:43px
}
.list-block .item-link.list-button:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .list-block .item-link.list-button:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .list-block .item-link.list-button:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.list-block .item-content{
    box-sizing:border-box;
    padding-left:15px;
    min-height:44px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.list-block .list-block-label{
    margin:10px 0 35px;
    padding:0 15px;
    font-size:14px;
    color:#8f8f94
}
.list-block .swipeout{
    overflow:hidden;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.list-block .swipeout.deleting{
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.list-block .swipeout.deleting .swipeout-content{
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.list-block .swipeout.transitioning .swipeout-actions-left a,.list-block .swipeout.transitioning .swipeout-actions-right a,.list-block .swipeout.transitioning .swipeout-content,.list-block .swipeout.transitioning .swipeout-overswipe{
    -webkit-transition:.3s;
    transition:.3s
}
.list-block .swipeout-content{
    position:relative;
    z-index:10
}
.list-block .swipeout-overswipe{
    -webkit-transition:.2s left;
    transition:.2s left
}
.list-block .swipeout-actions-left,.list-block .swipeout-actions-right{
    position:absolute;
    top:0;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.list-block .swipeout-actions-left a,.list-block .swipeout-actions-right a{
    padding:0 30px;
    color:#fff;
    background:#c7c7cc;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    position:relative;
    left:0
}
.list-block .swipeout-actions-left a:after,.list-block .swipeout-actions-right a:after{
    content:'';
    position:absolute;
    top:0;
    width:600%;
    height:100%;
    background:inherit;
    z-index:-1
}
.list-block .swipeout-actions-left a.swipeout-delete,.list-block .swipeout-actions-right a.swipeout-delete{
    background:#ff3b30
}
.list-block .swipeout-actions-right{
    right:0;
    -webkit-transform:translateX(100%);
    transform:translateX(100%)
}
.list-block .swipeout-actions-right a:after{
    left:100%;
    margin-left:-1px
}
.list-block .swipeout-actions-left{
    left:0;
    -webkit-transform:translateX(-100%);
    transform:translateX(-100%)
}
.list-block .swipeout-actions-left a:after{
    right:100%;
    margin-right:-1px
}
.list-block .item-subtitle{
    font-size:15px;
    position:relative;
    overflow:hidden;
    white-space:nowrap;
    max-width:100%;
    text-overflow:ellipsis
}
.list-block .item-text{
    font-size:15px;
    color:#8e8e93;
    line-height:21px;
    position:relative;
    overflow:hidden;
    height:42px;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    display:-webkit-box
}
.list-block li.media-item .item-title,.list-block.media-list .item-title{
    font-weight:500
}
html.ios-gt-8 .list-block li.media-item .item-title,html.ios-gt-8 .list-block.media-list .item-title{
    font-weight:600
}
.list-block li.media-item .item-inner,.list-block.media-list .item-inner{
    display:block;
    padding-top:10px;
    padding-bottom:9px;
    -ms-flex-item-align:stretch;
    -webkit-align-self:stretch;
    align-self:stretch
}
.list-block li.media-item .item-link .item-inner,.list-block.media-list .item-link .item-inner{
    background:0 0;
    padding-right:15px
}
.list-block li.media-item .item-link .item-title-row,.list-block.media-list .item-link .item-title-row{
    padding-right:20px;
    background:no-repeat right center;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size:10px 20px
}
.list-block li.media-item .item-media,.list-block.media-list .item-media{
    padding-top:9px;
    padding-bottom:10px
}
.list-block li.media-item .item-media img,.list-block.media-list .item-media img{
    display:block
}
.list-block li.media-item .item-title-row,.list-block.media-list .item-title-row{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between
}
.list-block li.media-item .item-content>.item-after,.list-block.media-list .item-content>.item-after{
    margin-right:15px;
    margin-left:15px
}
.list-block .list-group ul:after,.list-block .list-group ul:before{
    z-index:25
}
.list-block .list-group+.list-group ul:before{
    display:none
}
.list-block .item-divider,.list-block .list-group-title{
    background:#F7F7F7;
    margin-top:-1px;
    padding:4px 15px;
    white-space:nowrap;
    position:relative;
    max-width:100%;
    text-overflow:ellipsis;
    overflow:hidden;
    color:#8e8e93;
    z-index:15
}
.list-block .item-divider:before,.list-block .list-group-title:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .list-block .item-divider:before,html.pixel-ratio-2 .list-block .list-group-title:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .list-block .item-divider:before,html.pixel-ratio-3 .list-block .list-group-title:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.list-block .list-group-title{
    position:relative;
    position:-webkit-sticky;
    position:-moz-sticky;
    position:sticky;
    top:0;
    z-index:20;
    margin-top:0
}
.list-block .list-group-title:before{
    display:none
}
.list-block .sortable-handler{
    position:absolute;
    right:0;
    top:0;
    bottom:1px;
    z-index:10;
    background-repeat:no-repeat;
    background-size:18px 12px;
    background-position:center;
    width:35px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2018%2012'%20fill%3D'%23c7c7cc'%3E%3Cpath%20d%3D'M0%2C2V0h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C7V5h22v2H0z'%2F%3E%3Cpath%20d%3D'M0%2C12v-2h22v2H0z'%2F%3E%3C%2Fsvg%3E");
    opacity:0;
    visibility:hidden;
    cursor:pointer;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.list-block.sortable .item-inner{
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.list-block.sortable-opened .sortable-handler{
    visibility:visible;
    opacity:1
}
.list-block.sortable-opened .item-inner,.list-block.sortable-opened .item-link .item-inner{
    padding-right:35px
}
.list-block.sortable-opened .item-link .item-inner,.list-block.sortable-opened .item-link .item-title-row{
    background-image:none
}
.list-block.sortable-sorting li{
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.list-block li.sorting{
    z-index:50;
    background:rgba(255,255,255,.8);
    box-shadow:0 2px 8px rgba(0,0,0,.6);
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.list-block li.sorting .item-inner:after{
    display:none
}
.list-block li:last-child .list-button:after{
    display:none
}
.list-block li:last-child .item-inner:after,.list-block li:last-child li:last-child .item-inner:after{
    display:none
}
.list-block li li:last-child .item-inner:after,.list-block li:last-child li .item-inner:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c8c7cc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .list-block li li:last-child .item-inner:after,html.pixel-ratio-2 .list-block li:last-child li .item-inner:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .list-block li li:last-child .item-inner:after,html.pixel-ratio-3 .list-block li:last-child li .item-inner:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.list-block.no-hairlines .content-block-inner:before,.list-block.no-hairlines ul:before,.list-block.no-hairlines:before{
    display:none
}
.list-block.no-hairlines .content-block-inner:after,.list-block.no-hairlines ul:after,.list-block.no-hairlines:after{
    display:none
}
.list-block.no-hairlines-between .item-divider:after,.list-block.no-hairlines-between .item-inner:after,.list-block.no-hairlines-between .list-button:after,.list-block.no-hairlines-between .list-group-title:after{
    display:none
}
.contacts-content{
    background:#fff
}
.contacts-block{
    margin:0
}
.contacts-block .list-group-title{
    padding:0 15px;
    background:#f7f7f7;
    color:#000;
    font-weight:500;
    line-height:22px;
    height:22px
}
html.ios-gt-8 .contacts-block .list-group-title{
    font-weight:600
}
.contacts-block .list-group:first-child ul:before{
    display:none
}
.contacts-block .list-group:last-child ul:after{
    display:none
}
.list-block input[type=time],.list-block input[type=number],.list-block input[type=text],.list-block input[type=password],.list-block input[type=search],.list-block input[type=email],.list-block input[type=tel],.list-block input[type=url],.list-block input[type=date],.list-block input[type=datetime-local],.list-block select,.list-block textarea{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    box-sizing:border-box;
    border:none;
    background:0 0;
    border-radius:0;
    box-shadow:none;
    display:block;
    padding:0;
    margin:0;
    width:100%;
    height:43px;
    color:#000;
    font-size:17px;
    font-family:inherit
}
.list-block .item-title.label{
    vertical-align:top
}
.list-block .item-title.label+.item-input{
    margin-left:5px
}
.list-block input[type=date],.list-block input[type=datetime-local]{
    line-height:44px
}
.list-block select{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none
}
.list-block textarea{
    height:100px;
    resize:none;
    line-height:1.4;
    padding-top:8px;
    padding-bottom:7px
}
.list-block textarea.resizable{
    height:43px
}
.list-block .item-input{
    width:100%;
    margin-top:-8px;
    margin-bottom:-7px;
    -webkit-box-flex:1;
    -ms-flex:1;
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1
}
.list-block .item-title.label{
    width:35%;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0
}
.label-switch{
    display:inline-block;
    vertical-align:middle;
    width:52px;
    border-radius:16px;
    box-sizing:border-box;
    height:32px;
    position:relative;
    cursor:pointer;
    -ms-flex-item-align:center;
    -webkit-align-self:center;
    align-self:center
}
.label-switch .checkbox{
    width:52px;
    border-radius:16px;
    box-sizing:border-box;
    height:32px;
    background:#e5e5e5;
    z-index:0;
    margin:0;
    padding:0;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border:none;
    cursor:pointer;
    position:relative;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.label-switch .checkbox:before{
    content:' ';
    position:absolute;
    left:2px;
    top:2px;
    width:48px;
    border-radius:16px;
    box-sizing:border-box;
    height:28px;
    background:#fff;
    z-index:1;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:scale(1);
    transform:scale(1)
}
.label-switch .checkbox:after{
    content:' ';
    height:28px;
    width:28px;
    border-radius:28px;
    background:#fff;
    position:absolute;
    z-index:2;
    top:2px;
    left:2px;
    box-shadow:0 2px 5px rgba(0,0,0,.4);
    -webkit-transform:translateX(0);
    transform:translateX(0);
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.label-switch input[type=checkbox]{
    display:none
}
.label-switch input[type=checkbox]:checked+.checkbox{
    background:#4cd964
}
.label-switch input[type=checkbox]:checked+.checkbox:before{
    -webkit-transform:scale(0);
    transform:scale(0)
}
.label-switch input[type=checkbox]:checked+.checkbox:after{
    -webkit-transform:translateX(20px);
    transform:translateX(20px)
}
html.android .label-switch input[type=checkbox]+.checkbox{
    -webkit-transition-duration:0;
    transition-duration:0
}
html.android .label-switch input[type=checkbox]+.checkbox:after,html.android .label-switch input[type=checkbox]+.checkbox:before{
    -webkit-transition-duration:0;
    transition-duration:0
}
.button{
    border:1px solid #007aff;
    color:#007aff;
    text-decoration:none;
    text-align:center;
    display:block;
    border-radius:5px;
    line-height:27px;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background:0 0;
    padding:0 10px;
    margin:0;
    height:29px;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:14px;
    font-family:inherit;
    cursor:pointer;
    outline:0
}
input[type=submit].button,input[type=button].button{
    width:100%
}
.button.active-state,html:not(.watch-active-state) .button:active{
    background:rgba(0,122,255,.15)
}
.button.button-round{
    border-radius:27px
}
.button.active{
    background:#007aff;
    color:#fff
}
.button.button-big{
    font-size:17px;
    height:44px;
    line-height:42px
}
.button.button-fill{
    color:#fff;
    background:#007aff;
    border-color:transparent
}
.button.button-fill.active-state,html:not(.watch-active-state) .button.button-fill:active{
    opacity:.8
}
.button i.icon:first-child{
    margin-right:10px
}
.button i.icon:last-child{
    margin-left:10px
}
.button i.icon:first-child:last-child{
    margin-left:0;
    margin-right:0
}
.buttons-row{
    -ms-flex-item-align:center;
    -webkit-align-self:center;
    align-self:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-lines:single;
    -moz-box-lines:single;
    -webkit-flex-wrap:nowrap;
    -ms-flex-wrap:none;
    -ms-flex-wrap:nowrap;
    flex-wrap:nowrap
}
.buttons-row .button{
    border-radius:0;
    border-left-width:0;
    width:100%;
    -webkit-box-flex:1;
    -ms-flex:1
}
.buttons-row .button:first-child{
    border-radius:5px 0 0 5px;
    border-left-width:1px;
    border-left-style:solid
}
.buttons-row .button:last-child{
    border-radius:0 5px 5px 0
}
.buttons-row .button:first-child:last-child{
    border-radius:5px
}
.buttons-row .button.button-round:first-child{
    border-radius:27px 0 0 27px
}
.buttons-row .button.button-round:last-child{
    border-radius:0 27px 27px 0
}
.range-slider{
    width:100%;
    position:relative;
    overflow:hidden;
    padding-left:3px;
    padding-right:3px;
    margin-left:-1px;
    -ms-flex-item-align:center;
    -webkit-align-self:center;
    align-self:center
}
.range-slider input[type=range]{
    position:relative;
    height:28px;
    width:100%;
    margin:4px 0 5px 0;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    background:-webkit-gradient(linear,50% 0,50% 100%,color-stop(0,#b7b8b7),color-stop(100%,#b7b8b7));
    background:linear-gradient(to right,#b7b8b7 0,#b7b8b7 100%);
    background-position:center;
    background-size:100% 2px;
    background-repeat:no-repeat;
    outline:0;
    border:none;
    box-sizing:content-box;
    -ms-background-position-y:500px
}
.range-slider input[type=range]:active,.range-slider input[type=range]:focus{
    border:0;
    outline:0
}
.range-slider input[type=range]:after{
    height:2px;
    background:#fff;
    content:' ';
    width:5px;
    top:50%;
    margin-top:-1px;
    left:-5px;
    z-index:1;
    position:absolute
}
.range-slider input[type=range]::-webkit-slider-thumb{
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none;
    border:none;
    height:28px;
    width:28px;
    position:relative;
    background:0 0
}
.range-slider input[type=range]::-webkit-slider-thumb:after{
    height:28px;
    width:28px;
    border-radius:28px;
    background:#fff;
    z-index:10;
    box-shadow:0 2px 4px rgba(0,0,0,.4);
    border:0;
    outline:0;
    position:absolute;
    box-sizing:border-box;
    content:' ';
    left:0;
    top:0
}
.range-slider input[type=range]::-webkit-slider-thumb:before{
    position:absolute;
    top:50%;
    right:100%;
    width:2000px;
    height:2px;
    margin-top:-1px;
    z-index:1;
    background:#007aff;
    content:' '
}
.range-slider input[type=range]::-moz-range-track{
    width:100%;
    height:2px;
    background:#b7b8b7;
    border:none;
    outline:0
}
.range-slider input[type=range]::-moz-range-thumb{
    height:28px;
    width:28px;
    border-radius:28px;
    background:#fff;
    z-index:10;
    box-shadow:0 2px 4px rgba(0,0,0,.4);
    border:0;
    outline:0;
    position:absolute;
    box-sizing:border-box;
    content:' '
}
.range-slider input[type=range]::-ms-track{
    width:100%;
    height:2px;
    cursor:pointer;
    background:0 0;
    border-color:transparent;
    color:transparent
}
.range-slider input[type=range]::-ms-thumb{
    height:28px;
    width:28px;
    border-radius:28px;
    background:#fff;
    z-index:10;
    box-shadow:0 2px 4px rgba(0,0,0,.4);
    border:0;
    outline:0;
    position:absolute;
    content:' ';
    box-shadow:none;
    border:1px solid rgba(0,0,0,.2);
    box-sizing:border-box;
    margin-top:0;
    top:50%
}
.range-slider input[type=range]::-ms-fill-lower{
    background:#007aff
}
.range-slider input[type=range]::-ms-fill-upper{
    background:#b7b8b7
}
label.label-checkbox{
    cursor:pointer
}
label.label-checkbox i.icon-form-checkbox{
    width:22px;
    height:22px;
    position:relative;
    border-radius:22px;
    border:1px solid #c7c7cc;
    box-sizing:border-box
}
label.label-checkbox i.icon-form-checkbox:after{
    content:' ';
    position:absolute;
    left:50%;
    margin-left:-6px;
    top:50%;
    margin-top:-4px;
    width:12px;
    height:9px
}
label.label-checkbox input[type=checkbox],label.label-checkbox input[type=radio]{
    display:none
}
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox,label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox{
    border:none;
    background-color:#007aff
}
label.label-checkbox input[type=checkbox]:checked+.item-media i.icon-form-checkbox:after,label.label-checkbox input[type=radio]:checked+.item-media i.icon-form-checkbox:after{
    background:no-repeat center;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20x%3D'0px'%20y%3D'0px'%20viewBox%3D'0%200%2012%209'%20xml%3Aspace%3D'preserve'%3E%3Cpolygon%20fill%3D'%23ffffff'%20points%3D'12%2C0.7%2011.3%2C0%203.9%2C7.4%200.7%2C4.2%200%2C4.9%203.9%2C8.8%203.9%2C8.8%203.9%2C8.8%20'%2F%3E%3C%2Fsvg%3E");
    -webkit-background-size:12px 9px;
    background-size:12px 9px
}
label.label-radio{
    cursor:pointer
}
label.label-radio input[type=checkbox],label.label-radio input[type=radio]{
    display:none
}
label.label-radio input[type=checkbox]~.item-inner,label.label-radio input[type=radio]~.item-inner{
    padding-right:35px
}
label.label-radio input[type=checkbox]:checked~.item-inner,label.label-radio input[type=radio]:checked~.item-inner{
    background:no-repeat center;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2013%2010'%3E%3Cpolygon%20fill%3D'%23007aff'%20points%3D'11.6%2C0%204.4%2C7.2%201.4%2C4.2%200%2C5.6%204.4%2C10%204.4%2C10%204.4%2C10%2013%2C1.4%20'%2F%3E%3C%2Fsvg%3E");
    background-position:90% center;
    background-position:-webkit-calc(100% - 15px) center;
    background-position:calc(100% - 15px) center;
    -webkit-background-size:13px 10px;
    background-size:13px 10px
}
label.label-checkbox,label.label-radio{
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
html:not(.watch-active-state) label.label-checkbox:active,html:not(.watch-active-state) label.label-radio:active,label.label-checkbox.active-state,label.label-radio.active-state{
    -webkit-transition-duration:0s;
    transition-duration:0s;
    background-color:#d9d9d9
}
html:not(.watch-active-state) label.label-checkbox:active .item-inner:after,html:not(.watch-active-state) label.label-radio:active .item-inner:after,label.label-checkbox.active-state .item-inner:after,label.label-radio.active-state .item-inner:after{
    background-color:transparent
}
.smart-select select{
    display:none
}
.floating-button{
    position:absolute;
    right:15px;
    bottom:15px;
    width:50px;
    height:50px;
    border-radius:50%;
    z-index:1500;
    background-color:#007aff;
    color:#fff;
    overflow:hidden;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center
}
.floating-button.active-state,html:not(.watch-active-state) .floating-button:active{
    -webkit-transition-duration:0s;
    transition-duration:0s;
    background:#0066d6
}
.toolbar-fixed .floating-button,.toolbar-through .floating-button{
    bottom:59px
}
.tabbar-labels-fixed .floating-button,.tabbar-labels-through .floating-button{
    bottom:65px
}
@media (min-width:768px){
    .tabbar-labels-fixed .floating-button,.tabbar-labels-through .floating-button{
        bottom:71px
    }
}
.floating-button-toolbar,.speed-dial{
    position:absolute;
    right:15px;
    bottom:15px;
    z-index:1500
}
.toolbar-fixed .floating-button-toolbar,.toolbar-fixed .speed-dial,.toolbar-through .floating-button-toolbar,.toolbar-through .speed-dial{
    bottom:59px
}
.tabbar-labels-fixed .floating-button-toolbar,.tabbar-labels-fixed .speed-dial,.tabbar-labels-through .floating-button-toolbar,.tabbar-labels-through .speed-dial{
    bottom:65px
}
@media (min-width:768px){
    .tabbar-labels-fixed .floating-button-toolbar,.tabbar-labels-fixed .speed-dial,.tabbar-labels-through .floating-button-toolbar,.tabbar-labels-through .speed-dial{
        bottom:71px
    }
}
.floating-button-toolbar .floating-button,.speed-dial .floating-button{
    right:0;
    bottom:0;
    position:relative
}
.speed-dial .floating-button i{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate3d(-50%,-50%,0) rotate(0) scale(1);
    transform:translate3d(-50%,-50%,0) rotate(0) scale(1);
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.speed-dial .floating-button i+i{
    -webkit-transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);
    transform:translate3d(-50%,-50%,0) rotate(-90deg) scale(.5);
    opacity:0
}
.speed-dial.speed-dial-opened .floating-button i{
    -webkit-transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);
    transform:translate3d(-50%,-50%,0) rotate(90deg) scale(.5);
    opacity:0
}
.speed-dial.speed-dial-opened .floating-button i+i{
    -webkit-transform:translate3d(-50%,-50%,0) rotate(0) scale(1);
    transform:translate3d(-50%,-50%,0) rotate(0) scale(1);
    opacity:1
}
.speed-dial-buttons{
    position:absolute;
    width:40px;
    left:50%;
    margin-left:-20px;
    bottom:100%;
    margin-bottom:16px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:vertical;
    -webkit-box-direction:reverse;
    -moz-box-orient:vertical;
    -moz-box-direction:reverse;
    -ms-flex-direction:column-reverse;
    -webkit-flex-direction:column-reverse;
    flex-direction:column-reverse;
    visibility:hidden;
    pointer-events:none
}
.speed-dial-buttons a{
    width:40px;
    height:40px;
    opacity:0;
    color:#fff;
    border-radius:50%;
    position:relative;
    z-index:1;
    overflow:hidden;
    background-color:#007aff;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-transform:translate3d(0,8px,0) scale(.3);
    transform:translate3d(0,8px,0) scale(.3);
    -webkit-transform-origin:center bottom;
    transform-origin:center bottom
}
.speed-dial-buttons a+a{
    margin-bottom:16px
}
.speed-dial-buttons a.active-state,html:not(.watch-active-state) .speed-dial-buttons a:active{
    -webkit-transition-duration:0s;
    transition-duration:0s;
    background:#0066d6
}
.speed-dial-opened .speed-dial-buttons{
    visibility:visible;
    pointer-events:auto
}
.speed-dial-opened .speed-dial-buttons a{
    opacity:1;
    -webkit-transform:translate3d(0,0,0) scaleY(1);
    transform:translate3d(0,0,0) scaleY(1)
}
.speed-dial-opened .speed-dial-buttons a:nth-child(2){
    -webkit-transition-delay:50ms;
    transition-delay:50ms
}
.speed-dial-opened .speed-dial-buttons a:nth-child(3){
    -webkit-transition-delay:.1s;
    transition-delay:.1s
}
.speed-dial-opened .speed-dial-buttons a:nth-child(4){
    -webkit-transition-delay:150ms;
    transition-delay:150ms
}
.speed-dial-opened .speed-dial-buttons a:nth-child(5){
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.speed-dial-opened .speed-dial-buttons a:nth-child(6){
    -webkit-transition-delay:250ms;
    transition-delay:250ms
}
.floating-button-to-popover.floating-button-to-popover{
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.floating-button-to-popover.floating-button-to-popover-in{
    -webkit-transition-duration:.1s;
    transition-duration:.1s
}
.floating-button-to-popover.floating-button-to-popover-in i{
    opacity:0;
    -webkit-transition-duration:.1s;
    transition-duration:.1s
}
.floating-button-to-popover.floating-button-to-popover-scale{
    border-radius:0;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    box-shadow:none
}
.floating-button-to-popover.floating-button-to-popover-out{
    -webkit-transition-delay:0s;
    transition-delay:0s;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.floating-button-to-popover.floating-button-to-popover-out i{
    opacity:1;
    -webkit-transition-duration:.1s;
    transition-duration:.1s;
    -webkit-transition-delay:.2s;
    transition-delay:.2s
}
.list-block .accordion-item-toggle{
    cursor:pointer;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.list-block .accordion-item-toggle .item-inner{
    padding-right:35px;
    background:no-repeat -webkit-calc(100% - 15px) center;
    background:no-repeat calc(100% - 15px) center;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size:10px 20px
}
.list-block .accordion-item-toggle.active-state,html:not(.watch-active-state) .list-block .accordion-item-toggle:active{
    -webkit-transition-duration:0s;
    transition-duration:0s;
    background-color:#d9d9d9
}
.list-block .accordion-item-toggle.active-state>.item-inner:after,html:not(.watch-active-state) .list-block .accordion-item-toggle:active>.item-inner:after{
    background-color:transparent
}
.list-block .accordion-item-toggle .item-inner,.list-block .accordion-item>.item-link .item-inner{
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-property:background-color;
    transition-property:background-color
}
.list-block .accordion-item-toggle .item-inner:after,.list-block .accordion-item>.item-link .item-inner:after{
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.list-block .accordion-item-expanded.media-item .accordion-item-toggle .item-title-row,.list-block .accordion-item-expanded.media-item>.item-link .item-title-row,.list-block.media-list .accordion-item-expanded .accordion-item-toggle .item-title-row,.list-block.media-list .accordion-item-expanded>.item-link .item-title-row,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item) .accordion-item-toggle .item-inner,.list-block:not(.media-list) .accordion-item-expanded:not(.media-item)>.item-link .item-inner{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2060%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cpath%20d%3D'm60%2061.5-38.25%2038.25-9.75-9.75%2029.25-28.5-29.25-28.5%209.75-9.75z'%20transform%3D'translate(115%2C%2030)%20rotate(90)'%20fill%3D'%23c7c7cc'%2F%3E%3C%2Fsvg%3E");
    background-size:20px 20px
}
.list-block .accordion-item-expanded .accordion-item-toggle .item-inner:after,.list-block .accordion-item-expanded>.item-link .item-inner:after{
    background-color:transparent
}
.list-block .accordion-item .content-block,.list-block .accordion-item .list-block{
    margin-top:0;
    margin-bottom:0
}
.list-block .accordion-item ul{
    padding-left:0
}
.accordion-item-content{
    position:relative;
    overflow:hidden;
    height:0;
    font-size:14px;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.accordion-item-expanded>.accordion-item-content{
    height:auto
}
html.android-4 .accordion-item-content{
    -webkit-transform:none;
    transform:none
}
.card .list-block ul,.cards-list ul{
    background:0 0
}
.card .list-block>ul:before,.cards-list>ul:before{
    display:none
}
.card .list-block>ul:after,.cards-list>ul:after{
    display:none
}
.card{
    background:#fff;
    box-shadow:0 1px 2px rgba(0,0,0,.3);
    margin:10px;
    position:relative;
    border-radius:2px;
    font-size:14px
}
.card .content-block,.card .list-block{
    margin:0
}
.row:not(.no-gutter) .col>.card{
    margin-left:0;
    margin-right:0
}
.card-content{
    position:relative
}
.card-content-inner{
    padding:15px;
    position:relative
}
.card-content-inner>p:first-child{
    margin-top:0
}
.card-content-inner>p:last-child{
    margin-bottom:0
}
.card-content-inner>.content-block,.card-content-inner>.list-block{
    margin:-15px
}
.card-footer,.card-header{
    min-height:44px;
    position:relative;
    padding:10px 15px;
    box-sizing:border-box;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.card-footer[valign=top],.card-header[valign=top]{
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
}
.card-footer[valign=bottom],.card-header[valign=bottom]{
    -webkit-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    align-items:flex-end
}
.card-footer a.link,.card-header a.link{
    line-height:44px;
    height:44px;
    text-decoration:none;
    position:relative;
    margin-top:-10px;
    margin-bottom:-10px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.card-footer a.link.active-state,.card-header a.link.active-state,html:not(.watch-active-state) .card-footer a.link:active,html:not(.watch-active-state) .card-header a.link:active{
    opacity:.3;
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.card-footer a.link i+i,.card-footer a.link i+span,.card-footer a.link span+i,.card-footer a.link span+span,.card-header a.link i+i,.card-header a.link i+span,.card-header a.link span+i,.card-header a.link span+span{
    margin-left:7px
}
.card-footer a.link i.icon,.card-header a.link i.icon{
    display:block
}
.card-footer a.icon-only,.card-header a.icon-only{
    min-width:44px;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    margin:0
}
.card-header{
    border-radius:2px 2px 0 0;
    font-size:17px
}
.card-header:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#e1e1e1;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .card-header:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .card-header:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.card-header.no-border:after{
    display:none
}
.card-footer{
    border-radius:0 0 2px 2px;
    color:#6d6d72
}
.card-footer:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#e1e1e1;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .card-footer:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .card-footer:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.card-footer.no-border:before{
    display:none
}
.modal-overlay,.popup-overlay,.preloader-indicator-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,.4);
    z-index:13000;
    visibility:hidden;
    opacity:0;
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.modal-overlay.modal-overlay-visible,.popup-overlay.modal-overlay-visible,.preloader-indicator-overlay.modal-overlay-visible{
    visibility:visible;
    opacity:1
}
.popup-overlay{
    z-index:10500
}
.modal{
    width:270px;
    position:absolute;
    z-index:13500;
    left:50%;
    margin-left:-135px;
    margin-top:0;
    top:50%;
    text-align:center;
    border-radius:13px;
    overflow:hidden;
    opacity:0;
    -webkit-transform:translate3d(0,0,0) scale(1.185);
    transform:translate3d(0,0,0) scale(1.185);
    -webkit-transition-property:-webkit-transform,opacity;
    -moz-transition-property:-moz-transform,opacity;
    -ms-transition-property:-ms-transform,opacity;
    -o-transition-property:-o-transform,opacity;
    transition-property:transform,opacity;
    color:#000;
    display:none
}
.modal.modal-in{
    opacity:1;
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:translate3d(0,0,0) scale(1);
    transform:translate3d(0,0,0) scale(1)
}
.modal.modal-out{
    opacity:0;
    z-index:13499;
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transform:translate3d(0,0,0) scale(1);
    transform:translate3d(0,0,0) scale(1)
}
.modal-inner{
    padding:15px;
    border-radius:13px 13px 0 0;
    position:relative;
    background:rgba(255,255,255,.95)
}
.modal-inner:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:rgba(0,0,0,.2);
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .modal-inner:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .modal-inner:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.modal-title{
    font-weight:500;
    font-size:18px;
    text-align:center
}
html.ios-gt-8 .modal-title{
    font-weight:600
}
.modal-title+.modal-text{
    margin-top:5px
}
.modal-buttons{
    height:44px;
    position:relative;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center
}
.modal-buttons.modal-buttons-vertical{
    display:block;
    height:auto
}
.modal-button{
    width:100%;
    padding:0 5px;
    height:44px;
    font-size:17px;
    line-height:44px;
    text-align:center;
    color:#007aff;
    display:block;
    position:relative;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    cursor:pointer;
    box-sizing:border-box;
    -webkit-box-flex:1;
    -ms-flex:1;
    background:rgba(255,255,255,.95)
}
.modal-button:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    left:auto;
    bottom:auto;
    width:1px;
    height:100%;
    background-color:rgba(0,0,0,.2);
    display:block;
    z-index:15;
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
}
html.pixel-ratio-2 .modal-button:after{
    -webkit-transform:scaleX(.5);
    transform:scaleX(.5)
}
html.pixel-ratio-3 .modal-button:after{
    -webkit-transform:scaleX(.33);
    transform:scaleX(.33)
}
.modal-button:first-child{
    border-radius:0 0 0 13px
}
.modal-button:last-child{
    border-radius:0 0 13px 0
}
.modal-button:last-child:after{
    display:none
}
.modal-button:first-child:last-child{
    border-radius:0 0 13px 13px
}
.modal-button.modal-button-bold{
    font-weight:500
}
html.ios-gt-8 .modal-button.modal-button-bold{
    font-weight:600
}
.modal-button.active-state,html:not(.watch-active-state) .modal-button:active{
    background:rgba(230,230,230,.95)
}
.modal-buttons-vertical .modal-button{
    border-radius:0
}
.modal-buttons-vertical .modal-button:after{
    display:none
}
.modal-buttons-vertical .modal-button:before{
    display:none
}
.modal-buttons-vertical .modal-button:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:rgba(0,0,0,.2);
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .modal-buttons-vertical .modal-button:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .modal-buttons-vertical .modal-button:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.modal-buttons-vertical .modal-button:last-child{
    border-radius:0 0 13px 13px
}
.modal-buttons-vertical .modal-button:last-child:after{
    display:none
}
.modal-no-buttons .modal-inner{
    border-radius:13px
}
.modal-no-buttons .modal-inner:after{
    display:none
}
.modal-no-buttons .modal-buttons{
    display:none
}
.actions-modal{
    position:absolute;
    left:0;
    bottom:0;
    z-index:13500;
    width:100%;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0);
    max-height:100%;
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
@media (min-width:496px){
    .actions-modal{
        width:480px;
        left:50%;
        margin-left:-240px
    }
}
.actions-modal.modal-in{
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.actions-modal.modal-out{
    z-index:13499;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.actions-modal-group{
    margin:8px;
    position:relative;
    border-radius:13px;
    overflow:hidden;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.actions-modal-button,.actions-modal-label{
    width:100%;
    text-align:center;
    font-weight:400;
    margin:0;
    background:rgba(255,255,255,.95);
    box-sizing:border-box;
    display:block;
    position:relative;
    overflow:hidden
}
.actions-modal-button:after,.actions-modal-label:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:rgba(0,0,0,.2);
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .actions-modal-button:after,html.pixel-ratio-2 .actions-modal-label:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .actions-modal-button:after,html.pixel-ratio-3 .actions-modal-label:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.actions-modal-button a,.actions-modal-label a{
    text-decoration:none;
    color:inherit;
    display:block
}
.actions-modal-button b,.actions-modal-label b{
    font-weight:500
}
html.ios-gt-8 .actions-modal-button b,html.ios-gt-8 .actions-modal-label b{
    font-weight:600
}
.actions-modal-button.actions-modal-button-bold,.actions-modal-label.actions-modal-button-bold{
    font-weight:500
}
html.ios-gt-8 .actions-modal-button.actions-modal-button-bold,html.ios-gt-8 .actions-modal-label.actions-modal-button-bold{
    font-weight:600
}
.actions-modal-button.actions-modal-button-red,.actions-modal-label.actions-modal-button-red{
    color:#ff3b30
}
.actions-modal-button:first-child,.actions-modal-label:first-child{
    border-radius:13px 13px 0 0
}
.actions-modal-button:last-child,.actions-modal-label:last-child{
    border-radius:0 0 13px 13px
}
.actions-modal-button:last-child:after,.actions-modal-label:last-child:after{
    display:none
}
.actions-modal-button:first-child:last-child,.actions-modal-label:first-child:last-child{
    border-radius:13px
}
.actions-modal-button.disabled,.actions-modal-label.disabled{
    opacity:.9;
    color:#8e8e93
}
.actions-modal-button{
    cursor:pointer;
    height:57px;
    line-height:57px;
    font-size:20px;
    color:#007aff;
    white-space:normal;
    text-overflow:ellipsis
}
.actions-modal-button.active-state,html:not(.watch-active-state) .actions-modal-button:active{
    background:rgba(230,230,230,.9)
}
.actions-modal-label{
    font-size:13px;
    line-height:1.3;
    min-height:57px;
    padding:8px 10px;
    color:#8a8a8a;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
@media (orientation:landscape){
    .actions-modal-label{
        min-height:44px
    }
    .actions-modal-button{
        height:44px;
        line-height:44px
    }
}
input.modal-text-input{
    box-sizing:border-box;
    height:26px;
    background:#fff;
    margin:0;
    margin-top:15px;
    padding:0 5px;
    border:1px solid rgba(0,0,0,.3);
    border-radius:0;
    width:100%;
    font-size:14px;
    font-family:inherit;
    display:block;
    box-shadow:0 0 0 transparent;
    -webkit-appearance:none;
    -moz-appearance:none;
    -ms-appearance:none;
    appearance:none
}
input.modal-text-input+input.modal-text-input{
    margin-top:5px
}
.modal-input-double+.modal-input-double input.modal-text-input{
    border-top:0;
    margin-top:0
}
.popover{
    width:320px;
    background:rgba(255,255,255,.95);
    z-index:13500;
    margin:0;
    top:0;
    opacity:0;
    left:0;
    border-radius:13px;
    position:absolute;
    display:none;
    -webkit-transform:none;
    transform:none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -ms-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.popover.modal-in{
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    opacity:1
}
.popover .list-block{
    margin:0
}
.popover .list-block ul{
    background:0 0
}
.popover .list-block:first-child ul{
    border-radius:13px 13px 0 0
}
.popover .list-block:first-child ul:before{
    display:none
}
.popover .list-block:first-child li:first-child a{
    border-radius:13px 13px 0 0
}
.popover .list-block:last-child ul{
    border-radius:0 0 13px 13px
}
.popover .list-block:last-child ul:after{
    display:none
}
.popover .list-block:last-child li:last-child a{
    border-radius:0 0 13px 13px
}
.popover .list-block:first-child:last-child li:first-child:last-child a,.popover .list-block:first-child:last-child ul:first-child:last-child{
    border-radius:13px
}
.popover .list-block+.list-block{
    margin-top:35px
}
.popover-angle{
    width:26px;
    height:26px;
    position:absolute;
    left:-26px;
    top:0;
    z-index:100;
    overflow:hidden
}
.popover-angle:after{
    content:' ';
    background:rgba(255,255,255,.95);
    width:26px;
    height:26px;
    position:absolute;
    left:0;
    top:0;
    border-radius:3px;
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg)
}
.popover-angle.on-left{
    left:-26px
}
.popover-angle.on-left:after{
    left:19px;
    top:0
}
.popover-angle.on-right{
    left:100%
}
.popover-angle.on-right:after{
    left:-19px;
    top:0
}
.popover-angle.on-top{
    left:0;
    top:-26px
}
.popover-angle.on-top:after{
    left:0;
    top:19px
}
.popover-angle.on-bottom{
    left:0;
    top:100%
}
.popover-angle.on-bottom:after{
    left:0;
    top:-19px
}
.popover-inner{
    overflow:auto;
    -webkit-overflow-scrolling:touch
}
.actions-popover .list-block+.list-block{
    margin-top:20px
}
.actions-popover .list-block ul{
    background:#fff
}
.actions-popover-label{
    padding:8px 10px;
    color:#8a8a8a;
    font-size:13px;
    line-height:1.3;
    text-align:center;
    position:relative
}
.actions-popover-label:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:rgba(0,0,0,.2);
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .actions-popover-label:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .actions-popover-label:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.actions-popover-label:last-child:after{
    display:none
}
.login-screen,.popup{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:11000;
    background:#fff;
    box-sizing:border-box;
    display:none;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -ms-transition-property:-ms-transform;
    -o-transition-property:-o-transform;
    transition-property:transform;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.login-screen.modal-in,.login-screen.modal-out,.popup.modal-in,.popup.modal-out{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.login-screen.modal-in,.popup.modal-in{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.login-screen.modal-out,.popup.modal-out{
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.login-screen.modal-in,.login-screen.modal-out{
    display:block
}
@media all and (min-width:630px) and (min-height:630px){
    .popup:not(.tablet-fullscreen){
        width:630px;
        height:630px;
        left:50%;
        top:50%;
        margin-left:-315px;
        margin-top:-315px;
        -webkit-transform:translate3d(0,1024px,0);
        transform:translate3d(0,1024px,0)
    }
    .popup:not(.tablet-fullscreen).modal-in{
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
    .popup:not(.tablet-fullscreen).modal-out{
        -webkit-transform:translate3d(0,1024px,0);
        transform:translate3d(0,1024px,0)
    }
}
@media all and (max-width:629px),(max-height:629px){
    html.with-statusbar-overlay .popup{
        height:-webkit-calc(100% - 20px);
        height:calc(100% - 20px);
        top:20px
    }
    html.with-statusbar-overlay .popup-overlay{
        z-index:9500
    }
}
html.with-statusbar-overlay .login-screen,html.with-statusbar-overlay .popup.tablet-fullscreen{
    height:-webkit-calc(100% - 20px);
    height:calc(100% - 20px);
    top:20px
}
.modal .preloader{
    width:34px;
    height:34px
}
.preloader-indicator-overlay{
    visibility:visible;
    opacity:0;
    background:0 0
}
.preloader-indicator-modal{
    position:absolute;
    left:50%;
    top:50%;
    padding:8px;
    margin-left:-25px;
    margin-top:-25px;
    background:rgba(0,0,0,.8);
    z-index:13500;
    border-radius:5px
}
.preloader-indicator-modal .preloader{
    display:block;
    width:34px;
    height:34px
}
.picker-modal{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:260px;
    z-index:12500;
    display:none;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -ms-transition-property:-ms-transform;
    -o-transition-property:-o-transform;
    transition-property:transform;
    background:#cfd5da;
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.picker-modal.modal-in,.picker-modal.modal-out{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.picker-modal.modal-in{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.picker-modal.modal-out{
    -webkit-transform:translate3d(0,100%,0);
    transform:translate3d(0,100%,0)
}
.picker-modal .picker-modal-inner{
    height:100%;
    position:relative
}
.picker-modal .toolbar{
    position:relative;
    width:100%;
    background:#f7f7f8
}
.picker-modal .toolbar:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#929499;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .picker-modal .toolbar:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-modal .toolbar:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.picker-modal .toolbar+.picker-modal-inner{
    height:-webkit-calc(100% - 44px);
    height:-moz-calc(100% - 44px);
    height:calc(100% - 44px)
}
.picker-modal.picker-modal-inline,.popover .picker-modal{
    display:block;
    position:relative;
    background:0 0;
    z-index:inherit;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.picker-modal.picker-modal-inline .toolbar:before,.popover .picker-modal .toolbar:before{
    display:none
}
.picker-modal.picker-modal-inline .toolbar:after,.popover .picker-modal .toolbar:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#929499;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-2 .popover .picker-modal .toolbar:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-modal.picker-modal-inline .toolbar:after,html.pixel-ratio-3 .popover .picker-modal .toolbar:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.popover .picker-modal{
    width:auto
}
.popover .picker-modal .toolbar{
    background:0 0
}
.picker-modal.smart-select-picker .page{
    background:#fff
}
.picker-modal.smart-select-picker .toolbar:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .picker-modal.smart-select-picker .toolbar:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-modal.smart-select-picker .toolbar:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.picker-modal.smart-select-picker .list-block{
    margin:0
}
.picker-modal.smart-select-picker .list-block ul:before{
    display:none
}
.picker-modal.smart-select-picker .list-block ul:after{
    display:none
}
.panel-overlay{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0);
    opacity:0;
    z-index:5999;
    display:none
}
.panel{
    z-index:1000;
    display:none;
    background:#111;
    box-sizing:border-box;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    position:absolute;
    width:260px;
    top:0;
    height:100%;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.panel.panel-left.panel-cover{
    z-index:6000;
    left:-260px
}
.panel.panel-left.panel-reveal{
    left:0
}
.panel.panel-right.panel-cover{
    z-index:6000;
    right:-260px
}
.panel.panel-right.panel-reveal{
    right:0
}
body.with-panel-left-cover .views,body.with-panel-right-cover .views{
}
body.with-panel-left-cover .panel-overlay,body.with-panel-right-cover .panel-overlay{
    display:block
}
body.with-panel-left-reveal .views,body.with-panel-right-reveal .views{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform
}
body.with-panel-left-reveal .panel-overlay,body.with-panel-right-reveal .panel-overlay{
    display:block
}
body.with-panel-left-reveal .views{
    -webkit-transform:translate3d(260px,0,0);
    transform:translate3d(260px,0,0)
}
body.with-panel-left-reveal .panel-overlay{
    margin-left:260px
}
body.with-panel-left-cover .panel-left{
    -webkit-transform:translate3d(260px,0,0);
    transform:translate3d(260px,0,0)
}
body.with-panel-right-reveal .views{
    -webkit-transform:translate3d(-260px,0,0);
    transform:translate3d(-260px,0,0)
}
body.with-panel-right-reveal .panel-overlay{
    margin-left:-260px
}
body.with-panel-right-cover .panel-right{
    -webkit-transform:translate3d(-260px,0,0);
    transform:translate3d(-260px,0,0)
}
body.panel-closing .views{
    -webkit-transition-duration:.4s;
    transition-duration:.4s;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    transition-property:transform
}
.lazy-loaded.lazy-fadeIn{
    -webkit-animation:lazyFadeIn .6s;
    animation:lazyFadeIn .6s
}
@-webkit-keyframes lazyFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
@keyframes lazyFadeIn{
    from{
        opacity:0
    }
    to{
        opacity:1
    }
}
.tabs .tab{
    display:none
}
.tabs .tab.active{
    display:block
}
.tabs-animated-wrap{
    position:relative;
    width:100%;
    overflow:hidden;
    height:100%
}
.tabs-animated-wrap>.tabs{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    height:100%;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.tabs-animated-wrap>.tabs>.tab{
    width:100%;
    display:block;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0
}
.tabs-swipeable-wrap{
    height:100%
}
.tabs-swipeable-wrap>.tabs>.tab{
    display:block
}
.messages-content{
    background:#fff
}
.messages{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.messages-date{
    text-align:center;
    font-weight:500;
    font-size:11px;
    line-height:1;
    margin:10px 15px;
    color:#8e8e93
}
html.ios-gt-8 .messages-date{
    font-weight:600
}
.messages-date span{
    font-weight:400
}
.message{
    box-sizing:border-box;
    margin:1px 10px 0;
    max-width:70%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.message:first-child{
    margin-top:10px
}
.message .message-text{
    box-sizing:border-box;
    border-radius:16px;
    padding:6px 16px 9px;
    min-width:48px;
    min-height:35px;
    font-size:17px;
    line-height:1.2;
    word-break:break-word
}
.message .message-text img{
    max-width:100%;
    height:auto
}
.message.message-pic .message-text{
    padding:0;
    background:0 0
}
.message.message-pic img{
    display:block;
    border-radius:16px
}
.message-name{
    font-size:12px;
    line-height:1;
    color:#8e8e93;
    margin-bottom:2px;
    margin-top:7px
}
.message-hide-name .message-name{
    display:none
}
.message-label{
    font-size:12px;
    line-height:1;
    color:#8e8e93;
    margin-top:4px
}
.message-hide-label .message-label{
    display:none
}
.message-avatar{
    width:29px;
    height:29px;
    border-radius:100%;
    margin-top:-29px;
    position:relative;
    top:1px;
    background-size:cover;
    opacity:1;
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.message-hide-avatar .message-avatar{
    opacity:0
}
.message-date{
    font-size:12px;
    margin-top:4px;
    opacity:.8
}
.message-pic img+.message-date{
    margin-top:8px
}
.message-sent .message-date{
    text-align:right
}
.message-sent{
    -ms-flex-item-align:end;
    -webkit-align-self:flex-end;
    align-self:flex-end;
    -webkit-box-align:end;
    -ms-flex-align:end;
    -webkit-align-items:flex-end;
    align-items:flex-end
}
.message-sent .message-name{
    margin-right:16px
}
.message-sent .message-label{
    margin-right:6px
}
.message-sent.message-with-avatar .message-text{
    margin-right:29px
}
.message-sent.message-with-avatar .message-name{
    margin-right:45px
}
.message-sent.message-with-avatar .message-label{
    margin-right:34px
}
.message-sent .message-text{
    padding-right:22px;
    background-color:#00d449;
    color:#fff;
    margin-left:auto;
    -webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 56% 46% 42%
}
.message-sent.message-last .message-text,.message-sent.message-with-tail .message-text{
    border-radius:16px 16px 0 16px;
    -webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m84 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m96 70c-6-2-12-10-12-19v-16l-14 27s8 8 26 8z'/></svg>") 50% 56% 46% 42%
}
.message-sent.message-last.message-pic img,.message-sent.message-with-tail.message-pic img{
    border-radius:16px 16px 0 16px
}
.message-received{
    -ms-flex-item-align:start;
    -webkit-align-self:flex-start;
    align-self:flex-start;
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
}
.message-received .message-text{
    padding-left:22px;
    background-color:#e5e5ea;
    color:#000;
    -webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/></svg>") 50% 42% 46% 56%
}
.message-received .message-name{
    margin-left:16px
}
.message-received .message-label{
    margin-left:6px
}
.message-received.message-with-avatar .message-text{
    margin-left:29px
}
.message-received.message-with-avatar .message-name{
    margin-left:45px
}
.message-received.message-with-avatar .message-label{
    margin-left:34px
}
.message-received.message-last .message-text,.message-received.message-with-tail .message-text{
    border-radius:16px 16px 16px 0;
    -webkit-mask-box-image:url("data:image/svg+xml;charset=utf-8,<svg height='35' viewBox='0 0 96 70' width='48' xmlns='http://www.w3.org/2000/svg'><path d='m96 35c1 7-5 37-42 35-37 2-43-28-42-35-1-7 5-37 42-35 37-2 43 28 42 35z'/><path d='m0 70c6-2 12-10 12-19v-16l14 27s-8 8-26 8z'/></svg>") 50% 42% 46% 56%
}
.message-received.message-last.message-pic img,.message-received.message-with-tail.message-pic img{
    border-radius:16px 16px 16px 0
}
.message-last{
    margin-bottom:8px
}
.message-appear-from-bottom{
    -webkit-animation:messageAppearFromBottom .4s;
    animation:messageAppearFromBottom .4s
}
.message-appear-from-top{
    -webkit-animation:messageAppearFromTop .4s;
    animation:messageAppearFromTop .4s
}
.messages-auto-layout .message-label,.messages-auto-layout .message-name{
    display:none
}
.messages-auto-layout .message-avatar{
    opacity:0
}
.messages-auto-layout .message-first .message-name{
    display:block
}
.messages-auto-layout .message-last .message-avatar{
    opacity:1
}
.messages-auto-layout .message-last .message-label{
    display:block
}
html.retina.ios-6 .message,html.retina.ios-6 .message.message-pic img{
    -webkit-mask-box-image:none;
    border-radius:16px
}
@-webkit-keyframes messageAppearFromBottom{
    from{
        -webkit-transform:translate3d(0,100%,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0)
    }
}
@keyframes messageAppearFromBottom{
    from{
        transform:translate3d(0,100%,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
@-webkit-keyframes messageAppearFromTop{
    from{
        -webkit-transform:translate3d(0,-100%,0)
    }
    to{
        -webkit-transform:translate3d(0,0,0)
    }
}
@keyframes messageAppearFromTop{
    from{
        transform:translate3d(0,-100%,0)
    }
    to{
        transform:translate3d(0,0,0)
    }
}
html.with-statusbar-overlay body{
    padding-top:20px;
    box-sizing:border-box
}
html.with-statusbar-overlay body .statusbar-overlay{
    display:block
}
html.with-statusbar-overlay body .panel{
    padding-top:20px
}
.statusbar-overlay{
    background:#f7f7f8;
    z-index:10000;
    position:absolute;
    left:0;
    top:0;
    height:20px;
    width:100%;
    display:none;
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.preloader{
    display:inline-block;
    width:20px;
    height:20px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:50%;
    background-size:100%;
    background-repeat:no-repeat;
    -webkit-animation:preloader-spin 1s steps(12,end) infinite;
    animation:preloader-spin 1s steps(12,end) infinite
}
@-webkit-keyframes preloader-spin{
    100%{
        -webkit-transform:rotate(360deg)
    }
}
@keyframes preloader-spin{
    100%{
        transform:rotate(360deg)
    }
}
.progressbar,.progressbar-infinite{
    height:2px;
    width:100%;
    overflow:hidden;
    position:relative;
    display:block;
    background:#b6b6b6;
    border-radius:2px;
    -webkit-transform-origin:center top;
    transform-origin:center top;
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.progressbar{
    vertical-align:middle
}
.progressbar span{
    width:100%;
    background:#007aff;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    -webkit-transform:translate3d(-100%,0,0);
    transform:translate3d(-100%,0,0);
    -webkit-transition-duration:150ms;
    transition-duration:150ms
}
.progressbar-infinite:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:#007aff;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-transform-origin:left center;
    transform-origin:left center;
    -webkit-animation:progressbar-infinite 1s linear infinite;
    animation:progressbar-infinite 1s linear infinite
}
html.with-statusbar-overlay .framework7-root>.progressbar-infinite,html.with-statusbar-overlay body>.progressbar-infinite{
    top:20px
}
.progressbar-infinite.color-multi{
    background:0 0
}
.progressbar-infinite.color-multi:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    width:400%;
    height:100%;
    background-image:-webkit-linear-gradient(left,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);
    background-image:linear-gradient(to right,#4cd964,#5ac8fa,#007aff,#34aadc,#5856d6,#ff2d55,#5856d6,#34aadc,#007aff,#5ac8fa,#4cd964);
    background-size:25% 100%;
    background-repeat:repeat-x;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    -webkit-animation:progressbar-infinite-multicolor 3s linear infinite;
    animation:progressbar-infinite-multicolor 3s linear infinite
}
html.with-statusbar-overlay .framework7-root>.progressbar-infinite.color-multi,html.with-statusbar-overlay body>.progressbar-infinite.color-multi{
    top:20px
}
.framework7-root>.progressbar,.framework7-root>.progressbar-infinite,.page>.progressbar,.page>.progressbar-infinite,.panel>.progressbar,.panel>.progressbar-infinite,.popup>.progressbar,.popup>.progressbar-infinite,.view>.progressbar,.view>.progressbar-infinite,.views>.progressbar,.views>.progressbar-infinite,body>.progressbar,body>.progressbar-infinite{
    position:absolute;
    left:0;
    top:0;
    z-index:15000;
    border-radius:0
}
.progressbar-in{
    -webkit-animation:progressbar-in .3s forwards;
    animation:progressbar-in .3s forwards
}
.progressbar-out{
    -webkit-animation:progressbar-out .3s forwards;
    animation:progressbar-out .3s forwards
}
html.with-statusbar-overlay body>.progressbar{
    top:20px
}
@-webkit-keyframes progressbar-in{
    from{
        opacity:0;
        -webkit-transform:scaleY(0)
    }
    to{
        opacity:1;
        -webkit-transform:scaleY(1)
    }
}
@keyframes progressbar-in{
    from{
        opacity:0;
        transform:scaleY(0)
    }
    to{
        opacity:1;
        transform:scaleY(1)
    }
}
@-webkit-keyframes progressbar-out{
    from{
        opacity:1;
        -webkit-transform:scaleY(1)
    }
    to{
        opacity:0;
        -webkit-transform:scaleY(0)
    }
}
@keyframes progressbar-out{
    from{
        opacity:1;
        transform:scaleY(1)
    }
    to{
        opacity:0;
        transform:scaleY(0)
    }
}
@-webkit-keyframes progressbar-infinite{
    0%{
        -webkit-transform:translate3d(-50%,0,0) scaleX(.5)
    }
    100%{
        -webkit-transform:translate3d(100%,0,0) scaleX(.5)
    }
}
@keyframes progressbar-infinite{
    0%{
        transform:translate3d(-50%,0,0) scaleX(.5)
    }
    100%{
        transform:translate3d(100%,0,0) scaleX(.5)
    }
}
@-webkit-keyframes progressbar-infinite-multicolor{
    from{
        -webkit-transform:translate3d(0,0,0)
    }
    to{
        -webkit-transform:translate3d(-50%,0,0)
    }
}
@keyframes progressbar-infinite-multicolor{
    from{
        transform:translate3d(0,0,0)
    }
    to{
        transform:translate3d(-50%,0,0)
    }
}
.pull-to-refresh-layer{
    position:absolute;
    position:relative;
    margin-top:-44px;
    left:0;
    top:0;
    width:100%;
    height:44px
}
.pull-to-refresh-layer .preloader{
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-10px;
    margin-top:-10px;
    visibility:hidden
}
.pull-to-refresh-layer .pull-to-refresh-arrow{
    width:13px;
    height:20px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-6px;
    margin-top:-10px;
    background:no-repeat center;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2026%2040'%3E%3Cpolygon%20points%3D'9%2C22%209%2C0%2017%2C0%2017%2C22%2026%2C22%2013.5%2C40%200%2C22'%20fill%3D'%238c8c8c'%2F%3E%3C%2Fsvg%3E");
    background-size:13px 20px;
    z-index:10;
    -webkit-transform:rotate(0) translate3d(0,0,0);
    transform:rotate(0) translate3d(0,0,0);
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.pull-to-refresh-content.pull-to-refresh-no-navbar{
    margin-top:-44px;
    height:-webkit-calc(100% + 44px);
    height:-moz-calc(100% + 44px);
    height:calc(100% + 44px)
}
.pull-to-refresh-content.pull-to-refresh-no-navbar .pull-to-refresh-layer{
    margin-top:0
}
.pull-to-refresh-content.refreshing,.pull-to-refresh-content.transitioning{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.pull-to-refresh-content:not(.refreshing) .pull-to-refresh-layer .preloader{
    -webkit-animation:none;
    animation:none
}
.pull-to-refresh-content.refreshing{
    -webkit-transform:translate3d(0,44px,0);
    transform:translate3d(0,44px,0)
}
.pull-to-refresh-content.refreshing .pull-to-refresh-arrow{
    visibility:hidden;
    -webkit-transition-duration:0s;
    transition-duration:0s
}
.pull-to-refresh-content.refreshing .preloader{
    visibility:visible
}
.pull-to-refresh-content.pull-up .pull-to-refresh-arrow{
    -webkit-transform:rotate(180deg) translate3d(0,0,0);
    transform:rotate(180deg) translate3d(0,0,0)
}
.infinite-scroll-preloader{
    text-align:center;
    padding:5px 0
}
.autocomplete-page .autocomplete-found{
    display:block
}
.autocomplete-page .autocomplete-not-found{
    display:none
}
.autocomplete-page .autocomplete-values{
    display:block
}
.autocomplete-page .list-block ul:empty{
    display:none
}
.autocomplete-preloader:not(.autocomplete-preloader-visible){
    -webkit-animation:none;
    animation:none;
    visibility:hidden
}
.autocomplete-dropdown{
    background:#fff;
    box-sizing:border-box;
    position:absolute;
    z-index:500;
    box-shadow:0 3px 3px rgba(0,0,0,.2);
    width:100%;
    left:0
}
.autocomplete-dropdown .autocomplete-dropdown-inner{
    position:relative;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    height:100%;
    z-index:1
}
.autocomplete-dropdown .autocomplete-preloader{
    display:none;
    position:absolute;
    right:15px;
    bottom:100%;
    margin-bottom:12px;
    width:20px;
    height:20px
}
.autocomplete-dropdown .autocomplete-preloader-visible{
    display:block
}
.autocomplete-dropdown .autocomplete-dropdown-placeholder{
    color:#a9a9a9
}
.autocomplete-dropdown .list-block{
    margin:0
}
.autocomplete-dropdown .list-block ul{
    background:0 0!important
}
.autocomplete-dropdown .list-block ul:before{
    display:none
}
.autocomplete-dropdown .list-block ul:after{
    display:none
}
.autocomplete-dropdown .list-block b{
    font-weight:500
}
html.ios-gt-8 .autocomplete-dropdown .list-block b{
    font-weight:600
}
.list-block .item-content-dropdown-expand .item-title.label{
    width:0;
    -webkit-flex-shrink:10;
    -ms-flex:0 10 auto;
    flex-shrink:10
}
.list-block .item-content-dropdown-expand .item-title.label+.item-input{
    margin-left:0
}
.list-block .item-content-dropdown-expand .item-input{
    width:100%
}
.timeline{
    margin:35px 0;
    padding:0 15px;
    box-sizing:border-box
}
.content-block-inner .timeline{
    padding:0;
    margin:0
}
.timeline-item{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    -webkit-justify-content:flex-start;
    justify-content:flex-start;
    overflow:hidden;
    padding:2px 0 15px;
    box-sizing:border-box;
    position:relative
}
.timeline-item:last-child{
    padding-bottom:2px
}
.timeline-item-date{
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:50px;
    text-align:right;
    box-sizing:border-box
}
.timeline-item-date small{
    font-size:10px
}
.timeline-item-content{
    margin:2px;
    min-width:0;
    position:relative;
    -webkit-flex-shrink:10;
    -ms-flex:0 10 auto;
    flex-shrink:10
}
.timeline-item-content h1:first-child,.timeline-item-content h2:first-child,.timeline-item-content h3:first-child,.timeline-item-content h4:first-child,.timeline-item-content ol:first-child,.timeline-item-content p:first-child,.timeline-item-content ul:first-child{
    margin-top:0
}
.timeline-item-content h1:last-child,.timeline-item-content h2:last-child,.timeline-item-content h3:last-child,.timeline-item-content h4:last-child,.timeline-item-content ol:last-child,.timeline-item-content p:last-child,.timeline-item-content ul:last-child{
    margin-bottom:0
}
.timeline-item-content .card,.timeline-item-content .content-block,.timeline-item-content .list-block,.timeline-item-content.card,.timeline-item-content.content-block,.timeline-item-content.list-block{
    margin:0;
    width:100%
}
.timeline-item-content .card+.card,.timeline-item-content .card+.content-block,.timeline-item-content .card+.list-block,.timeline-item-content .content-block+.card,.timeline-item-content .content-block+.content-block,.timeline-item-content .content-block+.list-block,.timeline-item-content .list-block+.card,.timeline-item-content .list-block+.content-block,.timeline-item-content .list-block+.list-block{
    margin:15px 0 0
}
.timeline-item-inner{
    border-radius:7px;
    padding:8px 15px;
    background:#fff;
    box-sizing:border-box
}
.timeline-item-inner .content-block{
    padding:0;
    color:inherit
}
.timeline-item-inner .content-block-inner{
    padding-left:0;
    padding-right:0;
    margin:0
}
.timeline-item-inner .content-block-inner:before{
    display:none
}
.timeline-item-inner .content-block-inner:after{
    display:none
}
.timeline-item-inner .list-block ul:before{
    display:none
}
.timeline-item-inner .list-block ul:after{
    display:none
}
.content-block-inner .timeline-item-inner{
    border-radius:3px;
    border:1px solid rgba(0,0,0,.1)
}
.timeline-item-inner+.timeline-item-inner{
    margin-top:15px
}
.timeline-item-divider{
    width:1px;
    margin:0 15px;
    position:relative;
    width:10px;
    height:10px;
    background:#bbb;
    border-radius:50%;
    margin-top:3px;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0
}
.timeline-item-divider:after,.timeline-item-divider:before{
    content:' ';
    width:1px;
    height:100vh;
    position:absolute;
    left:50%;
    background:inherit;
    -webkit-transform:translate3d(-50%,0,0);
    transform:translate3d(-50%,0,0)
}
.timeline-item-divider:after{
    top:100%
}
.timeline-item-divider:before{
    bottom:100%
}
.timeline-item:last-child .timeline-item-divider:after{
    display:none
}
.timeline-item:first-child .timeline-item-divider:before{
    display:none
}
.timeline-item-time{
    margin-top:15px;
    font-size:13px;
    color:#6d6d72
}
.timeline-item-time:first-child,.timeline-item-time:last-child{
    margin-top:0
}
.timeline-item-title+.timeline-item-time{
    margin-top:0
}
.timeline-item-title{
    font-size:17px;
    font-weight:500
}
html.ios-gt-8 .timeline-item-title{
    font-weight:600
}
.timeline-item-subtitle{
    font-size:15px
}
.timeline-sides .timeline-item{
    margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-left:calc(50% - (30px + 10px)/ 2 - 50px);
    margin-right:0
}
.timeline-sides .timeline-item .timeline-item-date{
    text-align:right
}
.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n){
    -webkit-box-direction:reverse;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;
    margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-right:calc(50% - (30px + 10px)/ 2 - 50px);
    margin-left:0
}
.timeline-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{
    text-align:left
}
.timeline-sides .timeline-item-left{
    -webkit-box-direction:reverse;
    -moz-box-direction:reverse;
    -ms-flex-direction:row-reverse;
    -webkit-flex-direction:row-reverse;
    flex-direction:row-reverse;
    margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-right:calc(50% - (30px + 10px)/ 2 - 50px);
    margin-left:0
}
.timeline-sides .timeline-item-left .timeline-item-date{
    text-align:left
}
.timeline-sides .timeline-item-right{
    margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
    margin-left:calc(50% - (30px + 10px)/ 2 - 50px);
    margin-right:0
}
.timeline-sides .timeline-item-right .timeline-item-date{
    text-align:right
}
@media (min-width:768px){
    .tablet-sides .timeline-item{
        margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-left:calc(50% - (30px + 10px)/ 2 - 50px);
        margin-right:0
    }
    .tablet-sides .timeline-item .timeline-item-date{
        text-align:right
    }
    .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n){
        -webkit-box-direction:reverse;
        -moz-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        -webkit-flex-direction:row-reverse;
        flex-direction:row-reverse;
        margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-right:calc(50% - (30px + 10px)/ 2 - 50px);
        margin-left:0
    }
    .tablet-sides .timeline-item:not(.timeline-item-right):nth-child(2n) .timeline-item-date{
        text-align:left
    }
    .tablet-sides .timeline-item-left{
        -webkit-box-direction:reverse;
        -moz-box-direction:reverse;
        -ms-flex-direction:row-reverse;
        -webkit-flex-direction:row-reverse;
        flex-direction:row-reverse;
        margin-right:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-right:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-right:calc(50% - (30px + 10px)/ 2 - 50px);
        margin-left:0
    }
    .tablet-sides .timeline-item-left .timeline-item-date{
        text-align:left
    }
    .tablet-sides .timeline-item-right{
        margin-left:-moz-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-left:-webkit-calc(50% - (30px + 10px)/ 2 - 50px);
        margin-left:calc(50% - (30px + 10px)/ 2 - 50px);
        margin-right:0
    }
    .tablet-sides .timeline-item-right .timeline-item-date{
        text-align:right
    }
}
.timeline-horizontal{
    padding:0;
    margin:0;
    height:100%;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.timeline-horizontal .timeline-item{
    display:block;
    width:33.33333333vw;
    margin:0;
    padding:0;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    padding-top:34px;
    padding-bottom:10px;
    position:relative;
    height:100%
}
.timeline-horizontal .timeline-item:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    left:auto;
    bottom:auto;
    width:1px;
    height:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
}
html.pixel-ratio-2 .timeline-horizontal .timeline-item:after{
    -webkit-transform:scaleX(.5);
    transform:scaleX(.5)
}
html.pixel-ratio-3 .timeline-horizontal .timeline-item:after{
    -webkit-transform:scaleX(.33);
    transform:scaleX(.33)
}
.timeline-horizontal .timeline-month:last-child .timeline-item:last-child:after{
    display:none
}
.timeline-horizontal .timeline-item-date{
    background:#f7f7f8;
    width:auto;
    text-align:left;
    padding:0 10px;
    line-height:34px;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:34px
}
.timeline-horizontal .timeline-item-date:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .timeline-horizontal .timeline-item-date:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .timeline-horizontal .timeline-item-date:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.timeline-horizontal .timeline-item-content{
    padding:10px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    margin:0;
    height:-webkit-calc(100% - 10px);
    height:-moz-calc(100% - 10px);
    height:calc(100% - 10px)
}
.timeline-horizontal .timeline-item-divider{
    display:none
}
.timeline-horizontal.col-100 .timeline-item{
    width:100vw
}
.timeline-horizontal.col-95 .timeline-item{
    width:95vw
}
.timeline-horizontal.col-90 .timeline-item{
    width:90vw
}
.timeline-horizontal.col-85 .timeline-item{
    width:85vw
}
.timeline-horizontal.col-80 .timeline-item{
    width:80vw
}
.timeline-horizontal.col-75 .timeline-item{
    width:75vw
}
.timeline-horizontal.col-70 .timeline-item{
    width:70vw
}
.timeline-horizontal.col-66 .timeline-item{
    width:66.66666666666666vw
}
.timeline-horizontal.col-65 .timeline-item{
    width:65vw
}
.timeline-horizontal.col-60 .timeline-item{
    width:60vw
}
.timeline-horizontal.col-55 .timeline-item{
    width:55vw
}
.timeline-horizontal.col-50 .timeline-item{
    width:50vw
}
.timeline-horizontal.col-45 .timeline-item{
    width:45vw
}
.timeline-horizontal.col-40 .timeline-item{
    width:40vw
}
.timeline-horizontal.col-35 .timeline-item{
    width:35vw
}
.timeline-horizontal.col-33 .timeline-item{
    width:33.333333333333336vw
}
.timeline-horizontal.col-30 .timeline-item{
    width:30vw
}
.timeline-horizontal.col-25 .timeline-item{
    width:25vw
}
.timeline-horizontal.col-20 .timeline-item{
    width:20vw
}
.timeline-horizontal.col-15 .timeline-item{
    width:15vw
}
.timeline-horizontal.col-10 .timeline-item{
    width:10vw
}
.timeline-horizontal.col-5 .timeline-item{
    width:5vw
}
@media all and (min-width:768px){
    .timeline-horizontal.tablet-100 .timeline-item{
        width:100vw
    }
    .timeline-horizontal.tablet-95 .timeline-item{
        width:95vw
    }
    .timeline-horizontal.tablet-90 .timeline-item{
        width:90vw
    }
    .timeline-horizontal.tablet-85 .timeline-item{
        width:85vw
    }
    .timeline-horizontal.tablet-80 .timeline-item{
        width:80vw
    }
    .timeline-horizontal.tablet-75 .timeline-item{
        width:75vw
    }
    .timeline-horizontal.tablet-70 .timeline-item{
        width:70vw
    }
    .timeline-horizontal.tablet-66 .timeline-item{
        width:66.66666666666666vw
    }
    .timeline-horizontal.tablet-65 .timeline-item{
        width:65vw
    }
    .timeline-horizontal.tablet-60 .timeline-item{
        width:60vw
    }
    .timeline-horizontal.tablet-55 .timeline-item{
        width:55vw
    }
    .timeline-horizontal.tablet-50 .timeline-item{
        width:50vw
    }
    .timeline-horizontal.tablet-45 .timeline-item{
        width:45vw
    }
    .timeline-horizontal.tablet-40 .timeline-item{
        width:40vw
    }
    .timeline-horizontal.tablet-35 .timeline-item{
        width:35vw
    }
    .timeline-horizontal.tablet-33 .timeline-item{
        width:33.333333333333336vw
    }
    .timeline-horizontal.tablet-30 .timeline-item{
        width:30vw
    }
    .timeline-horizontal.tablet-25 .timeline-item{
        width:25vw
    }
    .timeline-horizontal.tablet-20 .timeline-item{
        width:20vw
    }
    .timeline-horizontal.tablet-15 .timeline-item{
        width:15vw
    }
    .timeline-horizontal.tablet-10 .timeline-item{
        width:10vw
    }
    .timeline-horizontal.tablet-5 .timeline-item{
        width:5vw
    }
}
.timeline-month,.timeline-year{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    padding-top:24px;
    position:relative;
    box-sizing:border-box;
    height:100%
}
.timeline-year:after{
    content:'';
    position:absolute;
    right:0;
    top:0;
    left:auto;
    bottom:auto;
    width:1px;
    height:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:100% 50%;
    transform-origin:100% 50%
}
html.pixel-ratio-2 .timeline-year:after{
    -webkit-transform:scaleX(.5);
    transform:scaleX(.5)
}
html.pixel-ratio-3 .timeline-year:after{
    -webkit-transform:scaleX(.33);
    transform:scaleX(.33)
}
.timeline-year:last-child:after{
    display:none
}
.timeline-month .timeline-item:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .timeline-month .timeline-item:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .timeline-month .timeline-item:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.timeline-month-title,.timeline-year-title{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    line-height:24px;
    height:24px;
    padding:0 10px;
    box-sizing:border-box;
    background:#f7f7f8
}
.timeline-month-title span,.timeline-year-title span{
    display:inline-block;
    position:-webkit-sticky;
    position:-moz-sticky;
    position:sticky;
    left:10px
}
.timeline-year-title{
    font-size:16px
}
.timeline-year-title span{
    margin-top:3px
}
.timeline-month-title span{
    margin-top:-2px
}
.swiper-container{
    margin-left:auto;
    margin-right:auto;
    position:relative;
    overflow:hidden;
    z-index:1
}
.swiper-container-no-flexbox .swiper-slide{
    float:left
}
.swiper-container-vertical>.swiper-wrapper{
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column
}
.swiper-wrapper{
    position:relative;
    width:100%;
    height:100%;
    z-index:1;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-transition-property:-webkit-transform;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    box-sizing:content-box
}
.swiper-container-android .swiper-slide,.swiper-wrapper{
/*
    -webkit-transform:translate3d(0,0,0);
    -moz-transform:translate3d(0,0,0);
    -o-transform:translate(0,0);
    -ms-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
    */
}
.swiper-container-multirow>.swiper-wrapper{
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -ms-flex-wrap:wrap;
    -webkit-flex-wrap:wrap;
    flex-wrap:wrap
}
.swiper-container-free-mode>.swiper-wrapper{
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out;
    margin:0 auto
}
.swiper-slide{
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    width:100%;
    height:100%;
    position:relative
}
.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{
    height:auto
}
.swiper-container-autoheight .swiper-wrapper{
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start;
    -webkit-transition-property:-webkit-transform,height;
    -moz-transition-property:-moz-transform;
    -o-transition-property:-o-transform;
    -ms-transition-property:-ms-transform;
    transition-property:transform,height
}
.swiper-container .swiper-notification{
    position:absolute;
    left:0;
    top:0;
    pointer-events:none;
    opacity:0;
    z-index:-1000
}
.swiper-wp8-horizontal{
    -ms-touch-action:pan-y;
    touch-action:pan-y
}
.swiper-wp8-vertical{
    -ms-touch-action:pan-x;
    touch-action:pan-x
}
.swiper-button-next,.swiper-button-prev{
    position:absolute;
    top:50%;
    width:27px;
    height:44px;
    margin-top:-22px;
    z-index:10;
    cursor:pointer;
    -moz-background-size:27px 44px;
    -webkit-background-size:27px 44px;
    background-size:27px 44px;
    background-position:center;
    background-repeat:no-repeat
}
.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
    opacity:.35;
    cursor:auto;
    pointer-events:none
}
.swiper-button-prev,.swiper-container-rtl .swiper-button-next{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    left:10px;
    right:auto
}
.swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
    right:10px;
    left:auto
}
.swiper-pagination{
    position:absolute;
    text-align:center;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -o-transition:.3s;
    transition:.3s;
    -webkit-transform:translate3d(0,0,0);
    -ms-transform:translate3d(0,0,0);
    -o-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    z-index:10
}
.swiper-pagination.swiper-pagination-hidden{
    opacity:0
}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{
    bottom:10px;
    left:0;
    width:100%
}
.swiper-pagination-bullet{
    width:8px;
    height:8px;
    display:inline-block;
    border-radius:100%;
    background:#000;
    opacity:.2
}
button.swiper-pagination-bullet{
    border:none;
    margin:0;
    padding:0;
    box-shadow:none;
    -moz-appearance:none;
    -ms-appearance:none;
    -webkit-appearance:none;
    appearance:none
}
.swiper-pagination-clickable .swiper-pagination-bullet{
    cursor:pointer
}
.swiper-pagination-bullet-active{
    opacity:1;
    background:#007aff
}
.swiper-container-vertical>.swiper-pagination-bullets{
    right:10px;
    top:50%;
    -webkit-transform:translate3d(0,-50%,0);
    -moz-transform:translate3d(0,-50%,0);
    -o-transform:translate(0,-50%);
    -ms-transform:translate3d(0,-50%,0);
    transform:translate3d(0,-50%,0)
}
.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:5px 0;
    display:block
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 5px
}
.swiper-pagination-progress{
    background:rgba(0,0,0,.25);
    position:absolute
}
.swiper-pagination-progress .swiper-pagination-progressbar{
    background:#007aff;
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    -webkit-transform:scale(0);
    -ms-transform:scale(0);
    -o-transform:scale(0);
    transform:scale(0);
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
    -ms-transform-origin:left top;
    -o-transform-origin:left top;
    transform-origin:left top
}
.swiper-container-rtl .swiper-pagination-progress .swiper-pagination-progressbar{
    -webkit-transform-origin:right top;
    -moz-transform-origin:right top;
    -ms-transform-origin:right top;
    -o-transform-origin:right top;
    transform-origin:right top
}
.swiper-container-horizontal>.swiper-pagination-progress{
    width:100%;
    height:4px;
    left:0;
    top:0
}
.swiper-container-vertical>.swiper-pagination-progress{
    width:4px;
    height:100%;
    left:0;
    top:0
}
.swiper-container-3d{
    -webkit-perspective:1200px;
    -moz-perspective:1200px;
    -o-perspective:1200px;
    perspective:1200px
}
.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -ms-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    pointer-events:none;
    z-index:10
}
.swiper-container-3d .swiper-slide-shadow-left{
    background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-right{
    background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-top{
    background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-3d .swiper-slide-shadow-bottom{
    background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));
    background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-moz-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));
    background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}
.swiper-container-coverflow .swiper-wrapper,.swiper-container-flip .swiper-wrapper{
    -ms-perspective:1200px
}
.swiper-container-cube,.swiper-container-flip{
    overflow:visible
}
.swiper-container-cube .swiper-slide,.swiper-container-flip .swiper-slide{
    pointer-events:none;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden;
    z-index:1
}
.swiper-container-cube .swiper-slide .swiper-slide,.swiper-container-flip .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active,.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top,.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{
    z-index:0;
    -webkit-backface-visibility:hidden;
    -moz-backface-visibility:hidden;
    -ms-backface-visibility:hidden;
    backface-visibility:hidden
}
.swiper-container-cube .swiper-slide{
    visibility:hidden;
    -webkit-transform-origin:0 0;
    -moz-transform-origin:0 0;
    -ms-transform-origin:0 0;
    transform-origin:0 0;
    width:100%;
    height:100%
}
.swiper-container-cube.swiper-container-rtl .swiper-slide{
    -webkit-transform-origin:100% 0;
    -moz-transform-origin:100% 0;
    -ms-transform-origin:100% 0;
    transform-origin:100% 0
}
.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{
    pointer-events:auto;
    visibility:visible
}
.swiper-container-cube .swiper-cube-shadow{
    position:absolute;
    left:0;
    bottom:0;
    width:100%;
    height:100%;
    background:#000;
    opacity:.6;
    -webkit-filter:blur(50px);
    filter:blur(50px);
    z-index:0
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide{
    -webkit-transition-timing-function:ease-out;
    -moz-transition-timing-function:ease-out;
    -ms-transition-timing-function:ease-out;
    -o-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.swiper-container-fade .swiper-slide{
    pointer-events:none;
    -webkit-transition-property:opacity;
    -moz-transition-property:opacity;
    -o-transition-property:opacity;
    transition-property:opacity
}
.swiper-container-fade .swiper-slide .swiper-slide{
    pointer-events:none
}
.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{
    pointer-events:auto
}
.swiper-zoom-container{
    width:100%;
    height:100%;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -moz-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    text-align:center
}
.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{
    max-width:100%;
    max-height:100%;
    object-fit:contain
}
.swiper-scrollbar{
    border-radius:10px;
    position:relative;
    -ms-touch-action:none;
    background:rgba(0,0,0,.1)
}
.swiper-container-horizontal>.swiper-scrollbar{
    position:absolute;
    left:1%;
    bottom:3px;
    z-index:50;
    height:5px;
    width:98%
}
.swiper-container-vertical>.swiper-scrollbar{
    position:absolute;
    right:3px;
    top:1%;
    z-index:50;
    width:5px;
    height:98%
}
.swiper-scrollbar-drag{
    height:100%;
    width:100%;
    position:relative;
    background:rgba(0,0,0,.5);
    border-radius:10px;
    left:0;
    top:0
}
.swiper-scrollbar-cursor-drag{
    cursor:move
}
.swiper-slide .preloader{
    width:42px;
    height:42px;
    position:absolute;
    left:50%;
    top:50%;
    margin-left:-21px;
    margin-top:-21px;
    z-index:10
}
.photo-browser{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    z-index:11500
}
.framework7-root>.photo-browser,body>.photo-browser{
    opacity:0;
    display:none;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.framework7-root>.photo-browser.photo-browser-in,body>.photo-browser.photo-browser-in{
    display:block;
    -webkit-animation:photoBrowserIn .4s forwards;
    animation:photoBrowserIn .4s forwards
}
.framework7-root>.photo-browser.photo-browser-out,body>.photo-browser.photo-browser-out{
    display:block;
    -webkit-animation:photoBrowserOut .4s forwards;
    animation:photoBrowserOut .4s forwards
}
html.with-statusbar-overlay .framework7-root>.photo-browser,html.with-statusbar-overlay body>.photo-browser{
    height:-webkit-calc(100% - 20px);
    height:calc(100% - 20px);
    top:20px
}
.framework7-root>.photo-browser .navbar,.framework7-root>.photo-browser .toolbar,.popup>.photo-browser .navbar,.popup>.photo-browser .toolbar,body>.photo-browser .navbar,body>.photo-browser .toolbar{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.photo-browser .page[data-page=photo-browser-slides]{
    background:0 0
}
.photo-browser-popup{
    background:0 0
}
.photo-browser .navbar,.photo-browser .toolbar,.views .view[data-page=photo-browser-slides] .navbar,.views .view[data-page=photo-browser-slides] .toolbar{
    background:rgba(247,247,247,.95);
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.view[data-page=photo-browser-slides] .page[data-page=photo-browser-slides] .navbar,.view[data-page=photo-browser-slides] .page[data-page=photo-browser-slides] .toolbar{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.photo-browser-exposed .navbar,.photo-browser-exposed .toolbar{
    opacity:0;
    visibility:hidden;
    pointer-events:none
}
.photo-browser-exposed .photo-browser-swiper-container{
    background:#000
}
.photo-browser-of{
    margin:0 5px
}
.photo-browser-captions{
    pointer-events:none;
    position:absolute;
    left:0;
    width:100%;
    bottom:0;
    z-index:10;
    opacity:1;
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.photo-browser-captions.photo-browser-captions-exposed{
    opacity:0
}
.toolbar~.photo-browser-captions{
    bottom:44px;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.photo-browser-exposed .toolbar~.photo-browser-captions{
    -webkit-transform:translate3d(0,44px,0);
    transform:translate3d(0,44px,0)
}
.toolbar~.photo-browser-captions.photo-browser-captions-exposed{
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.photo-browser-caption{
    box-sizing:border-box;
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    position:absolute;
    bottom:0;
    left:0;
    opacity:0;
    padding:4px 5px;
    width:100%;
    text-align:center;
    color:#fff;
    background:rgba(0,0,0,.8)
}
.photo-browser-caption:empty{
    display:none
}
.photo-browser-caption.photo-browser-caption-active{
    opacity:1
}
.photo-browser-captions-light .photo-browser-caption{
    background:rgba(255,255,255,.8);
    color:#000
}
.photo-browser-exposed .photo-browser-caption{
    color:#fff;
    background:rgba(0,0,0,.8)
}
.photo-browser-swiper-container{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    overflow:hidden;
    background:#fff;
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.photo-browser-swiper-wrapper{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    padding:0;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.photo-browser-link-inactive{
    opacity:.3
}
.photo-browser-slide{
    width:100%;
    height:100%;
    position:relative;
    overflow:hidden;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-flex-shrink:0;
    -ms-flex:0 0 auto;
    flex-shrink:0;
    box-sizing:border-box
}
.photo-browser-slide.transitioning{
    -webkit-transition-duration:.4s;
    transition-duration:.4s
}
.photo-browser-slide span.swiper-zoom-container{
    display:none
}
.photo-browser-slide img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
    display:none
}
.photo-browser-slide.swiper-slide-active span.swiper-zoom-container,.photo-browser-slide.swiper-slide-next span.swiper-zoom-container,.photo-browser-slide.swiper-slide-prev span.swiper-zoom-container{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex
}
.photo-browser-slide.swiper-slide-active img,.photo-browser-slide.swiper-slide-next img,.photo-browser-slide.swiper-slide-prev img{
    display:inline
}
.photo-browser-slide.swiper-slide-active.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-next.photo-browser-slide-lazy .preloader,.photo-browser-slide.swiper-slide-prev.photo-browser-slide-lazy .preloader{
    display:block
}
.photo-browser-slide iframe{
    width:100%;
    height:100%
}
.photo-browser-slide .preloader{
    display:none;
    position:absolute;
    width:42px;
    height:42px;
    margin-left:-21px;
    margin-top:-21px;
    left:50%;
    top:50%
}
.photo-browser-dark .navbar,.photo-browser-dark .toolbar{
    background:rgba(30,30,30,.8);
    color:#fff
}
.photo-browser-dark .navbar:before,.photo-browser-dark .toolbar:before{
    display:none
}
.photo-browser-dark .navbar:after,.photo-browser-dark .toolbar:after{
    display:none
}
.photo-browser-dark .navbar a,.photo-browser-dark .toolbar a{
    color:#fff
}
.photo-browser-dark .photo-browser-swiper-container{
    background:#000
}
@-webkit-keyframes photoBrowserIn{
    0%{
        -webkit-transform:translate3d(0,0,0) scale(.5);
        opacity:0
    }
    100%{
        -webkit-transform:translate3d(0,0,0) scale(1);
        opacity:1
    }
}
@keyframes photoBrowserIn{
    0%{
        transform:translate3d(0,0,0) scale(.5);
        opacity:0
    }
    100%{
        transform:translate3d(0,0,0) scale(1);
        opacity:1
    }
}
@-webkit-keyframes photoBrowserOut{
    0%{
        -webkit-transform:translate3d(0,0,0) scale(1);
        opacity:1
    }
    100%{
        -webkit-transform:translate3d(0,0,0) scale(.5);
        opacity:0
    }
}
@keyframes photoBrowserOut{
    0%{
        transform:translate3d(0,0,0) scale(1);
        opacity:1
    }
    100%{
        transform:translate3d(0,0,0) scale(.5);
        opacity:0
    }
}
.picker-columns{
    width:100%;
    height:260px;
    z-index:11500
}
.picker-columns.picker-modal-inline,.popover .picker-columns{
    height:200px
}
@media (orientation:landscape) and (max-height:415px){
    .picker-columns:not(.picker-modal-inline){
        height:200px
    }
}
.popover.popover-picker-columns{
    width:280px
}
.picker-items{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    padding:0;
    text-align:right;
    font-size:24px;
    -webkit-mask-box-image:-webkit-linear-gradient(bottom,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent);
    -webkit-mask-box-image:linear-gradient(to top,transparent,transparent 5%,#fff 20%,#fff 80%,transparent 95%,transparent)
}
.picker-items-col{
    overflow:hidden;
    position:relative;
    max-height:100%
}
.picker-items-col.picker-items-col-left{
    text-align:left
}
.picker-items-col.picker-items-col-center{
    text-align:center
}
.picker-items-col.picker-items-col-right{
    text-align:right
}
.picker-items-col.picker-items-col-divider{
    color:#000;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center
}
.picker-items-col-wrapper{
    -webkit-transition-duration:.3s;
    transition-duration:.3s;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.picker-item{
    height:36px;
    line-height:36px;
    padding:0 10px;
    white-space:nowrap;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis;
    color:#707274;
    left:0;
    top:0;
    width:100%;
    box-sizing:border-box;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.picker-items-col-absolute .picker-item{
    position:absolute
}
.picker-item.picker-item-far{
    pointer-events:none
}
.picker-item.picker-selected{
    color:#000;
    -webkit-transform:translate3d(0,0,0) rotateX(0);
    transform:translate3d(0,0,0) rotateX(0)
}
.picker-center-highlight{
    height:36px;
    box-sizing:border-box;
    position:absolute;
    left:0;
    width:100%;
    top:50%;
    margin-top:-18px;
    pointer-events:none
}
.picker-center-highlight:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#a8abb0;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .picker-center-highlight:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-center-highlight:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.picker-center-highlight:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#a8abb0;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .picker-center-highlight:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-center-highlight:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.picker-3d .picker-items{
    overflow:hidden;
    -webkit-perspective:1200px;
    perspective:1200px
}
.picker-3d .picker-item,.picker-3d .picker-items-col,.picker-3d .picker-items-col-wrapper{
    -webkit-transform-style:preserve-3d;
    transform-style:preserve-3d
}
.picker-3d .picker-items-col{
    overflow:visible
}
.picker-3d .picker-item{
    -webkit-transform-origin:center center -110px;
    transform-origin:center center -110px;
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    -webkit-transition-timing-function:ease-out;
    transition-timing-function:ease-out
}
.picker-calendar{
    background:#fff;
    height:320px;
    width:100%;
    overflow:hidden
}
@media (orientation:landscape) and (max-height:415px){
    .picker-calendar:not(.picker-modal-inline){
        height:220px
    }
}
.picker-calendar .picker-modal-inner{
    overflow:hidden
}
.popover-picker-calendar .picker-calendar{
    height:320px
}
.popover.popover-picker-calendar{
    width:320px
}
.picker-calendar-week-days{
    height:18px;
    background:#f7f7f8;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    font-size:11px;
    box-sizing:border-box;
    position:relative
}
.picker-calendar-week-days:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .picker-calendar-week-days:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-calendar-week-days:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.picker-calendar-week-days .picker-calendar-week-day{
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    width:14.28571429%;
    width:-webkit-calc(100% / 7);
    width:-moz-calc(100% / 7);
    width:calc(100% / 7);
    line-height:17px;
    text-align:center
}
.picker-calendar-week-days+.picker-calendar-months{
    height:-webkit-calc(100% - 18px);
    height:-moz-calc(100% - 18px);
    height:calc(100% - 18px)
}
.picker-calendar-months{
    width:100%;
    height:100%;
    overflow:hidden;
    position:relative
}
.picker-calendar-months-wrapper{
    position:relative;
    width:100%;
    height:100%;
    -webkit-transition-duration:.3s;
    transition-duration:.3s
}
.picker-calendar-month{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-orient:vertical;
    -moz-box-orient:vertical;
    -ms-flex-direction:column;
    -webkit-flex-direction:column;
    flex-direction:column;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0
}
.picker-calendar-row{
    height:16.66666667%;
    height:-webkit-calc(100% / 6);
    height:-moz-calc(100% / 6);
    height:calc(100% / 6);
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    width:100%;
    position:relative
}
.picker-calendar-row:after{
    content:'';
    position:absolute;
    left:0;
    bottom:0;
    right:auto;
    top:auto;
    height:1px;
    width:100%;
    background-color:#ccc;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 100%;
    transform-origin:50% 100%
}
html.pixel-ratio-2 .picker-calendar-row:after{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-calendar-row:after{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.picker-calendar-row:last-child:after{
    display:none
}
.picker-calendar-day{
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    box-sizing:border-box;
    width:14.28571429%;
    width:-webkit-calc(100% / 7);
    width:-moz-calc(100% / 7);
    width:calc(100% / 7);
    text-align:center;
    color:#000;
    font-size:15px;
    cursor:pointer;
    z-index:20;
    height:100%
}
.picker-calendar-day.picker-calendar-day-next,.picker-calendar-day.picker-calendar-day-prev{
    color:#b8b8b8
}
.picker-calendar-day.picker-calendar-day-disabled{
    color:#d4d4d4;
    cursor:auto
}
.picker-calendar-day.picker-calendar-day-today span{
    background:#e3e3e3
}
.picker-calendar-day.picker-calendar-day-selected span{
    background:#007aff;
    color:#fff
}
.picker-calendar-day.picker-calendar-day-has-events span:after{
    content:'';
    width:4px;
    height:4px;
    border-radius:50%;
    background:#ccc;
    position:absolute;
    margin-left:-2px;
    left:50%;
    bottom:1px
}
.picker-calendar-day.picker-calendar-day-has-events.picker-calendar-day-selected span:after{
    display:none
}
.picker-calendar-day span{
    display:inline-block;
    border-radius:100%;
    width:30px;
    height:30px;
    line-height:30px;
    position:relative
}
.picker-calendar-range .picker-calendar-day.picker-calendar-day-selected{
    -webkit-box-align:stretch;
    -ms-flex-align:stretch;
    -webkit-align-items:stretch;
    align-items:stretch;
    -ms-flex-line-pack:stretch;
    -webkit-align-content:stretch;
    align-content:stretch
}
.picker-calendar-range .picker-calendar-day.picker-calendar-day-selected span{
    width:100%;
    border-radius:0;
    height:auto;
    text-align:center;
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    -webkit-justify-content:center;
    justify-content:center
}
.picker-calendar-month-picker,.picker-calendar-year-picker{
    display:-webkit-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    -webkit-align-items:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    justify-content:space-between;
    width:50%;
    max-width:200px;
    -webkit-flex-shrink:10;
    -ms-flex:0 10 auto;
    flex-shrink:10
}
.picker-calendar-month-picker a.icon-only,.picker-calendar-year-picker a.icon-only{
    min-width:36px
}
.picker-calendar-month-picker span,.picker-calendar-year-picker span{
    -webkit-flex-shrink:1;
    -ms-flex:0 1 auto;
    flex-shrink:1;
    position:relative;
    overflow:hidden;
    text-overflow:ellipsis
}
.picker-calendar.picker-modal-inline .picker-calendar-week-days,.popover .picker-calendar .picker-calendar-week-days{
    background:0 0
}
.picker-calendar.picker-modal-inline .picker-calendar-week-days:before,.picker-calendar.picker-modal-inline .toolbar:before,.popover .picker-calendar .picker-calendar-week-days:before,.popover .picker-calendar .toolbar:before{
    display:none
}
.picker-calendar.picker-modal-inline .picker-calendar-week-days:after,.picker-calendar.picker-modal-inline .toolbar:after,.popover .picker-calendar .picker-calendar-week-days:after,.popover .picker-calendar .toolbar:after{
    display:none
}
.picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,.picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,.popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,.popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{
    content:'';
    position:absolute;
    left:0;
    top:0;
    bottom:auto;
    right:auto;
    height:1px;
    width:100%;
    background-color:#c4c4c4;
    display:block;
    z-index:15;
    -webkit-transform-origin:50% 0;
    transform-origin:50% 0
}
html.pixel-ratio-2 .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-2 .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,html.pixel-ratio-2 .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-2 .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{
    -webkit-transform:scaleY(.5);
    transform:scaleY(.5)
}
html.pixel-ratio-3 .picker-calendar.picker-modal-inline .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-3 .picker-calendar.picker-modal-inline .toolbar~.picker-modal-inner .picker-calendar-months:before,html.pixel-ratio-3 .popover .picker-calendar .picker-calendar-week-days~.picker-calendar-months:before,html.pixel-ratio-3 .popover .picker-calendar .toolbar~.picker-modal-inner .picker-calendar-months:before{
    -webkit-transform:scaleY(.33);
    transform:scaleY(.33)
}
.notifications{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    z-index:20000;
    font-size:14px;
    margin:0;
    border:none;
    display:none;
    box-sizing:border-box;
    max-height:100%;
    -webkit-transition-duration:450ms;
    transition-duration:450ms;
    -webkit-perspective:1200px;
    perspective:1200px;
    padding-top:8px;
    padding-bottom:8px
}
.notifications.list-block>ul{
    background:0 0;
    margin:0 auto;
    max-width:584px
}
.notifications.list-block>ul:before{
    display:none
}
.notifications.list-block>ul:after{
    display:none
}
.with-statusbar-overlay .notifications{
    padding-top:20px;
    -webkit-transform:translate3d(0,-20px,0);
    transform:translate3d(0,-20px,0)
}
.notifications .item-content{
    padding-left:8px;
    -webkit-box-align:start;
    -ms-flex-align:start;
    -webkit-align-items:flex-start;
    align-items:flex-start
}
.notifications .item-title-row{
    margin-bottom:8px
}
.notifications .item-title-row:before{
    position:absolute;
    left:0;
    top:0;
    height:36px;
    border-radius:12px 12px 0 0;
    z-index:-1;
    background:#fff;
    content:'';
    width:100%
}
.notifications .item-title{
    font-weight:400!important;
    height:36px;
    text-transform:uppercase;
    line-height:35px;
    font-size:13px
}
html.ios-gt-8 .notifications .item-title{
    font-weight:400!important
}
.notifications .item-subtitle{
    font-size:15px;
    font-weight:500
}
html.ios-gt-8 .notifications .item-subtitle{
    font-weight:600
}
.notifications .item-text{
    font-size:14px;
    color:inherit;
    height:auto;
    line-height:inherit
}
.notifications .item-subtitle:first-child,.notifications .item-text:first-child{
    margin-top:8px
}
.notifications .item-content,.notifications .item-inner{
    min-height:0
}
.notifications .item-inner{
    position:static
}
.notifications .item-inner:after{
    display:none
}
.notifications .item-media{
    width:20px
}
.notifications .item-media img{
    max-width:20px;
    max-height:20px
}
.notifications .item-media i.icon{
    width:20px;
    height:20px;
    -webkit-background-size:cover;
    background-size:cover;
    background-position:center;
    background-repeat:no-repeat
}
.notifications .item-media+.item-inner{
    margin-left:8px;
    overflow:visible
}
.notifications li.notification-item{
    box-shadow:0 0 10px rgba(0,0,0,.15)
}
.notifications li.notification-item .item-inner{
    padding-top:0
}
.notifications li.notification-item .item-media{
    padding-top:8px
}
.notifications .item-after{
    margin-top:auto;
    margin-bottom:auto
}
.notifications .close-notification{
    width:22px;
    height:22px;
    background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%2044%2044'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%3E%3Cg%20stroke%3D'none'%20stroke-width%3D'1'%20fill%3D'none'%20fill-rule%3D'evenodd'%3E%3Cpath%20d%3D'M22.5%2C20.3786797%20L14.7218254%2C12.6005051%20L12.6005051%2C14.7218254%20L20.3786797%2C22.5%20L12.6005051%2C30.2781746%20L14.7218254%2C32.3994949%20L22.5%2C24.6213203%20L30.2781746%2C32.3994949%20L32.3994949%2C30.2781746%20L24.6213203%2C22.5%20L32.3994949%2C14.7218254%20L30.2781746%2C12.6005051%20L22.5%2C20.3786797%20Z%20M22%2C44%20C34.1502645%2C44%2044%2C34.1502645%2044%2C22%20C44%2C9.8497355%2034.1502645%2C0%2022%2C0%20C9.8497355%2C0%200%2C9.8497355%200%2C22%20C0%2C34.1502645%209.8497355%2C44%2022%2C44%20Z'%20fill%3D'%23000000'%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-position:center top;
    background-repeat:no-repeat;
    -webkit-background-size:100% auto;
    background-size:100% auto;
    position:relative;
    opacity:.2
}
.notifications .close-notification span{
    position:absolute;
    width:44px;
    height:44px;
    left:50%;
    top:50%;
    margin-left:-22px;
    margin-top:-22px
}
.notifications .notification-item{
    max-width:568px;
    margin:0 auto 8px;
    -webkit-transition-duration:450ms;
    transition-duration:450ms;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0);
    opacity:1;
    background:rgba(250,250,250,.95);
    border-radius:12px;
    width:-webkit-calc(100% - 16px);
    width:-moz-calc(100% - 16px);
    width:calc(100% - 16px);
    position:absolute;
    left:8px;
    top:0
}
.notifications .notification-item:last-child{
    margin-bottom:0
}
.notifications .notification-hidden{
    opacity:0;
    -webkit-transform:translate3d(0,0,0);
    transform:translate3d(0,0,0)
}
.login-screen-content{
    background:#fff
}
.login-screen-content .content-block,.login-screen-content .list-block,.login-screen-content .list-block-label,.login-screen-content .login-screen-title{
    max-width:480px;
    margin:25px auto
}
.login-screen-content .list-block ul{
    background:0 0
}
.login-screen-content .list-block ul:before{
    display:none
}
.login-screen-content .list-block ul:after{
    display:none
}
.login-screen-content .list-block-label{
    text-align:center
}
.login-screen-title{
    text-align:center;
    font-size:30px
}
.disabled,[disabled]{
    opacity:.55;
    pointer-events:none
}
.disabled .disabled,.disabled [disabled],[disabled] .disabled,[disabled] [disabled]{
    opacity:1
}