body, .dropmn, .mvsvid-cnt, .search-input, .more-info a:hover, .tags-list a:hover, .more-button span:hover, .more-button.active span, .searches a:hover
{ background-color: rgb(71, 4, 105); }

body, .partners-list a, .cats-list.partners-list a::before, .footer-blk a
{ color: rgb(75, 0, 130); text-shadow: 1px 1px 0 rgba(0,0,0,0.5); }

.more-info, .more-button span, .navi-blk span, .pblshr-blk, .footer-blk
{ background-color: rgb(55, 2, 82); }

.more-info a, .searches a, .pblshr, .pblshr-300x100 div, .cats-list span, .tags-list a
{ background-color: rgb(50,56,52); }

.mvsvid-cl .links .vidident a, .search-input, .more-info a:hover, .searches a:hover, .more-button span:hover, .more-button.active span, .rnks-btn, .navi-blk a, .navi-blk span, .cats-list a, .tags-list a:hover
{ border-color: rgb(70,76,72); }

.mvsvid-cl .links .vidident a:hover, .cats-list a:hover
{ border-color: rgb(110,116,112); }

.topper, .pic .hdyes, .rnks, .navi-blk a:hover, .navi-blk a.active, .dropmn, .search, .cats-list a:hover
{ background-color: rgba(55, 2, 82,0.9); }

a:hover, a.brands span, .dropmn a.active, .dropmn li.active a, .rnks-btn:hover, .rnks-btn.active, .rnks a:hover, .rnks a.active, .search button:hover, .video::before, .cats-list a::before, .cats-list a.all, .about span.colored
{ color: rgb(75, 0, 130); }

a.brands, .rnks-btn:hover, .rnks-btn.active, .navi-blk a:hover, .navi-blk a.active
{ border-color: rgb(75, 0, 130); }

a, a.brands, h1, h2, .topper-btn, .search-btn, .search input, .search input::placeholder, p.subtitle, .more-button, .roulet-button-next:before, .roulet-button-prev:before, .modal-iframe::after, .rnks-btn, .search button, .partners-list a:hover, .cats-list.partners-list a:hover::before, .about span, .footer-blk span, .footer-blk a:hover
{ color: rgb(240,246,242); }

.pic a, .rnks a, .modal-iframe::before, .spinner
{ color: rgb(255,255,255); }



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

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

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

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

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



body,html,div,p,a,ul,li,input,button,form,textarea,span,img,h1,h2,h3 { margin: 0; padding: 0; }

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

@font-face{font-family:'Line Awesome Free';font-weight:400;font-display:swap;src:url(../includes/ls/lr4.woff2) format("woff2"),url(../includes/ls/lr4.woff) format("woff")}@font-face{font-family:'Line Awesome Free';font-weight:900;font-display:swap;src:url(../includes/ls/ls9.woff2) format("woff2"),url(../includes/ls/ls9.woff) format("woff")}

li { list-style-type: none; }
:before, :after, i { text-rendering: optimizeLegibility !important; font-family: 'Line Awesome Free'; }

img { display: block; }

a { text-decoration: none; }

h1, h2 { font-weight: normal; overflow: hidden; text-transform: uppercase; }
h1 { font-size: 24px; line-height: 26px; margin: 17px 10px 0 10px; }
h2 { margin: 60px 10px 0 10px; font-size: 24px; line-height: 26px; }

.topper { position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 89999; }
.topper .trips { min-height: 100%; padding: 0 !important; overflow: visible; }

body.modal-video { background-color: transparent; }
body.modal-video .trips { padding: 0 !important; }

a.brands { border-width: 2px; border-style: solid; margin: 10px 10px 0 10px; padding: 0 10px; overflow: hidden; font-weight: bold; text-transform: uppercase; display: block; float: left; height: 36px; line-height: 36px; font-size: 18px; }
a.brands img { width: auto; height: inherit; }

.topper-btn { float: left; width: 30px; height: 40px; line-height: 40px; font-size: 35px; cursor: pointer; margin: 10px 5px 0 10px; display: block; }
.topper-btn::before { content: '\f0c9'; font-weight: 900; }
.topper-btn.active::before { content: '\f00d'; }

.search-btn { position: absolute; top: 10px; right: 10px; width: 30px; height: 40px; line-height: 40px; font-size: 26px; cursor: pointer; display: block; }
.search-btn::before { content: '\f002'; font-weight: 900; }
.search-btn.active::before { content: '\f00d'; }

.dropmn { opacity: 0; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; width: 100%; height: 100%; position: fixed; top: 60px; left: -100%; z-index: 90000; overflow: hidden; }
.dropmn.active { opacity: 1; left: 0; }
.dropmn ul { padding: 0 20px 20px 20px; float: left; overflow: hidden; position: relative; }
.dropmn li { clear: both; margin-top: 20px; }
.dropmn a { font-size: 18px; line-height: 20px; text-transform: uppercase; overflow: hidden; }
.dropmn a:before { display: block; float: left; width: 22px; font-size: 22px; height: inherit; line-height: inherit; margin-right: 3px; }

.dropmn li.homexarea a:before { content: '\f015'; font-weight: 900; }
.dropmn li.videosxarea a:before { content: '\f04b'; font-weight: 900; }
.dropmn li.categoriesxarea a:before { content: '\f02e'; font-weight: 900; }
.dropmn li.channelsxarea a:before { content: '\f5fd'; font-weight: 900; }
.dropmn li.starsxarea a:before { content: '\f005'; font-weight: 400; }

.search { opacity: 0; -moz-transition: 0.4s ease; -webkit-transition: 0.4s ease; -o-transition: 0.4s ease; transition: 0.4s ease; width: 100%; height: 100%; position: fixed; top: 60px; right: -100%; z-index: 90000; overflow: hidden; }
.search.active { opacity: 1; right: 0; }
.search .inner { overflow: hidden; padding: 20px; }
.searches { overflow: hidden; padding: 12px 0 0 0; margin: 0 auto; max-width: 700px; }
.searches a { border: 1px solid transparent; margin: 8px 8px 0 0; display: block; float: left; border-radius: 6px; padding: 0 10px; font-size: 14px; height: 32px; line-height: 32px; overflow: hidden; }  
.search form { position: relative; overflow: hidden; margin: 0 auto; max-width: 700px; }
.search-input { border-width: 1px; border-style: solid; border-radius: 6px; overflow: hidden; height: 48px; line-height: 38px; padding: 0 50px 0 15px; }
.search input { text-transform: uppercase; background: none; border: 0 none; width: 100%; outline: 0 none; font-size: 14px; font-weight: bold; height: inherit; line-height: normal; }
.search button { background: none; overflow: hidden; position: absolute; top: 5px; right: 5px; border: 0 none; cursor: pointer; outline: 0 none; width: 40px; font-size: 20px; height: 40px; line-height: 30px; }
.search button:before { content: "\f002"; font-weight: 900; }

.trips { position: relative; overflow: hidden; min-width: 320px; max-width: 1900px; min-height: 500px; margin: 0 auto;  padding-top: 60px; }

.starttit { clear: both; position: relative; overflow: hidden; padding: 0 60px 17px 0; }

.rnks-btn { border-width: 2px; border-style: solid; position: absolute; font-size: 30px; bottom: 10px; right: 10px; width: 36px; height: 36px; line-height: 36px; text-align: center; cursor: pointer; display: block; }
.rnks-btn::before { content: '\f1de'; font-weight: 900; display: block; height: inherit; line-height: inherit; width: inherit; }
.rnks-btn.active::before { content: '\f00d';  font-size: 24px; }

.rnks { display: none; position: absolute; top: 0; right: 0; padding: 5px 10px 20px 10px; z-index: 99999; overflow: hidden; }
.rnks-blk { float: left; overflow: hidden; padding: 5px 20px 0 20px; }
.rnks a { display: block; height: 30px; line-height: 30px; margin-top: 10px; }

.rsize { overflow: hidden; position: relative; }
.rsize.opacity::after { content: ''; background-color: rgba(0,0,0,0.5); z-index: 4000; position: absolute; width: 100%; height: 100%; left: 0; top: 0; }

.pics-blk { overflow: hidden; }

.pics-related-blk { padding-top: 17px; }

.pic { overflow: hidden; width: 100%; position: relative; }
.pic::after { 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-radius: 50%; animation: spinner 1s linear infinite; }
.pic a { cursor: pointer; display: block; position: relative; overflow: hidden; }
.pic a::before { content: ''; background: linear-gradient(to bottom,transparent,rgb(0,0,0)); background: -webkit-linear-gradient(top,transparent,rgb(0,0,0)); z-index: 2; position: absolute; bottom: 0; left: 0; width: 100%; height: 40%; }
.pic a::after { content: '\f04b'; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; font-weight: 900; z-index: 4; display: none; opacity: 0; position: absolute; top: 50%; left: 50%; width: 60px; height: 60px; font-size: 60px; line-height: 60px; margin: -50px 0 0 -30px; }
.pic:hover::after { display: none; }
.pic img { position: absolute; top: 0; left: 0; width: 100%; height: auto; z-index: 1; }
.pic .inform { position: absolute; bottom: 10px; left: 10px; right: 0; z-index: 3; }
.pic .inform span { display: block; float: left; font-size: 13px; margin-right: 10px; height: 20px; line-height: 20px; overflow: hidden; }
.pic .inform span:last-child { margin-right: 0; }
.pic .inform span:before { display: block; float: left; font-size: 18px; height: inherit; line-height: inherit; margin-right: 2px; }
.pic .inform span.marks:before { content: "\f164"; }
.pic .inform span.shows:before { content: "\f04b"; font-weight: 900; }
.pic .inform span.durat:before { content: "\f017"; }
.pic .inform span.nmbrs:before { content: "\f144"; }
.pic p { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; clear: both; line-height: 20px; max-height: 40px; overflow: hidden; font-size: 16px; text-transform: uppercase; padding: 2px 10px 0 0; }

.pic .hdyes { opacity: 0.9; border-width: 1px; border-style: solid; position: absolute; top: 5px; right: 5px; padding: 0 5px; font-size: 14px; font-weight: bold; height: 24px; line-height: 24px; display: block; overflow: hidden; z-index: 2;  }

.pic-alt p { line-height: 30px !important; height: 30px !important; max-height: 30px !important; font-size: 22px !important; }  
.pic-alt a::after { content: '\f2f6'; }

.pblshr-300x100 { background-color: rgb(30,30,30); overflow: hidden; padding: 10px 0; }
.pblshr-300x100 div { margin: 0 auto; width: 300px; height: 100px; overflow: hidden; }

.pblshr-blk { overflow: hidden; text-align: center; padding: 10px 0 20px 0; }
.pblshr { display: inline-block; vertical-align: top; margin: 10px 5px 0 5px; width: 300px; height: 250px; overflow: hidden; }
.pblshr-2, .pblshr-3, .pblshr-4, .pblshr-5 { display: none; }

.pblshr-margin-blk { margin-top: 50px; }

.modal-iframe { display: none; position: fixed; background-color: rgba(0,0,0,0.8); top: 0; left: 0; padding: 50px 0 40px 0; width: 100%; bottom: 0; z-index: 99999; overflow: hidden; }
.modal-iframe .inner { margin: 0 10px 0 -10px; overflow: hidden; position: relative; height: 100%; z-index: 89999; }
.modal-iframe .inner iframe { border: 0 none; position: absolute; top: 0; transform: translate3d(20px, 0, 0); left: 0; width: 100%; height: 100%; overflow: hidden; }
.modal-iframe::after { cursor: pointer; content: '\f00d'; font-weight: 900; z-index: 99999; position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; line-height: 40px; font-size: 40px; }
.modal-iframe::before { cursor: pointer; font-family: 'Quicksand', sans-serif; text-transform: uppercase; content: 'Close Video [X]'; z-index: 99999; text-align: center; position: absolute; bottom: 5px; left: 0; width: 100%; height: 30px; line-height: 30px; font-size: 14px; }
.modal-iframe .spinner { height: 62px; width: 62px; position: absolute; top: 50%; left: 50%; margin: -35px 0 0 -35px; 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-radius: 50%; animation: spinner 1s linear infinite; }
@keyframes spinner { from {transform: rotate(0deg);} to { transform: rotate(360deg); }}

.mvsvid-cnt { overflow: hidden; position: relative; z-index: 100; }
.modal-video .mvsvid-cnt { padding-right: 20px; }

.mvsvid-tb { overflow: hidden; }

.mvsvid-cl { overflow: hidden; }

.video { background-color: rgb(0,0,0); overflow: hidden; position: relative; padding-bottom: 56.25%; }
.video iframe, .full-video video, .full-video source, .full-video object, .full-video embed, .full-video .fluid_video_trips { position: absolute !important; top: 0 !important; left: 0 !important; width: 100% !important; height: 100% !important; }
.video::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-radius: 50%; animation: spinner 1s linear infinite; }


.mvsvid-cl .info { overflow: hidden; padding: 5px 5px 0 5px; text-align: center; }
.mvsvid-cl h1 { margin: 15px 15px 0 15px; }

.mvsvid-cl .info .vidident { overflow: hidden; margin: 5px 0 0 0; }

.mvsvid-cl .info .vidident a, .mvsvid-cl .info .vidident span { display: inline-block; vertical-align: top; margin: 5px 5px 0 5px; font-size: 14px; line-height: 20px; height: 20px; }
.mvsvid-cl .info .vidident a:before, .mvsvid-cl .info .vidident span:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; margin-right: 2px; line-height: inherit; }
.mvsvid-cl .info .vidident a { cursor: pointer; }

.mvsvid-cl .info .vidident.rating a { height: 30px; line-height: 30px; font-size: 14px; }
.mvsvid-cl .info .vidident a.like:before { content: "\f164"; font-size: 30px; }
.mvsvid-cl .info .vidident a.dislike:before { content: "\f165"; font-size: 30px; }

.mvsvid-cl .info .vidident .shows:before { content: "\f04b"; font-weight: 900; }
.mvsvid-cl .info .vidident .durat:before { content: "\f017"; }
.mvsvid-cl .info .vidident .date:before { content: "\f382"; font-weight: 900; }

.more-button { overflow: hidden; padding: 15px 10px 0 10px; clear: both; }
.more-button span { border: 1px solid transparent; border-radius: 6px; font-size: 14px; display: block; cursor: pointer; text-align: center; overflow: hidden; height: 38px; line-height: 38px; padding: 0 10px; }
.more-button span::after { -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; content: '\f107'; font-weight: 900; font-size: 16px; display: inline-block; vertical-align: top; margin-left: 8px; height: inherit; line-height: inherit; }
.more-button.active span::after { transform: rotate(180deg); }

.more-info { overflow: hidden; clear: both; margin-top: 15px; display: none; padding: 0 0 15px 15px; text-align: left; }
.more-info h1 { margin-left: 0; margin-bottom: -10px; }

.more-info .links { overflow: hidden; }
.more-info .vidident { float: left; overflow: hidden; padding: 20px 35px 0 0; }
.more-info .vidident.tags { float: none !important; clear: both; }

.more-info a { border: 1px solid transparent; border-radius: 6px; display: block; float: left; margin: 5px 5px 0 0; padding: 0 10px; font-size: 14px; height: 30px; line-height: 30px; }
.more-info a:before { display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; margin-right: 2px; line-height: inherit; }

.more-info span { display: block; margin: 5px 5px 0 0; }
.more-info span::before { display: block; float: left; height: inherit; line-height: inherit; font-size: 18px; }

.more-info span.categories::before { content: "\f02e"; font-weight: 900; }
.more-info span.tags::before { content: "\f02c"; font-weight: 900; }
.more-info span.channels::before { content: "\f5fd"; font-weight: 900; }
.more-info span.stars::before { content: "\f005"; font-weight: 400; }


.mvsvid-rt { overflow: hidden; text-align: center; padding-top: 10px; }
.modal-video .mvsvid-rt { display: none; }

.mvsvid-rt .pblshr-3 { display: none; }
.modal-video .mvsvid-rt .pblshr-3, .modal-video .mvsvid-rt .pblshr-4 { display: none !important; }

p.subtitle { margin: 25px 15px 0 15px; text-transform: uppercase; font-weight: bold; font-size: 16px; }

.roulet { overflow: hidden; padding-right: 100px; position: relative; }
.roulet ul { display: flex; padding: 0 2px; }
.roulet li { float: left; flex-shrink: 0; overflow: hidden; width: auto; }

.roulet-button-next, .roulet-button-prev { cursor: pointer; position: absolute; z-index: 500; top: 0; height: 100%; width: 40px; font-size: 34px; text-align: center; }
.roulet-button-next { background: linear-gradient(to right,transparent,rgb(0,0,0)); background: -webkit-linear-gradient(left,transparent,rgb(0,0,0)); right: -2px; }
.roulet-button-next:before { content: '\f105'; font-weight: 900; position: absolute; top: 50%; left: 0; width: 40px; height: 40px; line-height: 40px; margin-top: -20px; }
.roulet-button-prev { background: linear-gradient(to left,transparent,rgb(0,0,0)); background: -webkit-linear-gradient(right,transparent,rgb(0,0,0)); left: -2px; }
.roulet-button-prev:before { content: '\f104'; font-weight: 900; position: absolute; top: 50%; left: 0; width: 40px; height: 50px; line-height: 40px; margin-top: -20px; }
.roulet-button-disabled { display: none; }

.pics-swipe { overflow: hidden; padding: 10px 10px 0 10px; }
.modal-video .pics-swipe { padding: 10px 15px 15px 15px; }
.pics-swipe .roulet { padding-right: 0; }
.pics-swipe .roulet li { width: 210px; }
.modal-video .pics-swipe .roulet li { width: 210px; }
.roulet li .pic { float: none !important; width: 100% !important; }
.roulet li .pic p { white-space: nowrap; text-overflow: ellipsis; max-height: 20px; font-size: 14px; }
.roulet li .pic .inform span:before { font-size: 14px; }
.roulet li .pic a::after {  width: 50px; height: 50px; font-size: 50px; line-height: 50px; margin: -45px 0 0 -20px; }

.navi-blk { overflow: hidden; padding: 6px 8px 0 8px; font-size: 0; text-align: center; }
.navi-blk .inner { overflow: hidden; padding-top: 10px; }
.navi-blk a, .navi-blk span { text-transform: uppercase; margin: 4px 2px 0 2px; display: inline-block; vertical-align: top; border-style: solid; border-width: 2px; height: 30px; line-height: 30px; border-radius: 0; padding: 0 5px; min-width: 20px; font-size: 16px; overflow: hidden; }
.navi-blk a.next, .navi-blk span.next, .navi-blk a.prev, .navi-blk span.prev { padding: 0 15px; width: 79px; height: 50px; line-height: 50px; }
.navi-blk a.next::before, .navi-blk span.next::before { content: "\f30b"; font-weight: 900; display:block; float: right; height: inherit; line-height: inherit; font-size: 24px; margin-left: 5px; }
.navi-blk a.prev::before, .navi-blk span.prev::before { content: "\f30a"; font-weight: 900; display:block; float: left; height: inherit; line-height: inherit; font-size: 24px; margin-right: 5px; }

.navi-blk .inner.next-desktop { display: none; }

.list { padding: 20px 10px 0 10px; text-align: center; }

.cats-list a { border-width: 2px; border-style: solid; display: block; overflow: hidden; height: 55px; line-height: 55px; padding: 0 20px; font-size: 16px; text-transform: uppercase; margin-right: 10px; }
.cats-list a::before { content: "\f02e"; font-weight: 900; display: block; float: left; font-size: 20px; margin-right: 3px; }
.cats-list span { display: block; height: 29px; line-height: 29px; padding: 0 5px; font-size: 12px; margin-right: 10px; }
span.roulet-notification { display: none !important; }

.cats-list a.all { border: 0 none; font-weight: bold; transform: translateY(-50%); top: 50%; background: none; font-size: 18px; position: relative; }
.cats-list a.all::before { float: right; content: "\f30b"; font-size: 24px; margin-right: 8px; }

.tags-list { overflow: hidden; padding: 10px 0 0 10px; }
.tags-list a { border: 1px solid transparent; margin: 10px 10px 0 0; display: block; float: left; border-radius: 6px; padding: 0 15px; font-size: 14px; height: 38px; line-height: 38px; overflow: hidden; } 
.tags-list a::before { content: "\f02b"; font-weight: 900; display: block; float: left; font-size: 18px; margin-right: 3px; }

.partners-list a::before { content: "\f14a"; }

.about { overflow: hidden; margin: 5px 10px 0 10px; font-size: 16px; line-height: 24px; text-align: justify; }
.about p { overflow: hidden; margin-top: 15px; }
.about span { font-weight: bold; }
.about a { text-decoration: underline; font-weight: bold; }
.about a:hover { text-decoration: none; }

.footer-blk { margin-top: 60px; padding: 10px 10px 20px 10px; font-size: 16px; line-height: 22px; overflow: hidden; text-align: center; }
.footer-blk .trips { padding: 0 !important; min-height: 100% !important; }
.footer-blk p { margin-top: 10px; }
.footer-blk a { margin: 2px 10px 0 10px; }

#jumpinup { overflow: hidden; opacity: 0.9; position: fixed; z-index: 20000; right: 20px; bottom: 20px; cursor: pointer; display: none; width: 40px; height: 40px; line-height: 40px; font-size: 40px; text-align: center; }
#jumpinup:hover { opacity: 1; }
#jumpinup:before { content: "\f106"; font-weight: 900; }

@media all and (min-width:460px) {
    .pic { float: left; width: 50%; }
    .pic p { max-height: 20px; white-space: nowrap; text-overflow: ellipsis; padding-right: 5px; font-size: 14px; }
    .pic-alt p { font-size: 18px !important; }
}

@media all and (min-width:520px) {
    .mvsvid-cl .info { padding: 5px 10px 0 10px; }
    .mvsvid-cl .info .vidident { float: right; }
    .mvsvid-cl .info .vidident.rating { float: left !important; margin-right: 20px; }
    .mvsvid-cl .info .vidident a, .mvsvid-cl .info .vidident span { height: 30px; line-height: 30px; }
}

@media all and (min-width:560px) {
    .pic p { font-size: 16px; }
}

@media all and (min-width:640px) {
    .pblshr-2 { display: inline-block; }
}

@media all and (min-width:760px) {
    .pic { width: 33.3333%; }
    .pic p { font-size: 14px; }
}

@media all and (min-width:825px) {
    .trips { min-height: 700px; }
    .modal-iframe .inner { width: 825px; margin: 0 auto;}
    .modal-video .mvsvid-tb { display: table; width: 100%; }
    .modal-video .mvsvid-cl, .modal-video .mvsvid-rt { display: table-cell; vertical-align: top; overflow: hidden; }
    .modal-video .mvsvid-rt { width: 310px !important; min-width: 310px !important; max-width: 310px !important; padding: 0 15px 0 15px; }
    .modal-video .mvsvid-rt .pblshr { margin-top: 20px; }
    .modal-video .mvsvid-cl { padding: 20px 0 10px 20px; max-width: 600px !important; }
    .modal-video .mvsvid-cl .info .vidident a.like, .mvsvid-cl .info .vidident a.dislike { margin-right: 10px !important; }
    .modal-video .mvsvid-cl .info .vidident span:last-child { margin-right: 0 !important; }
    .modal-video .more-info { padding: 10px 20px 20px 20px; margin: 15px 20px 0 20px; border-radius: 6px; }
    .modal-video .more-button { padding: 10px 0 0 0; display: block !important; }
    p.subtitle { margin: 15px 20px 0 20px; font-size: 18px; }
    .pics-swipe { overflow: hidden; padding: 20px 15px 0 15px; }
    .modal-video .pics-swipe { padding: 10px 20px 20px 20px; }
    .modal-video .mvsvid-cl .info { padding-left: 0; padding-right: 0; }
    .modal-video .mvsvid-cl .info .vidident a { margin: 5px 5px 0 0; }
    .modal-video .mvsvid-rt .pblshr-2 { display: none; }
    .modal-video .mvsvid-cnt { padding-right: 0; }
    .pblshr-300x100 { display: none; }
    .pic a::after { display: block; }
    .pic a:hover::after { opacity: 1; }
    .pic a:hover { background-color: rgb(0,0,0); }
    .pic a img { -moz-transition: 2s ease; -webkit-transition: 2s ease; -o-transition: 2s ease; transition: 2s ease; }
    .pic a:hover img { transform: scale(1.2); opacity: 0.7; }
    .modal-video .roulet li .pic img { -moz-transition: none; -webkit-transition: none; -o-transition: none; transition: none; }
    .modal-video .roulet li .pic a:hover img { transform: none; }
    .pic a:hover p { max-height: 40px; white-space: normal; text-overflow: clip; padding-right: 15px; }
    .tags-list { padding: 10px 5px 0 15px; }
    
    .navi-blk { padding-left: 10px; }
    .navi-inner { float: left; overflow: hidden;  }
    .navi-blk .inner { float: left; }
    .navi-blk .inner.next-desktop { display: block; }
    .navi-blk .inner.next-prev a.next, .navi-blk .inner.next-prev span.next { display: none;  }
    .navi-blk a, .navi-blk span { float: left; margin: 4px 4px 0 0; height: 50px; line-height: 50px; min-width: 40px; }
    
}

@media all and (min-width:1020px) {
    h1, h2 { margin-left: 15px; margin-right: 15px; }
    h2 { margin-top: 80px; }
    .topper { min-height: 60px; }
    a.brands { float: left; margin: 10px 30px 0 15px; }
    .starttit { padding: 4px 70px 23px 0; }
    .rnks-btn { right: 15px; bottom: 15px; }
    .rnks { padding: 15px 20px 30px 20px; }
    .topper-btn { display: none; }
    .dropmn { opacity: 1 !important; background: none; -moz-transition: none; -webkit-transition: none; -o-transition: none; padding: 20px 0 0 0; float: left; transition: none; width: auto; height: auto; position: static; top: auto; left: auto; margin: 0; }
    .dropmn ul { padding: 0; float: none; }
    .dropmn li { clear: none; float: left; margin: 0 20px 0 0; }
    .dropmn a { font-size: 16px; line-height: 20px; }    
    .search-btn { top: 10px; right: 15px; }
    .search .inner { margin-top: 60px; } 
    .search form { margin: 0 auto; }
    .trips { min-height: 900px; }
    .pic .inform { bottom: 12px; left: 15px; }
    .pic p { font-size: 16px; }
    .pic-alt p { font-size: 20px !important; }
    .roulet li .pic .inform { bottom: 10px; left: 10px; }
    .modal-iframe { padding-top: 20px; padding-bottom: 30px; }
    .modal-iframe::after { width: 50px; height: 50px; line-height: 50px; font-size: 50px; top: 0; right: 0; }
    .modal-iframe .spinner { height: 72px; width: 72px; margin: -40px 0 0 -40px; }
    .navi-blk { padding: 26px 13px 0 13px; }
    .pblshr { margin: 10px 10px 0 10px; }
    .pblshr-3 { display: inline-block; }
    .mvsvid-cl .info { padding-left: 0; padding-right: 0; }
    .mvsvid-cl .info .vidident a, .mvsvid-cl .info .vidident span { margin: 5px 10px 0 0; }
    .modal-video .mvsvid-rt .pblshr { margin: 10px 5px 0 5px !important; }
    .list { padding: 20px 15px 0 15px; }
    .pblshr-margin-blk { margin-top: 80px; }
    .mvsvid-tb { display: table; width: 100%; }
    .mvsvid-cl, .mvsvid-rt { display: table-cell; vertical-align: top; overflow: hidden; }
    .mvsvid-rt { width: 310px !important; min-width: 310px !important; max-width: 310px !important; padding: 0 15px 0 15px; }
    .mvsvid-rt .pblshr { margin-top: 20px; }
    .mvsvid-cl { padding: 20px 0 0 15px; max-width: 600px !important; }
    .mvsvid-cl .info .vidident a.like, .mvsvid-cl .info .vidident a.dislike { margin-right: 10px !important; }
    .mvsvid-cl .info .vidident span:last-child { margin-right: 0 !important; }
    .more-info { display: block; padding: 10px 20px 20px 20px; margin: 15px 0 0 0; border-radius: 6px; }
    .modal-video .more-info { display: none; margin: 15px 20px 0 20px; }
    .more-button { display: none; padding: 10px 0 0 0; }
    .about { margin: 5px 15px 0 15px; }
    .footer-blk { margin-top: 80px; }
    #jumpinup { width: 50px; height: 50px; line-height: 50px; font-size: 50px; }
}

@media all and (min-width:1160px) {
    .pic { width: 25%; }
    .pic p { font-size: 14px; }
    .pic-alt p { font-size: 18px !important; }
    .dropmn li { margin-right: 30px; }
}

@media all and (min-width:1302px) {
    .modal-video .mvsvid-cl .info .vidident a, .modal-video .mvsvid-cl .info .vidident span { height: 40px; line-height: 40px; }
    .more-button { padding: 10px 10px 0 10px; float: left; clear: none; }
    .more-button span { height: 35px; line-height: 35px; padding: 0 15px; }
    .modal-video .mvsvid-rt .pblshr { margin: 20px 5px 0 5px !important; }
    .modal-video .mvsvid-rt .pblshr-2 { display: inline-block; }
    .pblshr-4 { display: inline-block; }
    .roulet-button-next, .roulet-button-prev { width: 50px; font-size: 38px; }
    .roulet-button-next:before, .roulet-button-prev:before { width: 50px; height: 50px; line-height: 50px; margin-top: -25px; }
}

@media all and (min-width:1360px) {
    .topper { text-align: center; }
    a.brands { font-size: 20px; position: absolute; top: 10px; left: 15px; margin: 0; }
    .dropmn { float: none; display: inline-block; vertical-align: top; }
    .dropmn li { margin: 0 20px; }
    .pic p { font-size: 16px; }
    .pic-alt p { font-size: 20px !important; }
    .search .inner { max-width: 100%; }
    .search form { max-width: 100%; width: 1000px; }
    .searches { max-width: 100%; width: 1000px; }
    .search-input { height: 58px; line-height: 58px; padding: 0 50px 0 20px; }
    .search input { font-size: 16px; }
    .search button { top: 10px; font-size: 24px; }
    .search .inner { margin-top: 100px; } 
    .mvsvid-rt .pblshr-3 { display: inline-block; }
    .pics-swipe .roulet li { width: 260px; }
}

@media all and (min-width:1440px) {
    .modal-iframe { padding-top: 40px; }
}

@media all and (min-width:1540px) {
    .dropmn li { margin: 0 30px; }
    .pic { width: 20%; }
    .pic p { font-size: 15px; }
}

@media all and (min-width:1620px) {
    .pblshr-5 { display: inline-block; }
}

@media all and (min-width:1700px) {
    .modal-iframe { padding-top: 60px; }
    .modal-iframe .inner { width: 1302px; }
    .modal-iframe::after { top: 20px; right: 20px; }
    .pic p { font-size: 16px; }
    .search .inner { margin-top: 180px; } 
    .search form { width: 1300px; }
    .searches { width: 1300px; }
    .mvsvid-rt .pblshr-4 { display: inline-block; }
    .pics-swipe .roulet li { width: 280px; }
    .pics-swipe .roulet li .pic p { font-size: 16px; }
}

@media all and (min-width:1800px) {
    .pic-alt p { font-size: 22px !important; }
}

@media all and (min-width:1940px) {
    a.brands { left: 0 ; }
    .search-btn, .rnks-btn { right: 0; }
    h1, h2 { margin-left: 0; }
    .topper-btn, .mvsvid-cl .info .vidident a.like { margin-left: 0; }
    .rnks-btn { margin-right: 0; }
    .navi-blk { padding: 26px 0 0 0; }
    .cats-list, .tags-list, .pics-swipe, .mvsvid-cl, .mvsvid-cl .info { padding-left: 0; padding-right: 0; }
    .about { margin-left: 0; margin-right: 0; }
    .mvsvid-rt { padding-right: 0; }
}