@media all and (min-width: 1020px) {
	a:hover, .item .inner a:hover h3 { color: rgb(220,140,110); }
    header p a:hover { color: rgb(220,222,225); border-color: rgb(210,140,110); }
    .view-all a:hover { background-color: rgb(15,17,20); border-color: rgb(60,62,65); }
}


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

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

body { background-color: rgb(20,22,25); color: rgb(180,182,185); text-shadow: 1px 1px 0 rgba(0,0,2,0.5); min-height: 900px; font-family: 'Play', sans-serif; font-size: 16px; text-align: center; }
button { font-family: 'Play', sans-serif; }

strong { color: rgb(200,202,205); }

article, section, header, footer { overflow: hidden; }

html {scroll-behavior: smooth;}

li { list-style-type: none; }

:before, :after { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; }

a { color: rgb(220,222,225); text-decoration: none; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }

i { text-rendering: optimizeLegibility !important; }

img { display: block; }

h1, h2, h3 { color: rgb(210,212,215); font-weight: bold; }
h1 { margin: 40px 10px 0 10px; font-size: 28px; line-height: 30px; }
h2 { font-size: 26px; line-height: 28px; margin: 40px 10px 0 10px; }
h3 { margin: 40px 10px 0 10px; font-size: 20px; line-height: 26px; }

.main-header { background-color: rgb(30,32,35); border-bottom: 1px solid rgb(60,62,65); box-shadow: 0 5px 15px -6px rgb(0,2,5); padding-bottom: 5px; min-height: 45px; overflow: visible; position: fixed; width: 100%; top: 0; left: 0; z-index: 79999; }
a.logo { text-transform: uppercase; position: relative; text-shadow: 1px 1px 0 rgba(0,0,0,0.3); color: rgb(240,242,245); font-size: 18px; font-weight: bold; display: block; float: left; height: 40px; line-height: 40px; margin: 5px 0 0 10px; }
a.logo span { font-weight: bold; float: left; display: block; padding-right: 40px; } 
a.logo:before { color: rgb(220,140,110); content: "\f550"; width: 34px; display: block; font-size: 34px; position: absolute; top: 0; left: 25px; height: 40px; line-height: 40px; }
a.sxadmin { margin-left: 5px; color: rgb(238,238,238); font-weight: normal; font-size: 14px; position: relative; padding-left: 13px; display: block; height: 24px; line-height: 24px; position: absolute; top: 18px; left: 162px; }
a.sxadmin:before { background-color: rgb(40,180,120); content: ''; position: absolute; top: 4px; left: 0; overflow: hidden; height: 8px; width: 8px; border-radius: 50%; }

.main-header .content { min-height: 100%; position: relative; overflow: visible; }

.menu-button { color: rgb(230,232,235); background: none; border: 0 none; cursor: pointer; float: right; font-size: 30px; height: 30px; line-height: 30px; margin: 10px 10px 0 0;; }
.menu-button:before { content: "\f0c9"; font-weight: 900; display: block; height: inherit; line-height: inherit; }
.menu-button.active { color: rgb(220,140,110); }

.main-header nav { display: none; background-color: rgb(40,42,45); box-shadow: 0 5px 15px -5px rgb(0,2,5); border-radius: 0 0 4px 4px; text-align: left; padding: 10px 30px 20px 30px; position: absolute; top: 51px; right: 0; z-index: 10000; }
.main-header nav li { overflow: hidden; margin-top: 10px; }
.main-header nav a { color: rgb(190,192,195); font-weight: bold; font-size: 16px; display: block; height: 30px; line-height: 30px; }
.main-header nav a.active { color: rgb(240,242,245); }
.main-header nav a:before { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; width: 20px; display: block !important; height: inherit !important; line-height: inherit !important; float: left !important; margin: 0 3px 0 0; font-size: 20px; }
.main-header nav a.active:before { color: rgb(220,140,110); }
.main-header nav li:first-child a:before, .main-header nav li:nth-child(2) a:before { font-size: 24px !important; width: 24px !important; }

.video-templates a:before { font-family: 'Line Awesome Brands'; content: "\f167"; font-weight: 400; margin-right: 0 !important; }
.photo-templates a:before { content: "\f302"; margin-right: 5px !important; }
.how-to-buy a:before { content: "\f07a"; width: 24px !important; font-size: 24px !important; margin-top: -1px !important; }
.faq a:before { content: "\f059"; }
.contacts-link a:before { content: "\f7cd"; margin-right: 5px !important; }

.article-header { background-color: rgb(15,17,20); overflow: hidden; padding-bottom: 40px; }
.article-header h1 { max-width: 270px; display: inline-block; vertical-align: top; }
header p { margin: 20px 10px 0 10px; font-size: 18px; line-height: 24px; }
header p .lb, header p .lb-2 { display: block; }


.wrapper { background-color: rgb(20,22,25); overflow: hidden; position: relative; margin-top: 51px; }
.wrapper.less { margin-top: 0 !important; }
.content { overflow: hidden; margin: 0 auto; min-width: 320px; max-width: 770px; clear: both; }
.content-long { min-height: 900px; }


section { border-top: 1px solid rgb(0,2,5); box-shadow: inset 0 1px 0 0 rgb(40,42,45); padding-top: 1px; }
section.alt, article.alt { background-color: rgb(15,17,20); }
.first h1 { margin-top: 25px; }
.first header .bread-crumbs { margin-top: 25px; }

.highlight { color: rgb(220,140,110); }

.subtitle { color: rgb(220,140,110); margin: 40px 10px -2px 10px; position: relative; z-index: 1; font-weight: bold; font-size: 20px; line-height: 26px; }

.items { overflow: hidden; padding: 20px 5px 40px 5px; }

.item { overflow: visible; }
.item .inner { background-color: rgb(30,32,35); border: 5px solid rgb(40,42,45); box-shadow: 0 10px 25px -15px rgb(0,2,5); text-align: left; border-radius: 6px; margin: 20px 5px 0 5px; overflow: hidden; font-size: 14px; }
.item figure { position: relative; }
.item 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: 4px solid rgb(220,140,110); border-bottom: 4px solid rgb(230,232,235); border-radius: 50%; animation: spinner 1s linear infinite; }

.item picture { border-bottom: 1px solid rgb(60,62,65); position: relative; padding: 56% 0 0 0; margin: 0; overflow: hidden; display: block; }
.item picture img { position: absolute; top: 0; left: 0; width: 100%; height: auto; }
.item picture:before { background-color: rgba(0,0,0,0.2); opacity: 0.4; content: ''; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; }

.item h3 { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; text-align: left; font-weight: bold; height: 24px; line-height: 24px; font-size: 16px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 15px 0 0 0; padding: 0 10px 0 15px; }

.item-info { float: left; overflow: hidden; clear: both; line-height: 34px; height: 34px; text-overflow: ellipsis; white-space: nowrap; margin: 8px 15px 0 15px; font-size: 15px; font-weight: bold; }
.item-info:before { color: rgb(100,162,215); content: "\f53f"; text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; font-weight: 900; display: block; float: left; font-size: 16px; margin-right: 2px; }
.item-info:after { content: "10 Color Versions"; font-family: 'Play', sans-serif; }

.item footer { clear: both; overflow: hidden; }

.item .features { padding: 15px 10px 15px 10px !important; }
.item .features li { width: 50% !important; margin-top: 0 !important; }
.item .features li div { background-color: rgb(25,27,30) !important; color: rgb(180,182,185) !important; margin: 0 5px !important; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 16px !important; border-width: 2px !important; padding: 10px !important; font-size: 14px !important; }
.item .features li div:before { height: 24px !important; line-height: 24px !important; font-size: 24px !important; margin-bottom: 5px !important; }
.item .features .price { display: inline-block; vertical-align: top; height: 24px !important; line-height: 24px !important; font-size: 22px !important; margin-bottom: 5px !important; }
.item .features .price:before { width: 20px !important; font-size: 20px !important; margin: 1px -5px 0 -10px !important; }
.item .features .single-price div:after { content: '1 color Version'; font-family: 'Play', sans-serif; display: block; clear: both; }
.item .features .bundle-price div:after { content: '10 color Versions'; font-family: 'Play', sans-serif; display: block; clear: both;  }

.item .features .price-new { padding: 0 5px; }
.item .features .price-old { color: rgb(220,220,220); padding: 0 5px; position: relative; }
.item .features .price-old:after { background-color: rgb(220,140,110); height: 2px; content: ''; position: absolute; top: 12px; left: -5px; right: 5px; }

.item .limited { float: left; position: relative; height: 34px; line-height: 34px; padding: 0 10px; margin: 8px 15px 0 0; }  
.item .limited div { color: rgb(210,212,215) !important; }
.item .limited div:before { content: "\f02e"; color: rgb(238,168,48); float: left; margin-right: 1px; width: 20px; font-size: 20px; height: inherit; line-height: inherit; }
.item .limited { position: relative; }
.item .limited:before { border-left: 3px solid rgb(190,142,47); border-top: 3px solid rgb(190,142,47); border-radius: 4px 0 0 0;content: ''; position: absolute; top: 0; left: 0; width: 40%; height: 50%; }
.item .limited:after { border-right: 3px solid rgba(190,142,47); border-bottom: 3px solid rgb(190,142,47); border-radius: 0 0 4px 0; content: ''; position: absolute; bottom: 0; right: 0; width: 40%; height: 50%; }

.item .limited div:after { content: 'Limited Edition'; color: rgb(220,222,225);font-family: 'Play', sans-serif; text-transform: uppercase;  }



.view-all { overflow: hidden; padding-bottom: 40px; text-align: center; }
.view-all a { background-color: rgb(30,32,35); border: 3px solid rgb(40,42,45); box-shadow: 0 10px 25px -15px rgb(0,2,5); border-radius: 4px; display: inline-block; vertical-align: top; height: 55px; line-height: 55px; padding: 0 20px 0 30px; font-size: 18px; font-weight: bold; }
.view-all a:after { content: "\f138"; color: rgb(220,140,110); display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 26px; margin: 1px 0 0 5px; }
    
.article-footer { border-top: 1px solid rgb(0,2,5); box-shadow: inset 0 1px 0 0 rgb(40,42,45); padding-top: 1px; overflow: hidden; }
footer.alt { background-color: rgb(15,17,20); }

.article-text { overflow: hidden; padding: 20px 0 0 0; font-size: 16px; line-height: 22px; }
.article-text p { margin: 20px 10px 0 10px; }
.article-text p.less { margin-top: 10px; }

.items-less .item:nth-child(7), .items-less .item:nth-child(8) { display: none; }

.features { clear: both; overflow: hidden; padding: 20px 5px 60px 5px; }
.features li { color: rgb(200,202,205); float: left; width: 100%; }
.features li div { color: rgb(220,140,110); background-color: rgb(30,32,35); border: 5px solid rgb(40,42,45); box-shadow: 0 10px 25px -15px rgb(0,2,5); font-weight: bold; display: block; margin: 20px 5px 0 5px; font-size: 18px; text-transform: uppercase; border-radius: 6px; padding: 20px 0; text-align: center; }  
.features li div:before { color: rgb(200,202,205); font-weight: 900; display: block; height: 60px; line-height: 60px; font-size: 60px; margin-bottom: 10px; overflow: hidden; }
.features li span { color: rgb(170,172,175); display: block; font-size: 16px; margin-top: 10px; font-weight: normal; text-transform: none; }
.features li span span { color: rgb(220,140,110); display: inline; margin: 0; }
.features .price { color: rgb(100,180,160); display: block; height: 60px; line-height: 60px; font-size: 56px; margin-bottom: 10px; margin-top: 0; overflow: hidden; font-weight: bold; }
.features .price:before { content: "\f155"; font-weight: 900; display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 48px; margin: 1px -10px 0 -18px; overflow: hidden; }

.features .price-block { display: block; overflow: hidden; height: 60px; }
.features .price-new { padding: 0 8px; display: inline-block; vertical-align: top; font-size: 42px; }
.features .price-old { color: rgb(220,220,220); padding: 0 8px; position: relative; display: inline-block; vertical-align: top; font-size: 42px;  }
.features .price-old:after { background-color: rgb(220,140,110); height: 3px; content: ''; position: absolute; top: 28px; left: -5px; right: 5px; }
.features .price-new:before { font-size: 38px; }
.features .price-old:before { font-size: 38px; }

.template-features { padding-top: 10px; padding-bottom: 0 !important; }
.template-features div span { font-weight: bold; }

.included-list li div { color: rgb(220,222,225); }

.features li.versions div:before { content: "\f53f"; }
.features li.limited div { color: rgb(210,212,215) !important; }
.features li.limited div:before { content: "\f02e"; color: rgb(238,168,48); }
.features li.limited { position: relative; }
.features li.limited:before { border-left: 5px solid rgb(190,142,47); border-top: 5px solid rgb(190,142,47); border-radius: 6px 0 0 0;content: ''; position: absolute; top: 20px; left: 5px; width: 40%; height: 50%; }
.features li.limited:after { border-right: 5px solid rgba(190,142,47); border-bottom: 5px solid rgb(190,142,47); border-radius: 0 0 6px 0; content: ''; position: absolute; bottom: 0; right: 5px; width: 40%; height: 50%; }

.footer-features li div:before { height: 80px; line-height: 80px; font-size: 80px; margin-bottom: 5px; }


.features li.responsive-f div:before { content: "\f5fc"; }
.features li.speed-f div:before { content: "\f3fd"; }
.features li.player-f div:before { content: "\f144"; }
.features li.gallery-f div:before { content: "\f302"; }
.features li.thumbs-f div:before { content: "\f00a"; }
.features li.adv-f div:before { content: "\f641"; }
.features li.logo-f div:before { content: "\f044"; }
.features li.customization-f div:before { content: "\f013"; font-size: 70px; }
.features li.support-f div:before { content: "\f590"; font-size: 74px; }
.features li.check-f div:before { content: "\f14a"; }

.template-header { padding-bottom: 0 !important; margin-bottom: -1px; margin-top: 51px; border-bottom: 0 none; box-shadow: none; }

.template-thumbnail { display: block; position: fixed; width: 100%; padding-top: 56%; }
.template-thumbnail picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
.template-thumbnail picture:before { content: ''; height: 40px; width: 40px; position: absolute; top: 50%; left: 50%; margin: -25px 0 0 -25px; border-right: 5px solid transparent; border-left: 5px solid transparent; border-top: 5px solid rgb(220,140,110); border-bottom: 5px solid rgb(230,232,235); border-radius: 50%; animation: spinner 1s linear infinite; }
.template-thumbnail img { position: absolute; bottom: 0; left: 50%; width: 100%; height: auto; transform: translateX(-50%); }
.template-thumbnail:before { background: linear-gradient(to left,transparent,rgb(15,17,20)); background: -webkit-linear-gradient(right,transparent,rgb(15,17,20)); content: ''; position: absolute; top: 0; left: -2px; width: 10%; height: 100%; z-index: 10; }
.template-thumbnail:after { background: linear-gradient(to right,transparent,rgb(15,17,20)); background: -webkit-linear-gradient(left,transparent,rgb(15,17,20)); content: ''; position: absolute; top: 0; right: -2px; width: 10%; height: 100%; z-index: 10; }


.template-header .wrapper { background-color: rgb(15,17,20); margin-top: 56%; overflow: visible; }
.template-header .content { position: relative; top: -50px; z-index: 1000; }

.bread-crumbs { overflow: hidden; margin: 15px 0 0 10px; font-size: 0; }
.bread-crumbs li { display: inline-block; vertical-align: top; margin: 5px 5px 0 0; font-size: 14px; height: 20px; line-height: 20px; }
.bread-crumbs a { color: rgb(210,212,215); border-bottom: 1px solid rgb(80,82,85); display: block; float: left; height: 19px; line-height: 19px; }
.bread-crumbs a:hover { color: rgb(240,242,245); border-color: rgb(220,140,110); }
.bread-crumbs span { border-bottom: 1px solid transparent; display: block; float: left; height: 19px; line-height: 19px; }
.bread-crumbs li:first-child a:before { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; font-weight: 900; content: "\f015"; display: block; float: left; font-size: 16px; margin: 0 3px 0 0; }
.bread-crumbs li:after { font-weight: 900; content: "\f105"; display: block; float: left; font-size: 14px; margin: 0 0 0 5px;; }


.template-header h1 { color: rgb(220,222,225); margin-top: 20px; }


.shadow { position: absolute; top: 51px; left: 0; width: 100%; padding-top: 56%; z-index: 10; }
.shadow:before { background: linear-gradient(to bottom,transparent,rgb(15,17,20)); background: -webkit-linear-gradient(top,transparent,rgb(15,17,20)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 50%; z-index: 10; }
.shadow:after { background: linear-gradient(to bottom,transparent,rgb(15,17,20)); background: -webkit-linear-gradient(top,transparent,rgb(15,17,20)); content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 30%; z-index: 10; }

.versions-header { overflow: hidden; padding-bottom: 80px; position: relative; }
.versions-header:after { content: "\f103"; color: rgb(220,140,110); font-weight: 900; height: 50px; line-height: 50px; width: 50px; font-size: 40px; margin-left: -25px; display: block; position: absolute; bottom: 20px; left: 50%; }
.versions-header h2 { margin-top: 60px; }
.versions-header p {  text-transform: uppercase; margin: 10px 10px 0 10px; font-size: 18px; line-height: 24px; }


.version { background-color: rgb(15,17,20); border-top: 1px solid rgb(0,2,5); box-shadow: inset 0 1px 0 0 rgb(40,42,45); padding-bottom: 45px; }
.version.alt { background-color: rgb(20,22,25); }

.version header h3 { color: rgb(220,140,110); }
.version header p { color: rgb(220,222,225); font-weight: bold; margin: 5px 10px 0 10px; font-size: 18px; line-height: 26px; overflow: hidden; position: relative; padding-left: 25px; display: inline-block; vertical-align: top; }
.version header p:before { content: "Style: "; color: rgb(160,162,165); font-family: 'Play', sans-serif; height: inherit; line-height: inherit; display: block: float: left; font-weight: normal; }
.version header p:after { content: "\f53f"; font-weight: 900; height: inherit; line-height: inherit; display: block; position: absolute; top: 0; left: 0; width: 20px; font-size: 20px; }

.scheme-wrap { overflow: hidden; padding-top: 10px; padding-bottom: 40px; }
.scheme-demo { margin: 0 auto; max-width: 590px; }
.scheme-video { cursor: pointer; background-color: rgb(30,32,35); border: 5px solid rgb(40,42,45); border-radius: 6px; box-shadow: 0 10px 25px -15px rgb(0,2,5); display: block; overflow: hidden; position: relative; margin: 30px 10px 0 10px; }
.scheme-video figure { overflow: hidden; position: relative; width: 100%; padding-top: 54%; border-radius: 3px; }
.scheme-video figure:after { background-color: rgba(0,2,5,0.1); border-radius: 6px; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.scheme-video img { position: absolute; top: 0; left: 0; width: 100%; height: auto; border-radius: 3px; }
.scheme-video figcaption { background-color: rgba(0,2,5,0.5); color: rgb(250,252,255); border-radius: 6px; font-size: 14px; width: 140px; display: block; height: 60px; font-weight: bold; text-transform: uppercase; padding: 10px 0; line-height: 20px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -40px 0 0 -70px; z-index: 200; }
.scheme-video figcaption:before { content: "\f144"; height: 40px; line-height: 40px; font-size: 40px; display: block; }


.scheme-screens ul { padding: 10px 5px 0 5px; }
.scheme-screens li { width: 50%; float: left; }
.scheme-screens a { margin: 10px 5px 0 5px; background-color: rgb(30,32,35); border: 5px solid rgb(40,42,45); box-shadow: 0 10px 25px -15px rgb(0,2,5); border-radius: 6px; overflow: hidden; display: block; position: relative; cursor: pointer; }
.scheme-screens figure { padding-top: 62%; overflow: hidden; position: relative; border-radius: 3px; }
.scheme-screens figure:after { background-color: rgba(0,2,5,0.2); border-radius: 6px; content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
.scheme-screens img { width: 100%; height: auto; position: absolute; top: 0; left: 0; border-radius: 3px; }
.scheme-screens figcaption { background-color: rgba(0,2,5,0.5); color: rgb(250,252,255); border-radius: 6px; font-size: 13px; width: 120px; display: block; height: 50px; font-weight: bold; text-transform: uppercase; padding: 10px 0; line-height: 20px; text-align: center; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -60px; z-index: 200; }
.scheme-screens figcaption:before { content: "\f00e"; height: 30px; line-height: 30px; font-size: 24px; display: block; }

.buy-footer { border-top: 1px solid rgb(0,2,5); box-shadow: inset 0 1px 0 0 rgb(40,42,45); background-color: rgb(15,17,20); padding: 50px 10px 40px 10px; }
.buy-footer p { margin-top: 15px; font-weight: bold; }
.buy-footer .sub { color: rgb(230,232,235); font-size: 28px; margin-bottom: 8px; margin-top: 40px; text-transform: uppercase; display: block; }  

.buy { background-color: rgb(30,32,35); color: rgb(230,232,235); border: 4px solid rgb(60,62,65); box-shadow: 0 10px 25px -15px rgb(0,2,5); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; overflow: hidden; display: inline-block; vertical-align: top; height: 50px; line-height: 50px; padding-left: 10px; border-radius: 6px; font-size: 16px; }
.buy:before { content: "\f07a"; font-weight: 900; display: block; float: left; height: inherit; line-height: inherit; font-size: 26px; margin: -2px 8px 0 0; }
.buy span { background-color: rgb(40,42,45); color: rgb(100,180,160); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: block; float: right; height: 50px; line-height: 50px; font-size: 22px; font-weight: bold; margin-left: 20px; padding: 0 10px; position: relative; }
.buy span:before { content: "\f155"; font-weight: 900; height: inherit; line-height: inherit; width: 20px; font-size: 20px; margin: 0 -3px 0 -3px !important; }

.buy-all-button { background-color: rgb(60,140,110); color: rgb(255,255,255); border: 4px solid rgb(70,150,120); box-shadow: 0 10px 25px -15px rgb(0,2,5); font-weight: bold; text-transform: uppercase; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; cursor: pointer; overflow: hidden; display: inline-block; vertical-align: top; height: 50px; line-height: 50px; padding-left: 10px; border-radius: 6px; font-size: 16px; }
.buy-all-button:before { content: "\f07a"; font-weight: 900; display: block; float: left; height: inherit; line-height: inherit; font-size: 26px; margin: -2px 8px 0 0; }
.buy-all-button span { background-color: rgb(45,125,95); color: rgb(255,255,255); -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; display: block; float: right; height: 50px; line-height: 50px; font-size: 22px; font-weight: bold; margin-left: 20px; padding: 0 10px; position: relative; }
.buy-all-button span:before { content: "\f155"; font-weight: 900; height: inherit; line-height: inherit; width: 20px; font-size: 20px; margin: 0 -3px 0 -3px !important; }

.included { overflow: hidden; display: inline-block; vertical-align: top; height: 40px; line-height: 40px; padding: 0 25px; border-radius: 6px; font-size: 16px; }
.included:before { color: rgb(230,232,235); content: "\f14a"; font-weight: 900; display: block; float: left; height: inherit; line-height: inherit; font-size: 26px; margin: -2px 8px 0 0; }
.included:after { content: "Included in the Bundle"; font-family: 'Play', sans-serif; }

.sales-count { font-weight: bold; margin-top: 10px; }
.sales-count span { color: rgb(220,140,110); }

.dark-bg { display: none; background-color: rgba(0,0,0,0.7); position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 89999; overflow: hidden; }
.dark-bg:after { background-color: rgba(0,2,5,0.6); color: rgb(240,242,245); border: 3px solid rgb(80,82,85); content: "\f00d"; cursor: pointer; width: 34px; height: 34px; line-height: 34px; font-size: 24px; border-radius: 50%; font-weight: 900; position: absolute; top: 10px; right: 10px; }
.dark-bg.no-close:after { display: none; }

.demo-video { display: none; border: 5px solid rgb(60,62,65); box-shadow: 0 0 30px 8px rgb(0,2,5); border-radius: 4px; position: absolute; top: 50%; left: 50%; z-index: 900; width: 94%; max-width: 980px; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.demo-video:after { background-color: rgba(10,12,15); color: rgb(230,232,235); border: 3px solid rgb(60,62,65); content: "\f00d"; cursor: pointer; width: 34px; height: 34px; line-height: 34px; font-size: 24px; border-radius: 50%; font-weight: 900; position: absolute; top: -50px; right: 0; z-index: 200; }
.demo-video.active { display: block; }
.player { background-color: rgb(0,0,0); position: relative; width: 100%; padding-bottom: 50%; overflow: hidden; }
.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: 4px solid rgb(220,140,110); border-bottom: 4px solid rgb(230,232,235); border-radius: 50%; animation: spinner 1s linear infinite; }
.player iframe { position: absolute; border: 0 none; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; }


.buy-window { display: none; position: absolute; top: 50%; left: 50%; z-index: 99999; width: 98%; max-width: 360px; max-height: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.buy-window:after { background-color: rgba(10,12,15); color: rgb(230,232,235); border: 3px solid rgb(60,62,65); content: "\f00d"; cursor: pointer; width: 34px; height: 34px; line-height: 34px; font-size: 24px; border-radius: 50%; font-weight: 900; position: absolute; top: -50px; right: 0; }
.buy-window.active { display: block; }
.buy-window-inner { background-color: rgb(30,32,35); border: 5px solid rgb(60,62,65); box-shadow: 0 0 50px rgb(0,2,5); padding-bottom: 20px; text-align: left; overflow: hidden; border-radius: 9px; }
.buy-window-top { background-color: rgb(40,42,45); border-bottom: 5px solid rgb(60,62,65); overflow: hidden; padding: 5px 20px; }
.buy-title { font-size: 16px; float: left; overflow: hidden; line-height: 22px; margin-top: 3px; }
.buy-title span { color: rgb(240,242,245); font-weight: bold; font-size: 16px; display: block; }
.buy-price { color: rgb(100,190,160); float: right; line-height: 50px; font-size: 28px; font-weight: bold; position: relative; padding-left: 15px; }
.buy-price:before { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; font-weight: 900; content: "\f155"; position: absolute; font-size: 18px; top: -2px; left: 0; }
.buy-window p { color: rgb(230,232,235); margin: 10px 20px 10px 20px; font-size: 16px; line-height: 22px; }
.buy-window p i { color: rgb(220,140,110); display: block; float: left; width: 44px; height: 44px; line-height: 44px; font-size: 44px; margin: -1px 10px 0 -5px; }  
.buy-window ul { overflow: hidden; padding: 0 20px; clear: both; }
.buy-window li .inner { background-color: rgb(20,22,25); border-radius: 4px; padding: 10px 15px 15px 15px; overflow: hidden; line-height: 20px; margin-top: 5px; }
.buy-window li { font-size: 16px; }
.buy-window li span { display: block; }
.buy-window li a { display: block; margin-top: 2px; font-weight: bold; }
.buy-window li a:hover { color: rgb(108,168,218); }
.buy-window li span.icq { color: rgb(148,208,168); margin-top: 5px; font-weight: bold;  }
.buy-window li .online { clear: both; font-size: 14px; position: relative; padding-left: 12px; margin-top: 3px; }
.buy-window li .online:before { background-color: rgb(40,180,120); content: ''; position: absolute; top: 6px; left: 0; overflow: hidden; height: 8px; width: 8px; border-radius: 50%; }

body.active { overflow: hidden; padding-right: 17px; }
body.active .main-header .content { padding-right: 17px; }

.screen { display: none; overflow-y: scroll; position: relative; height: 100%; display: flex; align-items: center; }
.screen.active { display: flex; }
.screen: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: 4px solid rgb(220,140,110); border-bottom: 4px solid rgb(230,232,235); border-radius: 50%; animation: spinner 1s linear infinite; }
.screen img { background-color: rgba(0,2,5,0.5); box-shadow: 0 0 30px 8px rgb(0,0,0); cursor: zoom-in; max-width: 90%; height: auto; margin: auto; position: relative; }
.screen.zoom { overflow-y: scroll; overflow-x: auto; display: block; width: calc(100% + 17px); transform: translateX(-17px); top: 0; }
.screen.zoom img { object-fit: cover; cursor: zoom-out; max-width: 100%; transform: none; }

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

.scroll-top { background-color: rgb(10,12,15); border: 3px solid rgb(60,62,65); color: rgb(250,252,255); -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; opacity: 0.9; position: fixed; z-index: 20000; border-radius: 50%; right: 10px; bottom: 10px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 24px; text-align: center; }
.scroll-top:before { content: "\f106"; font-weight: 900; display: block !important; height: inherit !important; line-height: inherit !important; }


.static { padding-bottom: 60px; }

.text { margin: 10px 5px 0 5px; }
.text p { margin-top: 10px; text-align: left; }
.text p a { margin-left: 22px !important; }
.text p.telegram-icon, .text p.icq-icon, .text p.skype-icon { background-color: rgb(30,32,35); border: 4px solid rgb(50,52,55); box-shadow: 0 10px 25px -15px rgb(0,2,5); border-radius: 4px; padding: 20px; margin: 10px 5px 0 5px; }
.text p.telegram-icon:before, .text p.icq-icon:before, .text p.skype-icon:before { color: rgb(240,242,245); text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Brands'; text-rendering: optimizeLegibility !important; margin-right: 4px; display: inline-block; vertical-align: top; height: inherit; line-height: inherit; font-size: 18px; }
.text p.telegram-icon:before { content: "\f2c6"; font-weight: 400; }
.text p.icq-icon:before { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; content: "\f086"; font-weight: 400; }
.text p.skype-icon:before { content: "\f17e"; font-weight: 400; }
.text p.telegram-icon a:hover, .text p.skype-icon a:hover { color: rgb(108,168,218); }
.text p.telegram-icon a, .text p.icq-icon a, .text p.skype-icon a, .text p.telegram-icon span, .text p.icq-icon span, .text p.skype-icon span { display: block; font-weight:bold; margin-top: 8px; margin-left: 1px; }
.text p.icq-icon span { color: rgb(108,178,138); margin-left: 22px; }
.text p span.online { margin-left: 20px; color: rgb(240,242,245); font-weight: normal; clear: both; font-size: 14px; position: relative; padding-left: 13px; margin-top: 5px; display: block; height: 24px; line-height: 24px; }
.text p span.online:before { background-color: rgb(40,180,120); content: ''; position: absolute; top: 8px; left: 0; overflow: hidden; height: 8px; width: 8px; border-radius: 50%; }

.text-2 { background-color: rgb(30,32,35); border: 4px solid rgb(50,52,55); box-shadow: 0 10px 25px -15px rgb(0,2,5); border-radius: 4px; margin: 20px 10px 0 10px; overflow: hidden; padding: 10px 20px 20px 20px; font-size: 18px; line-height: 24px; }
.text-2 p { margin-top: 10px; overflow: hidden; }
.text-2 p.val { color: rgb(228,228,228); font-weight: bold; font-size: 20px; padding-bottom: 5px; }
.text-2 p b { color: rgb(208,208,208); }  

.text-2 a { text-decoration: underline; }
.text-2 a:hover { text-decoration: none; }

.main-footer { background-color: rgb(30,32,35); border-top: 1px solid rgb(0,2,5); box-shadow: inset 0 1px 0 0 rgb(40,42,45); overflow: hidden; padding: 30px 0 40px 0; position: relative; }
.main-footer p { margin: 10px 10px 0 10px; font-size: 16px; line-height: 22px; }
.main-footer ul { overflow: hidden; padding-top: 5px; }
.main-footer li { display: inline-block; vertical-align: top; margin: 5px 10px 0 10px; }
.main-footer a { font-weight: bold; text-transform: uppercase; font-size: 14px; }
.main-footer .counter { margin: 15px 10px 0 10px; opacity: 0.4; }
.main-footer .counter img { display: inline-block; vertical-align: top; }

#dle-comments-form { display: none !important; }


.version .content, .an-true .content, .related-section header { transform: translateY(150px); opacity: 0; -moz-transition: 0.8s ease; -webkit-transition: 0.8s ease; -o-transition: 0.8s ease; transition: 0.8s ease; }
.version.anim .content, .an-true.anim .content, .related-section.anim header { transform: translateY(0); opacity: 1; }

.item.anim
{ transform: scale(1) !important; opacity: 1 !important; }

.full-new .scheme-demo { display: none !important; }
.full-new .scheme-screens figure { padding-top: 90%; }

.template-demo { background-color: rgb(5,7,10); padding: 20px 0 50px 0; }
.template-demo .scheme-video figure { padding-top: 56.25% !important; }
.template-demo .scheme-video figure:after { background-color: rgba(0,2,5,0.3); }
.template-demo .scheme-video figcaption { background-color: rgba(0,2,5,0.7); }

@keyframes bottom { from {transform: translateY(100px);} to { transform: translateY(0); }}

@media all and (min-width: 360px) {
    .item picture img { left: 50%; transform: translateX(-50%); width: auto; }
	.buy-window p { font-size: 18px; line-height: 24px; }
	.buy-window p i { width: 48px; height: 48px; line-height: 48px; font-size: 48px; } 
}

@media all and (min-width: 380px) {
	.item picture img { left: 0; transform: translateX(0); width: 100%; }
}

@media all and (min-width: 500px) {
    .article-header h1 { max-width: 100%; display: block; }
	.template-header .template-info li { font-size: 16px; line-height: 20px; }
    .template-header .template-info .val-2 { height: 20px; line-height: 20px; }
    .version-items .swiper-slide { width: 65%; }
}

@media all and (min-width: 560px) {
    .template-thumbnail { width: 560px; left: 50%; transform: translateX(-50%); padding-top: 315px; }
    .template-thumbnail img { width: 560px; }
    .template-header .wrapper { margin-top: 315px; }
    .shadow { padding-top: 315px; }
}

@media all and (min-width: 600px) {
    .items { padding: 30px 5px 40px 5px; margin: 0 auto; width: 580px; }
    .item .inner { margin: 10px 5px 0 5px; }
	.features { padding-top: 20px; }
    .features li { width: 50%; padding-top: 10px; }
    .features li div { margin-top: 10px; }
    .template-features li.versions { width: 100%; }
    .limited-features li.versions { width: 50%; }
    .item .template-info li { width: 50%; }
    .item .template-info li:first-child { float: none; width: 100%; margin-bottom: 6px; height: auto; line-height: 24px; }
    .item .template-info li:first-child .val { display: inline-block; vertical-align: top; margin-bottom: 0; }
    .item .template-info li:first-child .val-2 { display: inline-block; vertical-align: top; height: 24px; line-height: 24px; }
    .scheme-screens li { width: 25%; }
	.scheme-video figcaption { width: 160px; height: 70px; margin: -45px 0 0 -80px; }
	.scheme-video figcaption:before { height: 50px; line-height: 50px; font-size: 50px; }
    .template-features { padding-top: 10px; }
    .template-demo .scheme-video figcaption { font-size: 16px; line-height: 30px; width: 200px; height: 100px; margin: -60px 0 0 -100px; }
    .template-demo .scheme-video figcaption:before { height: 70px; line-height: 70px; font-size: 70px; }
}

@media all and (min-width: 640px) {
    .article-header p .lb-2 { display: none; }
    .item .template-info li { width: 33.3333%; }
    .item .template-info li:first-child { float: left; width: 33.3333%; margin-bottom: 0; height: 79px; line-height: 16px; }
    .item .template-info li:first-child .val { display: block; margin-bottom: 5px; }
    .item .template-info li:first-child .val-2 { display: block; height: 16px; line-height: 16px; }
    .version-items .swiper-slide { width: 50%; }
    .demo-video { width: 80%; }
    .demo-video:after { top: -25px; right: -25px; }
    .buy-window { width: 500px; max-width: 100%; }
    .buy-window:after { top: -20px; right: -20px; }
	.buy-window-top { padding: 12px 20px; }
    .buy-title { line-height: 25px; margin-top: 0; font-size: 16px; padding-bottom: 5px; }
    .buy-title span { font-size: 18px; }
    .buy-window p { margin-top: 20px; }
    .buy-window li { float: left; width: 33.3333%; }
	.buy-window li .inner { margin: 10px 5px 0 0; padding: 15px 0 15px 15px; line-height: 24px; }
    .buy-window li .online:before { top: 8px; }  
    .buy-window li:last-child .inner { margin-right: 0; }
    .buy-window li a, .buy-window li span.icq { font-size: 16px; }
	.buy-window p { line-height: 40px; font-size: 18px; }
	.buy-window p i { width: 40px; height: 40px; line-height: 40px; font-size: 40px; } 
}

@media all and (min-width: 820px) {
    h1, h2, h3, p.subtitle { margin-left: 15px; margin-right: 15px; }
    a.logo { margin-left: 15px; }
    .content, .content.less { width: 800px; max-width: 100%; }
    h1 { font-size: 36px; line-height: 42px; margin-top: 80px; }
    h2 { font-size: 34px; line-height: 40px; margin-top: 60px; }
    h3, .subtitle { margin-top: 60px; }
    .first header .bread-crumbs { margin-top: 35px; }
    .first h1 { margin-top: 25px; }
    .article-header { padding-bottom: 80px; }
	.items { padding: 30px 0 60px 0; width: auto; }
    .item { width: 400px; float: left; }
    .item .inner { margin: 30px 15px 0 15px; }
    .item-info { float: left; margin-right: 0; }
    .item .limited { float: right; margin-left: 0; }
    .article-text { padding-left: 15px; padding-right: 15px; }
	.features { padding: 30px 0 80px 0; }
    .features li { padding-top: 0; }
    .features li div { margin: 30px 15px 0 15px; }
	.features li.limited:before { top: 30px; left: 15px; }
	.features li.limited:after { right: 15px; }
    .template-thumbnail { padding-top: 340px; width: 1020px; }
    .template-thumbnail img { width: 1020px; }
    .template-header .wrapper { margin-top: 340px; }
    .shadow { padding-top: 340px; }
    .template-header .content { top: -80px; }
    .template-features { padding-top: 5px; }
    .template-features li, .template-features li.limited { width: 33.3333% !important; margin-top: 20px; }
    .limited-features li, .limited-features li.limited { width: 50% !important; }
    .version-items .swiper-slide { width: 400px; }
    .version-item { margin: 0 16px 0 14px; }
    .text p.telegram-icon, .text p.icq-icon, .text p.skype-icon { display: inline-block; vertical-align: top; width: 191px; padding: 20px 0 20px 15px; }
    .text-2 { font-size: 18px; line-height: 26px; padding: 20px 20px 30px 20px; margin-top: 40px; }
    .text-2 p.val { font-size: 22px; }
    .scheme-wrap { padding-top: 30px; }
    .scheme-video figure { padding-top: 315px; }
    .scheme-screens { padding-top: 5px; }
    .dark-bg:after { top: 20px; right: 37px; }
    .template-features { padding-top: 0; }
    .template-features li, .template-features li.limited { margin-top: 0; }
    .template-header h1 { margin-top: 10px; }
    .template-header p { margin-top: 20px; }
    header p { margin-top: 10px; }
    .static { padding-bottom: 80px; }
    .version { padding-bottom: 70px; }
}

@media all and (min-width: 1020px) {
    .main-header nav a:hover { color: rgb(240,242,245); }
    .main-header nav a:hover:before { color: rgb(220,140,110); }
    .item .inner { -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; }
    .item .inner:hover { transform: translateY(-5px); }
    .item picture:before, .item picture:after { position: absolute; -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
    .item picture:after { color: rgb(250,252,255); opacity: 0; font-weight: 900; content: "\f06e"; z-index: 3; top: 50%; left: 50%; margin: -25px 0 0 -25px; width: 50px; height: 50px; line-height: 50px; font-size: 42px; text-align: center; }
    .item a:hover picture:before, .item a:hover picture:after { opacity: 1; }
    .buy:hover { background-color: rgb(60,140,110); border-color: rgb(70,150,120); color: rgb(250,252,255); }
	.buy:hover span { background-color: rgb(40,120,90); color: rgb(250,252,255); }
    .buy-all-button:hover { border-color: rgb(60,140,110); background-color: rgb(20,20,24); }
    .version-item:hover figure:after { opacity: 0; }
    .scroll-top { right: 20px; bottom: 20px; width: 50px; height: 50px; line-height: 50px; font-size: 24px; }
	.scroll-top:hover { opacity: 1; }
    .screen img { max-width: 60%; }
    .scheme-video figure:after, .scheme-screens figure:after { -moz-transition: 0.3s ease; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; }
    .scheme-video figure:hover:after, .scheme-screens a:hover figure:after { opacity: 0; }
    .scheme-screens figure img, .scheme-screens figcaption { -moz-transition: 0.5s ease; -webkit-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease; }
    .scheme-screens a:hover figure img { transform: scale(1.05); }
    .scheme-screens a:hover figcaption { opacity: 0; }
    .scheme-video figcaption:before { -moz-transition: 0.8s ease; -webkit-transition: 0.8s ease; -o-transition: 0.8s ease; transition: 0.8s ease; }
    .scheme-video:hover figcaption:before { transform: rotate(360deg); }
}

@media all and (min-width: 1025px) {
    .template-thumbnail { padding-top: 427px; width: 1280px; }
    .template-thumbnail img { width: 1280px; }
    .template-header .wrapper { margin-top: 427px; }
    .shadow { padding-top: 427px; }
    .demo-video { width: 720px; max-width: 100%; }
}

@media all and (min-width: 1280px) {
    .main-header { padding: 5px 0 10px 0; }
    a.logo { margin-right: 20px; }
    .menu-button { display: none; }
    .main-header nav { display: block !important; position: static; padding: 10px 0 0 0; background: none; text-align: right; box-shadow: none; }
    .main-header nav li { display: inline-block; vertical-align: top; margin: 0 15px 0 20px; font-size: 16px; }
    .main-header nav li:first-child, .main-header nav li:nth-child(2) { display: block; float: left; }
    .bread-crumbs { margin-top: 25px; }
    .wrapper, .template-header { margin-top: 61px; }
    .content, .content.less { width: 1200px; }
    .article-header p .lb { display: none; }
    .alt .items-less .item:nth-child(4), .related-section .items-less .item:nth-child(4) { display: none; }
    .view-all { padding-bottom: 60px; }
    .features li { width: 25%; }
    .features li div { padding: 20px 0 25px 0; }
    .features-alt li { width: 33.3333%; }
    .template-features { padding-top: 5px; }
    .limited-features li, .limited-features li.limited { width: 25% !important; }
	.buy-footer { padding: 70px 10px 60px 10px; }
	.buy-all-button { height: 60px; line-height: 60px; padding-left: 15px; font-size: 18px; }
	.buy-all-button:before { font-size: 32px; }
	.buy-all-button span { height: 60px; line-height: 60px; font-size: 26px; padding: 0 15px; }
	.buy-all-button span:before { width: 22px; font-size: 22px; }
    .scheme-demo { float: left; width: 50%; max-width: 100%; }
    .scheme-video { margin: 30px 15px 0 15px; }
    .scheme-video figure { padding-top: 315px; }
    .scheme-screens { float: right; width: 50%; padding-top: 0; }
    .scheme-screens ul { padding: 0; }
    .scheme-screens li { width: 50%; }
    .scheme-screens a { margin: 30px 15px 0 15px; }
    .scheme-screens figure { padding-top: 138px; }
    .alt .scheme-demo { float: right; }
    .alt .scheme-video { margin-left: 15px; }
    .alt .scheme-screens { float: left; }
    
    .full-new .scheme-screens { float: none !important; width: 100%; }
    .full-new .scheme-screens li { width: 25%; }

}

@media all and (min-width: 1281px) {
    .template-thumbnail { padding-top: 456px; width: 1366px; }
    .template-thumbnail img { width: 1366px; }
    .template-header .wrapper { margin-top: 446px; }
    .shadow { padding-top: 456px; }
    .template-header .content { top: -120px; margin-bottom: -50px; }
    .screen img { max-width: 50%; }
}

@media all and (min-width: 1367px) {
    .template-thumbnail { padding-top: 481px; width: 1440px; }
    .template-thumbnail img { width: 1440px; }
    .template-header .wrapper { margin-top: 471px; }
    .shadow { padding-top: 481px; }
}


@media all and (min-width: 1900px) {
    h1 { font-size: 40px; line-height: 46px }
    h2 { font-size: 38px; line-height: 44px; }
    .content { width: 1600px; }
    .content.less { width: 1200px; }
    .alt .items-less .item:nth-child(4), .items-less .item:nth-child(7), .items-less .item:nth-child(8) { display: block; }
    .related-section .items-less .item:nth-child(4) { display: block; }
    .features-alt li { width: 16.6666%; }
    .features-alt li span { font-size: 17px; }
    .template-thumbnail { padding-top: 640px; width: 1914px; }
    .template-thumbnail img { width: 1914px; }
    .template-header .wrapper { margin-top: 630px; }
    .shadow { padding-top: 640px; }
    .template-header .content { top: -130px; margin-bottom: -50px; }
    .demo-video { width: 1280px; }
    .content.less.less-2 { width: 1360px !important; }
}

@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;}
}