html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline }
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

body {
    line-height: 1;
    font-family: Sans-serif
}

ol,
ul {
    list-style: none
}

blockquote,
q {
    quotes: none
}

blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a:hover {
    border: 0
}

body,
input,
button,
textarea {
    font-family: 'Montserrat', sans-serif
}

.sidebar_teenxxx ul li a,
.sidebar_teenxxx ul li:before,
.article_teenxxx ul li div a span img,
.top-friendly_teenxxx span a:before,
header div form input[type="text"],
.sidebar_teenxxx ul,
.sidebar_teenxxx span:after,
.detscriptions_teenxxx .text,
.logotype a {
    transition: all 300ms ease-in-out 0s;
}

header div:after,
.overflow-content_teenxxx:after,
.article_teenxxx ul:after,
.pagers_teenxxx:after,
.top-friendly_teenxxx:after,
.video-content_teenxxx:after,
.clear:after {
    clear: both;
    display: block;
    content: ''
}

.with2 {
    display: inline-block;
    float: left;
    width: -webkit-calc(100% - 320px);
    width: -moz-calc(100% - 320px);
    width: calc(100% - 320px)
}

body {
    background: #1d1533;
    color: #605d6b;
    text-align: center
}

header {
    text-align: center
}

footer div,
header div {
    padding: 0 15px;
    text-align: left;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

header div .logotype {
    display: inline-block;
    float: left;
    text-decoration: none;
    font-size: 30px;
    color: #fefefe;
    line-height: 50px;
    font-family: 'Bowlby One SC', cursive;
    letter-spacing: 1px
}

header div .logotype strong {
    color: #fe0370
}

header div form {
    display: inline-block;
    float: right;
    margin: 10px 0 0;
    width: -webkit-calc(100% - 510px);
    width: -moz-calc(100% - 510px);
    width: calc(100% - 510px);
    position: relative
}
header div nav {display:inline-block; float:left; margin:10px 0 0 10px;;}
header div nav a {line-height:30px; text-transform:uppercase; color:#fff; display:inline-block; text-decoration:none; font-size:12px; padding:0 10px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; font-weight:600; border:1px solid rgba(255,255,255,.11); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; height:30px;}
header div nav a:hover,
header div nav a.select {border:1px solid #fe0370; background:#fe0370; color:#fff;}
header div form input[type="text"] {
    line-height: 30px;
    height: 30px;
    padding-left: 10px;
    border: 0;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    width: 300px;
    float: right
}

header div form input[type="text"]:focus {
    outline: none;
    width: -webkit-calc(100% - 30px);
    width: -moz-calc(100% - 30px);
    width: calc(100% - 30px)
}

header div form button {
    position: absolute;
    top: 0;
    right: 0;
    height: 30px;
    width: 30px;
    cursor: pointer;
    background: none;
    border: 0
}

header div form button:before {
    background: url(../images/musica-searcher.svg) center center no-repeat;
    content: '';
    height: 30px;
    width: 30px;
    position: absolute;
    right: 0;
    top: 0;
    background-size: 15px
}

.overflow-content_teenxxx {
    width: 100%
}

.sidebar_teenxxx {
    display: inline-block;
    float: left;
    width: 245px;
    text-align: left;
    background: rgba(255, 255, 255, .1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.sidebar_teenxxx span {
    font-weight: 600;
    color: #fefefe;
    font-size: 16px;
    padding: 20px 0 20px 40px;
    display: block;
    position: relative;
    background: #443b5d;
    -webkit-border-top-left-radius: 2px;
    -webkit-border-top-right-radius: 2px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px
}

.sidebar_teenxxx span:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 3px;
    top: 11px;
    width: 32px;
    height: 32px;
    background: url(../images/earth.svg) center center no-repeat;
    background-size: 16px
}

.sidebar_teenxxx ul li {
    position: relative;
    overflow: hidden;
    border-bottom: 1px dotted rgba(255, 255, 255, .11)
}

.sidebar_teenxxx ul li:last-child {
    border-bottom: 0
}

.pagers_teenxxx a.prev:before,
.pagers_teenxxx a.next:after,
.top-friendly_teenxxx span a:before,
.sidebar_teenxxx ul li:before {
    height: 10px;
    width: 20px;
    text-align: center;
    content: '';
    position: absolute;
    left: -20px;
    top: 12px;
    background: url(../images/expand-button.svg) center center no-repeat;
    background-size: 7px;
    -moz-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.top-friendly_teenxxx span:hover a:before,
.sidebar_teenxxx ul li:hover:before {
    left: 0
}

.top-friendly_teenxxx span:hover a,
.sidebar_teenxxx ul li:hover {
    background: rgba(254, 0, 114, 1);
    background: -moz-linear-gradient(left, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(254, 0, 114, 1)), color-stop(100%, rgba(252, 184, 48, 1)));
    background: -webkit-linear-gradient(left, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: -o-linear-gradient(left, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: -ms-linear-gradient(left, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: linear-gradient(to right, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe0072', endColorstr='#fcb830', GradientType=1)
}

.sidebar_teenxxx ul li:hover a {
    color: #fefefe
}

.sidebar_teenxxx ul li a {
    text-decoration: none;
    color: rgba(255, 255, 255, .7);
    line-height: 35px;
    font-size: 11px;
    font-weight: 600;
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    padding-left: 20px
}

.article_teenxxx {
    width: -webkit-calc(100% - 255px);
    width: -moz-calc(100% - 255px);
    width: calc(100% - 255px);
    display: inline-block;
    float: right;
    text-align: left
}

.article_teenxxx h2 {
    display: inline-block;
    color: #fcb831
}

.result_teenxxx {
    font-size: 12px;
    line-height: 1.4;
    margin-top: 12px
}

.top-friendly_teenxxx span,
.article_teenxxx .title {
    display: block;
    color: #fefefe;
    position: relative;
    font-size: 16px;
    font-weight: 600;
    padding-left: 50px;
    line-height: 32px;
    padding-top: 12px
}

.top-friendly_teenxxx .title:before,
.article_teenxxx .title:before {
    width: 32px;
    height: 32px;
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 12px;
    background: rgba(254, 0, 114, 1);
    background: -moz-linear-gradient(45deg, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: -webkit-gradient(left bottom, right top, color-stop(0%, rgba(254, 0, 114, 1)), color-stop(100%, rgba(252, 184, 48, 1)));
    background: -webkit-linear-gradient(45deg, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: -o-linear-gradient(45deg, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: -ms-linear-gradient(45deg, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    background: linear-gradient(45deg, rgba(254, 0, 114, 1) 0%, rgba(252, 184, 48, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fe0072', endColorstr='#fcb830', GradientType=1);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.top-friendly_teenxxx .title:after,
.article_teenxxx .title:after {
    width: 32px;
    height: 32px;
    position: absolute;
    left: -1px;
    top: 10px;
    background: url(../images/movie-clapper-open.svg) center center no-repeat;
    background-size: 15px;
    z-index: 10;
    content: ''
}

.article_teenxxx ul {
    margin: 15px 0 0
}

.article_teenxxx ul li {
    display: inline-block;
    float: left;
    width: 20%
}

.article_teenxxx ul li div {
    background: rgba(255, 255, 255, .02);
    padding: 3px;
    margin: 2px
}

.article_teenxxx ul li:hover div a {
    color: #fe0072;
    font-weight: 600
}

.article_teenxxx ul li div a {
    text-decoration: none;
    color: #fefefe;
    font-weight: 600;
    font-size: 12px
}

.article_teenxxx ul li div a span {
    display: block;
    position: relative;
    overflow: hidden
}

.article_teenxxx ul li div a span img {
    width: 100%;
    height: auto;
    vertical-align: bottom
}

.article_teenxxx ul li div a span img.picture_teenxxx {
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    vertical-align: bottom;
    z-index: 10
}

.article_teenxxx ul li:hover div a span img.picture_teenxxx {
    transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -webkit-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -o-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px);
    -ms-transform: rotate(0deg) scale(1.089) skew(1deg) translate(0px)
}

.article_teenxxx ul li div a p {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    position: relative;
    padding: 8px
}

.pagers_teenxxx {
    text-align: center;
    margin: 15px 15px 0 0
}

.pagers_teenxxx a {
    display: inline-block;
    position: relative;
    text-decoration: none;
    color: rgba(255, 255, 255, .8);
    font-size: 12px;
    line-height: 35px;
    padding: 0 12px;
    border: 1px solid rgba(255, 255, 255, .07);
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.pagers_teenxxx a.prev {
    float: left;
    padding-left: 30px
}

.pagers_teenxxx a.next {
    float: right;
    padding-right: 30px
}

.pagers_teenxxx a:hover,
.pagers_teenxxx a.select {
    background: rgba(252, 184, 49, 1);
    background: -moz-linear-gradient(-45deg, rgba(252, 184, 49, 1) 0%, rgba(254, 0, 114, 1) 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, rgba(252, 184, 49, 1)), color-stop(100%, rgba(254, 0, 114, 1)));
    background: -webkit-linear-gradient(-45deg, rgba(252, 184, 49, 1) 0%, rgba(254, 0, 114, 1) 100%);
    background: -o-linear-gradient(-45deg, rgba(252, 184, 49, 1) 0%, rgba(254, 0, 114, 1) 100%);
    background: -ms-linear-gradient(-45deg, rgba(252, 184, 49, 1) 0%, rgba(254, 0, 114, 1) 100%);
    background: linear-gradient(135deg, rgba(252, 184, 49, 1) 0%, rgba(254, 0, 114, 1) 100%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#fcb831', endColorstr='#fe0072', GradientType=1);
    border-color: #1d1533;
    color: #fefefe;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .7)
}

.pagers_teenxxx a.prev:before {
    left: 6px;
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}

.pagers_teenxxx a.next:after {
    left: auto;
    right: 6px;
    top: 13px
}

.short-details_teenxxx {
    padding: 20px 0
}

.short-details_teenxxx p {
    line-height: 1.3;
    font-size: 12px
}

.top-friendly_teenxxx span.title {
    display: block;
    position: relative;
    font-size: 15px;
    color: #fefefe;
    font-weight: 600;
    float: none;
    width: -webkit-calc(100% - 60px);
    width: -moz-calc(100% - 60px);
    width: calc(100% - 60px);
    margin-bottom: 15px
}

.top-friendly_teenxxx .title:after {
    background: url(../images/trophy.svg) center center no-repeat;
    background-size: 15px
}

.top-friendly_teenxxx span {
    display: inline-block;
    float: left;
    width: 20%;
    padding: 0
}

.top-friendly_teenxxx span a {
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    font-weight: 400;
    font-size: 12px;
    color: rgba(255, 255, 255, .7);
    text-decoration: none;
    width: -webkit-calc(100% - 40px);
    width: -moz-calc(100% - 40px);
    width: calc(100% - 40px);
    overflow: hidden;
    padding-left: 20px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
}

.top-friendly_teenxxx span a:before {
    opacity: 0
}

.top-friendly_teenxxx span:hover a:before {
    opacity: 1
}

.top-friendly_teenxxx span:hover a {
    color: #fefefe
}

footer {
    padding-top: 15px;
    border-top: 1px solid rgba(255, 255, 255, .11)
}

footer div {
    padding-bottom: 15px
}

footer div span {
    color: #fefefe;
    display: block;
    font-size: 20px;
    margin-bottom: 15px;
    font-family: 'Bowlby One SC', cursive
}

footer div span strong {
    color: #fe0370
}

footer div p {
    line-height: 1.4;
    font-size: 12px
}

footer div p small {
    display: block;
    margin-top: 10px
}

.video-content_teenxxx {
    padding-top: 10px
}

.player-area_teenxxx {
    display: inline-block;
    float: left;
    width: -webkit-calc(100% - 312px);
    width: -moz-calc(100% - 312px);
    width: calc(100% - 312px)
}

.categories_btn__teenxxx {padding:0 10px 10px 10px; font-size:12px;}
.categories_btn__teenxxx strong {font-weight:600; color:#fff; margin-right:5px;}
.categories_btn__teenxxx a {font-size:12px; color:#fff; text-decoration:none; line-height:20px; border:1px solid rgba(255,255,255,.11); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; display:inline-block; padding:0 8px; margin:0 4px 4px 0;}
.categories_btn__teenxxx a:hover {border:1px solid #fe0370; color:#fff; background:#fe0370;}
.categories_btn__teenxxx a:hover:before  {color:#fff;}
.categories_btn__teenxxx a:before  {content:'#'; display:inline-block; margin-right:4px; color:#fe0370;}

.itemblock_teenxxx {}
.itemblock_teenxxx span {display:block; color:#fff; margin:5px 0; font-size:12px; margin-bottom:15px;}
.itemblock_teenxxx div {height:252px; overflow:hidden; text-align:center; display:block;}
.itemblock_teenxxx a {display:inline-block; width:300px; height:250px; border:1px solid rgba(255,255,255,.1); margin-bottom:8px;}
.itemblock_teenxxx a:hover {border:1px solid #fe0370;}

.player-area_teenxxx p {
    line-height: 1.3;
    font-size: 12px;
    color: #fefefe;
    text-align: justify
}

.video_teenxxx {
    position: relative;
    padding-bottom: 56.25%;
    zoom: 1;
    width: 100%;
    margin-bottom: 15px
}

.video_teenxxx1 {
    position: relative;
    zoom: 1;
    width: 100%;
    margin-bottom: 15px
}

.video_teenxxx iframe {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    float: none;
    overflow: hidden
}

.column_teenxxx {
    width: 302px;
    display: inline-block;
    float: right
}

.top-block_teenxxx a,
.button-block_teenxxx a,
.column_teenxxx a {
    width: 300px;
    border: 1px solid rgba(255, 255, 255, .3);
    background: rgba(255, 255, 255, .04);
    height: 250px;
    text-decoration: none;
    display: block
}

.column_teenxxx a:last-child {
    margin-top: 12px
}

.column_teenxxx a:first-child {
    margin-bottom: 12px
}

.top-block_teenxxx a:hover,
.button-block_teenxxx a:hover,
.column_teenxxx a:hover {
    border-color: #fcb831
}

.button-block_teenxxx {
    text-align: center;
    padding-top: 15px
}

.top-block_teenxxx {
    text-align: center;
    display: none
}

.button-block_teenxxx a,
.top-block_teenxxx a {
    display: inline-block;
    height: 100px
}

.button-block_teenxxx a {
    height: 300px;
    width: 100%
}

.detscriptions_teenxxx .button {
    text-align: center;
    padding: 0 0 15px
}

.detscriptions_teenxxx .button span {
    display: block;
}

.detscriptions_teenxxx .button span small {
    background: rgba(255, 255, 255, .1);
    padding: 0 30px 0 20px;
    font-size: 12px;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
	width: -webkit-calc(100% - 52px); width: -moz-calc(100% - 52px); width: calc(100% - 52px);
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
    color: #fefefe;
    cursor: pointer;
    line-height: 35px;
    display: inline-block;
    position: relative
}

.detscriptions_teenxxx .text.visible_hiden {
    max-height: 800px;
    margin-bottom: 12px
}

.detscriptions_teenxxx .text {
    max-height: 0;
    overflow: hidden
}

.detscriptions_teenxxx .button span small:hover {
    background: #fe0370
}

.detscriptions_teenxxx .button span small.hideitem:before {
    content: 'Hide video description';
    display: inline-block
}

.detscriptions_teenxxx .button span small.visibleitem:after,
.detscriptions_teenxxx .button span small.hideitem:after {
    content: '';
    display: inline-block;
    width: 20px;
    vertical-align: bottom;
    height: 35px;
    background: url(../images/expand-button.svg) center center no-repeat;
    background-size: 7px;
    position: absolute;
    right: 4px;
    top: 0
}

.detscriptions_teenxxx .button span small.hideitem:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg)
}

.detscriptions_teenxxx .button span small.visibleitem:before {
    content: 'Show video description';
    display: inline-block
}

.detscriptions_teenxxx .button span small.hide {
    display: none
}

.article_teenxxx ul li div a span img,
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    from {
        opacity: 0
    }
    to {
        opacity: 1
    }
}

.article_teenxxx ul li div a span img {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn
}

@-webkit-keyframes fadeInDown {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }
    to {
        opacity: 1;
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@media screen and (min-width: 1320px) {
    .overflow-content_teenxxx,
    footer div,
    header div {
        display: inline-block;
        margin-left: auto;
        margin-right: auto;
        padding-left: 0;
        padding-right: 0;
        max-width: 1300px
    }
}

@media screen and (max-width: 1320px) {
    .video-content_teenxxx {
        padding-right: 15px
    }
}

@media screen and (max-width: 1160px) {
	.itemblock_teenxxx {margin-bottom:10px;}
    .article_teenxxx ul li {
        width: 33.3%
    }
    .column_teenxxx,
    .player-area_teenxxx {
        display: block;
        float: none;
        width: 100%
    }
    .column_teenxxx {
        text-align: center;
		height:265px; overflow:hidden;
    }
    .column_teenxxx a {
        display: inline-block;
    }
}

@media screen and (max-width: 880px) {
	header div nav {float:right;}
	header div form:before {content:''; display:block; clear:both;}
	header div form {display:block; width:100%; margin:0 0 10px 0;}
	header div form input[type="text"]:focus,
	header div form input[type="text"] {width: -webkit-calc(100% - 10px); width: -moz-calc(100% - 10px); width: calc(100% - 10px);}
}

@media screen and (max-width: 860px) {
    .video-content_teenxxx {
        padding-left: 12px;
        padding-right: 12px
    }
    .article_teenxxx,
    .sidebar_teenxxx {
        display: block;
        float: none;
        width: 100%
    }
    .sidebar_teenxxx span:after {
        height: 10px;
        width: 20px;
        text-align: center;
        content: '';
        position: absolute;
        right: 20px;
        top: 22px;
        background: url(../images/expand-button.svg) center center no-repeat;
        background-size: 12px;
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    .sidebar_teenxxx {
        position: relative
    }
    .sidebar_teenxxx span {
        cursor: pointer
    }
    .sidebar_teenxxx .close {
        position: absolute;
        left: 0;
        width: 100%;
        height: 56px;
        top: 0;
        z-index: 10;
        display: none;
        cursor: pointer
    }
    .sidebar_teenxxx.visible_hiden .close {
        display: block
    }
    .sidebar_teenxxx.visible_hiden span:after {
        -moz-transform: rotate(-180deg);
        -webkit-transform: rotate(-180deg);
        -o-transform: rotate(-180deg);
        -ms-transform: rotate(-180deg);
        transform: rotate(-180deg)
    }
    .sidebar_teenxxx ul {
        max-height: 0;
        overflow: hidden
    }
    .sidebar_teenxxx.visible_hiden ul {
        max-height: 280px;
        overflow: auto
    }
    .top-friendly_teenxxx .title:after,
    .article_teenxxx .title:after,
    .sidebar_teenxxx span:before,
    .top-friendly_teenxxx .title:before,
    .article_teenxxx .title:before {
        left: 8px
    }
    .pagers_teenxxx {
        margin: 15px
    }
    .top-friendly_teenxxx,
    .short-details_teenxxx {
        padding: 0 15px
    }
    .top-friendly_teenxxx .title:after,
    .top-friendly_teenxxx .title:before {
        left: 0
    }
    .top-friendly_teenxxx span {
        width: 25%
    }
}

@media screen and (max-width: 620px) {
    .top-block_teenxxx {
        display: block
    }
    .article_teenxxx ul li {
        width: 50%
    }
    .top-friendly_teenxxx span {
        width: 33.3%
    }
}

@media screen and (max-width: 600px) {
	header div nav {margin:0 0 10px 0; text-align:center; float:none; display:block;}
    header div form {
        display: block;
        float: none;
        margin: 0 0 15px;
        width: 100%
    }
    header div form input[type="text"]:focus,
    header div form input[type="text"] {
        float: none;
        width: -webkit-calc(100% - 10px);
        width: -moz-calc(100% - 10px);
        width: calc(100% - 10px)
    }
    header div .logotype {
        display: block;
        float: none;
        text-align: center
    }
}

@media screen and (max-width: 560px) {
    .pagers_teenxxx a {
        display: none
    }
    .pagers_teenxxx a.prev,
    .pagers_teenxxx a.next,
    .pagers_teenxxx a.select {
        display: inline-block
    }
}

@media screen and (max-width: 480px) {
    .top-friendly_teenxxx span {
        width: 50%
    }
    .article_teenxxx ul li {
        width: 100%;
        display: block;
        float: none
    }
}

@media screen and (max-width: 360px) {
    .column_teenxxx a,
    .top-block_teenxxx a {
        width: -webkit-calc(100% - 2px);
        width: -moz-calc(100% - 2px);
        width: calc(100% - 2px)
    }
}

.bottom_sidebar_teenxxx {
    height: 252px;
    margin: 14px 0;
    overflow: hidden;
    text-align: center
}

.bottom_sidebar_teenxxx a {
    background: rgba(255, 255, 255, .04);
    border: 1px solid rgba(255, 255, 255, .3);
    display: inline-block;
    height: 250px;
    text-decoration: none;
    width: 300px
}

.bottom_sidebar_teenxxx a:hover {
    border-color: #fcb831
}

.alertblock_teenxxx {
    text-align: center
}

.alertblock_teenxxx .num {
    color: #fefefe;
    display: inline-block;
    font-size: 130px;
    font-weight: 600
}

.alertblock_teenxxx .small {
    display: block;
    font-size: 14px;
    text-transform: uppercase
}

@media screen and (max-width: 480px) {
    .alertblock_teenxxx .small {
        padding: 0 12px
    }
}

@media screen and (min-width: 1520px) {
.overflow-content_teenxxx, footer div, header div {   max-width: 1500px}
}

@media screen and (min-width: 1680px) {
.overflow-content_teenxxx, footer div, header div {   max-width: 1660px}
}