/*html, body {
    height: auto;
}*/
#content {
    position: relative;
    height: auto;
    background-color: #f5f5f5;
    font-size: 0;
}

#header {
    background-color: #FFF;
}

#effects-content {
    width: 100%;
    max-width: 1310px;
    padding: 0 30px;
    box-sizing: border-box;
}
#effects-content a {
    color: #0080a0;
    opacity: 1;
    transition: opacity .2s,
                color .2s;
}
#effects-content a:hover {
    opacity: .8;
}
#catalog-content-promo a:hover {
    opacity: 1;
}
#catalog-menu > div:nth-child(2) > h3:hover,
#catalog-menu > div:first-child > h3:hover {
    opacity: .8;
}

#catalog-menu > div:nth-child(2) > h3,
#catalog-menu > div:first-child > h3 {
    cursor: pointer;
}

/* Begin Switcher */
#effects-header-switcher {
    display: inline-block;
    height: 27px;
    width: 210px;
    border: 2px solid transparent;
    box-sizing: border-box;
    margin-top: 37px;
    border-radius: 14px;
    font-size: 0;
    background-color: #009dc4;
    white-space: nowrap;
}
#effects-header-switcher > div {
    display: inline-block;
    height: 100%;
    width: 102px;
    border-radius: 12px;
    background-color: transparent;
    font-size: 14px;
    line-height: 23px;
    color: #fff;
    cursor: pointer;
    transition: background-color .2s;
}
#effects-header-switcher > div:hover {
    background-color: #00b8e6;
}
#effects-header-switcher > div * {
    cursor: pointer;
}
#effects-header-switcher > div + div {
    margin-left: 2px;
}
#effects-header-switcher > div > svg {
    position: relative;
    top: 2px;
    margin-right: 4px;
}
#effects-header-switcher > div + div > svg {
    top: 1px;
    margin-right: 2px;
}
#effects-header-switcher.win > #effects-header-switcher-win,
#effects-header-switcher.mac > #effects-header-switcher-mac,
#effects-header-switcher.win > #effects-header-switcher-win *,
#effects-header-switcher.mac > #effects-header-switcher-mac * {
    cursor: default;
}
#effects-header-switcher.win > #effects-header-switcher-win,
#effects-header-switcher.mac > #effects-header-switcher-mac {
    background-color: #fff;
    color: #b7b7b7;
}
#effects-header-switcher.win > #effects-header-switcher-win > svg > path,
#effects-header-switcher.mac > #effects-header-switcher-mac > svg > path {
    fill: #b7b7b7;
}
/* End Switcher */

/* Begin Header */
#effects-header {
    position: relative;
    height: 382px;
    width: 100%;
    margin-top: 72px;
    background: #00b2e4 url(/images/effects/header_background.png) top center no-repeat;
    font-family: Roboto;
    font-weight: lighter;
}
#effects-header > h1 {
    margin-top: 50px;
    font-size: 35px;
    color: #fff;
}
#effects-header > h2 {
    margin-top: 26px;
    font-size: 18px;
    color: #fff;
}
#effects-header-menu-wrapper {
    position: absolute;
    height: 52px;
    max-width: 1250px;
    bottom: 0;
    left: 30px;
    right: 30px;
    margin: 0 auto;
    width: 100%;
}
#effects-header-menu {
    position: relative;
    height: 100%;
    font-size: 0;
}
#effects-header-menu > a {
    display: inline-block;
    height: 100%;
    margin: 0 13px;
    padding: 0 10px;
    border-bottom: 3px solid transparent;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    line-height: 52px;
    vertical-align: middle;
    transition: .2s;
}
#effects-header-menu > a:hover {
    border-bottom-color: #f5f5f5;
}
#effects-header-menu > a.active {
    font-weight: bold;
    border-bottom-color: #fff;
}
#effects-header-menu > form {
    position: absolute;
    display: inline-block;
    top: 4px;
    right: 0;
}
#effects-header-menu > form > #input-search {
    margin-left: -70px;
    padding-top: 9px;
    border: 1px solid #0097c1;
    font-family: Roboto;
    font-size: 16px;
    color: #505050;
}
#effects-header-menu > form > #input-search:focus,
#effects-header-menu > form > #input-search.active {
    width: 400px;
}
#effects-header-menu > form path {
    fill: #fff;
}
#input-search + #input-search-button > label[for="input-search"] {
    position: relative;
    color: #fff;
    text-decoration: none;
}
#effects-header-menu > form label:after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 100%;
    background-color: #80d8f0;
    bottom: 9px;
    left: 0;
}
#input-search-submit {
    border-left-width: 0;
}
/* End Header */

/* Begin Catalog */
#effects-content > div {
    display: inline-block;
    vertical-align: top;
}
#catalog-menu {
    position: relative;
    width: 270px;
    top: -60px;
    border-bottom: 2px solid #eaeaea;
    background-color: #fff;
    font-family: Roboto;
    font-size: 14px;
    color: #404040;
    z-index: 1;
}
#catalog-menu > div {
    padding: 7px 30px 7px 0;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
    text-align: left;
}
#catalog-menu > div > h3 {
    padding: 16px 0 16px 30px;
    box-sizing: border-box;
    font-weight: bold;
    text-transform: uppercase;
    white-space: nowrap;
}
#catalog-menu > div > a {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 100%;
    margin: 2px 0 3px 0;
    padding-left: 27px;
    border-left: 3px solid transparent;
    box-sizing: border-box;
    color: #404040;
    line-height: 20px;
    vertical-align: middle;
    white-space: nowrap;
    transition: .2s;
}
#catalog-menu > div > a:last-child {
    margin-bottom: 13px;
}
#catalog-menu > div > a:hover {
    border-left-color: #f5f5f5;
}
#catalog-menu > div > a.active {
    border-left-color: #00b8e6;
    color: #0083b5;
}

#catalog-menu > div > h3.active {
    border-left: 3px solid #00b8e6;
    color: #0083b5;
}
#catalog-menu > div > a > span {
    position: absolute;
    right: 0;
    font-size: 10px;
    color: #bfbfbf;
}
#catalog-menu > a {
    display: block;
    padding: 23px 30px;
    border-bottom: 1px solid #eaeaea;
    box-sizing: border-box;
    font-weight: bold;
    text-transform: uppercase;
    text-align: left;
    color: #00b8e6;
}
#catalog-menu > a + a {
    color: #ffba00;
}
#catalog-menu-button {
    position: absolute;
    display: none;
    height: 59px;
    width: 59px;
    top: -29px;
    border-radius: 100%;
    box-shadow: 0 5px 20px 0 rgba(18, 67, 0, .35);
    background-color: #84db64;
    z-index: 1;
}
#catalog-menu-button:before {
    content: "";
    position: absolute;
    height: 12px;
    width: 19px;
    top: 25px;
    left: 20px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAAMCAMAAAC3DnawAAAATlBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////+QlxstAAAAGXRSTlMA85ISCr2FQurj19DItKqfYFVLNy8oHAaHM2OPkwAAAGtJREFUCNdNy1kOgCAUQ9GKIs7z1P1v1EpAuD/v5SQFzIK8xQA1uWa0kvVnxfbTVpCPtkIXyIkM1CzcPe2iGb5JeOgeoiks7pFsTpwNOd4IVZZsXUvaKpJw4NcgSpW9qC9zEnbsAqUue8X3BfriBgh73kmzAAAAAElFTkSuQmCC);
    background-repeat: no-repeat;
}
#effects-content.search > #catalog-menu-button {
    display: none;
}

.group-effect-item > h3:before {
    content: '';
    position: absolute;
    display: block;
    height: 6px;
    width: 9px;
    top: 27px;
    right: 28px;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOSIgaGVpZ2h0PSI2IiB2aWV3Qm94PSIwIDAgOSA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KCTxwYXRoIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlPSIjNTA1MDUwIiBzdHJva2Utd2lkdGg9IjEuNSIgZD0iTTcuNTcxLjVMNC4wMzYgNC4wMzYuNS41Ii8+DQo8L3N2Zz4=);
    transform: none;
}

.group-effect-item.show > h3:before {
    transform: scale(1, -1);
}

.group-effect-item{
    position: relative;
}

#catalog-menu > div.group-effect-item.show > a {
    display: block;
}

#catalog-menu > div.group-effect-item > a {
    display: none;
}

.group-effect-item > h3 {
    cursor: pointer;
}

#catalog-content {
    position: relative;
    width: 100%;
    margin-left: -270px;
    padding-left: 320px;
    padding-bottom: 102px;
    box-sizing: border-box;
    color: #404040;
    text-align: left;
}
#effects-content.featured > #catalog-content {
    padding-bottom: 70px;
}
#catalog-content-promo {
    width: 100%;
    padding: 66px 0 56px;
}
#catalog-content-promo > a {
    display: block;
}
#catalog-content-promo > a > img {
    width: 100%;
}
#effects-content.search > #catalog-content {
    margin-left: 0;
    padding-left: 0;
}
#catalog-content > h3 {
    padding: 56px 0 37px;
    font-family: Roboto;
    font-size: 25px;
    border-bottom: 1px solid #dcdcdc;
    cursor: default;
}
#effects-content.search > #catalog-content > #catalog-params {
    padding-top: 48px
}
#catalog-params {
    display: block;
    width: 100%;
    padding: 10px 0 48px;
    font-family: Roboto;
    font-size: 14px;
    color: #404040;
}
#catalog-params input {
    display: none;
}
#catalog-params > span {
    display: inline-block;
    width: 244px;
    line-height: 34px;
    vertical-align: middle;
    cursor: default;
}
#catalog-params > span > div {
    position: relative;
    display: inline-block;
    color: #0083b5;
    cursor: default;
}
#catalog-params > span > div > .hidden-list {
    position: absolute;
    display: block;
    width: 174px;
    padding: 5px 0;
    background-color: #fff;
    font-size: 13px;
    color: #595959;
    line-height: 1;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: .2s;
}
#catalog-params > span > div:hover > .hidden-list {
    visibility: visible;
    opacity: 1;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.3);
}
#catalog-params > span > div > .hidden-list > label {
    position: relative;
    display: inline-block;
    width: 100%;
    padding-left: 35px;
    box-sizing: border-box;
    line-height: 28px;
    cursor: pointer;
    transition: .2s;
}
#catalog-params > span > div > .hidden-list > label:hover {
    background-color: #f0f0f0;
}
#catalog-params > span > div > .hidden-list > input:checked + label {
    color: #0083b5;
}
#catalog-params > span > div > .hidden-list > input:checked + label:before {
    content: "";
    position: absolute;
    display: block;
    height: 10px;
    width: 13px;
    top: 8px;
    left: 11px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAMAAABYMCT2AAAAPFBMVEUAAAAAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuehL03a/AAAAE3RSTlMAH9/79aKYPzgl6si7sW9mThUKyasP9AAAAEJJREFUCNdjQABGVmQOkzA7MoeLk4GBlQPKYQEy2IVZ+MEcZgGIoDAbJ5Dgg2kQZgaKIPQLC/MiG8cthGQVjyCEAQCG/QIyHltTmQAAAABJRU5ErkJggg==);
}
#catalog-params > span > div > svg > path {
    transition: .2s;
}
#catalog-params > span > div:hover > svg > path {
    fill: #0083b5;
}
#catalog-params > span svg {
    position: relative;
    top: -1px;
    left: 4px;
}
#catalog-params > label {
    position: absolute;
    right: 10px;
    margin-top: 10px;
    cursor: pointer;
}
#catalog-params > label:before {
    content: "";
    position: absolute;
    display: block;
    height: 16px;
    width: 16px;
    top: -4px;
    left: -30px;
    border: 2px solid #dcdce0;
    border-radius: 2px;
    background-color: #f8f8f8;
}
#catalog-params > label:after {
    content: "";
    position: absolute;
    display: block;
    height: 10px;
    width: 13px;
    top: 1px;
    left: -27px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAMAAABYMCT2AAAAPFBMVEUAAAAAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuehL03a/AAAAE3RSTlMAH9/79aKYPzgl6si7sW9mThUKyasP9AAAAEJJREFUCNdjQABGVmQOkzA7MoeLk4GBlQPKYQEy2IVZ+MEcZgGIoDAbJ5Dgg2kQZgaKIPQLC/MiG8cthGQVjyCEAQCG/QIyHltTmQAAAABJRU5ErkJggg==);
    opacity: 0;
    transition: opacity .2s;
}
#catalog-params > input:checked + label:after {
    opacity: 1;
}

#catalog-pagination-wrapper {
    position: absolute;
    bottom: 102px;
}
#catalog-pagination-wrapper > * {
    display: inline-block;
    line-height: 30px;
    vertical-align: middle;
}
#catalog-pagination-wrapper > span {
    color: #808080;
}
#catalog-pagination {
    height: 30px;
    margin-right: 25px;
    font-size: 0;
}
#catalog-pagination > label {
    display: inline-block;
    height: 100%;
    width: 31px;
    border: 1px solid #e1e1e1;
    font-family: Roboto;
    font-weight: lighter;
    font-size: 14px;
    color: #263238;
    text-align: center;
    line-height: 30px;
    vertical-align: middle;
    cursor: pointer;
    transition: .2s;
}
#catalog-pagination > label + input + label {
    margin-left: -1px;
}
#catalog-pagination > label:hover {
    background-color: #ececec;
}
#catalog-pagination > label:first-of-type {
    padding-left: 5px;
    border-radius: 15px 0 0 15px;
}
#catalog-pagination > label:last-of-type {
    padding-right: 5px;
    border-radius: 0 15px 15px 0;
}
#catalog-pagination > input:checked + label {
    background-color: #00b8e6;
    color: #fff;
    cursor: default;
}

#catalog-content-tiles {
    position: relative;
    margin: 0 -8px;
    /*padding-bottom: 68px;*/
    padding-bottom: 20px;
    font-size: 0;
}
.catalog-content-tile-wrapper {
    display: inline-block;
    height: 320px;
    width: 25%;
    padding: 0 8px 16px;
    box-sizing: border-box;
}
#effects-content.search .catalog-content-tile-wrapper {
    width: 20%;
}
.catalog-content-tile {
    position: relative;
    height: 304px;
    width: 100%;
    padding: 8px;
    border-bottom: 3px solid #eaeaea;
    box-sizing: border-box;
    background-color: #fff;
    text-align: center;
    z-index: 0;
    transition: height .2s,
                border-bottom-color .2s,
                box-shadow .2s,
                z-index 0s ease .2s;
}
.catalog-content-tile:hover {
    height: 395px;
    border-bottom-color: transparent;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .2);
    z-index: 1;
    transition: height .2s,
                border-bottom-color .2s,
                box-shadow .2s,
                z-index 0s;
}
.catalog-content-tile > .catalog-content-tile-image {
    position: relative;
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.catalog-content-tile.video > .catalog-content-tile-image {
    cursor: pointer;
}
.catalog-content-tile.video > .catalog-content-tile-image:after {
    content: "";
    position: absolute;
    display: block;
    height: 56px;
    width: 56px;
    top: 50%;
    left: 50%;
    margin: -28px 0 0 -28px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAA4CAMAAACfWMssAAAAwFBMVEUAAAAAAAAcHBz///+urq7n5+f8/Pz////d3d1PT08EBAT///9zc3P////a2tr////////h4eH///////+wsLB3d3c/Pz8uLi7////////////BwcH////////////l5eXl5eX///////8mJib///8KCgr////X19f///////+hoaH///9ra2tcXFz///////////////////////////+np6eZmZmXl5daWlr////////BwcH////////////////mnFkFAAAAP3RSTlNmAG/zrN764NR+aQaLhNBPCdfPra2NeHM5E+q7cyXs3dyglHHia+XNxsKjmoiDgU0cGQ3u+qefnoJX3bqHdChMvMvqAAACEUlEQVRIx6WX6XaiQBSEr3QjKLIIbrghahKTGGNi1tnq/d9qkjhzDNBcOqR+853idN+lmhoqjabpZi0Asd6k05HykyLovEYHZHSIXp1KMN7NAZiTp+3AIDIG26eJCWC+i1kwcAXQfRxSRsPHLiDcoBy8tQCvTwr1PcC6LQGDJWB3qEQdG1gGKvAuBHrEqAeEd0VwZsG8IVY3JqxZHpyNYa+oQisb41kW3Fu4aFOl2hew9p9BJ4R9Rho6sxE6n8AlTIO0ZJhYnkAfeCFNvQD+f/D+HJK0JXF+/w90YdMXZMM9grFAvl7YA+5AxB/gDl7hBFoc6WH3Djpj9PMgmj3GtI+x8wb66FIBBDjTLvw3MIJUgZypRNQgR2CoAjnTIYRDIyxIBbKmC4xoiokSZE0nmNI1rpQga3qFa7pERwmyph1ckoUBD6IpC6YDWCRgKEHW1IAggJQgbwrogrlBgAetX13kf3WFudbhkOJwqq8jUV9HZQFIUhdARcklpSXHF7mk0iLn2irh2oppZElMI5ePjqRydDhz1bCS1cOq4RbHY1IxHt3aA7nmCvj13aXT8NFs6XKtJvzTYk2R6C7WBdLGCQxCeHqr3EMYZMLDWjc8rPd140rNgPSnbiSrGwJrx04+6Mp80JVs0D0qdo/R+vk9WrdXg+3zz49o7cbVYd6PBDISkV8M8+zz4eHwY5P+Vj8f/gI5gnzQ2Iuf3AAAAABJRU5ErkJggg==);
}
.catalog-content-tile.popular > .catalog-content-tile-name:before {
    content: "";
    position: relative;
    display: inline-block;
    height: 16px;
    width: 40px;
    top: 3px;
    left: 0;
    margin-right: 7px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAQCAMAAABTCc2fAAAAOVBMVEX/uwD/uwD/uwD/uwD/uwD/79D/z2T/////3Zj/xTP/9uj/8tz/yk3/5rX/+/T/2Ij/6sP/4af/03ef8gfoAAAABHRSTlPukQaJu9weVAAAAJ1JREFUKM+V0lsKhDAMBdDo3Dz6tLr/xU5URqb+WEM/EnrgQgjNE+GxaJppwlB9iMbgqAPewao1g3VFVk0o8NcyAGGgaV0uqBAuhrb4jxkDDBa41+BNiB1kcXOD0ewGPfqEe/QFt2Q+qf5HA23DasJwFRAPuCaugaX0MEdOOOASUwEn3qJb66ID9pJfl8UbkXMIPr/bIw264aMYPrMv39YMe/FPPvEAAAAASUVORK5CYII=);
}
.catalog-content-tile-image > img {
    display: inline-block;
    max-width: 100%;
}
.catalog-content-tile-name {
    position: relative;
    display: block;
    width: 100%;
    padding: 18px 12px 5px;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 16px;
    text-align: left;
    white-space: nowrap;
    cursor: default;
    overflow: hidden;
    font-weight: 600;
}
.catalog-content-tile-name:after {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 55px;
    top: 0;
    right: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+15,ffffff+100&0+0,1+15,1+100 */
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 15%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to right, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 15%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
}
.catalog-content-tile > a {
    position: absolute;
    display: block;
    width: 25px;
    right: 20px;
    margin-top: -24px;
}
.catalog-content-tile > a > img {
    padding: 7px 4px;
}
.catalog-content-tile-rating {
    position: relative;
    height: 14px;
    width: 75px;
    left: 12px;
    margin-top: 3px;
    font-size: 0;
    background-color: #eaeaea;
}
.catalog-content-tile-rating > img {
    position: relative;
    z-index: 1;
    cursor: pointer;
}
.catalog-content-tile-rating-color {
    position: absolute;
    height: 100%;
    top: 0;
    left: 0;
    background-color: #ffb341;
    transition: .1s;
}
.rating-star-1:hover ~ .catalog-content-tile-rating-color,
.rating-star-1.active ~ .catalog-content-tile-rating-color {
    width: 20% !important;
    background-color: #00b8e6;
}
.rating-star-2:hover ~ .catalog-content-tile-rating-color,
.rating-star-2.active ~ .catalog-content-tile-rating-color {
    width: 40% !important;
    background-color: #00b8e6;
}
.rating-star-3:hover ~ .catalog-content-tile-rating-color,
.rating-star-3.active ~ .catalog-content-tile-rating-color {
    width: 60% !important;
    background-color: #00b8e6;
}
.rating-star-4:hover ~ .catalog-content-tile-rating-color,
.rating-star-4.active ~ .catalog-content-tile-rating-color {
    width: 80% !important;
    background-color: #00b8e6;
}
.rating-star-5:hover ~ .catalog-content-tile-rating-color,
.rating-star-5.active ~ .catalog-content-tile-rating-color {
    width: 100% !important;
    background-color: #00b8e6;
}
.rating-star-1.active ~ .catalog-content-tile-rating-color,
.rating-star-2.active ~ .catalog-content-tile-rating-color,
.rating-star-3.active ~ .catalog-content-tile-rating-color,
.rating-star-4.active ~ .catalog-content-tile-rating-color,
.rating-star-5.active ~ .catalog-content-tile-rating-color {
    background-color: #ff5741;
}
.catalog-content-tile-info-wrapper {
    position: absolute;
    height: 30px;
    bottom: 8px;
    left: 20px;
    right: 20px;
    overflow: hidden;
    transition: .2s;
}
.catalog-content-tile:hover > .catalog-content-tile-info-wrapper {
    height: 150px;
}
.catalog-content-tile-info-wrapper:before,
.catalog-content-tile-info-wrapper:after {
    content: "";
    position: absolute;
    height: 5px;
    width: 100%;
    left: 0;
    z-index: 1;
}
.catalog-content-tile-info-wrapper:before {
    top: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&1+0,0+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=0 ); /* IE6-9 */

}
.catalog-content-tile-info-wrapper:after {
    bottom: 0;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+100&0+0,1+100 */
    background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.catalog-content-tile-info {
    position: absolute;
    width: 100%;
    bottom: 0;
    font-size: 12px;
    color: #808080;
    transition: bottom .2s;
}
.catalog-content-tile:hover .catalog-content-tile-info {
    bottom: -30px;
}
.catalog-content-tile-info > a {
    display: inline-block;
    height: 32px;
    width: 100%;
    border-radius: 16px;
    background-color: #00c17b;
    font-family: Roboto;
    font-weight: bold;
    font-size: 16px;
    color: #fff !important;
    line-height: 32px;
    vertical-align: middle;
    transition: .2s;
}
.catalog-content-tile-info > a:hover {
    background-color: #00b271;
    opacity: 1;
}
.catalog-content-tile-info > a:active {
    background-color: #00a267;
    opacity: 1;
}
.catalog-content-tile-info-version {
    padding: 17px 0 19px;
    border-bottom: 1px solid #eaeaea;
}
.catalog-content-tile-info-submitted {
    padding-top: 15px;
}
.catalog-content-tile-info-author {
    padding: 4px 0 6px;
}
.catalog-content-tile-info-votes {
    padding: 10px 0;
    color: #bfbfbf;
    text-align: left;
}
/* End Catalog */

/* Begin Search */
#catalog-params input.custom-input {
    display: block;
    height: 100%;
    width: 100%;
    font-size: 20px;
    background-color: #fff;
}
#catalog-params-search {
    position: relative;
    height: 41px;
    width: 100%;
    margin-bottom: 10px;
    padding-right: 413px;
    box-sizing: border-box;
}
.combobox {
    position: absolute;
    min-height: 65px;
    width: 310px;
    top: 0;
    right: 82px;
    border: 2px solid #dcdce0;
    box-sizing: border-box;
    border-radius: 2px;
    background-color: #fff;
    line-height: 20px;
    color: inherit;
    cursor: pointer;
    z-index: 0;
    transition: z-index 0s ease .2s,
                border-color .2s,
                bax-shadow .2s;
}
.combobox:hover,
.combobox.show-list {
    border-color: #bdbdd0;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
    z-index: 1;
    transition: z-index 0s ease 0s,
                border-color .2s,
                bax-shadow .2s;
}
.combobox.show-list {
    background-color: #fff !important;
}
.combobox > #search-category-general,
.combobox > #create-form-category-general,
.combobox > #create-form-subcategory-general {
    position: relative;
    height: 61px;
    padding: 20px 15px 10px 17px;
    box-sizing: border-box;
    font-size: 20px;
    color: #505050;
    background-color: inherit;
    user-select: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
}
.combobox > #search-category-general:before,
.combobox > #create-form-category-general:before,
.combobox > #create-form-subcategory-general:before {
    content: "";
    position: absolute;
    display: block;
    height: 0;
    width: 0;
    top: 28px;
    right: 18px;
    border-width: 6px 6px 0;
    border-style: solid;
    border-color: #8f8f91 transparent;
}
.combobox.show-list > #search-category-general:before,
.combobox.show-list > #create-form-category-general:before,
.combobox.show-list > #create-form-subcategory-general:before {
    border-width: 0 6px 6px;
}
.combobox > #search-category-general:after,
.combobox > #create-form-category-general:after,
.combobox > #create-form-subcategory-general:after {
    content: "";
    position: absolute;
    display: block;
    height: 1px;
    width: 94%;
    bottom: 0;
    left: 3%;
    background-color: #dcdce0;
    opacity: 0;
    transition: .2s;
}
.combobox.show-list > #search-category-general:after,
.combobox.show-list > #create-form-category-general:after,
.combobox.show-list > #create-form-subcategory-general:after {
    opacity: 1;
}
.combobox-list {
    max-height: 0;
    overflow: hidden;
    transition: .2s;
}
.combobox.show-list > #search-category-list,
.combobox.show-list > #create-form-category-list,
.combobox.show-list > #create-form-subcategory-list {
    max-height: 200px;
    overflow-y: scroll;
}
.combobox-list > span {
    position: relative;
    display: block;
    height: 41px;
    padding: 10px 15px 10px 42px;
    box-sizing: border-box;
    font-size: 16px;
    line-height: 20px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
    transition: .2s;
}
.combobox-list > span:hover {
    background-color: #ededef;
}
.combobox-list > span.active:before {
    content: "";
    position: absolute;
    display: block;
    height: 10px;
    width: 13px;
    top: 16px;
    left: 14px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAKCAMAAABYMCT2AAAAPFBMVEUAAAAAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuegAuehL03a/AAAAE3RSTlMAH9/79aKYPzgl6si7sW9mThUKyasP9AAAAEJJREFUCNdjQABGVmQOkzA7MoeLk4GBlQPKYQEy2IVZ+MEcZgGIoDAbJ5Dgg2kQZgaKIPQLC/MiG8cthGQVjyCEAQCG/QIyHltTmQAAAABJRU5ErkJggg==);
}
#search-category-submit {
    position: absolute;
    top: 0;
    right: 0;
    padding: 9px 11px 8px;
    border: 2px solid #00a6cf;
    border-radius: 3px;
    background-color: #00b8e6;
    cursor: pointer;
    transition: .2s;
}
#search-category-submit:hover {
    border-color: #0086b7;
    background-color: #0086b7;
}
#search-category-submit:active {
    border-color: #00688e;
    background-color: #00688e;
}
#search-category-submit > path {
    fill: #fff;
}
/* End Search */

/* Begin Featured */
.catalog-content-tiles-category-header {
    position: relative;
    display: block;
    padding-bottom: 19px;
}
.catalog-content-tiles-category-header > h3 {
    margin-right: 50px;
    font-family: Roboto;
    font-size: 25px;
    letter-spacing: 0;
    color: #404040;
}
#catalog-content > .catalog-content-tiles-category-header > a {
    padding: 10px 19px 8px;
    border-radius: 20px;
    font-size: 14px;
    color: #fff;
    opacity: 1;
    transition: background-color .2s;
}
.catalog-content-tiles-category-arrows {
    position: relative;
    z-index: 1;
}
.catalog-content-tiles-category-arrow-left,
.catalog-content-tiles-category-arrow-right {
    position: absolute;
    height: 56px;
    width: 28px;
    top: 119px;
    overflow: hidden;
}
.catalog-content-tiles-category-arrow-left {
    left: -28px;
}
.catalog-content-tiles-category-arrow-right {
    right: -28px;
}
.catalog-content-tiles-category-arrow-left:before,
.catalog-content-tiles-category-arrow-right:before {
    content: "";
    position: absolute;
    display: block;
    height: 100%;
    width: 200%;
    border-radius: 100%;
    background-color: #626262;
    cursor: pointer;
    transition: .2s;
}
.catalog-content-tiles-category-arrow-right:before {
    right: 0;
}
.catalog-content-tiles-category-arrow-left:hover:before,
.catalog-content-tiles-category-arrow-right:hover:before {
    background-color: #494949;
}
.catalog-content-tiles-category-arrow-left.inactive:before,
.catalog-content-tiles-category-arrow-right.inactive:before {
    background-color: #dcdcdc;
    cursor: default;
}
.catalog-content-tiles-category-arrow-left:after,
.catalog-content-tiles-category-arrow-right:after {
    content: "";
    position: absolute;
    display: block;
    height: 18px;
    width: 10px;
    top: 19px;
}
.catalog-content-tiles-category-arrow-left:after {
    left: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASAgMAAAAf2afYAAAACVBMVEUAAAD///////9zeKVjAAAAAnRSTlMAgJsrThgAAAAlSURBVAjXY2BgCGBgYJzAwMDmwMAgCeSmoHHBGMQGiUHkMAUCANTQBfGWrNpfAAAAAElFTkSuQmCC);
}
.catalog-content-tiles-category-arrow-right:after {
    right: 10px;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAASAgMAAAAf2afYAAAADFBMVEUAAAD///////////84wDuoAAAAA3RSTlMAgH8BTzA4AAAALElEQVQI12MIYGBg2ALEukDM7cDAwHQBiwDjAwYG9gYGBjmgWAUGl2EBAwMAOxMI6XiPgtEAAAAASUVORK5CYII=);
}
.catalog-content-tiles-category-arrow-left:after,
.catalog-content-tiles-category-arrow-right:after {
    cursor: pointer;
}
.catalog-content-tiles-category-arrow-left.inactive:after,
.catalog-content-tiles-category-arrow-right.inactive:after {
    cursor: default;
}
.catalog-content-tiles-category-wrapper {
    position: relative;
    height: 396px;
    margin: 0 -8px -49px;
    overflow: hidden;
}
.catalog-content-tiles-category {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
    white-space: nowrap;
    transition: left .2s;
}
.catalog-content-tile-wrapper {
    white-space: normal;
}
.catalog-content-tiles-category > .catalog-content-tile-wrapper > .catalog-content-tile:hover {
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, .2);
}
/* End Featured */

/* Begin Create */
#effects-content.create > #catalog-content {
    margin: 0 auto;
    padding: 60px 0 79px;
}
#catalog-content-create {
    max-width: 1050px;
    min-width: 528px;
    margin: 0 auto;
    padding-top: 57px;
    background-color: #fff;
    box-shadow: 0 5px 20px 0 rgba(108, 108, 108, .2);
}
#catalog-content-create > h1 {
    padding: 0 60px 14px;
    box-sizing: border-box;
    font-family: Roboto;
    font-weight: lighter;
    font-size: 35px;
    color: rgba(0, 0, 0, .8);
    line-height: 40px;
    text-align: center;
}
#catalog-content-create > span {
    display: block;
    padding: 0 60px;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 16px;
    line-height: 25px;
    color: #404040;
    text-align: center;
}
#create-form {
    display: block;
    width: 100%;
    padding-top: 53px;
    font-size: 0;
    letter-spacing: 0;
}
#create-form-view-wrapper,
#create-form-inputs {
    display: inline-block;
}
#create-form-view-wrapper {
    width: 528px;
    padding-left: 60px;
}
#create-form-view-wrapper > input {
    display: none;
}
#create-form-view {
    position: relative;
    height: 396px;
    width: 528px;
}
#create-form-view-content {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    background-color: #f8f8f8;
    outline: #dcdce0 dashed 2px;
    outline-offset: -2px;
}
#create-form-view-content > div {
    position: absolute;
    width: 100%;
    bottom: 14px;
    font-family: Roboto;
    line-height: 25px;
    text-align: center;
}
#create-form-view-content > div > h4 {
    padding: 14px 0 1px;
    font-size: 18px;
    color: #555;
}
#create-form-view-content > div > div {
    padding-bottom: 119px;
    font-size: 16px;
    font-weight: lighter;
    color: #808080;
}
#create-form-view-content > div > div > label {
    color: #0083b5;
    opacity: 1;
    cursor: pointer;
    transition: .2s;
}
#create-form-view-content > div > div > label:hover {
    opacity: .8;
}
#create-form-view-content > div > span {
    font-size: 14px;
    font-weight: lighter;
    line-height: 20px;
    color: #808080;
}
#create-form-view-uploaded,
#create-form.uploaded #create-form-view-content {
    display: none;
}
#create-form.uploaded #create-form-view-uploaded {
    display: block;
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border: 1px solid #dcdce0;
    box-sizing: border-box;
    background-color: #f8f8f8;
}
#create-form-view-uploaded-close {
    position: absolute;
    height: 10px;
    width: 10px;
    top: 20px;
    right: 20px;
    padding: 10px;
    border: 1px solid #fff;
    border-radius: 100%;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKAgMAAADwXCcuAAAADFBMVEUAAAD///////////84wDuoAAAABHRSTlMAav2UoKPgwQAAACRJREFUCNdjuMBQwJDCOIFBks2BgS2SgYFxCRiD2CAxkBxIDQCQEAcx5J7P4AAAAABJRU5ErkJggg==);
    background-position: 10px 10px;
    background-repeat: no-repeat;
    background-color: #c6c6c6;
    cursor: pointer;
    opacity: 1;
    transition: .2s;
    z-index: 2;
}
#create-form-view-uploaded-close:hover {
    opacity: .8;
}
#create-form-view-uploaded-man {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

#create-form-inputs {
    width: 462px;
    padding: 0 60px;
    box-sizing: border-box;
    vertical-align: top;
}
#create-form-inputs > div {
    position: relative;
    display: inline-block;
    width: 100%;
}
.create-form-input-combobox {
    height: 90px;
}
#create-form-textarea-tags {
    padding-top: 20px;
}
#create-form-inputs > div > h4 {
    margin-top: -11px;
    font-family: Roboto;
    font-size: 16px;
    line-height: 32px;
}
#create-form-inputs > div.create-form-input-combobox > h4 {
    margin-top: 0;
    line-height: 10px;
}
#create-form-inputs > div > h4 > span {
    font-size: 12px;
    color: #808080;
}
#create-form-inputs > div > .combobox {
    width: 100%;
    min-height: 41px;
    top: 21px;
    left: 0;
    right: 0;
    background-color: #f8f8f8;
}
#create-form-inputs > div > .combobox:hover {
    box-shadow: none;
}
#create-form-inputs > div > .combobox.show-list {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .15);
}
#create-form-input-name > input {
    padding: 5px 15px 5px 13px;
    line-height: 27px;
}
.combobox > #create-form-category-general,
.combobox > #create-form-subcategory-general {
    height: 37px;
    padding: 5px 15px 5px 13px;
    font-size: 16px;
    line-height: 25px;
}
.combobox > #create-form-category-general:before,
.combobox > #create-form-subcategory-general:before {
    top: 16px;
}
#create-form-textarea-tags > textarea {
    height: 103px;
}
#create-form-inputs > #create-form-input-lower,
/*#create-form.lower-third > #create-form-inputs > .create-form-input-combobox ~ div*/
#create-form.lower-third > #create-form-inputs > #create-form-textarea-tags {
    display: none;
}
#create-form.lower-third > #create-form-inputs > .create-form-input-combobox ~ #create-form-input-lower {
    display: block;
}
#create-form-input-lower {
    font-family: Roboto;
    font-size: 14px;
    line-height: 25px;
    color: #595959;
}
#create-form-input-lower > h5 {
    padding-top: 25px;
    font-weight: 500;
    text-transform: uppercase;
}
#create-form-input-lower > ol {
    margin: 10px 0 0;
    padding-left: 15px;
}

#create-form-footer {
    width: 100%;
    margin-top: 58px;
    padding: 34px 60px 35px;
    box-sizing: border-box;
    font-family: Roboto;
    font-size: 14px;
    line-height: 20px;
    color: #404040;
    background-color: #e6f4f7;
}
#create-form-footer-text > span {
    white-space: nowrap;
}
#create-form-footer-buttons > span {
    display: inline-block;
    height: 41px;
    margin-left: 17px;
    padding: 0 28px;
    border: 1px solid #9bcdd8;
    border-radius: 20px;
    box-sizing: border-box;
    font-size: 17px;
    color: #00b0e1;
    line-height: 41px;
    vertical-align: middle;
    user-select: none;
    -webkit-user-select: none;
     -khtml-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
         -o-user-select: none;
    cursor: pointer;
    transition: opacity .2s,
                color .2s,
                background-color .2s;
}
#create-form-footer-buttons > span:hover {
    opacity: .8;
}
#create-form-footer-buttons > span + span,
#create-form.lower-third #create-form-footer-buttons > span {
    border-color: #00c17b;
    color: #fff;
    background-color: #00c17b;
}
#create-form-footer-buttons > span + span:hover,
#create-form.lower-third #create-form-footer-buttons > span:hover {
    border-color: #00b271;
    background-color: #00b271;
    opacity: 1;
}
#create-form-footer-buttons > span + span:active,
#create-form.lower-third #create-form-footer-buttons > span:active {
    border-color: #00a267;
    background-color: #00a267;
    opacity: 1;
}
#create-form.lower-third #create-form-footer-buttons > #publish_button {
    display: none;
}
#search-category-combobox{
    min-height: 41px;
}
.combobox > #search-category-general{
    height: 38px;
    padding-top: 9px;
}

.combobox > #search-category-general:before{
    top: 17px;
}

#search-category-combobox{
    right: 65px;
    width: 324px;
}

#catalog-params > #catalog-params-search > input,
#catalog-params > #catalog-params-search #search-category-combobox > #search-category-general {
    font-size: 16px;
}
/* End Create */

/* For animate */
.rotete-right{
    transform: rotate(5deg);
}
.rotete-left{
    transform: rotate(-5deg);
}
/* End Animate*/
#catalog-menu-button-clickable {
    position: absolute;
    width: 120px;
    height: 120px;
    margin-top: -30px;
    margin-left: -30px;
}
.blue-link{
    text-decoration: none;
    color: #0097bd;
}
.hidden{
    visibility: hidden;
}
.waiting-icon{
    display: block;
    margin: 0px auto;
}
.effect-share{
    position: absolute;
    right: 30px;
    margin-top: -17px;
}
#leaderboard {
    position: absolute;
    width: 100%;
    top: 335px;
    text-align: center;
}
#leaderboard + div + .catalog-content-tile-wrapper {
    margin: 0 0 134px;
}
#leaderboard > span {
    margin-bottom: 30px;
}
#leaderboard > span > iframe,
#bottom-leaderboard > span > iframe{
    box-shadow: 1px 1px 8px #757575;
}
#bottom-leaderboard{
    text-align: center;
}
#leaderboard > a {
    cursor: pointer;
}
#leaderboard > a > img {
    width:100%;
    max-width: 728px;
    margin-bottom: 30px;
    box-shadow: 1px 1px 12px #757575;
}
#minisidebar-leaderboard {
    position: fixed;
    right: 20px;
    bottom: 0px;
    z-index: 1;
}
#minisidebar-leaderboard > .close-button {
    position: absolute;
    width: 22px;
    height: 24px;
    top: 1px;
    right: 4px;
    cursor: pointer;
    /*background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABMAAAATBAMAAACAfiv/AAAAElBMVEUAAAAAAAAAAAAAAAAAAAAAAADgKxmiAAAABXRSTlMAPOeqcNDWotIAAAAzSURBVAjXYyANGAIxowGYKSQAwSARRRBigAqDBCHCKopwja4ODBiiCLUIExDmImwjCQAAZvUDbidl2k8AAAAASUVORK5CYII=');*/
}
#effects-content.featured > #catalog-content > #leaderboard{
    position: relative;
    top:0px;
}
#effects-content #minisidebar-leaderboard> a:hover{
    opacity: 1;
}
/* Begin Meadia-querys */
@media screen and (max-width: 1300px) {
    #catalog-content-tiles.catalog > #leaderboard {
        top: 395px;
    }
    .catalog-content-tiles-category-wrapper {
        height: 456px;
    }
    .catalog-content-tile-wrapper {
        height: 380px;
        width: 33.33%;
    }
    .catalog-content-tile {
        height: 364px;
    }
    .catalog-content-tile:hover {
        height: 445px;
    }
    .catalog-content-tile-image > img {
        max-height: none;
    }
    #effects-content.search .catalog-content-tile-image > img {
        max-height: 150px;
    }
    #effects-content.search .catalog-content-tile-wrapper {
        height: 320px;
    }
    #effects-content.search .catalog-content-tile {
        height: 304px;
    }
    #effects-content.search .catalog-content-tile:hover {
        height: 395px;
    }
    #effects-header-menu-wrapper {
        width: auto;
    }
}

@media screen and (max-width: 1220px) {
    #effects-content.search .catalog-content-tile-wrapper {
        width: 25%;
    }
}
@media screen and (max-width: 1170px) {
    #create-form-view-wrapper,
    #create-form-inputs {
        display: block;
    }
    #create-form-view-wrapper {
        padding-left: 0;
        margin: 0 auto;
    }
    #create-form-inputs {
        width: auto;
        max-width: 648px;
        padding-top: 40px;
        margin: 0 auto;
    }
}
@media screen and (max-width: 1050px) {
    #catalog-content-tiles.catalog > #leaderboard {
        top: 415px;
    }
    #effects-content {
        position: relative;
    }
    #effects-content > #catalog-menu-button {
        display: block;
    }
    #catalog-menu {
        position: absolute;
        width: 0;
        top: -60px;
        left: 30px;
        overflow: hidden;
        transition: width .2s,
                    box-shadow .2s;
    }

    #catalog-menu-button:hover + #catalog-menu,
    #catalog-menu:hover {
        width: 270px;
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
        display: inline-block;
    }
    #catalog-content {
        margin-left: 0;
        padding-left: 0;
    }
    .catalog-content-tiles-category-wrapper {
        height: 476px;
    }
    .catalog-content-tile-wrapper {
        height: 400px;
    }
    .catalog-content-tile {
        height: 384px;
    }
    .catalog-content-tile:hover {
        height: 465px;
    }
    #create-form-footer-text {
        text-align: center;
    }
    #create-form-footer-text > br {
        display: none;
    }
    #create-form-footer-buttons {
        display: block;
        padding-top: 30px;
    }
    #create-form-footer-buttons > span {
        margin: 0 17px 0 0;
    }
    #create-form-footer-buttons{
        text-align: center;
    }
}
@media screen and (max-width: 990px) {
    #catalog-content-tiles.search > #leaderboard {
        top: 393px;
    }
    #effects-content.search .catalog-content-tile-wrapper {
        height: 380px;
        width: 33.33%;
    }
    #effects-content.search .catalog-content-tile {
        height: 364px;
    }
    #effects-content.search .catalog-content-tile:hover {
        height: 445px;
    }
    #effects-content.search .catalog-content-tile-image > img {
        max-height: none;
    }
}
@media screen and (max-width: 900px) {
    #catalog-content-tiles.catalog > #leaderboard {
        top: 366px;
    }
    .catalog-content-tile-wrapper {
        height: 350px;
    }
    .catalog-content-tile {
        height: 334px;
    }
    .catalog-content-tile:hover {
        height: 415px;
    }
}
@media screen and (max-width: 840px) {
    #catalog-params-search {
        margin-bottom: 70px;
        padding-right: 0;
    }
    #search-category-combobox {
        width: auto;
        right: 82px;
        top: 58px;
        left: 0;
    }
    #search-category-submit {
        top: 58px;
    }
}
@media screen and (max-width: 750px) {
    #catalog-content-tiles.catalog > #leaderboard,
    #catalog-content-tiles.search > #leaderboard {
        top: 427px;
    }
    .catalog-content-tiles-category-wrapper {
        height: 486px;
    }
    .catalog-content-tile-wrapper,
    #effects-content.search .catalog-content-tile-wrapper {
        height: 410px;
        width: 50%;
    }
    .catalog-content-tile,
    #effects-content.search .catalog-content-tile {
        height: 394px;
    }
    .catalog-content-tile:hover,
    #effects-content.search .catalog-content-tile:hover {
        height: 475px;
    }
    #input-search-button > svg {
        cursor: pointer;
    }
    #input-search-button > label {
        width: 0;
    }
}
@media screen and (max-width: 640px) {
    #catalog-params > span,
    #catalog-params > label {
        position: relative;
        left: 0;
        right: 0;
        margin: 0;
    }
    #catalog-params > span {
        display: block;
        width: 100%;
        height: 50px;
        border-bottom: 1px solid #d6d6d6;
        line-height: 50px;
        vertical-align: middle;
    }
    #catalog-params > label {
        display: inline-block;
        margin: 17px 0;
        padding-left: 29px;
    }
    #catalog-params > label:before {
        left: 0;
    }
    #catalog-params > label:after {
        left: 3px;
    }
}
@media screen and (max-width: 600px) {
    #catalog-content-tiles.catalog  > #leaderboard,
    #catalog-content-tiles.search  > #leaderboard {
        top: 379px;
    }
    .catalog-content-tile-wrapper,
    #effects-content.search .catalog-content-tile-wrapper {
        height: 350px;
    }
    .catalog-content-tile,
    #effects-content.search .catalog-content-tile {
        height: 334px;
    }
    .catalog-content-tile:hover,
    #effects-content.search .catalog-content-tile:hover {
        height: 415px;
    }
}
@media screen and (max-width: 580px) {
    #effects-header-menu > a {
        margin: 0 3px;
        font-size: 16px;
    }
}
@media screen and (max-width: 520px) {
    #catalog-content-tiles.catalog  > #leaderboard,
    #catalog-content-tiles.search  > #leaderboard {
        top: 442px;
    }
    .catalog-content-tile-wrapper,
    #effects-content.search .catalog-content-tile-wrapper {
        height: 410px;
        width: 100%;
    }
    .catalog-content-tile,
    #effects-content.search .catalog-content-tile {
        height: 394px;
    }
    .catalog-content-tile:hover,
    #effects-content.search .catalog-content-tile:hover {
        height: 475px;
    }
}
/* End Meadia-querys */