body, .header, .dropdown
{ background-color: rgb(26,18,18); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); }

.aside-br, .sort li a, .menu-btn, .header nav a, .searches, .thumb figure, .nav a, .nav span, .media-rating a, .footer
{ background-color: rgb(46,38,38); }

.search-input, .sort, .thumb footer span, .input, .textarea, .nav, .cats-list a, .tags a, .pt-list a, .media-meta, .media-info a
{ border-color: rgb(56,48,48); }

.th-tags a, body, input::placeholder, textarea::placeholder, .sort li a, .search button, .nav a, .cats-list span, .pt-list a, .footer li a
{ color: rgb(166,158,158); }

.th-tags a:before, .highlight, .list a:before, a.logotype span, .pt-list a:before
{ color: rgb(216,118,118); }

#scroll-top, .header nav li.active a, .header nav a.active a, .hd-label, .sort li.active a, .sort a.active, .nav li.active a, .nav a.active, .nav a.next
{ background-color: rgb(186,98,98); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); }

.thumb figure:before, .player:before
{ border-color: rgb(186,98,98); }

a, h1, h2, a.logotype, .menu-btn, input, textarea, .search form:before, .media-rating a:hover, .player:before
{ color: rgb(246,238,238); }

.search-input, .thumb span.dur, .thumb span.total, .cover
{ background-color: rgba(0,0,0,0.7); color: rgb(255,255,255); }

.tags a, .media-info a
{ background-color: rgba(0,0,0,0.1); }

@media all and (min-width:1020px) {
    
    .sort li a:hover, .header nav a:hover, .nav a:hover
    { background-color: rgb(56,48,48); }
    
    .sort li.active a:hover, .sort li a.active:hover, .nav a.next:hover, .media-rating a:hover
    { background-color: rgb(186,98,98); color: rgb(255,255,255); text-shadow: 1px 1px 0 rgba(0,0,0,0.1); }
    
    .th-tags a:hover, a:hover, .pt-list a:hover
    { color: rgb(216,118,118); }
    
    a.logotype, .sort li a:hover, .nav a:hover, .footer li a:hover
    { color: rgb(246,238,238); }

}



.ratio-16x9 { padding-bottom: 56.25%; }
/* Wide 16:9 Ratio, Where 56.25% - value calculating by formula (height x 100 / width) */

.ratio-4x3 { padding-bottom: 75%; }
/* Rectangular 4:3 Ratio, Where 75% - value calculating by formula (height x 100 / width) */

.ratio-1x1 { padding-bottom: 100%; }
/* Square 1:1 Ratio */

.ratio-2x3 { padding-bottom: 150%; }
/* Vertical 2:3 Ratio, Where 150% - value calculating by formula (height x 100 / width) */

.ratio-custom { padding-bottom: 60%; }
/* Custom Ratio, Where 60% - is a sample value. You should change it on your value calculating by formula (height x 100 / width) */

@font-face{font-family: 'Red Hat Display'; font-weight: normal; font-style: normal; src: url(../fonts/font/RedHatDisplay-Regular.ttf) format("truetype"); font-display: swap; }
@font-face{font-family: 'Red Hat Display'; font-weight: bold; font-style: normal; src: url(../fonts/font/RedHatDisplay-Bold.ttf) format("truetype"); font-display: swap; }

body,html,div,p,a,ul,li,input,button,form,header,main,article,section,footer,aside,figure,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }
header, article, aside, section { display: block; }

body, input, button, textarea { font-family: 'Red Hat Display', Arial, sans-serif; }

@font-face{font-family: 'Line Awesome Free'; font-weight: 900; src:url(../fonts/iconfont/la-solid-900.woff2) format("woff2"); font-display:swap; }

:after, :before { font-family: 'Line Awesome Free'; display: inline-block; vertical-align: top; font-weight: bold; height: inherit; line-height: inherit; text-rendering: optimizeLegibility !important; }

li { list-style-type: none; }

img { display: block; }

a { text-decoration: none; }

h1 { font-weight: bold; font-size: 24px; line-height: 30px; margin: 20px 10px 0 10px; text-align: center; }
h2 { font-weight: bold; margin: 50px 10px 0 10px; font-size: 24px; line-height: 30px; text-align: center; }
h3 { line-height: 20px; height: 20px; overflow: hidden; font-size: 14px; margin-top: 5px; font-weight: bold; white-space: nowrap; text-overflow: ellipsis; }


.header { min-height: 40px; position: relative; z-index: 99999; overflow: visible; }
.header .content { overflow: visible; }

.logotype { margin: 10px 10px 0 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font-weight: bold; text-transform: uppercase; display: block; float: left; height: 30px; line-height: 30px; font-size: 18px; }

.menu-btn { border: 0 none; float: right; border-radius: 0 0 40% 40%; width: 55px; height: 40px; line-height: 35px; font-size: 24px; cursor: pointer; margin: 0 10px 0 0; display: block; text-align: center; }
.menu-btn:before { content: '\f0c9'; font-weight: 900; display: block; height: inherit; line-height: inherit; }
.menu-btn.active:before { content: '\f00d'; }


.dropdown { display: none; overflow: hidden; box-shadow: 0 5px 15px -7px rgb(0,0,0); max-width: 360px; width: 100%; position: absolute; top: 40px; right: 0; overflow: hidden; z-index: 99999; padding-bottom: 20px; }

.header nav {  overflow: hidden; padding: 10px 10px 0 10px; }
.header nav ul { overflow: hidden; }
.header nav li { overflow: hidden; margin-top: 10px; }
.header nav a { cursor: pointer; font-size: 16px; height: 50px; line-height: 50px; border-radius: 25px; text-transform: uppercase; overflow: hidden; display: block; font-weight: bold; text-align: center; }


.search { overflow: hidden; padding: 10px 10px 0 10px; clear: both; }
.search form { position: relative; overflow: hidden; }
.search form:before { transform: rotate(-90deg); content: "\f002"; font-weight: 900; position: absolute; height: 30px; line-height: 30px; font-size: 20px; top: 10px; left: 16px; }
.search-input { border-radius: 25px; border-style: solid; border-width: 1px; overflow: hidden; height: 48px; line-height: 48px; padding: 0 45px 0 40px; }
.search input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; text-align: left; }
.search button { background: none; overflow: hidden; position: absolute; top: 9px; right: 8px; border: 0 none; cursor: pointer; outline: 0 none; width: 30px; font-size: 26px; height: 30px; line-height: 30px; }
.search button:before { content: "\f138"; font-weight: 900; }



.wrapper { position: relative; overflow: hidden; clear: both; min-height: 700px; }

.content { overflow: hidden; min-width: 320px; max-width: 1200px; margin: 0 auto; }
.cover { display: none; position: fixed; z-index: 89999; top: 0; left: 0; width: 100%; height: 100%; }


.list { margin: 15px 5px 0 5px; overflow: hidden; font-size: 0; text-align: center; }
.list li { display: inline-block; vertical-align: top; margin: 5px 8px 0 8px; }
.list a { display: block; overflow: hidden; height: 20px; line-height: 20px; font-size: 15px; }
.list a:before { font-weight: 900; float: left; display: block; margin-right: 4px; height: inherit; line-height: inherit; font-size: 14px; width: 14px; }

.searches { height: 40px; overflow: hidden; margin-top: 10px; }
.searches a:before { content: '\f002'; margin-right: 3px; }
.searches .list { margin-top: 5px; height: 30px; }

.sort { border-top-style: solid; border-top-width: 1px; overflow: hidden; margin: 10px 10px 0 10px; font-size: 0; text-align: center; }
.sort li { display: inline-block; vertical-align: top; margin: 0 5px 5px 0; }
.sort li a { font-weight: bold; overflow: hidden; display: block; padding: 0 10px; border-radius: 0 0 50% 50%; height: 35px; line-height: 28px; font-size: 14px; }

/* Thumbnails Styles START */

.thumbs-list { overflow: hidden; padding: 5px 5px 0 5px; }

.thumb { float: left; overflow: hidden; display: block; width: 50%; position: relative; text-align: center; }
.thumb a { display: block; position: relative; margin: 5px 5px 0 5px; }
.thumb figure { border-radius: 6px; position: relative; overflow: hidden; }
.thumb figure:before { content: ''; height: 32px; width: 32px; position: absolute; top: 50%; left: 50%; margin: -20px 0 0 -20px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }
.thumb img { border-radius: 6px; position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 2; }

.thumb footer { overflow: hidden; height: 23px; margin: 0 5px; }
.thumb footer span { font-weight: bold; white-space: nowrap; text-overflow: ellipsis; float: left; width: 47%; display: block; border-bottom-width: 2px; border-bottom-style: solid; border-left: 2px solid transparent; border-right: 2px solid transparent; font-size: 12px; height: 26px; line-height: 23px; overflow: hidden; border-radius: 0 0 50% 50%;  }
.thumb footer span:last-child { float: right; }
.thumb footer span.likes:before { content: '\f164'; margin-right: 2px; font-size: 16px; width: 16px; }
.thumb footer span.views:before { content: '\f06e'; margin-right: 4px; font-size: 16px; width: 16px; }
.thumb footer span.total:before { content: '\f04b'; margin-right: 1px; font-size: 16px; width: 16px; }

.thumb span.dur { z-index: 100; position: absolute; bottom: 0; right: 6px; font-weight: bold; padding: 0 10px; font-size: 12px; height: 24px; line-height: 27px; overflow: hidden; border-radius: 50% 50% 0 0; display: block; }
.thumb span.dur:before { content: '\f017'; margin-right: 2px; font-size: 14px; width: 14px; }
.hd-label { box-shadow: 0 5px 15px -5px rgb(0,0,0); z-index: 100; position: absolute; top: 0; left: 6px; font-weight: bold; padding: 0 10px; font-size: 13px; height: 22px; line-height: 19px; overflow: hidden; border-radius: 0 0 50% 50%; display: block; }

.thumb span.total { z-index: 100; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); font-weight: bold; padding: 0 10px; font-size: 12px; height: 27px; line-height: 30px; overflow: hidden; border-radius: 50% 50% 0 0; display: block; }
.thumb span.total:before { content: '\f03d'; margin-right: 2px; font-size: 14px; width: 14px; }

.thumb-cat h3 { font-size: 18px; }

.th-tags { overflow: hidden; height: 23px; clear: both; }
.th-tags a { display: inline-block; vertical-align: top; margin: 3px 2px 0 2px !important; font-size: 12px; height: 20px; line-height: 20px; }
.th-tags a:before { content: "\f02b"; font-weight: 900; float: left; display: block; margin-right: 1px; height: inherit; line-height: inherit; font-size: 14px; width: 14px; }

@keyframes spinner { from {transform: rotate(0deg);} to { transform: rotate(360deg); }}

/* Thumbnails Styles END */


.nav { clear: both; border-bottom-style: solid; border-bottom-width: 1px; text-align: center; overflow: hidden; padding: 40px 5px 0 5px; font-size: 0; }
.nav ul { overflow: hidden; }
.nav li { float: left; width: 50%; }
.nav li .prev, .nav li .next { display: block; min-width: 120px; padding: 0 20px; text-transform: uppercase; }   
.nav a, .nav span { border-radius: 50% 50% 0 0; font-weight: bold; display: none; min-width: 50px; height: 50px; line-height: 55px; padding: 0 5px; font-size: 14px; margin: 10px 5px 0 5px; }
.nav .prev:before { content: "\f30a"; font-size: 28px; width: 28px; margin-right: 10px; }
.nav a.next:after { content: "\f30b"; font-size: 28px; width: 28px; margin-left: 10px; }

.tags { margin-left: 0; margin-right: 0; }
.tags li { margin: 10px 5px 0 5px !important; }
.tags a { border-style: solid; border-width: 2px; border-radius: 30%; height: 40px !important; line-height: 40px !important; padding: 0 20px !important; }
.tags a:before { content: '\f02b'; margin-left: -4px; }

aside { font-size: 0; padding-top: 40px; overflow: hidden; text-align: center; clear: both; }
.aside-br { width: 300px; height: 250px; border: 0 none !important; overflow: hidden; margin: 10px 5px 0 5px; display: inline-block; vertical-align: top; }
.aside-br-2, .aside-br-3, .aside-br-4, .aside-br-5 { display: none; } 

.cats-list { overflow: hidden; text-align: center; }  
.cats-list a { border-bottom-width: 2px; border-bottom-style: solid; border-left: 2px solid transparent !important; border-right: 2px solid transparent !important; border-radius: 0 0 50% 50%; font-weight: bold; margin: 20px 2px 0 2px; display: block; white-space: nowrap; text-overflow: ellipsis; padding: 0 10px; font-size: 18px; height: 60px; line-height: 30px; overflow: hidden; }
.cats-list span { display: block; font-size: 13px; height: 20px; line-height: 20px; overflow: hidden; }

.text-block p { margin: 20px 10px 0 10px; font-size: 16px; line-height: 24px; text-align: center; }

.pt-list { overflow: hidden; text-align: center; }
.pt-list li { width: 100%; }
.pt-list a { font-weight: bold; margin: 20px 2px 0 2px; border-bottom-width: 2px; border-bottom-style: solid; border-left: 2px solid transparent !important; border-right: 2px solid transparent !important; border-radius: 0 0 50% 50%;  display: block; height: 50px; line-height: 50px; padding: 0 10px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;  }
.pt-list a:before { content: '\f00c'; margin-right: 3px; font-size: 16px; width: 16px; font-weight: 900; }

.media-content { overflow: hidden; }

.media-tab { overflow: hidden; }

.media-col { padding-top: 20px; }

.player { background-color: rgb(0,0,0); position: relative; overflow: hidden; padding-top: 56.25%; }
.player:before { content: ''; height: 42px; width: 42px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top-width: 4px; border-top-style: solid; border-bottom-width: 4px; border-bottom-style: solid; border-bottom-color: inherit; border-radius: 50%; animation: spinner 1s linear infinite; }

.player iframe, .player video, .player source, .fluid_video_wrapper { border: 0 none !important; position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; z-index: 10 !important; }


.media-meta { border-top-style: solid; border-top-width: 1px; overflow: hidden; text-align: center; }
.media-meta ul { overflow: hidden; }
.media-meta li { overflow: hidden; display: inline-block; vertical-align: top; margin: 5px 10px 0 10px; font-size: 14px; }

.meta-items { overflow: hidden; padding-top: 5px; }
.meta-items li { height: 24px; line-height: 24px; }
.meta-items li.views:before { content: '\f06e'; margin-right: 2px; font-size: 18px; width: 18px; }
.meta-items li.date:before { content: '\f133'; margin-right: 2px; font-size: 18px; width: 18px; }

.media-rating li { float: left; width: 50%; margin: 0; }
.media-rating a { border-radius: 0 0 50% 50%; margin: 0 5px; font-size: 13px; cursor: pointer; text-align: center; height: 44px; line-height: 40px; display: block; padding: 0 10px; font-weight: bold; }
.media-rating a:before { display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 24px; margin-right: 3px; font-weight: 900; }
.media-rating li.like-btn a { margin-left: 10px; }
.media-rating li.like-btn a:before { content: '\f164'; }
.media-rating li.dislike-btn a:before { content: '\f165'; }
.media-rating li.dislike-btn a { margin-right: 10px; }

.media-info { overflow: hidden; }
.media-info ul { overflow: hidden; padding: 15px 5px 0 10px; }
.media-info li { float: left; margin: 5px 5px 0 0; line-height: 38px; }
.media-info li.val { margin-right: 10px; }
.media-info a { border-style: solid; border-width: 2px; font-size: 15px; display: block; padding: 0 20px; border-radius: 30%; height: 34px; line-height: 34px; }

.media-content aside { padding-top: 10px; }

.footer { font-size: 15px; line-height: 24px; margin-top: 40px; overflow: hidden; text-align: center; position: relative; padding: 30px 0 40px 0; }
.footer p { margin: 10px 10px 0 10px; }  

.footer ul { padding: 10px 8px 0 8px; font-size: 0; }
.footer li { display: inline-block; vertical-align: top; margin: 4px 10px 0 10px; }
.footer li a { font-weight: bold; display: block; font-size: 15px; height: 28px; line-height: 28px; }


.contact-form { overflow: hidden; padding: 20px 10px 0 10px; }

.textarea { border-style: solid; border-width: 1px; padding: 17px; border-radius: 4px; margin-top: 20px; max-width: 700px; overflow: hidden; }
.textarea textarea { background: none; max-width: 100% !important; width: 100% !important; min-height: 150px !important; height: 150px; max-height: 740px !important; border: 0 none; outline: 0 none; line-height: 20px; font-size: 16px; }

.input { display: inline-block; vertical-align: top; width: 150px; border-style: solid; border-width: 1px; border-radius: 4px; overflow: hidden; padding: 0 15px; margin: 0 10px 0 0; height: 40px; line-height: 40px; }
.input input { background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 16px; height: inherit; line-height: normal; }

button.submit { border: 0 none; background: none; position: relative; text-align: center; text-transform: uppercase; cursor: pointer; width: 180px; margin-top: 15px; font-size: 16px; font-weight: bold; padding: 0 20px; outline: 0 none; height: 50px; line-height: normal; }

#scroll-top { border-radius: 30% 30% 0 0; border: 0 none; overflow: hidden; opacity: 0.9; position: fixed; z-index: 20000; right: 10px; bottom: 0; cursor: pointer; display: none; width: 60px; height: 40px; line-height: 40px; font-size: 26px; text-align: center; }
#scroll-top:before { content: '\f106'; display: block; height: inherit; line-height: inherit; font-weight: 900; }
#scroll-top:hover { opacity: 1; }
#scroll-top.circle-radius { border-radius: 50%; }

@media all and (min-width:414px) {
    .header nav { padding-left: 20px; padding-right: 20px; }
}

@media all and (min-width:460px) {
    .logotype { font-size: 24px; }
    .cats-list li, .pt-list li { float: left; width: 50%; }
    .cats-list a { font-size: 16px; }
}

@media all and (min-width:520px) {
    .header { min-height: 50px; }
    .logotype { font-size: 22px; height: 40px; line-height: 40px; }
    .menu-btn { width: 80px; height: 50px; line-height: 47px; font-size: 30px; }
    .dropdown { top: 50px; }
    .nav li { display: inline-block; vertical-align: top; float: none; width: auto; }
    .nav li .prev, .nav li .next { min-width: 180px; }  
    .thumb footer span { width: 48%; }
    .thumb footer span.likes:before { font-size: 16px; width: 16px; }
    .thumb footer span.views:before { font-size: 16px; width: 16px; }
    .thumb footer span.total:before { font-size: 16px; width: 16px; }

}

@media all and (min-width:640px) {
    .searches { height: 50px; }
    .searches .list { margin-top: 10px; }
    .sort li a { padding: 0 15px; }
    .aside-br-2 { display: inline-block; }
    .meta-items { float: right; }
    .meta-items li { margin: 5px 10px 0 10px; }
    .media-rating { float: left; }
    .media-rating li { width: auto; }
    .media-rating a { padding: 0 20px; min-width: 90px; }
}

@media all and (min-width:720px) {
    .search { clear: none; }
    .search-input { height: 38px; line-height: 38px; }
    .search form:before { top: 5px; }
    .search button { top: 4px; right: 5px; }
    .thumb { width: 33.3333%; }
    .cats-list li, .pt-list li { width: 33.3333%; }
}


@media all and (min-width:928px) {
    .thumb { width: 33.3333%; }
}

@media all and (min-width:1020px) {
    h1 { text-align: left; }
    h2 { margin-top: 80px; text-align: left; }
    a, .search button, .thumb figure, button.submit, #scroll-top { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; }
    .list a:before { -moz-transition: 0.1s ease; -webkit-transition: 0.1s ease; -o-transition: 0.1s ease; transition: 0.1s ease; }
    .list li { float: left; margin: 5px 10px 0 5px; }
    .list a:hover:before { color: inherit; }
    .sort li { margin: 0 10px 0 0; float: left; }
    .sort li a { padding: 0 15px; text-align: center; min-width: 90px; height: 40px; line-height: 33px; }
    .text-block p { text-align: justify; }
    .thumb { width: 25%; }
    .thumb a:hover figure { transform: scale(1.02); }
    aside { padding-top: 70px; }
    .aside-br-3 { display: inline-block; }
    .nav { margin: 0 5px; padding-top: 50px; }
    .nav li a, .nav li span { display: block; height: 40px; line-height: 45px; margin-top: 10px; }
    .nav li .prev, .nav li .next { min-width: 120px; margin-top: 0 !important; height: 50px; line-height: 55px; }
    .cats-list { padding: 10px 0 0 0; }
    .cats-list li { width: 25%; }
    .cats-list a:hover { border-color: inherit; }
    .tags a:hover { border-color: inherit; }
    .pt-list li { width: 25%; }
    .pt-list a:hover { border-color: inherit; }
    .media-tab { display: table; overflow: hidden; width: 100%; }
    .media-col { display: table-cell; vertical-align: top; padding: 20px 20px 0 10px; }
    .media-tab aside { display: table-cell; vertical-align: top; width: 310px !important; min-width: 310px !important; max-width: 310px !important; padding-top: 0 !important; }
    .media-tab .aside-br { margin: 20px 10px 0 0 !important; }
    .media-info { padding-top: 10px; }
    .media-info ul { padding: 15px 0 0 0; }
    .media-info a:hover { border-color: inherit; }
    .media-rating a { margin: 0 10px 0 0 !important; }
    .meta-items li { margin: 5px 0 0 20px; }
    .media-tab aside iframe:nth-child(3), .media-tab aside img:nth-child(3), .media-tab .aside-br-3 { display: none; }
    .footer { margin-top: 80px; padding: 20px 0 30px 0; }  
    #scroll-top { right: 20px; bottom: 0; width: 70px; height: 50px; line-height: 50px; font-size: 32px; }

}

@media all and (min-width:1270px) {
    .header { height: 70px; overflow: hidden; }
    .logotype { font-size: 24px; margin: 25px 40px 0 10px; height: 40px; line-height: 40px; }
    .menu-btn { display: none; }
    .dropdown { position: static !important; display: block !important; float: left; box-shadow: none; background: none; padding: 0; width: auto; max-width: 100%; overflow: hidden; }
    .header nav { float: left; padding: 20px 0 0 0; }
    .header nav li { float: left; margin: 0 10px 0 0; }
    .header nav a { min-width: 90px; height: 50px; line-height: 50px; font-size: 14px; padding: 0 10px; }
    .search { padding: 20px 10px 0 30px; }
    .search-input { height: 48px; line-height: 48px; }
    .search form:before { top: 10px; }
    .search button { top: 9px; right: 8px; }
    .menu-btn { display: none; }
    .searches { height: 60px; margin-top: 20px; }
    .searches .list { margin-top: 15px; }
    .thumbs-list { padding: 10px 5px 0 5px; }
    .thumb a { margin: 10px 5px 0 5px; }
    .nav li a, .nav li span { min-width: 55px; }
    .nav li .prev, .nav li .next { min-width: 130px; }
    .cats-list a { font-size: 18px; }
}

@media all and (min-width:1620px) {
    .logotype { font-size: 28px; }
    .header nav a { min-width: 130px; }
    .content { max-width: 1500px; }
    .thumb { width: 20%; }
    .cats-list li, .pt-list li { width: 16.6666%; }
    .cats-list a { font-size: 16px; }
    .media-tab .aside-br-3 { display: inline-block; }
    .aside-br-4 { display: inline-block; }
}


@media all and (max-width:1020px) {* { -webkit-tap-highlight-color: transparent; -webkit-focus-ring-color: transparent; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}}