body {padding: 0;margin: 0;height: 100%;font-family: 'Open Sans', 'Arial', sans-serif;}@-ms-viewport{width:device-width}html{box-sizing:border-box;-ms-overflow-style:scrollbar}*,::after,::before{box-sizing:inherit}.container{width:100%;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;min-height:1px;}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important} header {height: 46px;-webkit-box-shadow: 0 1px 1px 0 #e1e1e1;-moz-box-shadow: 0 1px 1px 0 #e1e1e1;box-shadow: 0 1px 1px 0 #e1e1e1;background-color: rgb(37, 111, 227); color: white;margin-bottom: 20px;} /* new header */ .header-container {height: 45px;display: flex;justify-content: space-between;align-items: center;} .hc-logo {height: 16px; margin-top: 6px;} .hc-link-ico {text-decoration: none; color: white; font-size: 14px; padding-left: 24px; margin-left: 8px;background-size:20px;background-repeat:no-repeat;} .hc-link-ico:hover {color: #E5E41C;} .hc-link-brokers { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik01LDE3di03aDJ2N0g1eiBNMTEsMTd2LTdoMnY3SDExeiBNMiwyMXYtMmgyMHYySDJ6IE0xNywxN3YtN2gydjdIMTd6IE0yLDhWNmwxMC01bDEwLDV2MkgyeiBNNi41LDZoMTEuMUg2LjV6DQoJIE02LjUsNmgxMS4xTDEyLDMuMkw2LjUsNnoiLz4NCjwvc3ZnPg0K"); } .hc-link-trading { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyNCAyNCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjQgMjQ7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+DQoJLnN0MHtmaWxsOiNGRkZGRkY7fQ0KPC9zdHlsZT4NCjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLjQsMThMMiwxNi42bDcuNC03LjVsNCw0TDE4LjYsOEgxNlY2aDZ2NmgtMlY5LjRMMTMuNCwxNmwtNC00TDMuNCwxOHoiLz4NCjwvc3ZnPg0K"); } @media (max-width : 768px ){ .hc-logo {height: 12px; margin-top: 4px;} .hc-link-ico { background-position: center 0px; padding-left: 0; padding-top: 20px; font-size: 11px; display: inline-block;} .hc-link-ico:hover {color: inherit;}} .logo {height: 16px;margin-top: 8px;} /* Header buttons container */ .top-menu-buttons {display:flex;align-items:center; justify-content: flex-end; height:100%;text-decoration:none;padding-top: 3px;} .menu-btns-container{display:flex;flex-direction:column;align-items:center;height:100%;color:#333;font-size:12px;text-decoration:none;} .menu-btns-container span {display: block; padding-top: 2px;} /* Main Menu Button */ .navbar-toggle{background-color:transparent;background-image:none;border:1px solid transparent;border-radius:4px;-webkit-appearance:button;cursor:pointer;} .icon-bar{background-color:#FFF;display:block;width:22px;height:2px;border-radius:1px;transition:.3s;margin-top:4px;} .icon-bar-first{margin-top:0;} .navbar-toggle.active .icon-bar:nth-last-child(3){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);} .navbar-toggle.active .icon-bar:nth-last-child(2){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg); margin-top: -2px; } .navbar-toggle.active .icon-bar:last-child{opacity:0;} @media (min-width:768px){.navbar-toggle{display:none!important}} @media (max-width : 768px ){ header {padding: 0 12px;margin-bottom: 0;} .logo {height: 13px;margin-top: 9px;} } @media (max-width: 320px) { .logo {height: 11px;margin-top: 9px;} .hc-logo {height: 11px; margin-top: 0;} } /* HEADER LINKS */ .afl_header_links {display: flex; justify-content:flex-end;} .afl_header_links a:link, .afl_header_links a:visited {color: #fff;margin: 12px 0 0 20px;display: inline-block;font-size: 16px; text-decoration: none;} .afl_header_links a:hover {color: #E5E41C; border-bottom-color: #E5E41C; } /*breadcrumbs*/ .home-btn{display: inline;width:18px;height:18px;float: left;background-image: url("data:image/svg+xml,%3Csvg role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576 512'%3E%3Cpath fill='currentColor' d='M541 229.16l-61-49.83v-77.4a6 6 0 0 0-6-6h-20a6 6 0 0 0-6 6v51.33L308.19 39.14a32.16 32.16 0 0 0-40.38 0L35 229.16a8 8 0 0 0-1.16 11.24l10.1 12.41a8 8 0 0 0 11.2 1.19L96 220.62v243a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-128l64 .3V464a16 16 0 0 0 16 16l128-.33a16 16 0 0 0 16-16V220.62L520.86 254a8 8 0 0 0 11.25-1.16l10.1-12.41a8 8 0 0 0-1.21-11.27zm-93.11 218.59h.1l-96 .3V319.88a16.05 16.05 0 0 0-15.95-16l-96-.27a16 16 0 0 0-16.05 16v128.14H128V194.51L288 63.94l160 130.57z'%3E%3C/path%3E%3C/svg%3E");background-size:18px;background-color:rgba(0,0,0,0);background-repeat:no-repeat;border:none;outline:0;margin: 0; background-position: 0px;} /*opacity: 0.6; */ .breadcrumbs_wrapper {height: 26px; margin: -20px 0 20px 0; border-bottom: dotted 1px #E7E7E7; } ol.breadcrumb {font-size: 12px;list-style: none;padding-top: 4px; padding-left: 0; margin: 0;z-index:0;display: flex;align-items: center;} ol.breadcrumb li {display: inline-flex;padding-right: 5px;} ol.breadcrumb > li + li::before {color: #CCC;content: "/";padding: 0 5px; margin-left: 0px; position: relative;} ol.breadcrumb li a:link, ol.breadcrumb li a:visited {text-decoration: none; white-space: nowrap;color: #000;} ol.breadcrumb li a:hover {color: #0000FF;} ol.breadcrumb li.active {color: #666;white-space: nowrap; cursor: default;} @media (max-width : 768px){ .breadcrumbs_wrapper {margin: 0; overflow-x: scroll; padding: 0 12px; border-bottom: solid 1px #E7E7E7;-ms-overflow-style: none;scrollbar-width: none;} ol.breadcrumb {font-size: 11px;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;padding-top: 5px;} .breadcrumbs_wrapper::-webkit-scrollbar, ol.breadcrumb::-webkit-scrollbar {width: 0;height: 0;} .home-btn {width:16px;height:16px;background-size:16px;} } nav {position:relative;font-size: 13px; margin: 0 20px 0 0; padding: 0;} nav ul {padding: 0; margin: 0 0 20px 0;} nav ul li {list-style: none;} nav .afl_item{position:relative} /* one,two,three отвечает за расположение bullet справа, на уровни выше-ниже... Можно отключать? */ nav .afl_item.afl_has_child.afl_one_line .afl_navigation_child_holder{top:-26px} nav .afl_item.afl_has_child.afl_one_line > a:before{top:10px} nav .afl_item.afl_has_child.afl_two_lines .afl_navigation_child_holder{top:-13px} nav .afl_item.afl_has_child.afl_two_lines > a:before{top:23px} nav .afl_item.afl_has_child.afl_three_lines .afl_navigation_child_holder{top:-8px} nav .afl_item.afl_has_child.afl_three_lines > a:before{top:28px} /*grey bullet*/ nav .afl_item.afl_has_child > a:before{content:"";position:absolute;border:5px solid transparent;border-left-color:#cccccc;right:15px;opacity: 0.5;} /*выпадающий блок, позиция слева от списка в PX */ nav .afl_item.afl_has_child .afl_navigation_child_holder{display:none;padding-left:10px;position:absolute;left:150px;z-index:90} /*дочерний контейнер, тени, рамка*/ nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child{-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.3);box-shadow:0 0 10px 0 rgba(0,0,0,0.3);border:1px solid #dcdcdc;position:relative;background:#ffffff;padding:20px} /*выпадающий указатель*/ nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child:before{position:absolute;z-index:100;top:30px;content:"";left:-20px;border:10px solid transparent;border-right-color:#ffffff} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child:after{position:absolute;z-index:85;top:38px;content:"";left:-6px;width:5px;height:5px;background:#ffffff;-webkit-box-shadow:-4px 0 8px 0 rgba(0,0,0,0.2);-moz-box-shadow:-4px 0 8px 0 rgba(0,0,0,0.2);box-shadow:-4px 0 8px 0 rgba(0,0,0,0.2)} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child > ul { display: flex; } nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child > ul > li { margin-right: 30px } nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child > ul > li:last-child { margin-right: 0 } nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child ul > li:first-child > a:first-child{margin-top:0} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child a {text-decoration:none;display:block;margin:6px 0 0;color:#000;white-space:nowrap;word-wrap:normal} /*dropdown elemets*/ nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child a.afl_bold_item{margin:13px 0 0;color:#000} /*font-weight:bold;**/ nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child a.last_level {margin:6px 12px 0;white-space:wrap;} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child a:hover{color:#00F} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child a.active{color:#015aff} nav .afl_item.afl_has_child:hover .afl_navigation_child_holder{display:block} nav .afl_item.afl_has_child:hover a{color:#00F;} /*link main*/ nav .afl_item > a{padding:5px 0 5px 5px;display:block;text-decoration:none;color:#000} nav .afl_item > a:hover{color:#00F;background: #EFF2FB;border-radius: 4px;} nav .afl_item.afl_item_active > span{padding:5px 0 5px 5px;display:block;text-decoration:none;cursor:default; border-radius: 4px;background:#e5eff7;} nav .afl_item.afl_item_active > span a {color: #000; text-decoration: none;} /*headers*/ nav .afl_navigation_menu_block-head{color:#000; font-weight:bold;line-height:normal;padding:0 0 8px 5px;margin: 0;font-size: 110%;} /*nav > nav > ul{margin:0 0 16px!important; padding: 0;}*/ /*adaptive*/ @media (max-width : 768px){ nav { position: fixed;width: 100%;height: calc(100% - 46px);background: #fff;padding-top: 10px;overflow: hidden;visibility: hidden;overflow-y: scroll;z-index: 3000;} /*left: 20px;*/ /*top: 50px;*/ /*transition: width .4s, visibility .3s;-webkit-transition: width 0.4s, visibility .3s;*/ /*nav > ul > ul {display: none}*/ nav.active {visibility: visible;padding-left: 5px;} /*width: 100%; transition: width .4s, visibility .3s;-webkit-transition: width 0.4s, visibility .3s;*/ /* nav > .afl_navigation_menu_block-head:after {content: '';width: 24px;height: 24px; position: absolute; right: 5px;top: 50%;transform: translateY(-50%);background: url('plus.svg')} nav > .afl_navigation_menu_block-head.active:after{background: url('minus.svg')} */ nav .afl_navigation_menu_block-head {font-size: 120%;} nav .afl_item.afl_has_child .afl_navigation_child_holder{ position: relative;left: 0;top: 0;padding: 5px 0 5px 10px; display: block;margin-left: 13px; border-left: dotted 1px #CCC;} /*display: none;*/ nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child{box-shadow: none;border: none;padding: 0;} nav .afl_item{padding-top: 0;padding-bottom: 0;} nav .afl_item.afl_has_child.afl_one_line.afl_has_child{padding-top:0;padding-bottom:0} nav .afl_item.afl_has_child.afl_one_line .afl_navigation_child_holder {top: 0;} nav .afl_item.afl_has_child.afl_two_lines .afl_navigation_child_holder {top: 0;} nav .afl_item.afl_has_child.afl_three_lines .afl_navigation_child_holder {top: 0;} nav .afl_item > a {} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child a.afl_bold_item {font-weight: normal;} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child > ul { display: block; } nav .afl_item.afl_has_child > a:before {content: none} nav .afl_item.afl_item_active > span {} /* отключение выпадающего уровня на мобильном меню */ nav .afl_item.afl_has_child:hover .afl_navigation_child_holder{} /*display:none;*/ .menu {position: fixed;top: 46px;z-index: 5000;max-width: 80%;background: #FFF;padding: 0px;right: 0;overflow: aut15px;o;bottom: 0;box-shadow: 0 1px 6px 2px rgb(0 0 0 / 10%);} nav .afl_item.afl_has_child > a:before{content:none;position:absolute;border:none; top:0;} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child:before{position:absolute;z-index:0;top:0;content:none;background:none; border: none;} nav .afl_item.afl_has_child .afl_navigation_child_holder .afl_navigation_child:after{position:absolute;z-index:0;top:0;content:none;background:none;} } /* Main menu on mobile devices menu-openned - BODY Scroll fix class menu-overflow - main menu background class fade-in - effect for menu-overflow bacgkround slideLeft - effect for main menu show */ .menu-openned {overflow: hidden;} .menu-overflow {top: 46px;z-index: 2500;position: fixed;width: 100%;left: 0;right: 0;cursor: pointer;display: none;bottom: 0;background: rgba(0, 0, 0, 0.25);} .fade-in { animation: fadeIn ease .5s; -webkit-animation: fadeIn ease .5s; -moz-animation: fadeIn ease .5s; -o-animation: fadeIn ease .5s; -ms-animation: fadeIn ease .5s; } @keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-moz-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-webkit-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-o-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } @-ms-keyframes fadeIn { 0% {opacity:0;} 100% {opacity:1;} } .slideLeft{ animation-name: slideLeft; -webkit-animation-name: slideLeft; animation-duration: .3s; -webkit-animation-duration: .3s; animation-timing-function: linear; -webkit-animation-timing-function: linear; visibility: visible !important; } @keyframes slideLeft { 0% { transform: translate(100%); } 30% { transform: translate(60%); } 60% { transform: translate(30%); } 100% { transform: translate(0%); } } @-webkit-keyframes slideLeft { 0% { -webkit-transform: translate(100%); } 30% { -webkit-transform: translate(60%); } 60% { -webkit-transform: translate(30%); } 100% { -webkit-transform: translate(0%); } } /* TOP NAVIGATION DESKTOP VIEW */ .topnav {font-size:13px;margin: 0 0 20px 0;} .topnav ul {display: block;padding: 0;margin: 0;} .topnav ul li {display: table-cell;padding: 5px;word-wrap: normal;} .topnav ul li.current span {background: #e5eff7;border-radius: 4px;padding: 4px 6px;color:#000;cursor:default;white-space: nowrap;} /*margin: -6px 0px -6px -6px;*/ .topnav ul:first-child, .topnav ul li.current:first-child {margin-left: -6px;} .topnav ul li a:link,.topnav ul li a:visited{color:#000;text-decoration:none;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC; padding-bottom:1px;white-space: nowrap; margin: 4px 6px;} .topnav ul li a:hover {background: #EFF2FB; border-bottom: none;border-radius: 4px;margin: -6px 0px -6px 0px; padding: 4px 6px;color:#00F;} /* TOP NAVIGATION MOBILE VIEW */ @media (max-width: 768px) { .topnav {margin: 0; padding: 0 10px; overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;border-bottom: solid 1px #E7E7E7;position:-webkit-sticky; position:sticky; top:0; z-index: 100; background: #FFF;} /*-webkit-box-shadow: 0px 5px 7px 0px rgba(34, 60, 80, 0.1); -moz-box-shadow: 0px 5px 7px 0px rgba(34, 60, 80, 0.1); box-shadow: 0px 5px 7px 0px rgba(34, 60, 80, 0.1); */ .topnav ul {padding: 10px 0 10px 0;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;} .topnav::-webkit-scrollbar, .topnav ul::-webkit-scrollbar {width: 0;height: 0;} .topnav ul li a:link,.topnav ul li a:visited{background: #F7F7F7;border-bottom: none;border-radius: 4px;margin: -6px 0px -6px 0px; padding: 4px 6px;color:#000;} .topnav ul li a:hover {background: #EFF2FB;border-bottom: none;border-radius: 4px;margin: -6px 0px -6px 0px; padding: 4px 6px;color:#00F;} } /* TOP NAVIGATION DESKTOP VIEW */ .topnav_head {font-size:13px;margin: 0 0 20px 0; background: #efefef;} .topnav_head ul {display: block;padding: 0;margin: 0;} .topnav_head ul li {display: table-cell;padding: 5px;word-wrap: normal;} .topnav_head ul li.current span {font-weight: bold; padding: 10px 6px 12px 6px; color:#000;cursor:default;white-space: nowrap; background: #FFF; } /*margin: -6px 0px -6px -6px;*/ .topnav_head ul:first-child, .topnav_head ul li.current:first-child {margin-left: -6px;} .topnav_head ul li a:link,.topnav_head ul li a:visited{color:#000;text-decoration:none;white-space: nowrap; margin: 4px 6px;} .topnav_head ul li a:hover {background: #FFF; margin: -6px 0px -6px 0px; padding: 10px 6px;color:#00F;} /* TOP NAVIGATION MOBILE VIEW */ @media (max-width: 768px) { .topnav_head {margin: 0px 10px 0 10px; overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;} /*border-bottom: dotted 1px #E7E7E7;*/ .topnav_head ul {padding: 10px 0 5px 0;overflow-x: scroll;-ms-overflow-style: none;scrollbar-width: none;} .topnav_head::-webkit-scrollbar, .topnav_head ul::-webkit-scrollbar {width: 0;height: 0;} .topnav_head ul li a:link,.topnav_head ul li a:visited{margin: -6px 0px -6px 0px;padding: 4px 6px;} .topnav_head ul li a:hover {background: #EFF2FB;margin: -6px 0px -6px 0px;padding: 4px 6px;color:#00F;} } .content {padding: 20px;-webkit-box-shadow: 0 1px 2px 1px rgb(0 0 0 / 7%);box-shadow: 0 1px 2px 1px rgb(0 0 0 / 7%);border-radius: 4px;font-size: 16px;} .rightblock {padding:20px 10px;margin: 0;} @media (max-width : 768px ){ .content {padding: 20px 12px;border: none;box-shadow: none;border-radius:0;} .rightblock {padding: 0 12px;} } /*page up btn*/ .top-btn {position: fixed;right: 15px;bottom: 50px;background: #f0f0f0;border-radius: 50%;line-height: 45px;text-align: center;cursor: pointer;width: 45px;height: 45px;font-size: 20px;transition: opacity .3s, visibility .3s;} .top-btn_hide {opacity: 0;visibility: hidden;} .contentlist {margin: 20px 0 0 0; padding: 0;font-size: 13px;} .contentlist__element {line-height:20px;margin-right:10px;} .contentlist__element_vertical {display: block;} .contentlist__element_inline {display:inline;} .contentlist__element_link {color: #0835FE;-webkit-border-radius: 5px;border-radius: 5px;text-decoration: none;border: none!important;margin-bottom: 8px;padding-left: 8px;padding-right: 8px;background: #E6F5FF;} .contentlist__element_link:hover {color: #00F;background: #EFF2FB;} .hash::before {content: "# "; opacity: 0.5;} .star {padding-left: 21px; background-size:11px;background-repeat:no-repeat;border:none; background-position: 5px center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE3LDE4bDY1LDEzMmwxNDcsMjFjMjYsNCwzNiwzNywxNyw1NUw0NDAsMzI5bDI1LDE0NWM1LDI3LTIzLDQ2LTQ2LDM0bC0xMzEtNjhsLTEzMSw2OGMtMjMsMTMtNTEtNy00Ni0zMw0KCWwyNS0xNDZMMzAsMjI2Yy0xOS0xOC05LTUxLDE3LTU1bDE0Ny0yMWw2NS0xMzJDMjcxLTYsMzA1LTYsMzE3LDE4eiIvPg0KPC9zdmc+DQo=);} .trophy {padding-left: 21px; background-size:11px;background-repeat:no-repeat;border:none; background-position: 5px center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDc4LjMgMCw0Mi43IDM4LjUsNDIuNyAzOC41LDIxLjMgMTAwLDIxLjMgMTAwLDc4LjMgIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAuOSw2N2gtMC44bC0zLjktMTYuM0g4Ljh2MTkuOGgzLjhWNTQuMmgwLjhsMy45LDE2LjNoNi41bDMuOS0xNi4zaDAuOHYxNi4zaDMuOFY1MC43aC03LjRMMjAuOSw2N3oNCgkgTTU5LjcsNzAuNWgxMy41VjY3aC05LjZ2LTQuOWg4LjN2LTMuNGgtOC4zdi00LjZoOS42di0zLjVINTkuN1Y3MC41eiBNNDYsNjcuNmMtNC40LDAtNi40LTMtNi40LTdzMi02LjksNi40LTYuOXM2LjQsMyw2LjQsNi45DQoJUzUwLjQsNjcuNiw0Niw2Ny42eiBNNDYsNTAuMmMtNi42LDAtMTAuNCw0LjItMTAuNCwxMC40UzM5LjQsNzEuMSw0Niw3MS4xczEwLjQtNC40LDEwLjQtMTAuNVM1Mi42LDUwLjIsNDYsNTAuMnogTTc1LjksNzAuNUg4MA0KCWw0LjYtNy44bDUsNy44aDQuMWwtNi42LTEwLjRsNi4zLTkuNGgtNC4ybC00LjQsN2wtNC40LTdoLTQuMmw2LDkuM0w3NS45LDcwLjV6Ii8+DQo8L3N2Zz4NCg==);} .comments {padding-left: 21px; background-size:11px;background-repeat:no-repeat;border:none; background-position: 5px center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNy4yLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA2NDAgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA2NDAgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNODguMiwzMDkuMWM5LjgtMTguMyw2LjgtNDAuOC03LjUtNTUuOEM1OS40LDIzMC45LDQ4LDIwNCw0OCwxNzZjMC02My41LDYzLjgtMTI4LDE2MC0xMjhzMTYwLDY0LjUsMTYwLDEyOA0KCXMtNjMuOCwxMjgtMTYwLDEyOGMtMTMuMSwwLTI1LjgtMS4zLTM3LjgtMy42Yy0xMC40LTItMjEuMi0wLjYtMzAuNyw0LjJjLTQuMSwyLjEtOC4zLDQuMS0xMi42LDZjLTE2LDcuMi0zMi45LDEzLjUtNDkuOSwxOA0KCWMyLjgtNC42LDUuNC05LjEsNy45LTEzLjZDODYsMzEzLjEsODcuMSwzMTEuMSw4OC4yLDMwOS4xTDg4LjIsMzA5LjF6IE0wLDE3NmMwLDQxLjgsMTcuMiw4MC4xLDQ1LjksMTEwLjMNCgljLTAuOSwxLjctMS45LDMuNS0yLjgsNS4xYy0xMC4zLDE4LjQtMjIuMywzNi41LTM2LjYsNTIuMWMtNi42LDctOC4zLDE3LjItNC42LDI1LjlDNS44LDM3OC4zLDE0LjQsMzg0LDI0LDM4NA0KCWM0MywwLDg2LjUtMTMuMywxMjIuNy0yOS43YzQuOC0yLjIsOS42LTQuNSwxNC4yLTYuOGMxNS4xLDMsMzAuOSw0LjUsNDcuMSw0LjVjMTE0LjksMCwyMDgtNzguOCwyMDgtMTc2UzMyMi45LDAsMjA4LDANCglTMCw3OC44LDAsMTc2eiBNNDMyLDQ4MGMxNi4yLDAsMzEuOS0xLjYsNDcuMS00LjVjNC42LDIuMyw5LjQsNC42LDE0LjIsNi44QzUyOS41LDQ5OC43LDU3Myw1MTIsNjE2LDUxMmM5LjYsMCwxOC4yLTUuNywyMi0xNC41DQoJczItMTktNC42LTI1LjljLTE0LjItMTUuNi0yNi4yLTMzLjctMzYuNi01Mi4xYy0wLjktMS43LTEuOS0zLjQtMi44LTUuMWMyOC44LTMwLjMsNDYtNjguNiw0Ni0xMTAuNGMwLTk0LjQtODcuOS0xNzEuNS0xOTguMi0xNzUuOA0KCWM0LjEsMTUuMiw2LjIsMzEuMiw2LjIsNDcuOHYwLjZjODcuMiw2LjcsMTQ0LDY3LjUsMTQ0LDEyNy40YzAsMjgtMTEuNCw1NC45LTMyLjcsNzcuMmMtMTQuMywxNS0xNy4zLDM3LjYtNy41LDU1LjgNCgljMS4xLDIsMi4yLDQsMy4yLDUuOWMyLjUsNC41LDUuMiw5LDcuOSwxMy42Yy0xNy00LjUtMzMuOS0xMC43LTQ5LjktMThjLTQuMy0xLjktOC41LTMuOS0xMi42LTZjLTkuNS00LjgtMjAuMy02LjItMzAuNy00LjINCgljLTEyLjEsMi40LTI0LjcsMy42LTM3LjgsMy42Yy02MS43LDAtMTEwLTI2LjUtMTM2LjgtNjIuM2MtMTYsNS40LTMyLjgsOS40LTUwLDExLjhDMjc5LDQzOS44LDM1MCw0ODAsNDMyLDQ4MHoiLz4NCjwvc3ZnPg0K);} /*Universal hashtags list*/ ul.hashnav {margin: 20px 0 0 0; padding: 0;font-size: 14px; } ul.hashnav li{display:inline;line-height:1.6em;margin-right:10px;} ul.hashnav.vertical li {display: block;margin-bottom: 5px;} ul.hashnav li a:link,ul.hashnav li a:visited{text-decoration: none;border-bottom: dashed 1px #0000ff5c;display: inline-block;margin-bottom: 8px;} ul.hashnav li a:hover{} ul.hashnav li a.hash::before {content: "# "; opacity: 0.5;} ul.hashnav li a.new {padding-left: 16px; background-size:11px;background-repeat:no-repeat;background-position: 0 center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgZm9jdXNhYmxlPSJmYWxzZSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NDggNTEyIg0KCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDggNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDgzNUZFO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQ4LDgwdjM1MmMwLDI2LjUtMjEuNSw0OC00OCw0OEg0OGMtMjYuNSwwLTQ4LTIxLjUtNDgtNDhWODBjMC0yNi41LDIxLjUtNDgsNDgtNDhoMzUyDQoJQzQyNi41LDMyLDQ0OCw1My41LDQ0OCw4MHogTTM2MCw5NkgyNDhjLTIxLjMsMC0zMi4xLDI1LjktMTcsNDFsMzIsMzJMNjcuNSwzNjQuNWMtNC43LDQuNy00LjcsMTIuMywwLDE3bDMxLDMxDQoJYzQuNyw0LjcsMTIuMyw0LjcsMTcsMEwzMTEsMjE3bDMyLDMyYzE1LDE1LDQxLDQuNSw0MS0xN1YxMjBDMzg0LDEwNi43LDM3My4zLDk2LDM2MCw5NnoiLz4NCjwvc3ZnPg0K);} ul.hashnav li a.tg {padding-left: 16px; background-size:11px;background-repeat:no-repeat;background-position: 0 center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMy4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgZm9jdXNhYmxlPSJmYWxzZSINCgkgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA0NDggNTEyIg0KCSBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA0NDggNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMDgzNUZFO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDQ2LjcsOTguNmwtNjcuNiwzMTguOGMtNS4xLDIyLjUtMTguNCwyOC4xLTM3LjMsMTcuNWwtMTAzLTc1LjlsLTQ5LjcsNDcuOGMtNS41LDUuNS0xMC4xLDEwLjEtMjAuNywxMC4xDQoJbDcuNC0xMDQuOWwxOTAuOS0xNzIuNWM4LjMtNy40LTEuOC0xMS41LTEyLjktNC4xTDExNy44LDI4NEwxNi4yLDI1Mi4yYy0yMi4xLTYuOS0yMi41LTIyLjEsNC42LTMyLjdMNDE4LjIsNjYuNA0KCUM0MzYuNiw1OS41LDQ1Mi43LDcwLjUsNDQ2LjcsOTguNnoiLz4NCjwvc3ZnPg0K);} ul.hashnav li a.star {padding-left: 16px; background-size:11px;background-repeat:no-repeat;background-position: 0 center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzE3LDE4bDY1LDEzMmwxNDcsMjFjMjYsNCwzNiwzNywxNyw1NUw0NDAsMzI5bDI1LDE0NWM1LDI3LTIzLDQ2LTQ2LDM0bC0xMzEtNjhsLTEzMSw2OGMtMjMsMTMtNTEtNy00Ni0zMw0KCWwyNS0xNDZMMzAsMjI2Yy0xOS0xOC05LTUxLDE3LTU1bDE0Ny0yMWw2NS0xMzJDMjcxLTYsMzA1LTYsMzE3LDE4eiIvPg0KPC9zdmc+DQo=);} ul.hashnav li a.trophy {padding-left: 16px; background-size:11px;background-repeat:no-repeat;background-position: 0 center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTcyLDgyYy0zLTEwLTEyLTE4LTIzLTE4SDQ0OGMwLTEyLDAtMjQsMC0zM2MtMS0xNy0xNS0zMS0zMi0zMUgxNjBjLTE3LDAtMzEsMTQtMzIsMzFjMCw5LDAsMjEsMCwzM0gyNw0KCUMxNiw2NCw3LDcyLDQsODJjLTEsNC0yMCw4NSwzMywxNjRjMzcsNTYsMTAxLDk1LDE4OCwxMTdjMTgsNSwzMSwyMywzMSw0MmMwLDI0LTE5LDQzLTQzLDQzaC01Yy0yNiwwLTQ4LDIyLTQ4LDQ4YzAsOSw3LDE2LDE2LDE2DQoJaDIyNGM5LDAsMTYtNywxNi0xNmMwLTI2LTIyLTQ4LTQ4LTQ4aC01Yy0yNCwwLTQzLTE5LTQzLTQzYzAtMTksMTMtMzcsMzEtNDJjODctMjIsMTUxLTYxLDE4OC0xMTdDNTkyLDE2Nyw1NzMsODYsNTcyLDgyeiBNNzcsMjIwDQoJYy0yOC00MS0zMC04NC0yOS0xMDhoODFjNSw2MCwyMCwxMzIsNTcsMTg5QzEzNywyODIsMTAxLDI1NCw3NywyMjB6IE00OTksMjIwYy0yNCwzNC02MCw2Mi0xMDksODFjMzctNTcsNTItMTI5LDU3LTE4OWg4MQ0KCUM1MjksMTM2LDUyNywxNzksNDk5LDIyMHoiLz4NCjwvc3ZnPg0K);} ul.hashnav li a.globe {padding-left: 16px; background-size:11px;background-repeat:no-repeat;background-position: 0 center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MTIgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU2LDE2QzEyMywxNiwxNiwxMjMsMTYsMjU2czEwNywyNDAsMjQwLDI0MHMyNDAtMTA3LDI0MC0yNDBTMzg5LDE2LDI1NiwxNnogTTQyMiwxNjBoLTQ5Yy02LTI3LTE1LTUyLTI2LTczDQoJQzM3OCwxMDQsNDA0LDEyOSw0MjIsMTYweiBNMzM2LDI1NmMwLDE3LTEsMzMtMyw0OEgxNzljLTItMTUtMy0zMS0zLTQ4czEtMzMsMy00OGgxNTRDMzM1LDIyMywzMzYsMjM5LDMzNiwyNTZ6IE0yNTYsNDQ4DQoJYy0yMiwwLTUxLTM2LTY3LTk2aDEzNEMzMDcsNDEyLDI3OCw0NDgsMjU2LDQ0OHogTTE4OSwxNjBjMTYtNjAsNDUtOTYsNjctOTZzNTEsMzYsNjcsOTZIMTg5eiBNMTY1LDg3Yy0xMSwyMS0yMCw0Ni0yNiw3M0g5MA0KCUMxMDgsMTI5LDEzNCwxMDQsMTY1LDg3eiBNNzAsMjA4aDYxYy0yLDE2LTMsMzItMyw0OHMxLDMyLDMsNDhINzBjLTQtMTUtNi0zMS02LTQ4UzY2LDIyMyw3MCwyMDh6IE05MCwzNTJoNDljNiwyNywxNSw1MiwyNiw3Mw0KCUMxMzQsNDA4LDEwOCwzODMsOTAsMzUyeiBNMzQ3LDQyNWMxMS0yMSwyMC00NiwyNi03M2g0OUM0MDQsMzgzLDM3OCw0MDgsMzQ3LDQyNXogTTQ0MiwzMDRoLTYxYzItMTYsMy0zMiwzLTQ4cy0xLTMyLTMtNDhoNjENCgljNCwxNSw2LDMxLDYsNDhTNDQ2LDI4OSw0NDIsMzA0eiIvPg0KPC9zdmc+DQo=);} ul.hashnav li a.moex {padding-left: 16px; background-size:11px;background-repeat:no-repeat;background-position: 0 center;background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyNi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAxMDAgMTAwIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxMDAgMTAwOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojMzQzMUZDO30NCgkuc3Qxe2ZpbGw6I0ZGRkZGRjt9DQo8L3N0eWxlPg0KPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSIwLDc4LjMgMCw0Mi43IDM4LjUsNDIuNyAzOC41LDIxLjMgMTAwLDIxLjMgMTAwLDc4LjMgIi8+DQo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAuOSw2N2gtMC44bC0zLjktMTYuM0g4Ljh2MTkuOGgzLjhWNTQuMmgwLjhsMy45LDE2LjNoNi41bDMuOS0xNi4zaDAuOHYxNi4zaDMuOFY1MC43aC03LjRMMjAuOSw2N3oNCgkgTTU5LjcsNzAuNWgxMy41VjY3aC05LjZ2LTQuOWg4LjN2LTMuNGgtOC4zdi00LjZoOS42di0zLjVINTkuN1Y3MC41eiBNNDYsNjcuNmMtNC40LDAtNi40LTMtNi40LTdzMi02LjksNi40LTYuOXM2LjQsMyw2LjQsNi45DQoJUzUwLjQsNjcuNiw0Niw2Ny42eiBNNDYsNTAuMmMtNi42LDAtMTAuNCw0LjItMTAuNCwxMC40UzM5LjQsNzEuMSw0Niw3MS4xczEwLjQtNC40LDEwLjQtMTAuNVM1Mi42LDUwLjIsNDYsNTAuMnogTTc1LjksNzAuNUg4MA0KCWw0LjYtNy44bDUsNy44aDQuMWwtNi42LTEwLjRsNi4zLTkuNGgtNC4ybC00LjQsN2wtNC40LTdoLTQuMmw2LDkuM0w3NS45LDcwLjV6Ii8+DQo8L3N2Zz4NCg==);} .oglav_header {font-weight: bold; margin-top:20px;} /* MEGA-LINKS TO HASH */ ul.oglav{margin: 20px 0 0 0; padding: 0;font-size: 14px;} ul.oglav li{display:inline;line-height:1.6em;margin-right:10px;} ul.oglav li a:link,ul.oglav li a:visited{text-decoration: none;border-bottom: dashed 1px #0000ff5c;display: inline-block;margin-bottom: 8px;} ul.oglav li a:hover{} ul.oglav li a::before {content: "# "; opacity: 0.5;} /*CONTENT*/ .content a, .content a:visited {color:#00F;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color: #9999ff;} .content a:hover {color:#C30;border-bottom-color:#C30} .content h1,h2,h3,h4{font-weight:bold;} .content h1{font-size: 22px;margin:0;border-bottom: solid 1px #E7E7E7;padding-bottom: 10px;} .content h2{font-size:24px;margin: 50px 0 0 0;} .content h3{font-size:18px;margin: 30px 0 0 0;} .content h4{font-size:16px;margin: 20px 0 0 0;} .content span.description {display: block; padding: 10px 0 0 0; font-size: 13px;} .content p {line-height: 26px; margin: 20px 0 0 0;} .content p.half-margin {margin-top:5px;} .content .information-orange {padding:10px; background-color: #FFE29A; border-radius: 6px; display: block; margin-top: 40px;} .border-split-h2 {margin: 40px -20px 0 -20px;border-top: 8px solid #E7E7E7; opacity: 0.5;} /*information elements*/ .content blockquote.information {font-size:14px; border: solid 1px #E7E7E7; padding: 20px; border-radius: 10px; margin-left: 20px; margin-right: 20px;} .content blockquote p {margin-top: 0;} @media (max-width : 768px ){ .content h1{border-bottom: none;padding-bottom: 5px; font-size: 18px;} .content h2{font-size: 20px;} .content h3{} .content h4{} .content span.description {padding: 5px 0 0 0;font-size: 12px;} .border-split-h2 {margin: 40px -12px 0 -12px;opacity: 0.6;} .content p.small {margin: 10px 0 0 0; font-size: 12px;line-height: 22px;} .content h3.nomargin_m {margin: 15px 0 0 0;} } footer {border-top: solid 1px #E7E7E7; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; font-size: 14px} footer a:link, footer a:visited {color:#00F;text-decoration:none;border-bottom:1px solid #9999ff;} footer a:hover {color:#C30;border-bottom-color:#C30} .footer_link__about {display: block; text-align: right; margin-bottom: 20px;} .footer_copyright {display: block; text-align: right; color: #333; margin: 20px 0; border-top: 1px solid #E7E7E7; padding-top: 10px;} .footer_social a:link, .footer_social a:visited {margin-right: 10px; border-bottom: none;} footer p {padding: 0; margin-top: 8px; margin-bottom: 0;} footer ul {margin: 8px 0 20px 0; padding: 0;} footer ul li {list-style-type:none;margin-bottom:8px;} /*page up btn*/ .top-btn {position: fixed;right: 15px;bottom: 50px;background: #f0f0f0;border-radius: 50%;line-height: 45px;text-align: center;cursor: pointer;width: 45px;height: 45px;font-size: 20px;transition: opacity .3s, visibility .3s;} .top-btn_hide {opacity: 0;visibility: hidden;} @media (max-width : 768px ){ footer {border-top: solid 1px #E7E7E7; margin-top: 20px;padding: 12px;} .footer_social {margin-top: 8px; text-align: right;} } /*author and other article information */ .article_info {display: flex; align-items: center; margin: 20px 0 0 0;} .article_info img {width: 30px; height: 30px; border-radius: 15px;} .article_info .author_date {margin-left: 10px; font-size: 11px; color: #333;} .article_info .author_date .author {} .article_info .author_date .author::after {content: ", "} .article_info .author_date .date {} .article_info .author_date .counter { margin-left: 20px; } /*attention and information blocks */ .quote_attention_yellow {margin-top: 20px; padding: 20px; background-color: #FBFFC5; border-radius: 8px;} .quote_attention {margin-top: 20px; padding: 20px; background-color: #FBE8C6; border-radius: 8px;} blockquote.information {font-size:14px; border: solid 1px #E7E7E7; padding: 30px; border-radius: 10px; margin-left: 20px; margin-right: 20px;margin-top: 20px;} /* IMAGES */ .article__img {border-radius: 10px; width: 100%; max-width: 958px; height: auto; } .master-image {width: 100%; aspect-ratio: 121/63;margin-top: 20px; max-width: 958px;} .master-image__half {width: 100%; aspect-ratio: 121/28;margin-top: 20px; max-width: 958px;} .image-screenshot-url {width: 100%; aspect-ratio: 16/9;} @media (max-width : 768px ){ blockquote.information { margin-left: 5px; margin-right: 5px; padding: 15px;} .article__img {width: 100%;} } /*thumbs*/ .thumbs a {text-decoration: none; border-bottom: none;} .thumbs a span {color: #00F;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #9999ff;} .thumbs a:hover {color: #C30;} .thumbs a span:hover {color: #C30;border-bottom-color: #C30;} .thumbs img {} .multi-repeating-linear {margin: 0 -20px; padding: 20px;background: linear-gradient(blue, pink);} /* Links with images to other parts of website Mobile - overflow with scroll */ .inner__links {display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 60px; border-top: solid 1px #E7E7E7; border-bottom: solid 1px #E7E7E7; padding: 30px 20px 0 20px; margin-left: -20px; margin-right: -20px; margin-bottom: 60px; font-size: 13px; } .inner_links__p {margin-bottom: -60px!important; margin-top: 60px!important; font-size: 13px; font-weight: bold; color: #7994ba;} .inner_links__strinfo {font-size: 12px;} .inner__links_element {margin: 0 20px 20px 0; max-width: 270px;} .inner__links_element img {aspect-ratio:2/1; max-width: 270px; width: 100%; display: block; border-bottom-width: 0; margin-bottom: 8px;} .inner__links_element a {border-bottom: none;} @media (max-width : 768px ){ .inner__links {overflow-x: scroll;flex-wrap: nowrap;font-size: 14px;padding: 15px 12px 5px 12px;margin-left: -12px;margin-right: -12px; } .inner__links_element {margin: 0px 20px 0 0;min-width: 220px; max-width: 220px;} .inner__links_element img {border-radius: 5px;} } .reccomend {margin-top: 20px;} .reccomend a {border-bottom: none;} .header_links {display: flex;justify-content:space-between; align-items: center; margin-top: 40px; margin-bottom: 20px;} .header_links h2,h3 {margin:0;} /* Cards - links with images */ /*?? */.cards_header {font-size:26px; margin-bottom:10px;} /*?? */.cards-h2 {font-size: 16px!important; padding: 20px 0;} .cards { max-width: 1200px; margin: 20px 0 0 0; display: grid; grid-gap: 0.5rem; } .card { box-shadow: 0 0px 10px rgb(0 0 0 / 8%); padding: 10px; border-radius: 10px;text-align: center;} .card img {margin-bottom: 10px; height: 40px; width: 40px;} .card a {border-bottom: none; color: #00F;} .card-image-list {margin-right: 5px; height: 20px; width: 20px;} .card-name {display: flex;justify-content: center; text-align: center;} /* .card-name::after {content: " \2192"; font-weight: bold; margin-left: 3px;}*/ /* Screen larger than 600px? 2 column */ @media (min-width: 300px) { .cards { grid-template-columns: repeat(3, 1fr); } .card-name {font-size: 12px;} } /* Screen larger than 600px? 2 column */ @media (min-width: 600px) { .cards { grid-template-columns: repeat(3, 1fr); } .card-name {font-size: 14px;} } /* Screen larger than 900px? 3 columns */ @media (min-width: 900px) { .cards { grid-template-columns: repeat(4, 1fr); } } @media (max-width : 768px ){.card img {height: 32px; width: 32px;} } .links_table {border-collapse: collapse;width: 100%; margin-bottom: 60px;} .links_table thead th { padding: 10px 0;text-align: left;} .links_table th, .links_table td {vertical-align: top; padding-top: 15px; padding-bottom: 15px; border-bottom: dotted 1px #E7E7E7;} .links_table td.noborder {border-bottom: none;} .links_table .channel {display: flex; align-items: center;} .links_table .channel img {width: 30px; height: 30px;border-radius: 20px; margin: 0 15px 0 0;} .links_table .channel-info {margin-top: 10px; padding-left: 45px;} .links_table .subscribers {width: 20%; padding-top: 20px;} .message_update {font-size:12px; color: #CCC; padding: 0; margin:0;} /*tabs */ .tabs {-webkit-text-size-adjust: none; margin: 20px 0 40px 0;} /*.tabs + .tabs {margin-top: 15px;}*/ .tabs-nav {max-width: 100%;overflow-x: scroll;overflow-y: hidden;-ms-overflow-style: none;overflow: -moz-scrollbars-none;scrollbar-width: none;scroll-behavior: smooth; /*font-size: 12px;*/margin:0; padding: 0;border-bottom: solid 1px #E7E7E} .tabs-nav::-webkit-scrollbar {-webkit-appearance: none;width: 0;height: 0;} .tabs-nav__item { padding: 6px 0; margin-right: 20px; -webkit-transition: background-color 0.3s linear; -o-transition: background-color 0.3s linear; transition: background-color 0.3s linear; background: none; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; border-bottom: dotted 1px #0000ff5c; } .tabs-nav__item.active {font-weight: bold;border-bottom: solid 1px;} .tabs-nav__item.active a {color: #000;} .tabs-nav__link {font-size: 14px;border-bottom: none!important;} .tabs-nav__list {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-align: center;-webkit-align-items: center;-ms-flex-align: center;align-items: center;} .tabs-content{display: flex;overflow: hidden;transition: 0.3s all linear;} .tabs-content__track{display: flex;} .tabs-content__item{display: block;flex-shrink: 0;} .tabs-content__item .info--item {font-size: 14px;display: block;padding: 20px 0 0 0;color: #666;} /*.tabs-nav + .tabs-content {margin-bottom: 15px;}.tabs-content + .tabs-nav {margin-top: 15px;}*/ /*tabs on mobile */ @media screen and (max-width : 768px ){ .tabs-nav__item {margin-right: 16px;} .tabs-nav__link {font-size: 13px;} .tabs-content__item .info--item {font-size: 12px;} } /*end tabs on mobile */ /* GRADIENT BLOCKS */ .gradient {padding: 10px 20px;margin: 20px -20px 0 -20px;} .gradient__blue {background: linear-gradient(to top, #327cda, #67b2f4);color: #FFF;} .gradient__red {background: linear-gradient(to top, #b68425, #f9c940);color: #FFF;} .gradient__marginH2 {margin-top: 50px!important;} .gradient__nomargin {margin-top: 0!important;} @media screen and (max-width : 768px ){ .gradient {padding: 10px 12px;margin: 20px -12px 0 -12px;} } .unstandart_image {max-width: 100%; width: 100%;} .plus-minus-block, .half-style-block {display:flex; flex-direction: row; justify-content: space-between; margin-top: 20px;} .half-style__div {width: 50%;} .half-style__div p {margin-top: 0;} .plus-minus-block h3 {margin-top: 0;} .plus-minus-block div {width: 50%; padding: 20px;} .plus-minus-block div.red {background: #faede9;} .plus-minus-block div.green {background: #e9faee;} .plus-minus-block ul { padding-left: 20px!important;} .plus-minus-block ul.plus li {list-style-type: "+ "!important;} .plus-minus-block ul.minus li {list-style-type: "- "!important;} @media screen and (max-width : 768px ){ .plus-minus-block, .half-style-block { flex-direction: column;} .plus-minus-block div, .half-style__div {width: 100%; margin-bottom: 10px;} } .brokers__reviews {} .brokers__reviews td {vertical-align:center; border-bottom: dotted 1px #CCC; padding-bottom: 10px; padding-top: 10px;} .brokers__reviews__image, .brokers__reviews__bname {padding-right: 40px;} .brokers__reviews__image a { border-bottom:none;} @media screen and (max-width : 768px ){.brokers__reviews {font-size: 14px;} .brokers__reviews__image, .brokers__reviews__bname {padding-right: 10px;} .brokers__reviews__image img { height: 30px; width: auto;} } .content ul{margin:20px 0 0 0;padding:0} .content ul.classic{padding-left: 40px;} .content ul.classic ul{margin: 0 0 10px 0;} .content ul.classic li {list-style-type:inherit;} .content ul li{list-style-type:none;margin-bottom:10px;} .content ul li.split{font-size:.3em} .content ul li span{display:block;color:#878787;font-size:.8em} .content ul li span.sp{padding-left:1em;display:inline} .content ul li a,.content ul li a:visited{color:#00F;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color: #9999ff;} .content ul li a.grey{color:#CCC;border-bottom-color:#CCC} .content ul li a.red{color:#FF0004;border-bottom-color:#FF0004} .content ul li.lnk_in a {margin-right: 12px!important; display: inline-block;} .content ul li a:hover{color:#C30;border-bottom-color:#C30} .content ul li.image_pos img {margin-left: 26px; width: 90%; height: auto; border: solid 1px #F7F7F7; border-radius: 10px; opacity: 0.8; margin-top: 5px; margin-bottom: 10px;} ol li {margin-bottom:10px;} @media (max-width : 768px ){ .content ul li.image_pos img {margin-left: 0;width: 100%;margin-bottom: 15px;} } /* ARTICLES LIST */ ul.artiles {display: flex; margin: 30px 0;} ul.artiles li {padding-right: 10px;} ul.artiles li img {display: block; margin-bottom: 5px;} ul.artiles li a {} @media (max-width : 768px ){ ul.artiles {display: block;} ul.artiles li img {margin-top: 15px;} } ul.section_link{margin-top:10px} ul.section_link li{display:inline!important;line-height:1.6em;margin-right:10px} ul.section_link li a:link,ul.section_link li a:visited{font-size: 14px;color: #0835FE!important;-webkit-border-radius: 5px;border-radius: 5px;text-decoration: none!important;border: none!important;-webkit-transition: none;transition: none;display: inline-block;margin-bottom: 8px;padding-left: 8px;padding-right: 8px;background: #E6F5FF;} ul.section_link li a:hover{ color: #00F;background: cornsilk;} ul.oglav_list{margin-top:20px; margin-left: 0} ul.oglav_list li{line-height:1.6em;} ul.oglav_list li a:link, ul.oglav_list li a:visited{font-size: 14px;display: inline-block;margin-bottom: 0;text-decoration: none;border-bottom: dashed 1px #0000ff5c;} ul.oglav_list_article li a:hover{} ul.oglav_list_article{margin-top:20px; margin-left: 0} ul.oglav_list_article li{line-height:1.6em} ul.oglav_list_article li a:link,ul.oglav_list_article li a:visited{font-size: 14px;display: inline-block;margin-bottom: 0;text-decoration: none;border-bottom: dashed 1px #0000ff5c;} ul.oglav_list_article li a:hover{} .site_links{border:1px solid #CCC;border-top-color:#fece4b!important;border-top-width:2px!important;margin:8px 0 16px;padding:16px!important;width:100%} .green_site_links{color:#090;font-size:x-large;margin-top:30px} .site_links:hover{border-top-color:#1A25E0!important} .site_links a:link,.site_links a:visited{font-size:medium;color:#0000FF;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color:#ccddff} .site_links a:hover{color:#FF0004;border-bottom-color:#FF0004} .list__image {width: 30px;height: 30px;border-radius: 20px;margin: 0 15px 0 0; vertical-align: middle;} .list__desc {margin: 10px 0 0 45px;} .list__channel_count {color: #333;display: inline-block; padding-left: 5px;font-size: 12px;} .list__channel_info {color: #333;display: block; padding-left: 40px; font-size: 80%;} .list__bb {border-bottom: dotted 1px #E7E7E7; padding-bottom: 15px;margin-bottom: 15px!important;} .list__bb__off {border-bottom: none;} /*RATING 2019*/ .r:link, .r:visited {font-family: 'Open Sans Condensed', sans-serif; text-decoration: none; color: #4c9141; font-size: 24px;} .r:hover {color:#F04;} .ratelink {height: 50px; padding: 8px 12px; margin-bottom: 10px; -webkit-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.27); -moz-box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.27); box-shadow: 0px 0px 4px 0px rgba(50, 50, 50, 0.27); border-radius: 6px; } .ratelink .number {float: left; width: 30px;} .ratelink .name {float: left; width: 130px;} .ratelink .logo {float: left; width: 142px;} .ratelink .logo img {width: auto; height: 36px;} .ratelink .bonus {float: left;} .bgold {background-color: #F8D423;} @media (max-width : 768px ){ .r:link, .r:visited {font-size: 18px;} .ratelink {height: 40px;padding: 6px 10px;border-radius: 0px;} .ratelink .number {width: 18px;} .ratelink .name {width: 0px; display: none;} .ratelink .logo {width: 130px;} .ratelink .logo img {width: auto; height: 30px;} .ratelink .bonus {float: left;} } .brokers_ratings {border: dotted 1px #ccc; border-bottom: none; border-radius: 10px; width: 100%; margin-bottom: 20px; padding: 0px;} .brokers_ratings p {line-height: 1.4em;margin: 10px 0;} .brokers_ratings thead {font-weight:bold; font-size: 14px;} .brokers_ratings thead th {border-bottom: dotted 1px #CCC; border-right: dotted 1px #CCC; padding: 5px 0;} .brokers_ratings thead th.noborder {border-bottom: none;} .brokers_ratings thead th.noborder_r {border-right: none;} .brokers_ratings tbody tr {font-size: 0.8em;} .brokers_ratings tbody td {padding: 10px;border-bottom: dotted 1px #CCC; border-right: dotted 1px #CCC; vertical-align: top;} .brokers_ratings tbody td.noborder_r {border-right: none;} .brokers_ratings tbody td.brokerinfo {} .brokers_ratings tbody td.brokerinfo img {width: 141px; height: 50px;} .brokers_ratings tbody td.brokerinfo a:link, .brokers_ratings tbody td.brokerinfo a:visited { font-size: 1.2em; color: #333; border-bottom: none;} .brokers_ratings tbody td.brokerinfo a.reviewa {display: block; padding: 10px 0; color: #000; font-size: 13px; } .brokers_ratings tbody td.brokerinfo a.reviewb {display: block; padding: 10px 0; color: #00F; } .brokers_ratings tbody td.brokerinfo a.reviewb:hover {color:#C30;} .brokers_ratings tbody td.brokerinfo .stars {font-size: 19px; color: gold; margin-top: 10px;} .brokers_ratings tbody td.plus {width: 100px;} .brokers_ratings tbody td.minus {width: 100px;} .brokers_ratings tbody td.c_cb {} .brokers_ratings tbody td.c_v {} .brokers_ratings tbody td.c_k {} .brokers_ratings tbody td.hr_u {width: 100px;} .brokers_ratings tbody td span.inheader {font-weight: bold;color: #CCC;margin: 0 -10px;display: block;border-bottom: dotted 1px #CCC; padding: 0 5px; height: 40px;} .brokers_ratings tbody td span.inheader__brokername {display:none;} @media (max-width : 768px ){ .brokers_ratings {font-size: 12px;} .brokers_ratings tbody tr {font-size: 12px;} .brokers_ratings tbody td.brokerinfo .stars {} .brokers_ratings tbody td.brokerinfo img {width: 90px;height: 32px; } .brokers_ratings tbody td span.inheader {height: 30px; color: #000; padding: 5px;} .brokers_ratings tbody td span.inheader.double {height: 45px; color: #000; padding: 5px;} .brokers_ratings tbody td span.inheader__brokername { display: block; color: #CCC;margin: 0 -10px;padding: 0 5px; height: 20px; font-size: 10px; overflow-x: clip; white-space: nowrap;} } .rating_overflow {margin-top: 20px; overflow-x: auto; background-image: /* Shadows */ linear-gradient(to right, white, white), linear-gradient(to right, white, white), /* Shadow covers */ linear-gradient(to right, rgba(0,0,0,.1), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.1), rgba(255,255,255,0)); background-position: left center, right center, left center, right center; background-repeat: no-repeat; background-color: white; background-size: 20px 100%, 20px 100%, 10px 100%, 10px 100%; /* Opera doesn't support this in the shorthand */ background-attachment: local, local, scroll, scroll; } .rating_overflow_simple {overflow-x: auto;} .moex_ratings_wr {margin-right: 20px;} .moex_ratings {width: 100%; text-align: left; margin:20px 0;padding: 10px; font-size: 13px;} .moex_ratings thead tr th {padding: 0 0 5px 0; height: 30px;} .moex_ratings tbody tr {border-bottom: dotted 1px #E7E7E7;} .moex_ratings tbody tr td {padding: 10px 0; border-bottom: dotted 1px #E7E7E7;} .moex_ratings tbody tr td.number {width: 30px;} .moex_ratings tbody tr td.name {width: 190px;} .moex_ratings tbody tr td.inf, .moex_ratings thead tr th.inf {padding-left: 3px;} .moex_ratings tbody tr td.inf-nowrap {white-space: nowrap;} .moex_ratings tbody tr td.name-max {max-width: 190px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .moex_ratings tbody tr td.last {border-bottom: none;} .moex_ratings a:link, .moex_ratings a:visited {color:#00F;text-decoration:none;border-bottom-width:1px;border-bottom-style:solid;border-bottom-color: #9999ff;} .moex_ratings a:hover {color:#C30;border-bottom-color:#C30;} @media (max-width : 768px ){ .moex_ratings_wr {margin-right: 0;} .rating_overflow { background-image: /* Shadows */ linear-gradient(to right, white, white), linear-gradient(to right, white, white), /* Shadow covers */ linear-gradient(to right, rgba(0,0,0,.2), rgba(255,255,255,0)), linear-gradient(to left, rgba(0,0,0,.2), rgba(255,255,255,0)); } .moex_ratings tbody tr td.name-max {max-width: 120px;} } .smart_rate {margin-top: 20px;} .smart_rate a:link, .smart_rate a:visited {border-bottom: none;} .smart_rate .smart_rate_element { border-bottom: solid 1px #e7e7e7;display: flex; align-items: center; padding: 5px 0;font-size: 14px;} .smart_rate .smart_rate_element .mobile_switch,.smart_rate .smart_rate_element .header {display: flex;min-width: 32%;align-content: center;justify-content: flex-start;align-items: center;} .smart_rate .smart_rate_element.noborder {border-bottom: none;} .smart_rate .smart_rate_element .br_logo {color: #666; min-width: 50%;} .smart_rate .smart_rate_element .br_logo span {display: block;} .smart_rate .smart_rate_element .br_logo img {width: 141px; height: 50px;} .smart_rate .smart_rate_element .stars {font-size: 16px; color: gold; margin-left:20px;} .smart_rate .smart_rate_element .review_link {min-width: 8%;} .smart_rate .smart_rate_element .desc {min-width:25%; max-width: 25%; padding-right: 5px;} .smart_rate .smart_rate_element .desc_nowidth {padding-right: 5px;} @media screen and (max-width : 768px ){ .smart_rate .smart_rate_element {justify-content: space-between} .smart_rate .smart_rate_element .header {font-size: 12px;} .smart_rate .smart_rate_element .mobile_switch { display: flex; min-width: 32%; align-items: flex-start; flex-direction: column;} .smart_rate .smart_rate_element .mobile_switch img {width: 100px; height: 35px;} .smart_rate .smart_rate_element .mobile_switch .stars .icon-star {width: 14px; height: 14px;} .smart_rate .smart_rate_element .stars {margin-left: 0;font-size: 12px!important;} .smart_rate .smart_rate_element .review_link {min-width: 8%;} .smart_rate .smart_rate_element .desc, .desc_nowidth {font-size: 12px;} .smart_rate .smart_rate_element .desc.margind {margin-right: 17%;} .smart_rate .smart_rate_element .broker_link {} } /* FILTERS */ input.search { border:solid 1px #ccc; border-radius: 5px; padding:6px 14px; margin-bottom: 5px; } input.search :focus { outline:none; border-color:#aaa; } .sort { padding:6px 14px; border-radius: 6px; border:none; display:inline-block; color:#fff; text-decoration: none; background-color: #28a8e0; height:30px;margin-bottom: 5px; } .sort:hover { text-decoration: none; background-color:#1b8aba; } .sort:focus { outline:none; } .sort:after { display:inline-block; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid transparent; content:""; position: relative; top:-10px; right:-5px; } .sort.asc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #fff; content:""; position: relative; top:4px; right:-5px; } .sort.desc:after { width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-bottom: 5px solid #fff; content:""; position: relative; top:-4px; right:-5px; } .strategy_minsumm {white-space: nowrap;} .strategy_followers::after {content: " чел.";} {} .strategy_minsumm::after {content: " \20BD";} .strategy_dohodnost::after {content: " %";} /*BROKER REVIEWS*/ .review h1 {margin-bottom: 20px;} .review a:link, .review a:visited {color:#00F;} .review a:hover {color:#C30;} .review a.noborder {border-bottom: none;} .review span.official_web {display: block; font-size: 18px; font-weight: bold;} .review span.official_web a:link,.review span.official_web a:visited{color: #0835FE;text-decoration: none; border-bottom: solid 1px #0835FE;} .review span.official_web a:hover{color:#C30;border-bottom-color:#C30} .review a.button {display: inline-block;width: auto;padding: 15px 35px;text-decoration: none;color: white!important;border-bottom: none;text-transform: uppercase;font-weight: 700;margin: 20px 0;-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;background: #5ED64B;} .review a.button:hover {background: darkgreen; } .review img.broker_logo {width: 320px; height: 113px;} .review table {overflow-x:auto; font-size: 16px; border-top: 1px solid #ddd; border-left: 1px solid #ddd;} /*border-top: 1px solid #ddd; border-left: 1px solid #ddd;*/ .review table thead {background: #FFF;} .review table thead tr th {padding: 14px; border-bottom: 2px solid #ddd; border-right: 1px dotted #ddd; } /*border-right: 1px dotted #ddd;*/ .review table tbody tr td {padding: 14px; border-bottom: 1px dotted #ddd; border-right: 1px dotted #ddd; } .review table tbody tr:hover {background:#FFF3A7;} /*.review table tr:nth-child(even) {background-color: #CCC;}*/ .review table.t_vertical {border-collapse: collapse; border-spacing: 0; width: 100%; margin-top: 20px;} .review table.t_vertical th {padding: 15px; font-weight: 700;background: #dff8ec!important; width: 30%;border: 1px solid #fff; vertical-align: top; text-align: left;} .review table.t_vertical td{background: #e5f1f6; border: 1px solid #fff;vertical-align: top;} .review_plus h3, .review_minus h3 {margin-top: 0;} .review_plus {background-color: #e9faee; padding: 20px; margin-top: 20px;} .review_plus span {display: block; margin-top: 12px;} .review_minus {background-color: #faede9; padding: 20px; margin-top: 20px;} .review_minus span {display: block; margin-top: 12px;} .review .green {color:green;} .review .red {color:red;} .rating2 {padding: 10px; border: solid 1px #CCC; margin-right: 20px; margin-top: 20px;} .rating2 .label {display: flex; padding: 6px 0 0 0;font-weight: bold; } /*border-top:solid; border-top-color: #CCC; border-top-width: 1px;*/ .rating2 .first {border-top:none!important;} .rating2 .labels {color: #000; font-size: 16px; display: inline-block; width: 70%; text-align: left;} .rating2 .number {color: #000; font-size: 16px; display: inline-block; width: 29%; text-align: right;} .rating2 .bars {display: block; height: 10px; margin-bottom: 20px; margin-top: 0;} .rating2 .bars span {display: inline-block; height: 10px; width: 20%; background: #7dc526; border-right: solid; border-right-color: #FFF; border-right-width: 2px;} .rating2 .bars span.half {width: 10%; border-right: none;} .rating2 .bars span.halfoff {background: #CCC; border-right: solid; border-right-color: #FFF; border-right-width: 2px;} .rating2 .bars span.off {background: #CCC;} .rating2 .overall {display: block; padding: 6px 0 0 0; border-top:solid; border-top-color: #CCC; border-top-width: 1px;} .rating2 .overall .overs {color: #000; font-size: 20px; font-weight: bold; display: inline-block; width: 75%; text-align: left;} .rating2 .overall .score {color: #FFF; font-size: 24px; font-weight: bold; display: inline-block; width: 23%; text-align: right; background: #7dc526; padding: 5px 15px 6px 0px;} @media screen and (max-width : 768px ){ .review img.broker_logo {width: auto; height: 80px;} .review span.official_web {font-size: 16px;} .review_plus, .review_minus {padding: 20px; border-radius: 6px; margin-bottom: 10px;} .review a.button {padding: 10px 20px;} .rating2 {margin-right: 12px;} } .apps_header {display: flex;} .apps_header__logo {display:flex;align-items: center; margin-top: 20px; border-radius: 5px;} .apps_header__logo p{margin-top: 0; font-size: 40px; font-weight: bold; cursor: default;} .apps_header__brokerlink {} .apps_review__logoimage { height: 80px; width: 80px; border-radius: 5px; margin-right: 20px;} .button__openaccount { background-color: #4CAF50; /* Green */ border: none!important; color: white!important; padding: 15px 32px; text-align: center; text-decoration: none; display: inline-block; margin-right: 15px; } .appslinks {font-size: 14px;} .appslinks__smallmargin {} .appslinks_li {border: solid 1px #CCC; padding: 6px 0; max-width: 210px; border-radius: 8px; display: inline-block; margin-right: 10px;} .appslinks_li_onlytext {display: inline-block; margin-right: 10px;} .appslinks_li span {padding-left: 36px;} .appslinks_li__link {border-bottom: none!important; display: flex;justify-content: flex-start; align-items: center; padding: 0 10px;} .appslinks__store_image {width: 18px; height: 18px; margin-right: 6px; } .appsscreens {display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 20px;font-size: 14px;} .appsscreens_nowrap {display: flex; flex-wrap: nowrap; align-items: stretch; margin-top: 20px;font-size: 14px;} .appsscreens__desktop__scroll {display: flex;overflow-x: scroll;flex-wrap: nowrap;margin-top: 20px;margin-bottom: 40px; font-size: 14px;} .appsscreens_element {margin: 0 20px 20px 0; max-width: 270px;} .appsscreens_element img {width: 100%; border: 1px solid #E7E7E7;border-radius: 15px;} /*aspect-ratio:2/1; max-width: 270px; */ .appsscreens_element p {margin-top: 5px;} .appstables {margin-top: 20px;border-collapse: collapse;border-spacing: 0; width: 100%;} .appstables td {padding: 10px;vertical-align: top;text-align: left; border: solid 1px #CCC;} .appstables__td_fixed {font-weight: 700;background: #dff8ec;width: 30%;} .appstables__td_desc {background: #e5f1f6;border: 1px solid #fff;} .appstables__span_yes {font-weight: bold; color: limegreen;} .appstables__span_no {font-weight: bold; color: Tomato;} :root { --column-fixed-width: 90px; } .table__fixed { width: 100%; font-size: 13px; border-collapse: collapse; border-top: 1px solid #E7E7E7; } /* Table Fixed Column */ .table__fixed th, .table__fixed td { white-space: nowrap; border-bottom: 1px solid #E7E7E7; border-right: 1px solid #E7E7E7; text-align: center; padding: 5px; } .table__fixed th:first-child, .table__fixed td:first-child { border-right: 1px solid #E7E7E7; border-bottom: 1px solid #E7E7E7; border-left: 1px solid #E7E7E7; position: absolute; width: var(--column-fixed-width); left: 20px; top: auto; text-align: center;text-wrap: wrap; } .table__fixed th:first-child {border-top: 1px solid #E7E7E7;} /* .table__fixed th:last-of-type, .table__fixed td:last-of-type { border-left: 3px solid #d0d0d0; border-bottom: 1px solid #d0d0d0; position: absolute; width: var(--column-fixed-width); right: 0; top: auto; } */ .table__fixed_scroll { width: calc(100% - var(--column-fixed-width)); overflow: auto; margin-left: var(--column-fixed-width); margin-top: 20px; /*box-shadow: inset -12px 0 9px -7px rgba(0,0,0,0.25);*/ /*overflow-x: scroll; overflow-y: visible;*/ } @media (max-width : 768px ){ .apps_header__logo p{font-size: 2em;} .appsscreens, .appsscreens_nowrap {overflow-x: scroll;flex-wrap: nowrap;padding: 15px 12px 5px 12px;margin-left: -12px;margin-right: -12px; } .appsscreens_element {margin: 0px 20px 0 0;min-width: 220px; max-width: 220px;} .appstables {font-size: 90%;} .appstables__td_fixed {width: 40%;} .table__fixed th:first-child, .table__fixed td:first-child {left: 12px;} } /*atricles*/ .article {display: flex; flex-wrap: wrap; align-items: stretch;} .article__beh {} .article .article__item {margin: 0 10px 20px 0; min-width: 280px; max-width: 280px; height: auto;padding: 8px; border-radius: 6px; float: left;} .article_image__size {height: auto; width: 270px; display: block; border-bottom-width: 0; margin-bottom: 8px;} @media (max-width : 768px ){ .article {overflow-x: scroll;font-size: 14px;} .article__beh {} .acticle .article__item {min-width: 160px; max-width: 160px; float: none;} } /*Buttons*/ .buttonPro{ display: inline-block; text-decoration: none; outline: none; cursor: pointer; font: bold 12px/1em; padding: 8px 11px; color: #555; text-shadow: 0 1px 0 #fff; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#f0f0f0)); background: -moz-linear-gradient(top, #f9f9f9, #f0f0f0); border: 1px solid #dedede; border-color: #dedede #d8d8d8 #d3d3d3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #eaeaea, inset 0 1px 0 #fbfbfb; } .buttonPro:hover, .buttonPro:focus{ color: #555; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#f9f9f9), to(#e9e9e9)); background: -moz-linear-gradient(top, #f9f9f9, #e9e9e9); border-color: #ccc; -webkit-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; -moz-box-shadow: 0 2px 1px #e0e0e0, inset 0 1px 0 #fbfbfb; box-shadow: 0 1px 2px #e0e0e0, inset 0 1px 0 #fbfbfb; } .buttonPro:active{ position: relative; top: 1px; color: #555; background: #efefef; background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#f4f4f4)); background: -moz-linear-gradient(top, #eaeaea, #f4f4f4); border-color: #c6c6c6; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; box-shadow: 0 1px 0 #fff, inset 0 0 5px #ddd; } .buttonPro.rounded{ padding: 8px 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; } input.buttonPro, button.buttonPro{ *width: auto; /* IE7 Fix */ *overflow: visible; /* IE7 Fix */ } .buttonPro img{ border: none; vertical-align: bottom; } /* ----- ---- --- -- - Small buttons - -- --- ---- ----- */ .buttonPro.small{ padding: 5px 11px; font-size: 11px; font-weight: normal; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; } .buttonPro.small.rounded{ -webkit-border-radius: 11px; -moz-border-radius: 11px; border-radius: 11px; } /* ----- ---- --- -- - Large buttons - -- --- ---- ----- */ .buttonPro.large{ padding: 12px 15px; font-size: 20px; font-weight: normal; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .buttonPro.large.rounded{ padding: 12px 22px; -webkit-border-radius: 23px; -moz-border-radius: 23px; border-radius: 23px; } /* ----- ---- --- -- - Blue - -- --- ---- ----- */ .buttonPro.blue{ background: #377ad0; background: -webkit-gradient(linear, left top, left bottom, from(#52a8e8), to(#377ad0)); background: -moz-linear-gradient(top, #52a8e8, #377ad0); border-color: #4081af #2e69a3 #20559a; color: #fff; text-shadow: 0 1px 1px #4081af; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 1px #72b9eb; } .buttonPro.blue:hover, .buttonPro.blue:focus{ background: #206bcb; background: -webkit-gradient(linear, left top, left bottom, from(#3e9ee5), to(#206bcb)); background: -moz-linear-gradient(top, #3e9ee5, #206bcb); border-color: #2a73a6 #165899 #07428f; -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; -moz-box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; box-shadow: 0 1px 0 0 #fff, inset 0 1px 0 0 #62b1e9; } .buttonPro.blue:active{ background: #3282d3; border-color: #154c8c #154c8c #0e408e; text-shadow: 0 -1px 1px #1d62ab; -webkit-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; -moz-box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; box-shadow: 0 1px 0 0 #fff, inset 0 0 6px 3px #1657b5; } /* ----- ---- --- -- - Green - -- --- ---- ----- */ .buttonPro.green{ background: #7fbf4d; background: -webkit-gradient(linear, left top, left bottom, from(#7fbf4d), to(#63a62f)); background: -moz-linear-gradient(top, #7fbf4d, #63a62f); border-color: #63a62f; color: #fff; text-shadow: 0 1px 0 #53961e; -webkit-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; box-shadow: 0 1px 2px #d6d6d6, inset 0 1px 0 #96d865; } .buttonPro.green:hover, .buttonPro.green:focus{ background: #76b347; background: -webkit-gradient(linear, left top, left bottom, from(#86c755), to(#5ea12a)); background: -moz-linear-gradient(top, #86c755, #5ea12a); border-color: #53961e; -webkit-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; -moz-box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; box-shadow: 0 0 1px #d6d6d6, inset 0 1px 0 #96d865; } .buttonPro.green:active{ background: #7fbf4d; border-color: #53961e; -webkit-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; -moz-box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; box-shadow: 0 1px 0 #fff, inset 0 0 5px #53961e; } /*Buy shares*/ .shares { padding: 0 0 20px 0;} .shares span {font-weight: bold; color: crimson; border-bottom: 1px solid #CCC; padding-bottom: 5px; display: block; margin-bottom: 5px;} /*bs tooltip*/ .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: 0.875rem; word-wrap: break-word; opacity: 0; } .tooltip.show { opacity: 0.9; } .tooltip .arrow { position: absolute; display: block; width: 0.8rem; height: 0.4rem; } .tooltip .arrow::before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .bs-tooltip-top, .bs-tooltip-auto[x-placement^="top"] { padding: 0.4rem 0; } .bs-tooltip-top .arrow, .bs-tooltip-auto[x-placement^="top"] .arrow { bottom: 0; } .bs-tooltip-top .arrow::before, .bs-tooltip-auto[x-placement^="top"] .arrow::before { top: 0; border-width: 0.4rem 0.4rem 0; border-top-color: #000; } .bs-tooltip-right, .bs-tooltip-auto[x-placement^="right"] { padding: 0 0.4rem; } .bs-tooltip-right .arrow, .bs-tooltip-auto[x-placement^="right"] .arrow { left: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-right .arrow::before, .bs-tooltip-auto[x-placement^="right"] .arrow::before { right: 0; border-width: 0.4rem 0.4rem 0.4rem 0; border-right-color: #000; } .bs-tooltip-bottom, .bs-tooltip-auto[x-placement^="bottom"] { padding: 0.4rem 0; } .bs-tooltip-bottom .arrow, .bs-tooltip-auto[x-placement^="bottom"] .arrow { top: 0; } .bs-tooltip-bottom .arrow::before, .bs-tooltip-auto[x-placement^="bottom"] .arrow::before { bottom: 0; border-width: 0 0.4rem 0.4rem; border-bottom-color: #000; } .bs-tooltip-left, .bs-tooltip-auto[x-placement^="left"] { padding: 0 0.4rem; } .bs-tooltip-left .arrow, .bs-tooltip-auto[x-placement^="left"] .arrow { right: 0; width: 0.4rem; height: 0.8rem; } .bs-tooltip-left .arrow::before, .bs-tooltip-auto[x-placement^="left"] .arrow::before { left: 0; border-width: 0.4rem 0 0.4rem 0.4rem; border-left-color: #000; } .tooltip-inner { max-width: 200px; padding: 0.25rem 0.5rem; color: #fff; text-align: center; background-color: #000; border-radius: 0.25rem; } .btnr{ text-decoration:none; color:#333333; font-size:12px; font-weight:bold; padding:0 15px; line-height:32px; height: auto; display:inline-block; text-align:center; background-color:#DDDDDD; text-transform: uppercase; } .btnr.green{ background-color:#4BC94D; color:#c4ff41 !important; } .btnr.green:hover{ background-color:#6fd471; } .btnr.blue{ background-color:#5DADE2; } .btnr.blue:hover{ background-color:#7dbde8; } .btnr:hover{ background-color:#F6F6F6; } .btnr.round{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .btnr.pill{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .btn-group > .btnr.round:not(:first-child):not(:last-child), .btn-group > .btnr.pill:not(:first-child):not(:last-child){ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .btn-group > .btnr.round:first-child, .btn-group > .btnr.pill:first-child{ -webkit-border-top-right-radius: 0; -webkit-border-bottom-right-radius: 0; -moz-border-radius-topright: 0; -moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0; } .btn-group > .btnr.round:last-child, .btn-group > .btnr.pill:last-child{ -webkit-border-top-left-radius: 0; -webkit-border-bottom-left-radius: 0; -moz-border-radius-topleft: 0; -moz-border-radius-bottomleft: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; } .btn-group .btnr + .btnr{ border-left: 1px solid rgba(0, 0, 0, .1); margin-left:-1px; } @media (max-width : 768px ){ .mob_margin_b { margin-bottom: 20px;} } /*Mobile APPS reviews*/ .apps_h1 {border-bottom: dotted 1px #CCC; padding-bottom: 10px;} .apps_links { display: flex; flex-direction: column;} .apps_links .direct a:link, .apps_links .direct a:visited { background-color: #4CAF50;border: none;color: white!important;padding: 8px 14px;text-align: center; text-decoration: none; display: inline-block;border-radius: 3px;font-size: 16px; border-bottom: none!important; font-weight: 100;} .apps_pm {display: flex; flex-direction: row; } .apps_pm .plus {flex-basis: 50%; background: #e9faee; padding: 20px;} .apps_pm .minus {flex-basis: 50%; background: #faede9; padding: 20px;} .apps_pm h3 {margin-top: 0px;} .apps_pm span {display: block; margin-bottom: 10px;} @media (max-width : 768px ){ .apps_pm {flex-direction: column;} } @media (max-width : 768px ){ .apps_links { display: flex; flex-direction: row;} .apps_links .i {align-self: center;} .apps_links img { width: 100px; height: 100px;} .apps_links .direct {padding-left: 30px;} .apps_links .direct h3 {margin-top: 0; font-size: 90%;} .apps_links .direct a:link, .apps_links .direct a:visited {margin-bottom: 10px; font-size: 70%!important;} } .apps_screens {display: flex; flex-direction: row; margin-top: 30px;} .apps_screens img {margin-right: 30px; border: 1px solid #E7E7E7; border-radius: 3px;} .apps_screens span {display: block; font-size: 14px; padding-top: 10px; } @media (max-width : 768px ){ .apps_screens {flex-direction: column;} .apps_screens img {margin-right:0; display: inline-block; max-width: 337px;} .apps_screens span {display: block;padding-bottom: 30px; padding-top: 0; font-size: 11px; } } .apps_a_number {font-size: 16px; font-weight: bold; padding-right: 20px; margin-top: 10px;} .apps_a_logo img {height: 50px; width: 50px; margin-right: 10px;} .apps_a_store {margin: 10px; border: solid 1px #E7E7E7; border-radius: 6px; padding: 8px; background-color: #15a863;} .apps_a_store:hover {opacity: 0.7;} .apps_a_store a:link, .apps_a_store a:visited {text-decoration: none; display: block; font-size: 12px;color:#FFF; border-bottom: none;} .apps_a_store a i {font-size: 20px;} .apps_a_store a span {color: #FFF; padding-left:8px;} .apps_a_nom {margin: 30px 10px 10px 0!important;} .apps_mb {margin-bottom: 8px;} .apps_func {margin-top: 20px;} .apps_func span {display: inline-block; padding-left: 10px;} .apps_plm {margin-top: 20px;} .apps_plm .green {color:green;} .apps_plm .red {color:red;} .apps_plm ul {margin-top: 15px;} .apps_plm ul li:before{content: "• ";} .splitter {border-bottom: dotted 1px #E7E7E7; margin:35px 0 35px 0;} .theme-shares { --fa-secondary-opacity: 1.0; --fa-primary-color: rgb(22, 168, 72); --fa-secondary-color: rgb(162, 159, 159); } .theme-currency { --fa-secondary-opacity: 1.0; --fa-primary-color: rgb(0, 0, 0); --fa-secondary-color: rgb(225, 205, 49); } .theme-ex { --fa-secondary-opacity: 1.0; --fa-primary-color: rgb(76, 121, 255); --fa-secondary-color: rgb(64, 146, 206); } /*Brokers. Links Table */ .brokers_table {width: 100%; border-left: solid 1px #E7E7E7; border-bottom: solid 1px #E7E7E7;} .brokers_table thead td {font-weight: bold; font-size: 14px;} .brokers_table td {padding:10px 30px 10px 10px; border-top: solid 1px #E7E7E7;border-right: solid 1px #E7E7E7;} .brokers_table td.logo-image img { width: 141px; height: 50px;} .brokers_table td.noborder {border-top: none; } .brokers_table td.va {vertical-align: top; text-align: left;} .brokers_table td span {font-size: 12px; display: block;} .brokers_table td a {font-size: 14px; border-bottom: none;} .brokers_table td a.review-link:link, .brokers_table td a.review-link:visited {color: #00F; font-weight: bold; text-decoration: none;} /*border-bottom-width:1px;border-bottom-style:solid;border-bottom-color: #9999ff;*/ .brokers_table td a.review-link:hover {color:#C30; border-bottom-color:#C30; } .brokers_table td a.button-link:link, .brokers_table td a.button-link:visited {display: inline-block; text-decoration: none; background-color:#15a863; padding: 10px 15px; color: white; font-weight: bold;border-radius: 6px; min-width: 90px; text-align: center;} .brokers_table td a.button-link:hover {opacity: 0.7;} span.description_sm {display: block; padding: 5px; font-size: 11px;} .button-green-link:link, .button-green-link:visited {display: inline-block; text-decoration: none; background-color:#15a863; padding: 10px 15px; color: white!important; font-weight: bold;border-radius: 6px; min-width: 90px; text-align: center;} .button-green-link:hover {background-color: #10aa62;} @media (max-width : 768px ){ .brokers_table td {font-size: 12px;} .brokers_table td.logo-image img {width:100px; height:auto;} .brokers_table td a.button-link:link, .brokers_table td a.button-link:visited { padding: 10px 5px; min-width: 70px;} .button-green-link:link, .button-green-link:visited { padding: 10px 5px; min-width: 70px;} } .top-nav{ overflow-x: scroll; } .top-nav ul{ display: flex; } .top-nav li + li{ margin-left: 100px; } /* Content tables */ .table_overflow {overflow-x: auto;margin-bottom: 30px;} .table_fancy {border-collapse: collapse;width: 100%; margin-top: 20px; } .table_fancy td, .table_fancy th {border: 1px solid #ddd;padding: 8px;} .table_fancy tr:nth-child(even){background-color: #f2f2f2;} .table_fancy tr:hover {background-color: #ddd;} .table_fancy th {padding-top: 12px;padding-bottom: 12px;text-align: left;background-color: #04AA6D;color: white;} /* ******************************* FAQ - Newsblock */ details {font-size: 14px;} details.first-d-element {margin-top: 20px;} details[open] {padding-bottom: 20px;} /* Убираем стандартный маркер Chrome */ details summary::-webkit-details-marker {display: none} /* Убираем стандартный маркер Firefox */ details > summary {list-style: none;} /* Маркер для закрытого состояния */ details summary:before {content: '\002B'; margin-right: 10px;} /* Маркер для открытого состояния */ details[open] summary:before {content: '\2212';} summary {cursor: pointer;font-size: 16px; font-family: 'Arial', sans-serif; padding: 15px 5px; -webkit-transition: 0.3s all linear; -o-transition: 0.3s all linear; transition: 0.3s all linear; outline: 2px solid transparent; border-top: 1px solid #CCC; border-bottom: none; border-right: none; border-left: none; color: #000; text-align: left;line-height: 22px; } summary:hover {outline: 1px solid #4b99e6;background-color: #eef7ff;} summary > * {display: inline;} details p {line-height: 22px!important;margin: 12px 0 0 0!important;} details span.date {padding-right: 8px;} details ul {margin-top: 10px!important;} details ul li {list-style-type: disc!important; margin: 0 0 0 20px!important;} .broker_bage {font-style: normal; font-weight: normal; color: #1aaa16; margin-right: 8px; } @media (max-width : 768px ){ details {font-size: 13px;} summary:hover {outline: none;background-color: transparent;} .broker_bage {display: inline-block;} } .icons-block {} .icon-searchbar {width:18px;height:18px;margin:5px;fill:#CCC;} .icon-searchbar-close {width:20px;height:20px;margin:5px;fill:#CCC;} .icon-search {width:18px;height:18px;fill:#FFF;} .icon-btn-top {width:21px;height:21px;fill:#000; margin-top: 12px;} .icon-footer {width: 30px; height: 30px;} .ico-rating {width: 40px; height: 40px;} .icon-star {fill: gold;display: inline-block;width: 19px;height: 19px;} .icon-star-half {fill: gold;display: inline-block;width: 19px;height: 19px;} .icon-menu-shop {width:18px;height:18px;fill:#FFF; margin-top: 9px; margin-bottom: 3px;} .icon-menu-book {width:18px;height:18px;fill:#FFF; margin-top: 9px; margin-bottom: 3px;} .icon-menu-book-dark {width:25px;height:25px;fill:#333; margin-top: 9px; margin-bottom: 3px;} .icon-menu-shop-dark {width:25px;height:25px;fill:#333; margin-top: 9px; margin-bottom: 3px;} .icon-footer.youtube {fill:red;} .icon-footer.vk{fill:#5181b8;} .icon-footer.fb{fill:#4867aa;} .icon-footer.inst{fill:#de4732;} .icon-18 {width:18px;height:18px;} .icon-20 {width:20px;height:120px;} .icon-plus {fill:green;} .icon-minus {fill:red;} .ico-white {fill:white;} .ico-laptop {background-image: url(/img/icons/ico-laptop.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 30px; height: 30px;} .ico-shares {background-image: url(/img/icons/ico-chart-up.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 18px; height: 18px;} .ico-currency {background-image: url(/img/icons/ico-usd.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 18px; height: 18px;} .ico-usd-filter{background-image: url(/img/icons/ico-usd-filter.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 18px; height: 18px;} .ico-commodity{background-image: url(/img/icons/ico-gas.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 18px; height: 18px;} .ico-exchange{background-image: url(/img/icons/ico-exchange.svg); background-repeat: no-repeat; display: inline-block; background-position: center; width: 18px; height: 18px;} .symbol-cb-rf{background-image: url(/img/cb-rf.svg); background-repeat: no-repeat; display: inline-block; background-position: right; height: 30px; width: auto;} .cb-rf-info {padding-right: 120px; padding-top: 7px; color: #666; font-size: 12px; margin-top: 10px;} @media (max-width : 768px ){ .cb-rf-info{padding-right: 115px;} .icon-footer {width: 20px; height: 20px;}} .lazyframe{position:relative;background-color:currentColor;background-repeat:no-repeat;background-size:cover;background-position:center}.lazyframe__title{position:absolute;top:0;right:0;left:0;padding:15px 17px;z-index:3}.lazyframe__title::after{z-index:-1}.lazyframe:hover{cursor:pointer}.lazyframe::before{display:block;content:"";width:100%;padding-top:100%}.lazyframe[data-ratio="16:9"]::before{padding-top:56.25%}.lazyframe[data-ratio="4:3"]::before{padding-top:75%}.lazyframe[data-ratio="1:1"]::before{padding-top:100%}.lazyframe iframe{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;width:100%;height:100%}.lazyframe[data-vendor=youtube],.lazyframe[data-vendor=youtube_nocookie]{background-color:#e52d27;font-family:Roboto,Arial,Helvetica,sans-serif}.lazyframe[data-vendor=youtube] .lazyframe__title,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title{color:#eee;font-family:Roboto,Arial,Helvetica,sans-serif;font-size:18px;text-shadow:rgba(0,0,0,.498039) 0 0 2px;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:rgba(0,0,0,0);transition:color .1s cubic-bezier(0.4, 0, 1, 1)}.lazyframe[data-vendor=youtube] .lazyframe__title:hover,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title:hover{color:#fff}.lazyframe[data-vendor=youtube] .lazyframe__title::before,.lazyframe[data-vendor=youtube_nocookie] .lazyframe__title::before{content:"";display:block;background:linear-gradient(rgba(0, 0, 0, 0.2), transparent);height:98px;width:100%;pointer-events:none;position:absolute;top:0;left:0;right:0;z-index:-1;-webkit-tap-highlight-color:rgba(0,0,0,0)}.lazyframe[data-vendor=youtube]::before,.lazyframe[data-vendor=youtube_nocookie]::before{padding-top:56.25%}.lazyframe[data-vendor=youtube]::after,.lazyframe[data-vendor=youtube_nocookie]::after{content:"";position:absolute;left:50%;top:50%;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%231F1F1F' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");background-position:center center;background-size:100%;background-repeat:no-repeat;opacity:.81;border:none;z-index:4}.lazyframe[data-vendor=youtube]:hover::after,.lazyframe[data-vendor=youtube_nocookie]:hover::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23DD2C28' d='M255.7 446.3c-53.3.3-106.6-.4-159.8-3.3-17.4-1-34.7-2.5-50.4-11C35 426.3 27 418.4 22 407.2 13.2 388.6 10.5 369 9 349c-3.4-41.3-3.6-82.6-1.8-123.8 1-22 1.6-44 6.8-65.5 2-8.4 5-16.6 8.8-24.4C32 117 48 108 67.3 104c16.2-3 32.8-3 49.3-3.7 56-2.3 112-3.5 168-3 43 .6 86.2 1.7 129.3 4 13.2.6 26.6.8 39.3 5.5 17.2 6.4 30 17.2 37 34.7 6.6 16.8 9.2 34.2 10.6 52 3.8 48.7 4 97.3.7 146-1 16.3-2.2 32.7-6.5 48.8-9.7 37-32.8 51.5-66.7 53.8-36.2 2.5-72.5 3.8-108.8 4.3-21.3.2-42.7 0-64 0zM203.2 344L348 264.7l-144.8-79.3V344z'/%3E%3Cpath fill='%23FEFDFD' d='M203.2 344V185.5L348 264.8 203.2 344z'/%3E%3C/svg%3E");opacity:1}.lazyframe[data-vendor=vimeo]{background-color:#00adef}.lazyframe[data-vendor=vimeo] .lazyframe__title{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#00adef;font-size:20px;font-weight:700;text-rendering:optimizeLegibility;user-select:none;-webkit-font-smoothing:auto;-webkit-tap-highlight-color:rgba(0,0,0,0);background-color:rgba(0,0,0,.5)}.lazyframe[data-vendor=vimeo]::before{padding-top:48.25%}.lazyframe[data-vendor=vimeo]::after{content:"";height:40px;width:65px;display:block;bottom:10px;left:10px;z-index:3;background-color:rgba(0,0,0,.5);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' baseProfile='tiny' viewBox='0 0 24 24'%3E%3Cpath fill='%23FFF' d='M7.765 16.89l8.47-4.89-8.47-4.89'/%3E%3C/svg%3E");background-position:center center;background-size:100% 100%;background-repeat:no-repeat;border-radius:5px;position:relative}.lazyframe[data-vendor=vimeo]:hover::after{background-color:#00adef}