@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Roboto:700,400,300,900&subset=cyrillic,cyrillic-ext,latin,latin-ext);

body{font-family: 'Roboto', sans-serif;}

.container{display: block; width:920px; margin: 45px auto;overflow: hidden;min-height: 708px;}
.container .mainlogo {
    display:block; clear: both; margin-bottom: 35px;
    height: 55px;
    background-position-x: 50px;
}
.icon-back {
    background-image: url('../img/icon-back.svg');
    background-size: 55px;
    background-repeat: no-repeat;
    background-position-x: -15px;
    background-position-y: -7px;
    height: 55px;
}
.container .header{display: block; clear: both; width: 100%; height:31px;border-top: 1px solid #464c54;margin-bottom: 12px; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */background: #34393f;}
.container .header h1{float: left; margin: 0; font-size: 13px; font-weight: 500; color: #c5cdd3;margin: 9px;}
.container .content{display: block; float: left; width: 460px; }
.container .content p{font-size: 13px; color: #c5cdd3; margin-left: 20px; width: 396px;margin-bottom: 16px;line-height: 19px;}
.container .content p a{text-decoration: underline; color: #efc033}

.browser-insturction{float: left;width: 412px;margin-left: 35px;}
.browser-insturction .title{font-size: 19px; color: #c5cdd3; display: block; clear: both;}
.browser-insturction .browsers {display: block; clear: both;}

.browser-insturction .browsers a{display: block; float: left; margin: 15px 20px 0 0; width:186px; height: 173px; background: #d9dada; text-decoration: none; font-size: 13px;position: relative;color: #d9dada;}
.browser-insturction .browsers a span.name:hover{background: #d6001a}
.browser-insturction .browsers a span.name{display: block; width: 186px; height:40px;position: absolute;bottom: 0px;text-align: center;line-height: 37px; /* Old browsers */ /* FF3.6+ */ /* Chrome,Safari4+ */ /* Chrome10+,Safari5.1+ */ /* Opera 11.10+ */ /* IE10+ */ /* W3C */ /* IE6-9 */background: #34393f;}
.browser-insturction .browsers a span.type{display: block; background: url('../img/supported-browsers.png'); }
.browser-insturction .browsers a span.type.ff{width:84px; height: 78px;margin: 27px auto; background-position: 0 0;}
.browser-insturction .browsers a span.type.ie{width:93px; height: 87px;margin: 17px auto; background-position: 0 -166px;margin-left: 40px;}

span.type.ie {}
.browser-insturction .browsers a span.type.chrome{width:84px; height: 84px;margin: 23px auto; background-position: 0 -79px;}
.browser-insturction .browsers a span.type.safari{width:84px; height: 84px;margin: 22px auto; background-position: 0 -254px;}

#safariVersion{display: none;  width:186px; height: 40px;clear: both;float: right;margin-right: 20px; font-size: 13px; font-weight: 400;}
#safariVersion:hover{display: block}
#safariVersion a{ margin: 0; width:186px; height: 40px;background: #34393f; text-align: center; color: #fff;display: block;line-height: 38px;}

.browser-insturction .browsers a.safariBrowser:hover~#safariVersion{display: block;}
#safariVersion a:hover{background: #d6001a; cursor: pointer;}

.browser-insturction .browsers a span.name#hoverSafari{display: none}

.browser-insturction .browsers a:hover .name{background: #d6001a}
.browser-insturction .browsers a:hover {background: #fff}

.content .bahis-title {display: none;}