freepik.com.css

.topbar {
    background: #3B2551;
    color: #fff;
    border-bottom: 1px solid #2c1642;
    height: 0;
    -webkit-transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: height 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    display: none;
}

.topbar-visible .topbar {
    height: 100px;
    display: block;
}

header {
    -webkit-transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: top 300ms cubic-bezier(0.165, 0.84, 0.44, 1);
}

.topbar-visible header {
    top: 100px !important;
}

.topbar .container {
    max-width: 1200px;
    margin: auto;
    position: relative;
    height: 100px;
}

.topbar .screen {
    width: 648px;
    height: 100px;
    background: #ccc;
    border-radius: 8px 8px 0 0;
    position: absolute;
    left: 0;
    bottom: 0;
    background: url(/media/img/banners/banner-piktab.png) no-repeat;
    background-size: cover;
}

.topbar .text {
    width: 580px;
    height: 100%;
    padding-left: 40px;
    position: absolute;
    top: 0;
    right: 50px;
    height: 100%;
    background-image: -moz-linear-gradient(to left,rgba(59, 37, 81, 0.9) 90%,transparent);
    background-image: -webkit-linear-gradient(to left,rgba(59, 37, 81, 0.9) 90%,transparent);
    background-image: linear-gradient(to left,rgba(59, 37, 81, 0.9) 90%,transparent);
}

.topbar .text p {
    font-size: 18px;
    float: left;
    width: 320px;
    font-weight: bold;
    margin-top: 26px;
}

.topbar .text p small a {
    font-size: 12px;
    color: #ccc;
}

.topbar .text p small a:hover {
    text-decoration: underline;
}

.topbar .text .install {
    font-weight: bold;
    background: #fff;
    border: none;
    border-radius: 4px;
    font-size: 24px;
    width: 200px;
    height: 60px;
    line-height: 60px;
    cursor: pointer;
    margin-left: 10px;
    float: left;
    margin-top: 20px;
    padding: 0;
}

.topbar .text .install:hover {
    background-color: #e8e8e8;
}

.topbar .close {
    width: 24px;
    height: 24px;
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -12px;
    background-color: rgba(255,255,255,0.5);
    color: #fff;
    border-radius: 50%;
    border: none;
    font-size: 18px;
    padding: 0;
    outline: none;
    line-height: 24px;
    cursor: pointer;
}

.topbar .close:hover {
    background-color: #fff;
    color: #3B2551;
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(http://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3aCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(http://fonts.gstatic.com/s/opensans/v13/MTP_ySUJH_bn48VBG8sNSonF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(http://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzInF5uFdDttMLvmWuJdhhgs.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: local('Open Sans Italic'), local('OpenSans-Italic'), url(http://fonts.gstatic.com/s/opensans/v13/xjAJXh38I15wypJXxuGMBp0EAVxt0G0biEntp43Qt6E.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans Semibold Italic'), local('OpenSans-SemiboldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxi8cqLH4MEiSE0ROcU-qHOA.ttf) format('truetype');
}

@font-face {
    font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url(http://fonts.gstatic.com/s/opensans/v13/PRmiXeptR36kaC0GEAetxp_TkvowlIOtbR7ePgFOpF4.ttf) format('truetype');
}

@font-face {
    font-family: 'Patua One';
  font-style: normal;
  font-weight: 400;
  src: local('Patua One'), local('PatuaOne-Regular'), url(http://fonts.gstatic.com/s/patuaone/v6/yAXhog6uK3bd3OwBILv_SKCWcynf_cDxXwCLxiixG1c.ttf) format('truetype');
}

body {
    margin: 0;
    color: #333;
    font-family: 'Open Sans',sans-serif;
    font-size: 14px;
    background: #E6E6E6;
    min-width: 1047px
}

img {
    border-style: none
}

a {
    text-decoration: none;
    color: #4271b5
}

a:hover {
    text-decoration: underline
}

a:active {
    background-color: transparent
}

input,textarea,select {
    font-family: 'Open Sans',sans-serif;
    vertical-align: middle;
    color: #000
}

form,fieldset {
    margin: 0;
    padding: 0;
    border-style: none
}

button::-moz-focus-inner {
    border: 0;
    padding: 0
}

input[type="submit"]::-moz-focus-inner {
    border: 0;
    padding: 0
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0
}

.clearfix {
    display: inline-block
}

html[xmlns] .clearfix {
    display: block
}

* html
.clearfix {
    height: 1%
}

.br3 {
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px
}

.mtop10 {
    margin-top: 10px
}

.mtop20 {
    margin-top: 20px
}

.mtop30 {
    margin-top: 30px
}

.mtop40 {
    margin-top: 40px
}

.mbottom10 {
    margin-bottom: 10px
}

.mbottom20 {
    margin-bottom: 20px
}

.mbottom30 {
    margin-bottom: 30px
}

.mbottom40 {
    margin-bottom: 40px
}

.fllft {
    float: left
}

.flrgt {
    float: right
}

.flnone {
    float: none !important
}

#wrapper {
    width: 100%;
    overflow: hidden;
    position: relative
}

#wrapper.home {
    background: #efefef
}

#home.top-bar {
    padding: 17px
0px 9px
}

.unscrollable {
    overflow: hidden
}

.scrollable {
    overflow: auto;
    position: relative;
    width: 100%;
    height: 100%
}

.vertical-center {
    position: absolute;
    top: 0;
    left: 0;
    display: table;
    width: 100%;
    height: 100%;
    text-align: center
}

.vertical-center-item {
    display: table-cell;
    vertical-align: middle
}

.tooltip {
    position: relative
}

.tooltip .tooltip-content {
    position: absolute;
    top: 100%;
    left: 50%;
    display: none;
    padding: .6em;
    border-radius: 3px;
    background: #333;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 3
}

.tooltip:hover .tooltip-content {
    display: block
}

.tooltip .tooltip-content::before {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 4px 4px 4px;
    border-color: transparent transparent #333 transparent;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    content: ''
}

.tooltip.tooltip-left .tooltip-content {
    left: 0;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.tooltip.tooltip-left .tooltip-content::before {
    left: 24px;
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0)
}

.tooltip.tooltip-right .tooltip-content {
    top: 50%;
    left: 100%;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%)
}

.tooltip.tooltip-right .tooltip-content::before {
    top: 50%;
    left: -4px;
    bottom: auto;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    border-width: 4px 4px 4px 0;
    border-color: transparent #333 transparent transparent
}

.tooltip .tooltip-content
button {
    border: none;
    background: none;
    white-space: nowrap;
    color: white;
    font-weight: bold;
    cursor: pointer
}

.nav-bar {
    background: #fcfcfc;
    border-bottom: 1px solid #d1d1d1;
    padding: 10px
9999px 9px;
    margin: 0
-9999px;
    position: relative
}

.fullwidth .nav-bar {
    background: #fff
}

.nav-bar:after {
    display: block;
    content: "";
    clear: both
}

.fullwidth .main-nav>li>a {
    padding: 8px
10px 9px
}

.top-bar .main-nav {
    margin: -3px 0 0 0;
    padding: 0px
}

.btn {
    color: #3A3A3B;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal !important;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px
10px;
    text-align: center;
    vertical-align: middle;
    border: 0px;
    background: none
}

.btn1 {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FCFCFC;
    background-image: -moz-linear-gradient(center top, #FFFFFF, #F6F6F7);
    background-repeat: repeat-x;
    border-color: rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.15) rgba(0, 0, 0, 0.2);
    border-image: none;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    color: #3A3A3B;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-weight: normal !important;
    line-height: 18px;
    margin-bottom: 0;
    padding: 4px
10px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.75);
    vertical-align: middle
}

.main-nav {
    float: left;
    margin: 0;
    padding: 3px
0 0;
    list-style: none
}

.main-nav
li {
    float: left;
    margin-right: 10px;
    position: relative
}

.fullwidth .main-nav>li {
    margin-right: 3px
}

.fullwidth .main-nav {
    margin-right: -5px
}

.main-nav>li>a {
    display: block;
    padding: 10px
12px;
    color: #000
}

.main-nav>li.exclusive>a {
    color: #2363C3
}

.main-nav>li.exclusive>a:hover {
    color: #4989E9
}

.main-nav li a:hover {
    color: #2c6bca;
    text-decoration: none
}

.main-nav li.has-drop-down>a>span {
    padding-right: 15px;
    margin-right: -2px;
    display: inline-block;
    vertical-align: top;
    background: url(/img/sprite.png) no-repeat 100% -22px
}

.main-nav li.has-drop-down:hover>a {
    background: #1D60C0;
    color: #fff
}

.drop-down {
    position: absolute;
    top: 39px;
    background-color: #fff;
    width: 450px;
    text-align: left;
    left: -999999px;
    display: block;
    opacity: 0;
    display: none;
    padding: 20px
15px 0px 15px;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    box-shadow: 0 2px 10px rgba(0,0,0,0.2);
    left: -1px
}

.drop-down:after {
    content: "";
    position: absolute;
    top: -8px;
    left: 27px;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #FFF;
    display: block;
    width: 0;
    z-index: 1
}

.main-nav li.has-drop-down:hover .drop-down {
    left: -1px;
    opacity: 1;
    display: block
}

.drop-down
.popular {
    display: inline-block;
    vertical-align: top;
    margin-bottom: 18px;
    font-size: 14px;
    font-weight: bold
}

.drop-down .list-holder {
    padding: 13px
0;
    overflow: hidden
}

.drop-down .list-holder
ul {
    margin: 0
0 2px 23px;
    padding: 0;
    list-style: none;
    float: left;
    width: auto
}

.drop-down .list-holder ul:first-child {
    margin-left: 2px
}

.drop-down .list-holder
li {
    float: left;
    margin: 0
0 7px;
    line-height: 16px;
    width: 139px
}

.drop-down .list-holder li
a {
    color: #222
}

.drop-down .list-holder li a:hover,
.drop-down .popular:hover {
    text-decoration: none
}

.drop-down .list-holder li a:hover {
    color: #4271B5;
    font-weight: bold
}

.drop-down .list-holder
span {
    display: block;
    color: #a5a5a5;
    font-size: 12px;
    margin: -4px 0 9px
}

.drop-down .list-holder .img-list {
    margin: 0
0 0 6px;
    float: left;
    overflow: hidden;
    width: auto
}

.drop-down .list-holder .img-list>li {
    width: 49px !important
}

.drop-down .img-list
li {
    float: left;
    margin-right: 3px
}

.drop-down .img-list li
img {
    display: block
}

.home .top-bar,
#e404 .top-bar {
    padding: 13px
9999px 11px;
    margin: 0
-9999px
}

#detail-exclusive .top-bar,
#detail .top-bar,
#generic .top-bar {
    padding: 0px
9999px 0px;
    margin: 0
-9999px
}

.top-bar .social-networks {
    float: left;
    margin: 5px
0 0;
    padding: 0;
    list-style: none
}

.home .nav-bar, #e404 .nav-bar {
    background: #efefef;
    border: none;
    padding: 0px
9999px;
    text-align: center
}

.home .nav-bar .main-nav, #e404 .nav-bar .main-nav {
    display: inline-block;
    vertical-align: top;
    padding: 0
0 0 10px;
    float: none
}

.top-banner {
    width: 100%;
    height: 450px;
    position: relative;
    border-top: 1px solid rgba(0,0,0,0.3);
    overflow: hidden;
    z-index: 1;
    box-shadow: inset 0 -10px 10px rgba(0,0,0,0.5), 0 2px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 -10px 10px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 -10px 10px rgba(0,0,0,0.5)
}

.top-banner:after,.top-banner:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 463px;
    z-index: -2;
    content: ""
}

.top-banner.top-banner-with-bg {
    background-repeat: repeat-x;
    background-position: center center;
    overflow: visible;
    box-shadow: none;
    background-size: cover
}

.top-banner.top-banner-with-bg:before {
    position: absolute;
    top: 0;
    height: 100%;
    width: 800px;
    z-index: -2;
    content: "";
    left: 0px
}

.top-banner.top-banner-with-bg .banner-logo {
    display: none
}

.top-banner.top-banner-with-bg
.ash1 {
    text-shadow: 0 2px 0 rgba(0,0,0,0.3), 0 0 10px rgba(0,0,0,0.35);
    color: rgba(0,0,0,0.8);
    font-size: 38px;
    margin: 0px
}

.top-banner.top-banner-with-bg .ash1
strong {
    display: inline-block;
    font-size: 38px
}

.top-banner h1,
.top-banner
.ash1 {
    text-align: center;
    color: #f6f6f6;
    font-family: 'Open Sans',sans-serif;
    font-size: 47px;
    font-weight: normal;
    line-height: 20px
}

.top-banner h1 strong,
.top-banner .ash1
strong {
    line-height: 90px
}

.top-banner.top-banner-with-bg .search-form .title,
.top-banner.top-banner-with-bg .search-form .eg,
.top-banner.top-banner-with-bg .search-form .title
h1 {
    color: #000
}

.top-banner.top-banner-with-bg
.features {
    display: none
}

.top-banner.top-banner-with-bg
.description {
    width: 63%;
    text-align: center;
    line-height: 16px;
    float: right
}

.top-banner.top-banner-with-bg
.feature {
    margin: 15px
0 0
}

.top-banner.top-banner-with-bg .feature
.title {
    color: #333;
    display: none
}

.top-banner.top-banner-with-bg .feature
img {
    width: 120px;
    height: 75px
}

.top-banner.top-banner-with-bg .search-form {
    padding: 0px
18px 2px;
    margin-left: -6px
}

.top-banner.top-banner-with-bg .search-form
a {
    color: #1e5ba8
}

.top-banner.top-banner-with-bg .form-holder {
    background-color: rgba(0,0,0,0.3);
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -o-border-radius: 5px;
    padding: 5px
}

.top-banner.top-banner-with-bg .search-form input[type="text"] {
    border: 1px
solid rgba(0,0,0,0.5);
    width: 585px;
    border-radius: 3px 0px 0px 3px
}

.top-banner.top-banner-with-bg .search-form
button {
    border-radius: 0px 3px 3px 0px
}

.top-banner .search-form
.eg {
    text-align: center
}

.top-banner.top-banner-with-bg .explainhome,
.top-banner
.explainhome {
    color: #fff;
    text-align: center;
    display: block;
    color: #fff;
    width: 100%;
    font-size: 18px;
    bottom: 0px;
    padding: 10px
0px;
    background-color: rgba(50,50,50,0.85);
    position: absolute;
    z-index: 2
}

#top-banner-home {
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    background-size: cover
}

@media (max-width: 1272px) {
    .top-banner.top-banner-with-bg
.explainhome {
        font-size: 15px
    }
}

.top-banner .portada-download {
    padding-top: 25px;
    padding-left: 15px;
    z-index: 2;
    position: relative;
    margin-top: 25px;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.top-banner .download-title {
    font-size: 11px;
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.top-banner .portada-download #dwnldPortada.freepikicon-download3:before {
    content: ''
}

.top-banner .portada-download
input {
    border: none;
    background-color: transparent;
    cursor: pointer;
    height: 30px;
    color: #fff;
    text-align: left;
    padding: 0;
    margin-left: -6px;
    opacity: 0;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.top-banner .portada-download input:hover {
    color: #fff
}

.top-banner .portada-download:hover {
    margin-top: 0
}

.portada-download:hover .download-title {
    opacity: 0
}

.portada-download:hover
input {
    opacity: 1
}

.top-banner .banner-logo {
    position: absolute;
    bottom: 46px;
    left: 50%;
    margin-left: -825px;
    z-index: -1
}

.top-banner
.features {
    width: 100%;
    text-align: right;
    position: relative;
    overflow: hidden;
    width: 880px;
    margin: 0
auto
}

.top-banner
.description {
    width: 100%;
    text-align: right;
    clear: both;
    display: block;
    color: #fff
}

.top-banner
.feature {
    margin: 15px
10px 5px;
    width: 200px;
    text-align: right;
    display: block;
    float: left
}

.top-banner .feature
img {
    float: right;
    border: 2px
solid #fff;
    border-radius: 2px;
    margin-left: 9px;
    width: 80px;
    height: 50px
}

.feature .text-holder {
    overflow: hidden;
    width: 100px;
    float: right
}

.feature
.description {
    display: block;
    font-size: 12px;
    color: #909090
}

.feature
.title {
    display: block;
    color: #C9C9C9;
    line-height: 20px;
    margin-bottom: 6px;
    text-align: right
}

.feature
.btn {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    color: #2566c5;
    padding: 2px
7px 3px;
    background: #eee
}

.top-banner
.inner {
    width: 770px;
    padding: 80px
0 0;
    margin: 0
auto;
    z-index: 2;
    position: relative
}

.top-banner .portada-btn {
    position: absolute;
    width: 100%;
    z-index: 3;
    text-align: center
}

.top-banner .portada-btn
a {
    text-decoration: none;
    color: #fff;
    background-color: #595959;
    border-radius: 3px;
    padding: 8px
12px;
    margin: 5px;
    width: 190px;
    display: inline-block;
    position: relative;
    box-shadow: 0px 0px 0px 1px #E7E7E7
}

.top-banner .portada-btn a:hover {
    background-color: #848484
}

.top-banner .portada-btn a:active {
    top: 2px;
    border-bottom: 1px solid #848484
}

.top-banner .search-form {
    border-radius: 5px;
    float: none;
    margin: 0;
    padding: 13px
28px 2px 41px;
    color: #a9a9a9
}

.top-banner .search-form
.eg {
    font-size: 14px;
    font-weight: normal
}

.top-banner .search-form
.title {
    display: block;
    text-align: center;
    color: #c9c9c9;
    margin-bottom: 13px;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: bold;
    line-height: inherit
}

.top-banner .search-form .title
h1 {
    color: #c9c9c9;
    font-size: 16px;
    font-family: 'Open Sans',sans-serif;
    font-weight: bold;
    line-height: inherit;
    display: inline-block;
    margin-bottom: 0px;
    margin-top: 0px
}

.title-module-home {
    border: 1px
solid red
}

.search-form .form-holder {
    width: 100%;
    margin-bottom: 7px
}

.search-form .form-holder:after {
    display: block;
    content: "";
    clear: both
}

.top-banner .search-form input[type="text"] {
    color: #a7a7a7;
    font-size: 18px;
    line-height: 22px;
    height: 22px;
    padding: 11px
20px 12px;
    background: #fff;
    width: 538px;
    margin: 0
}

.top-banner .search-form
button {
    float: right;
    height: 47px;
    font-size: 18px
}

.top-banner .search-form button
span {
    padding: 0
4px 0 21px
}

.top-banner .search-form
p {
    margin: 0
}

.top-banner .search-form
a {
    color: #b8cff2
}

.sort-bar {
    background: #fff;
    border-bottom: 1px solid #cdcdcd;
    padding: 0px
16px 0px 8px;
    margin: 0
-10px;
    position: relative;
    z-index: 1
}

.filter {
    float: left
}

.filter .dropdown-menu {
    position: absolute;
    background: #fff;
    list-style: none;
    font-size: 11px;
    padding: 5px;
    display: none
}

.filter .dropdown-menu
li {
    margin-bottom: 5px
}

.filter .dropdown-menu li
em {
    font-size: 12px;
    display: block
}

.sort-bar .class-nav:first-child {
    margin-right: 65px
}

.class-nav {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    list-style: none
}

.class-nav::after {
    display: block;
    clear: both;
    content: ''
}

.class-nav
li {
    float: left
}

.class-nav li
label {
    position: relative;
    display: block
}

.class-nav li a,
.class-nav li
label {
    position: relative;
    display: block;
    height: 47px;
    padding: 0
18px;
    border: none;
    background: none;
    color: #333;
    line-height: 47px;
    cursor: pointer
}

.class-nav li
a {
    padding-left: 18px;
    margin-left: 3px
}

.class-nav li a::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    border: 1px
solid #ccc;
    content: ''
}

.class-nav li.active a::after {
    position: absolute;
    top: 50%;
    left: -1px;
    display: block;
    width: 16px;
    height: 15px;
    margin: -7px 0 0 0;
    background: url(/img/sprite.png) 0 -585px no-repeat;
    content: ''
}

.sort-bar .class-nav li:first-child
a {
    padding: 0
18px 0 0
}

.sort-bar .class-nav li:first-child a::before,
.sort-bar .class-nav li.active:first-child a::after {
    display: none
}

.class-nav li label input[type="reset"] {
    border: none;
    background: none;
    color: #4271b5;
    font-size: 14px;
    cursor: pointer
}

.class-nav li a div[class^="fp-"]::before {
    height: 22px;
    font-size: 12px;
    line-height: 22px
}

.class-nav
.number {
    position: absolute;
    top: 2px;
    right: 2px;
    display: none;
    height: 14px;
    color: #4271b5;
    font-size: 10px;
    font-weight: normal;
    font-style: normal;
    line-height: 14px
}

.class-nav li a:hover,
.class-nav li:hover {
    text-decoration: none
}

.class-nav li a:hover .number,
.class-nav li:hover
.number {
    display: block
}

.tools-btn {
    padding: 13px
16px 9px 7px;
    margin: 0
10px 0 0px;
    color: #9f9f9f;
    float: left;
    background: #fff
}

.tools-btn:hover {
    color: #666;
    text-decoration: none
}

.tools-btn.active {
    color: #286ebb;
    font-weight: bold;
    border-bottom: 4px solid #286ebb
}

.tools-btn:before {
    margin: 0
7px 0 1px;
    content: "";
    float: left;
    height: 17px;
    width: 17px;
    background: url(/img/sprite.png) 0 -563px no-repeat
}

.tools-holder {
    float: right
}

.tools-holder
.slide {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px
19px 8px 28px;
    background: #fff;
    z-index: 10;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    display: none;
    position: absolute;
    top: 46px;
    left: 0;
    width: 100%
}

.tools-holder .slide:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #f2f2f2
}

.class-nav li a.all-author,
.class-nav li a.exclusi-freepik {
    background-image: none
}

.class-nav li a.exclusi-freepik
.name {
    color: #1772bb;
    font-weight: 800;
    font-style: italic;
    letter-spacing: -1px
}

.class-nav li a.exclusi-freepik
i {
    -webkit-font-smoothing: antialiased;
    line-height: 0px
}

.class-nav li a.exclusi-freepik i:before {
    margin-left: 0
}

.class-nav li.active a.exclusi-freepik
i {
    font-weight: normal
}

@media (max-width: 1308px) {
    .tools-holder .tools-btn {
        text-indent: -9999px;
        padding: 8px
0px 5px 11px;
        width: 30px;
        margin-top: 6px
    }

    .tools-holder .tools-btn:hover {
        box-shadow: 0 0 2px #666
    }

    .tools-holder .tools-btn.active {
        padding: 8px
0px 8px 11px
    }

    .class-nav {
    }

    .order
select.sort_select {
        width: 100px
    }
}

@media (max-width: 1112px) {
    .order
.textsort {
        display: none
    }
}

.title-jquery {
    margin: 0
0 12px -5px;
    text-indent: -9999px;
    overflow: hidden;
    display: block;
    background: url(/img/title-jquery.png) no-repeat;
    width: 190px;
    height: 111px
}

.todos-btn:hover {
    text-decoration: none;
    color: #4271B5
}

.select-block {
    margin: 2px
0 0;
    float: left
}

.select-holder {
    list-style: none;
    float: left;
    height: 27px;
    padding: 11px
1px 0 0;
    margin: 0
20px 0 0;
    margin-right: 0;
    padding-right: 0
}

.select-holder .color-list-selected {
    border: 1px
solid #CFCFCF;
    display: block;
    float: left;
    height: 16px;
    margin: 0
7px 0 0;
    width: 16px
}

.select-holder .color-list-selected .active
a {
    display: block;
    height: 16px;
    width: 16px;
    text-indent: -9999px
}

.select-holder>li {
    float: left;
    position: relative;
    margin: 0
0 0 48px
}

.select-holder>li>label:focus:before,.select-holder>li>label:hover:before {
    background-position: -46px -550px
}

.select-holder>li.popup-active>label:hover {
    color: #666
}

.select-holder>li>label {
    display: block
}

.select-holder>li>label:hover {
    text-decoration: none;
    color: #000
}

.select-holder>li>label:hover:before {
    background-position: -72px -550px
}

.select-holder>li>label:before {
    content: "";
    float: right;
    margin: 8px
0 0 8px;
    width: 10px;
    height: 6px;
    background: url(/img/sprite.png) -46px -563px no-repeat
}

.select-holder input[type="radio"]:checked+.drop {
    display: block
}

.select-holder
.drop {
    display: none;
    border: 1px
solid #cfcfcf;
    border-top: 4px solid #476eb7;
    padding: 6px
0 16px;
    position: absolute;
    top: 32px;
    right: -28px;
    border-radius: 0 0 2px 2px;
    background: #fff;
    box-shadow: 0 2px 1px #dcdcdc;
    -webkit-box-shadow: 0 2px 2px #dcdcdc;
    overflow: hidden
}

.drop
ul {
    overflow: hidden;
    padding: 0;
    margin: 0;
    list-style: none
}

.drop .drop-list
li {
    float: left;
    clear: both;
    margin: 0
-9975px 0 0;
    padding: 0;
    position: relative
}

.drop .drop-list
a {
    min-width: 114px;
    position: relative;
    display: block;
    white-space: nowrap;
    padding: 9px
9999px 9px 29px;
    height: 1%
}

.drop .drop-list a:hover {
    background: #f5f5f5;
    text-decoration: none
}

.drop .drop-list a::before {
    position: absolute;
    top: 50%;
    left: 6px;
    display: block;
    width: 14px;
    height: 14px;
    margin: -7px 0 0 0;
    border: 1px
solid #ccc;
    content: ''
}

.drop .drop-list .active a::after {
    position: absolute;
    top: 10px;
    left: 7px;
    width: 16px;
    height: 15px;
    background: url(/img/sprite.png) 0 -585px no-repeat;
    content: ""
}

.drop .color-list {
    width: 113px;
    margin: 10px
0 -1px 26px
}

.drop .color-list
li {
    margin: 0
1px 1px 0;
    border-radius: 1px;
    border: 1px
solid transparent;
    padding: 2px;
    width: 16px;
    height: 16px
}

.drop .color-list
a {
    display: block;
    height: 100%;
    text-indent: -999px
}

.drop .color-list
li.active {
    border-color: #476eb7
}

.btn-clean {
    margin: 11px
0 0;
    float: left
}

.btn-clean:hover {
    color: #f00;
    text-decoration: none
}

.btn-clean:before {
    margin: 3px
9px 0 0;
    float: left;
    content: "";
    width: 12px;
    height: 12px;
    background: url(/img/sprite.png) -183px -550px no-repeat
}

.btn-clean:hover:before {
    background-position: -183px -568px
}

.select-block
a {
    color: #666
}

.slider {
    line-height: 14px;
    font-size: 12px;
    float: right
}

.slider
p {
    margin: 0
}

.slider .slide-holder {
    position: relative;
    background: url(/img/bg-slider.png) no-repeat;
    width: 301px;
    height: 27px
}

.ui-slider-handle {
    background: url(/img/sprite.png) -93px -550px no-repeat;
    height: 30px;
    width: 15px;
    margin-left: -8px;
    position: absolute;
    top: -8px;
    left: 213px
}

.ui-slider-handle:hover,.ui-slider-handle.ui-state-focus {
    background: url(/img/sprite.png) -93px -550px no-repeat !important
}

.slider-block {
    float: left
}

.thumbnails-small {
    margin: 16px
10px 0 0;
    background: url(/img/sprite.png) -122px -550px no-repeat;
    float: left;
    height: 12px;
    width: 15px
}

.thumbnails-big {
    margin: 14px
0 0 8px;
    background: url(/img/sprite.png) -149px -550px no-repeat;
    float: left;
    height: 17px;
    width: 23px
}

.order {
    float: left;
    font-size: 12px;
    color: #666
}

.order
label {
    vertical-align: sub
}

.order.right {
    float: right;
    padding: 8px
0
}

.order
select {
    margin: 0
0 0 5px
}

.dropdown-select {
    background: none repeat scroll 0 0 transparent !important;
    border: 0
none;
    border-radius: 0 0 0 0;
    color: #62717A;
    font-size: 12px;
    height: 38px;
    line-height: 14px;
    margin: 0;
    padding: 6px
8px 6px 10px;
    position: relative;
    text-shadow: 0 1px white;
    width: 130%
}

.dropdown {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06)) repeat scroll 0 0 #F2F2F2;
    border-color: white #F7F7F7 whitesmoke;
    border-image: none;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    box-shadow: 0 1px 1px rgba(0,0,0,0.08);
    display: inline-block;
    height: 38px;
    overflow: hidden;
    position: relative;
    width: 150px
}

.dropdown:before,.dropdown:after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #888 transparent;
    border-image: none;
    border-style: dashed;
    border-width: 4px;
    content: "";
    height: 0;
    pointer-events: none;
    position: absolute;
    right: 10px;
    top: 14px;
    width: 0;
    z-index: 2
}

.dropdown:after {
    border-bottom: medium none;
    border-top-style: solid;
    margin-top: 7px
}

.dropdown:before {
    border-bottom-style: solid;
    border-top: medium none
}

#main {
    position: relative;
    padding-bottom: 20px;
    width: 1047px;
    margin: 52px
auto 0
}

.home #main,
#detail-exclusive #main,
#detail #main,
#text #main,
#generic #main,
.exclusive-packs #main,
#register #main,
.liquid-new #main,
.last-items
#main {
    margin: 0px
auto 0
}

#main.list-search {
}

.fullwidth
#main {
    padding: 0
6px;
    width: auto;
    clear: both
}

.heading-block {
    margin: 0
-9999px 8px;
    padding: 5px
9999px 12px;
    border-bottom: none;
    overflow: hidden
}

.fullwidth .heading-block {
    padding: 8px
15px 8px 15px;
    margin: 0
-6px 10px
}

.breadcrumbs {
    float: left;
    margin: 0;
    padding: 10px
0 2px 26px;
    list-style: none;
    width: 260px
}

.breadcrumbs
li {
    float: left;
    margin-right: 7px;
    color: #1c1c1c;
    font-size: 12px
}

.breadcrumbs li:before {
    content: "\005C";
    width: 10px;
    display: inline-block;
    vertical-align: top;
    color: #898989
}

.breadcrumbs li:first-child:before {
    display: none
}

.breadcrumbs li
a {
    color: #898989
}

.breadcrumbs li a:hover {
    color: #1c1c1c;
    text-decoration: none
}

#twocolumns-full .search-holder .asbreadcrumbs, .fullwidth .search-holder
.asbreadcrumbs {
    color: #1C1C1C;
    float: left;
    font-size: 12px;
    line-height: 32px;
    width: auto;
    margin: -13px 0px 0px 0px
}

#twocolumns-full .search-holder
.breadcrumbs {
    float: left
}

.search-holder .asbreadcrumbs
strong {
    font-weight: normal
}

.search-holder
.ash1 {
    color: #B1B1B1;
    font: 28px/42px 'Open Sans',sans-serif;
    margin: -8px 0 0 -2px;
    text-align: left;
    width: 100%;
    float: left;
    clear: both;
    word-break: break-all;
    color: #373737;
    font-size: 28px;
    font-weight: bold
}

.top-content  .search-holder {
    float: left;
    width: 575px
}

.search-holder .ash1
.mark {
    margin-top: 15px;
    display: block
}

.search-holder .asbreadcrumbs + .ash1
.mark {
    margin-top: 0;
    display: inline-block
}

.heading-block
h1 {
    text-align: center;
    width: 560px;
    margin: 0
auto;
    color: #4a4a4a;
    font: bold 20px/24px 'Open Sans', sans-serif
}

.heading-block h1
.category {
    color: #858585;
    margin-left: 7px
}

.heading-block h1 .type_vector,
.heading-block h1 .type_photo,
.heading-block h1 .type_psd,
.heading-block h1 .type_icon,
.heading-block h1
.type_video {
    display: inline-table;
    height: 24px;
    width: 24px;
    margin: 0px
7px -2px 0px;
    padding-top: 2px
}

.heading-block h1
.type_vector {
    background: url(/img/sprite.png) no-repeat -178px -49px
}

.heading-block h1
.type_photo {
    background: url(/img/sprite.png) no-repeat -180px -912px
}

.heading-block h1
.type_psd {
    background: url(/img/sprite.png) no-repeat -180px -884px
}

.heading-block h1
.type_icon {
    background: url(/img/sprite.png) no-repeat -180px -974px
}

.heading-block h1
.type_video {
    background: url(/img/sprite.png) no-repeat 2px -942px
}

.search-holder {
    float: left;
    width: 50%
}

.search-holder
.breadcrumbs {
    width: auto;
    float: left;
    padding: 0;
    overflow: hidden
}

.search-holder
h1 {
    text-align: left;
    width: 100%;
    clear: both;
    word-break: break-all;
    color: #373737;
    font-size: 28px;
    font-weight: bold;
    margin-top: 10px
}

.search-holder h1
.mark {
    color: #373737
}

.related {
    text-align: center
}

.search-layout
.related {
    overflow: hidden;
    text-align: center;
    color: #858585;
    font-size: 12px;
    width: 50%;
    float: left;
    text-align: right;
    margin-top: 10px
}

.related
.title {
    font-size: 14px;
    font-weight: normal;
    color: #989898;
    padding: 3px
0 0
}

.search-layout .related
p {
    margin: 0;
    display: inline
}

.related
a {
    color: #3e7ad5
}

.content-holder {
    width: 100%;
    overflow: hidden;
    padding-bottom: 4px
}

.sponsor-column {
    float: left;
    width: 165px;
    padding: 0
35px 0 0
}

.sponsor-column
.title {
    text-align: center;
    color: #666;
    font-size: 12px;
    margin-bottom: 3px
}

.logo-shutterstock {
    display: block;
    text-indent: -9999px;
    overflow: hidden;
    width: 99px;
    height: 14px;
    background: url(/img/logo-shutterstock.png) no-repeat;
    margin: 10px
20px 1px 0px;
    float: left
}

.logo-shutterstock
a {
    display: block;
    height: 100%
}

.sponsor-column .title
span {
    display: block
}

.sponsor-column .img-list {
    margin: 0;
    padding: 0;
    list-style: none
}

.sponsor-column .img-list
li {
    border: 1px
solid #e0e0e0;
    background: #fff;
    margin-bottom: 6px;
    padding: 3px
3px 4px;
    text-align: center;
    border-radius: 3px;
    box-shadow: 0 2px 0 #e7e7e7;
    -webkit-box-shadow: 0 2px 0 #e7e7e7
}

.sponsor-column .img-list
img {
    display: inline-block;
    max-width: 150px;
    max-height: 149px;
    vertical-align: top
}

#twocolumns {
    overflow: hidden
}

#detail-exclusive #twocolumns, #detail
#twocolumns {
    overflow: visible
}

#detail-exclusive .content-holder, #detail .content-holder {
    overflow: visible
}

.ad-block {
    width: 628px;
    margin: 0
0 6px 7px
}

.ad-block
img {
    vertical-align: top
}

#content {
    float: left;
    width: 602px;
    margin-left: 8px
}

.gallery {
    border: 1px
solid #e0e0e0;
    border-radius: 3px;
    background: #fff;
    padding: 12px
29px 8px;
    position: relative;
    box-shadow: 0 2px 0 #e7e7e7;
    -webkit-box-shadow: 0 2px 0 #e7e7e7;
    -moz-box-shadow: 0 2px 0 #e7e7e7
}

.gallery
.mask {
    position: relative;
    overflow: hidden;
    margin: 0px
0px
}

.gallery .mask
.slideset {
    float: left
}

.gallery .mask
.slide {
    width: 540px;
    float: left;
    text-align: center;
    height: 270px;
    white-space: nowrap
}

.gallery .slide
img {
    vertical-align: middle;
    max-height: 270px;
    max-width: 540px
}

.gallery .slide:after {
    content: '';
    display: inline-block;
    height: 100%;
    width: 1px;
    overflow: hidden;
    margin: 0
0 0 -1px;
    vertical-align: middle
}

.gallery .btn-prev,
.gallery .btn-next {
    position: absolute;
    width: 35px;
    height: 148px;
    background-color: rgba(150,150,150,0.3);
    border-radius: 3px;
    text-indent: -9999px;
    overflow: hidden;
    top: 89px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s
}

.gallery .btn-prev {
    left: -6px;
    background-image: url(/img/gallery-arrow.png);
    background-repeat: no-repeat;
    background-position: 10px 50%
}

.gallery .btn-next {
    right: -6px;
    background-image: url(/img/gallery-arrow.png);
    background-repeat: no-repeat;
    background-position: -35px 50%
}

.gallery .btn-prev:hover {
    background-color: #b9b9b9
}

.gallery .btn-next:hover {
    background-color: #b9b9b9
}

.gallery .btn-bar {
    text-align: center;
    margin-bottom: 7px;
    margin-top: 10px
}

.gallery .social-networks {
    display: inline-block;
    vertical-align: middle;
    margin: 0
18px 2px 0;
    padding: 0;
    list-style: none
}

.gallery .social-networks .counter,
.home .social-networks
.counter {
    display: inline
}

.gallery .btn-like {
    display: inline-block;
    vertical-align: middle;
    width: 42px;
    height: 41px;
    text-indent: -9999px;
    overflow: hidden;
    background: #eee url("/img/sprite.png") no-repeat scroll -127px -1039px;
    margin-right: 14px;
    border: 1px
solid #ddd;
    border-radius: 3px
}

.gallery .btn-like:hover {
    background: #eee url("/img/sprite.png") no-repeat scroll -89px -1039px
}

.gallery .btn-like.fav_des,
.gallery .btn-like.active {
    background: #fff url("/img/sprite.png") no-repeat scroll -164px -1039px
}

.gallery .btn-download {
    display: inline-block;
    vertical-align: middle;
    border: 1px
solid #56aa29;
    border-radius: 3px;
    font: bold 16px/24px 'Open Sans', sans-serif;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.2);
    padding: 7px
32px 8px;
    background: #43a425
}

.gallery .btn-download
span {
    display: block;
    padding: 0
2px 0 22px;
    background: url(/img/sprite.png) no-repeat -188px -96px
}

.alternativedown {
    display: inline-block;
    vertical-align: middle;
    padding: 0px;
    list-style: none;
    position: relative;
    z-index: 999
}

.alternativedown
.altlist {
    position: absolute;
    display: none
}

.alternativedown:hover
.altlist {
    display: block
}

.altlist
.bubble {
    margin: 5px
0 0 0;
    position: relative;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #7F7F7F  solid 1px;
    box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.4)
}

.altlist .bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #FFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 29px
}

.altlist .bubble:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 10px 10px;
    border-color: #7F7F7F  transparent;
    display: block;
    width: 0;
    z-index: 0;
    top: -11px;
    left: 29px
}

.alternativedown li, .alternativedown
ul {
    list-style: none;
    margin: 0;
    padding: 0px
}

.alternativedown
li {
    display: block;
    font-size: 12px;
    padding: 4px
5px;
    border-top: 1px solid #ddd;
    color: #888
}

.alternativedown
a {
    background: #43A425;
    padding: 0px
5px;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    border-radius: 3px
}

.alternativedown  a:hover {
    background: #57c235
}

.alternativedown
.br3 {
    padding: 5px
10px;
    display: block
}

.image-menu {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.image-menu
li {
    display: inline;
    padding: 0
3px 0 10px;
    position: relative;
    font-size: 11px
}

.image-menu li
a {
    color: #999
}

.image-menu li:before {
    position: absolute;
    content: "-";
    color: #585a5c;
    top: -3px;
    left: 0
}

.image-menu li:first-child:before {
    display: none
}

.img-gallery
.heading {
    padding: 2px
2px 2px 3px;
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 9px
}

#content
h2 {
    font: bold 21px/33px 'Open Sans',sans-serif;
    margin: 0
}

.btn-more {
    cursor: pointer
}

.img-gallery {
    margin-bottom: 22px
}

.img-gallery .heading
h2 {
    float: left
}

.img-gallery .btn-more {
    display: block;
    text-align: center;
    background-color: #fff;
    color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 4px;
    border-bottom: 3px solid #e1e1e1;
    font-weight: bold;
    color: #222
}

.img-gallery .btn-more:hover {
    background-color: #e1e1e1
}

.img-gallery .list:after {
    content: '';
    display: table;
    clear: both
}

.img-gallery .list li
img {
    max-width: 107px;
    max-height: 100px
}

.img-gallery .list.video
li {
    width: 138px;
    height: 77px;
    margin-right: 3px;
    padding: 8px
3px
}

.img-gallery
.list.video {
    margin: 0
0 0 4px
}

.img-gallery .list.video li
img {
    max-width: 138px;
    max-height: 87px
}

.img-gallery .list.video li
a {
    display: block;
    overflow: hidden;
    position: relative
}

.img-gallery .list.video
.ribbon {
    position: absolute;
    top: 8px;
    left: -16px;
    width: 60px;
    height: 14px;
    background: #d3d3d3;
    color: #666;
    font-size: 11px;
    line-height: 14px;
    text-align: center;
    -moz-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

#sidebar {
    float: right;
    width: 200px
}

.banner {
    margin-bottom: 12px
}

.banner
img {
    display: block
}

.parameter-block {
    padding-bottom: 13px
}

.parameter-block
.heading {
    overflow: hidden;
    border-bottom: 1px solid #d1d1d1;
    margin-bottom: 8px;
    padding: 1px
3px 1px 1px
}

#detail
.banner.b728 {
    padding-left: 9px;
    margin: 3px
0 8px
}

.parameter-block
h3 {
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    margin: 0;
    word-spacing: 3px
}

.parameter-block .heading .btn-more {
    float: right;
    color: #1d5cad;
    font-size: 11px;
    line-height: 16px;
    padding: 0
5px;
    background: #fff;
    border-radius: 3px
}

.tag-list {
    width: 100%;
    overflow: hidden;
    font-size: 12px
}

.tag-list-expand {
    height: auto !important
}

.tag-list
ul {
    float: left;
    width: 78px;
    margin: 0
0 0 33px;
    padding: 0;
    list-style: none
}

.tag-list ul:first-child {
    margin-left: 10px
}

.tag-list li
a {
    color: #3d64a8
}

.tag-list ul:first-child li
a {
    color: #4271b5
}

.color-list {
    margin: -6px 0 5px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

.color-list
li {
    float: left;
    width: 11px;
    height: 12px;
    margin-right: 4px
}

.atributes {
    margin: -8px 0 5px 15px;
    font-size: 12px;
    line-height: 23px;
    overflow: hidden
}

.atributes
dt {
    float: left;
    clear: right;
    padding-left: 20px;
    width: 88px;
    color: #4d4f50;
    background: url(/img/sprite.png) no-repeat
}

.atributes
dd {
    display: block;
    overflow: hidden;
    width: auto;
    color: #989898;
    margin: 0
}

.atributes
.type {
    background-position: -55px -44px
}

.atributes
.date {
    background-position: -55px -67px
}

.atributes
.category {
    background-position: -55px -93px;
    padding: 0
0 0 20px
}

.atributes
.author {
    background-position: -55px -116px
}

.atributes
.license {
    background-position: 1px -1004px
}

.atributes
.downloads {
    background-position: -55px -139px
}

.atributes
.size {
    background-position: -55px -161px
}

.atributes
.file {
    background-position: 2px -982px
}

.detail-resource-patrocinado {
}

.detail-resource-patrocinado
#content {
}

.detail-resource-patrocinado .publicidad-in-gallery {
    margin: 10px
0px 10px 0px;
    text-align: center
}

#detail-exclusive .publicidad-in-gallery {
    margin-top: 9px;
    text-align: center
}

.detail-resource-patrocinado
#sidebar {
    width: 200px;
    position: relative;
    z-index: 2
}

.detail-resource-patrocinado .atributes
dd {
    width: auto
}

.detail-resource-patrocinado
#content {
    width: 620px
}

.detail-resource-patrocinado
.gallery {
    padding: 12px
12px 8px 0px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    background: rgba(0,0,0,0.08);
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    o-box-shadow: none;
    border: 0px;
    z-index: 1
}

.detail-resource-patrocinado .gallery
.mask {
    overflow: visible
}

.detail-resource-patrocinado .gallery .mask .slide,
.detail-resource-patrocinado .gallery .btn-bar {
    width: 618px
}

.detail-resource-patrocinado .gallery .mask
.slide {
    height: auto;
    margin-bottom: 20px
}

.detail-resource-patrocinado .image-menu {
}

.detail-resource-patrocinado .gallery .slide
img {
    background-color: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    -o-border-radius: 2px;
    padding: 70px;
    transition: all 0.2s linear 0s;
    -webkit-transition: all 0.2s linear 0s;
    -o-transition: all 0.2s linear 0s;
    -moz-transition: all 0.2s linear 0s;
    max-width: 480px
}

.detail-resource-patrocinado .heading-block
h1 {
    margin: 0
0 0 290px;
    text-align: left;
    width: auto
}

.detail-resource-patrocinado .parameter-stats-image,
#detail-exclusive .parameter-stats-image {
    padding: 10px
5px;
    margin: 0
auto 10px;
    text-align: center;
    left: 50%
}

.detail-resource-patrocinado .parameter-stats-image ul,
#detail-exclusive .parameter-stats-image
ul {
    list-style: none outside none;
    margin: 0px
auto;
    padding: 0;
    width: 100%;
    text-align: center
}

.detail-resource-patrocinado .parameter-stats-image ul li,
#detail-exclusive .parameter-stats-image ul
li {
    margin: 8px
0px;
    width: 32.9%;
    float: left;
    text-align: center
}

.detail-resource-patrocinado .parameter-stats-image ul li:first-child,
#detail-exclusive .parameter-stats-image ul
li {
    border-left: 0px solid #000
}

.detail-resource-patrocinado .parameter-stats-image ul li span,
#detail-exclusive .parameter-stats-image ul li
span {
    display: block
}

.detail-resource-patrocinado .parameter-stats-image .freepikicon-download3:before,
.detail-resource-patrocinado .parameter-stats-image .freepikicon-eye1:before,
.detail-resource-patrocinado .parameter-stats-image .freepikicon-favorites1:before,
#detail-exclusive .parameter-stats-image .freepikicon-download3:before,
#detail-exclusive .parameter-stats-image .freepikicon-eye1:before,
#detail-exclusive .parameter-stats-image .freepikicon-favorites1:before {
    color: #898989;
    margin: 0px
}

#detail-exclusive .gallery .social-networks,
#detail .gallery .social-networks {
    border: 1px
solid #d8d8d8;
    border-right: none;
    border-radius: 3px 0 0 3px;
    position: absolute;
    z-index: 1;
    left: -42px;
    top: 0
}

#detail-exclusive .gallery .social-networks.social-absolute-bottom,
#detail .gallery .social-networks.social-absolute-bottom {
    bottom: 0;
    top: auto
}

#detail-exclusive .gallery .social-networks.social-fixed,
#detail .gallery .social-networks.social-fixed {
    position: fixed;
    z-index: 1;
    left: 50%;
    top: 0;
    margin-left: -565px
}

#detail-exclusive .gallery .social-networks li,
#detail .gallery .social-networks
li {
    display: block;
    background-color: #fff;
    margin: 0;
    min-width: 40px;
    min-height: 40px;
    line-height: 40px;
    position: relative;
    cursor: pointer;
    overflow: visible;
    border-radius: 0;
    border: none;
    border-bottom: 1px solid #d8d8d8
}

#detail-exclusive .gallery .social-networks li:first-child, #detail-exclusive .gallery .social-networks li:first-child div a,
#detail .gallery .social-networks li:first-child, #detail .gallery .social-networks li:first-child div
a {
    border-radius: 3px 0 0 0
}

#detail-exclusive .gallery .social-networks li:last-child, #detail-exclusive .gallery .social-networks li:last-child div a,
#detail .gallery .social-networks li:last-child, #detail .gallery .social-networks li:last-child div
a {
    border: none;
    border-radius: 0 0 0 3px
}

#detail-exclusive .gallery .btn-like {
    border: 0px;
    background-color: transparent;
    background-position: -129px -1039px;
    margin: 0px;
    width: 38px;
    height: 38px
}

#detail-exclusive .gallery .btn-like:hover {
    background-position: -91px -1039px
}

#detail-exclusive .gallery .social-networks a, #detail .gallery .social-networks
a {
    width: 38px;
    height: 40px
}

#detail-exclusive .gallery .social-networks .facebook a, #detail .gallery .social-networks .facebook a,
#detail-exclusive .gallery .social-networks .twitter a, #detail .gallery .social-networks .twitter a,
#detail-exclusive .gallery .social-networks .googleplus a, #detail .gallery .social-networks .googleplus a,
#detail-exclusive .gallery .social-networks .pinterest a, #detail .gallery .social-networks .pinterest a,
#detail-exclusive .gallery .social-networks .stumbleupon a, #detail .gallery .social-networks .stumbleupon
a {
    background: none;
    margin: 0px;
    position: relative;
    z-index: 2;
    text-decoration: none
}

#detail-exclusive .gallery .social-networks .freepikicon-soc-google:before, #detail .gallery .social-networks .freepikicon-soc-google:before,
#detail-exclusive .gallery .social-networks .freepikicon-soc-facebook:before, #detail .gallery .social-networks .freepikicon-soc-facebook:before,
#detail-exclusive .gallery .social-networks .freepikicon-soc-twitter:before, #detail .gallery .social-networks .freepikicon-soc-twitter:before,
#detail-exclusive .gallery .social-networks .freepikicon-soc-pinterest:before, #detail .gallery .social-networks .freepikicon-soc-pinterest:before,
#detail-exclusive .gallery .social-networks .freepikicon-soc-stumbleupon:before, #detail .gallery .social-networks .freepikicon-soc-stumbleupon:before {
    margin: 0px;
    position: absolute;
    top: 1px;
    left: 0px;
    font-size: 18px;
    z-index: 1
}

#detail-exclusive .gallery .social-networks .freepikicon-soc-google:before, #detail .gallery .social-networks .freepikicon-soc-google:before {
    left: 12px
}

#detail-exclusive .gallery .social-networks .freepikicon-soc-facebook:before, #detail .gallery .social-networks .freepikicon-soc-facebook:before {
    left: 16px
}

#detail-exclusive .gallery .social-networks .freepikicon-soc-twitter:before, #detail .gallery .social-networks .freepikicon-soc-twitter:before {
    left: 11px
}

#detail-exclusive .gallery .social-networks .freepikicon-soc-pinterest:before, #detail .gallery .social-networks .freepikicon-soc-pinterest:before {
    left: 11px
}

#detail-exclusive .gallery .social-networks .freepikicon-soc-stumbleupon:before, #detail .gallery .social-networks .freepikicon-soc-stumbleupon:before {
    left: 10px;
    font-size: 21px
}

#detail-exclusive .gallery .social-networks .counter, #detail .gallery .social-networks
.counter {
    background-color: rgba(255, 255, 255, 0.86);
    border: 1px
solid #C3C3C3;
    border-radius: 3px;
    color: #686868;
    float: left;
    font: bold 13px/16px 'Open Sans',sans-serif;
    padding: 0
4px;
    position: absolute;
    right: -10px;
    top: -4px
}

.freepikicon-soc-google:before {
    color: rgba(209,72,54,1)
}

.freepikicon-soc-facebook:before {
    color: rgba(59,89,152,1)
}

.freepikicon-soc-twitter:before {
    color: rgba(0,172,237,1)
}

.freepikicon-soc-pinterest:before {
    color: rgba(203,32,39,1)
}

.freepikicon-soc-stumbleupon:before {
    color: rgba(247,68,37,1)
}

#detail-exclusive .social-networks div:hover:before,
#detail .social-networks div:hover:before {
    color: #fff
}

#detail-exclusive .social-networks .googleplus:hover,
#detail .social-networks .googleplus:hover {
    background-color: rgba(209,72,54,1)
}

#detail-exclusive .social-networks .facebook:hover,
#detail .social-networks .facebook:hover {
    background-color: rgba(59,89,152,1)
}

#detail-exclusive .social-networks .twitter:hover,
#detail .social-networks .twitter:hover {
    background-color: rgba(0,172,237,1)
}

#detail-exclusive .social-networks .pinterest:hover,
#detail .social-networks .pinterest:hover {
    background-color: rgba(203,32,39,1)
}

#detail-exclusive .social-networks .stumbleupon:hover,
#detail .social-networks .stumbleupon:hover {
    background-color: rgba(247,68,37,1)
}

#detail-exclusive .btn-download, #detail .btn-download {
    margin: 0
7px 0 0;
    padding: 7px
80px 8px;
    width: auto
}

#detail-exclusive .btn-download:hover, #detail .btn-download:hover {
    text-decoration: none;
    background-color: #57e235;
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3)
}

#detail-exclusive .btn-download.btn-download-pay {
    padding: 7px
20px 8px 10px;
    width: 300px
}

#detail-exclusive .btn-download.btn-download-pay
span {
    float: left
}

#detail-exclusive .btn-download
span {
}

#detail-exclusive .btn-download
i {
    font-size: 12px;
    font-weight: normal;
    font-style: normal
}

#detail-exclusive .btn-download
strong {
    background-color: rgba(0, 0, 0, 0.2);
    float: right;
    margin: -8px -20px -8px 0;
    padding: 8px
3px;
    text-align: center;
    width: 50px
}

#detail-exclusive .btn-download strong
i {
    display: block
}

@media (min-width: 1266px) {
    #detail #main,
#detail
#header {
    }

    .detail-resource-patrocinado
#content {
        width: 725px
    }

    .detail-resource-patrocinado
#sidebar {
        width: 300px
    }

    .detail-resource-patrocinado .gallery .mask .slide,
.detail-resource-patrocinado .gallery .btn-bar {
        width: 708px
    }

    .detail-resource-patrocinado .gallery .slide
img {
        max-height: 330px;
        max-width: 600px
    }

    .detail-resource-patrocinado .parameter-stats-image ul
li {
    }
}

@media (min-width: 1680px) {
    #detail #main,
#detail
#header {
    }

    .detail-resource-patrocinado
#content {
        width: 916px
    }

    .detail-resource-patrocinado
#sidebar {
        width: 336px
    }

    .detail-resource-patrocinado .gallery .mask .slide,
.detail-resource-patrocinado .gallery .btn-bar {
        width: 900px
    }

    .detail-resource-patrocinado .gallery .slide
img {
        max-height: 350px;
        max-width: 620px
    }

    .detail-resource-patrocinado .image-menu {
    }

    .detail-resource-patrocinado .img-gallery .list
li {
        margin: 0
12px 9px 0;
        width: 134px;
        height: 134px
    }

    .detail-resource-patrocinado .heading-block
h1 {
        padding-left: 8%
    }

    .detail-resource-patrocinado .img-gallery .list li
img {
        max-height: 134px;
        max-width: 134px
    }
}

.deal {
    padding: 5px
0 11px
}

.deal
.title {
    display: block;
    font-size: 12px;
    line-height: 14px;
    margin-left: 2px
}

.deal .title
a {
    color: #2450a2
}

.deal
.time {
    display: block;
    font: bold 10px/12px 'Open Sans', sans-serif;
    color: #8d8d8d;
    margin: 0
0 5px 2px
}

.deal .img-holder {
    position: relative
}

.deal .img-holder
img {
    display: block
}

.deal
.prices {
    position: absolute;
    top: 5px;
    left: 4px;
    font-size: 11px;
    line-height: 14px;
    color: #dadada
}

.deal .prices
.desde {
    background: #4568aa url(/img/bg-price.png) no-repeat;
    color: #ced2dd;
    display: block;
    margin-bottom: 1px;
    padding: 5px
9px 1px;
    width: 58px
}

.deal .prices
.value {
    display: block;
    color: #fff;
    font: 18px/22px 'Open Sans', sans-serif
}

.deal .desde
.value {
    font: bold 32px/36px 'Open Sans', sans-serif;
    margin: -3px 0 0 -2px
}

.desde .value
.currency {
    font-size: 18px;
    line-height: 28px;
    display: inline-block;
    vertical-align: text-bottom;
    margin-left: 2px
}

.deal .prices
.price {
    background: #737373;
    padding: 5px
7px 4px;
    width: 53px;
    display: block;
    margin-bottom: 1px
}

.deal .prices .price
.old {
    font-size: 14px;
    font-weight: bold;
    margin: -1px 0 1px;
    text-decoration: line-through
}

.language {
    display: inline-block;
    margin-left: 26px;
    padding-left: 16px;
    color: #6d6d6d;
    font-weight: bold;
    cursor: pointer;
    background: url(/img/sprite.png) no-repeat -188px -136px
}

#main.single-column {
    width: 1001px;
    padding: 41px
23px
}

.category {
    position: relative;
    margin-bottom: 0px
}

#home
.category {
    padding-top: 35px
}

#home
.exclusivevectors {
    text-align: center;
    z-index: 2;
    position: relative
}

#home .exclusivevectors
.tit {
    display: block;
    margin-bottom: 5px;
    font-size: 36px
}

#home
a.btn2 {
    background: #2363C3;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    font-size: 18px;
    padding: 8px
10px;
    margin: 0;
    display: block;
    width: 300px;
    text-align: center;
    margin: 0
auto 15px;
    position: relative;
    top: -15px
}

#home
.divider {
    background-color: #DDD;
    height: 1px;
    margin: 40px
0 20px;
    position: relative;
    width: 100%
}

#home .divider:before {
    background-image: -moz-linear-gradient(left center , rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0));
    content: "";
    height: 2px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

#home .category:before,
#list .category:before,
.category .heading.selectorCategory:before,
#home .category.categoryDestacados:after {
    margin-bottom: 0px;
    width: 155%;
    margin-left: -26%;
    display: block;
    content: " ";
    border: 0;
    height: 1px;
    background: rgba(239,239,239,1);
    background: -moz-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(207,207,207,1) 50%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(239,239,239,1)), color-stop(50%, rgba(207,207,207,1)), color-stop(100%, rgba(239,239,239,1)));
    background: -webkit-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(207,207,207,1) 50%, rgba(239,239,239,1) 100%);
    background: -o-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(207,207,207,1) 50%, rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(left, rgba(239,239,239,1) 0%, rgba(207,207,207,1) 50%, rgba(239,239,239,1) 100%);
    background: linear-gradient(to right, rgba(239,239,239,1) 0%, rgba(207,207,207,1) 50%, rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#efefef', GradientType=1 )
}

#home .category .heading.selectorCategory:before {
    top: 92px;
    position: absolute
}

#home .category:before {
    background-image: none
}

#home .category.categoryDestacados:after {
    bottom: 30px;
    position: relative
}

#home .category:first-child,.category:first-child {
    padding-top: 0;
    border: 0px
}

.category:first-child:before {
    display: none !important
}

.category
.heading {
    width: 100%;
    overflow: hidden;
    color: #808080;
    margin-bottom: 8px
}

.category .hallowen-visual {
    top: 5px;
    right: 246px;
    z-index: 5;
    position: absolute
}

.category .btn-more {
    float: right;
    color: #2363C3;
    font-size: 14px;
    padding: 6px
25px 6px 15px;
    background: #fff;
    border-radius: 3px;
    margin: 4px
1px 0 20px;
    position: relative
}

.category .btn-more:before {
    content: ' ';
    position: absolute;
    right: 10px;
    top: 12px;
    display: block;
    background: url("/img/sprite.png") no-repeat scroll -46px -585px;
    width: 8px;
    height: 8px
}

.category
.icon {
    float: left;
    margin: 6px
9px 0 3px
}

.category
.photo {
    float: left;
    margin: 3px
9px 0 3px;
    border: 1px
solid #d0d0d0
}

.category .text-holder {
    overflow: hidden
}

.category
h2 {
    margin: 0;
    font-family: 'Patua One',cursive;
    color: #333
}

.category .heading
p {
    margin: 0
}

.carousel {
    padding: 12px
9px 13px;
    position: relative;
    background: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px
}

.special
.carousel {
    border: none;
    padding: 13px
10px 14px;
    background: url(/img/bg-hallowen.png) no-repeat
}

.carousel .btn-prev,
.carousel .btn-next {
    position: absolute;
    width: 35px;
    background: #e0e0e0;
    border-radius: 3px;
    text-indent: -9999px;
    overflow: hidden;
    top: 50%;
    height: 148px;
    margin-top: -74px;
    z-index: 1
}

#list .carousel .btn-prev,
#list .carousel .btn-next {
    height: 110px
}

#home .carousel.carousel_box_pack .btn-prev,
#home .carousel.carousel_box_pack .btn-next {
    height: 242px
}

.carousel.carousel_box_special .btn-prev,
.carousel.carousel_box_special .btn-next {
    top: 126px
}

.carousel.carousel_box_pack .btn-prev,
.carousel.carousel_box_pack .btn-next {
    top: 132px
}

.carousel .btn-prev:hover,
.carousel .btn-next:hover {
    background-color: #b9b9b9
}

.carousel.small .btn-prev,
.carousel.small .btn-next {
    margin-top: -60px;
    height: 120px
}

.carousel .btn-prev.disabled,
.carousel .btn-next.disabled {
    display: none
}

.carousel .btn-prev {
    left: -50px;
    background: #e0e0e0 url(/img/gallery-arrow.png) no-repeat 10px 50%
}

.carousel .btn-prev.disabled {
    background: #e0e0e0 url(/img/gallery-arrow_disabled.png) no-repeat 10px 50%;
    cursor: default
}

.carousel .btn-next {
    right: -50px;
    background: #e0e0e0 url(/img/gallery-arrow.png) no-repeat -35px 50%
}

.carousel .btn-next.disabled {
    background: #e0e0e0 url(/img/gallery-arrow_disabled.png) no-repeat -35px 50%
}

.carousel
.mask {
    width: 100%;
    overflow: hidden;
    position: relative
}

.caroufredsel_wrapper {
    padding-bottom: 10px !important
}

.carousel
.slideset {
    width: 99999px;
    float: left;
    padding-top: 3px
}

.carousel
.slide {
    float: left;
    padding: 0
2px;
    text-align: center
}

.carousel .slide
img {
    display: block;
    max-width: 300px;
    margin: auto
}

.carousel-2 {
    padding: 16px
16px 23px
}

.carousel-2
.slide {
    display: table;
    text-align: center;
    height: 145px
}

.carousel-2 .slide
a {
    display: table-cell;
    vertical-align: middle;
    padding: 0
3px
}

.carousel-3 {
    border: none;
    background: none;
    box-shadow: none;
    -webkit-box-shadow: none;
    padding: 0;
    margin: -3px 0 13px
}

.carousel-3
.slide {
    width: 1001px;
    padding: 0
}

.carousel-3 .slide-holder {
    margin: 0
-4px 0 -3px;
    overflow: hidden
}

.carousel-3 .slide .img-holder {
    float: left;
    width: 178px;
    height: 157px;
    padding: 6px
6px 7px;
    border-radius: 3px;
    background: #fff;
    display: table;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    margin: 6px
6px 7px 5px
}

.carousel-3 .slide .img-holder .main-imgWrapper {
    display: none;
    opacity: 0;
    position: absolute;
    z-index: 2;
    width: 99%;
    height: 99%;
    background-color: rgba(0, 0, 0, 0.8);
    transition: all 0.2s linear 0s
}

.carousel-3 .slide .img-holder:hover .main-imgWrapper {
    display: block;
    opacity: 1
}

.carousel-3 .slide .img-holder .img-holder-date {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 2px;
    color: #FFF;
    font-size: 11px;
    padding: 0
6px;
    position: absolute;
    right: 2px;
    z-index: 1
}

.carousel-3 .slide .img-holder
a {
    display: table-cell;
    width: 100%;
    height: 100%;
    vertical-align: middle
}

.carousel-3 .slide
img {
    margin: 0
auto;
    height: auto
}

.carousel_box_pack {
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 16px
0 0px
}

.carousel_box_pack
.caroufredsel_wrapper {
    height: 255px !important
}

.carousel_box_special {
    background-color: transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    padding: 16px
0 23px
}

.carousel-2
.slide.box_pack {
    width: 226px;
    padding-left: 8px;
    position: relative;
    margin-right: 14px;
    background-color: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    margin-bottom: 10px;
    padding: 10px
0px 10px 10px
}

.carousel-2 .slide.box_pack
img {
}

.carousel-2 .slide.box_pack .icon-home {
    float: left;
    height: 66px;
    width: 66px;
    margin: 0px
6px 4px 0px;
    display: table;
    text-align: center
}

.carousel-2 .slide.box_pack .icon-home
.ih {
    display: table-cell;
    vertical-align: middle;
    height: 64px;
    width: 64px
}

.carousel-2 .slide.box_pack .icon-home .ih
.lazy {
    background-color: #fff
}

.carousel-2 .slide.box_pack
a {
    display: block
}

.carousel-2
.slide.box_special {
    width: 145px;
    margin-right: 14px;
    background-color: #fff;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.carousel-2 .slide.box_pack
.title_box_pack {
    line-height: 16px;
    font-size: 16px;
    margin-left: -10px
}

.carousel-2 .slide.box_pack .title_box_pack
span {
    font-size: 12px;
    font-weight: bold
}

.ribbon-wrapper {
    width: 68px;
    height: 68px;
    overflow: hidden;
    position: absolute;
    top: -3px;
    right: -5px
}

.ribbon-txt {
    font: bold 12px Sans-Serif;
    color: #333;
    text-align: center;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    position: relative;
    padding: 7px
0;
    left: -4px;
    top: 10px;
    width: 100px;
    background-color: #43A425;
    color: #fff;
    -webkit-box-shadow: -11px 1px 3px rgba(0,0,0,0.3);
    -moz-box-shadow: -11px 1px 3px rgba(0,0,0,0.3);
    box-shadow: -11px 1px 3px rgba(0,0,0,0.3)
}

.ribbon-txt:before,.ribbon-txt:after {
    content: "";
    border-top: 3px solid #37871e;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    position: absolute;
    bottom: -3px
}

.ribbon-txt:before {
    left: 1px
}

.ribbon-txt:after {
    right: 6px
}

.exclusive-freepik {
    width: 50px;
    height: 50px;
    background: transparent url('/img/exclusive_freepik.png') no-repeat 0px 0px;
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 99;
    top: -3px;
    right: 2px
}

.tag-list-2 {
    margin: 0
-60px 15px;
    padding: 0;
    list-style: none;
    text-align: center
}

.tag-list-2
li {
    display: inline-block;
    padding: 1px;
    vertical-align: top;
    line-height: 16px;
    margin-right: 3px
}

.tag-list-2
a {
    display: inline-block;
    padding: 0
3px;
    color: #333;
    font-size: 13px
}

.tag-list-2 .active
a {
    color: #fff;
    background: #333;
    border-radius: 2px;
    text-decoration: none
}

.bottom-menu {
    border-top: 1px solid #e3e3e3;
    margin: 30px
auto 0;
    padding: 25px
0;
    overflow: hidden;
    font-size: 12px;
    line-height: 14px;
    color: #8d8d8d;
    width: 1100px;
    position: relative
}

.bottom-menu .col-left {
    float: left;
    width: 160px;
    margin: 0
57px 0 2px
}

.bottom-menu
.title {
    display: block;
    text-transform: uppercase;
    font: 11px/15px 'Open Sans', sans-serif;
    color: #454545;
    margin-bottom: 8px
}

.bottom-menu
p {
    margin: 0
0 8px
}

.bottom-menu .col-right
h3 {
    font-size: 12px;
    font-weight: normal;
    margin: 0px
}

.letters {
    margin: -1px 0 0;
    padding: 0;
    list-style: none;
    line-height: 21px
}

.letters
li {
    display: inline-block;
    vertical-align: top;
    margin-right: 5px
}

.letters li
a {
    color: #3b6cb0
}

.subscribe-form {
    float: left;
    width: 332px;
    display: none
}

.subscribe-form .form-holder {
    width: 100%
}

.subscribe-form .form-holder:after {
    display: block;
    content: "";
    clear: both
}

.subscribe-form input[type="text"] {
    float: left;
    margin: 0
4px 0 0;
    background: #fff;
    border: 1px
solid #afb6c6;
    border-radius: 3px;
    width: 209px;
    padding: 7px
9px 8px;
    color: #afafaf;
    font-size: 12px;
    line-height: 15px;
    height: 15px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.2);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.2)
}

.subscribe-form input[type="submit"] {
    float: left;
    width: 99px;
    height: 32px;
    border: 1px
solid #3b67a7;
    padding: 0;
    margin: 0;
    font: 12px 'Open Sans', sans-serif;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 3px;
    background: #1d60c0
}

.bottom-menu .col-right {
    float: left;
    width: 880px
}

.bottom-menu .col-right
ul {
    float: left;
    margin: 0
0 0 35px;
    padding: 0;
    list-style: none;
    margin: 0;
    width: 50%
}

.bottom-menu .col-right .title+ul {
    margin: 0
}

.bottom-menu .col-right
li {
    margin-bottom: 7px;
    display: inline-block;
    margin-right: 7px
}

.ad-block-2 {
    width: 728px;
    margin: 10px
auto;
    display: block
}

.ad-block-2
iframe {
    margin: 0
auto
}

.ad-block-2
img {
    display: block
}

.fullwidth .content-holder {
    padding: 0px
0px 5px 0px;
    padding-left: 0px;
    border: solid #e2e2e2;
    border-width: 1px 0;
    margin: 0
-6px;
    width: auto;
    border: 0px
solid transparent
}

.search-layout .fullwidth .content-holder .large.clearFix .iframe-sponsor-container {
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    background-color: #ccc;
    padding: 0
12px 10px 10px
}

.fullwidth .content-holder.no-ads {
    padding-left: 0px
}

.barsearch {
    background: #fff;
    border-radius: 4px;
    font-size: 16px;
    font-weight: bold;
    line-height: 36px;
    color: #222;
    padding: 2px
20px 1px;
    overflow: hidden;
    margin: 0
10px 16px 10px;
    display: none
}

.barsearch.logo-shutterstock {
    display: inline-block;
    vertical-align: middle;
    margin: 0
12px 2px 0
}

.barsearch .logo-freepik {
    display: inline-block;
    vertical-align: middle;
    margin: 0
20px 0 8px;
    width: 83px;
    height: 26px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/logo-small.png) no-repeat
}

.barsearch
.sponsor {
}

.barsearch
a {
    color: #4b81d1
}

.img-search-list {
    margin: 0
17px;
    padding: 0;
    list-style: none
}

.imageList {
}

.imageList.premium
.slide {
    width: 160px;
    margin: 0
13px 17px 14px;
    vertical-align: bottom
}

.imageList
.slide.slide_box_video_shutter {
    height: 152px;
    margin-bottom: 2px
}

.imageList .slide.slide_box_video_shutter
.img_box {
    background-color: #FFF;
    border: 1px
solid #DADADA;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 0 #E4E4E4;
    min-width: 150px;
    padding: 3px;
    position: absolute;
    margin-bottom: -2px;
    bottom: 20px
}

.imageList .slide.slide_box_video_shutter
.txt_box {
    position: absolute;
    bottom: 0px;
    height: 13px;
    width: 144px
}

.preview_video {
    z-index: 3
}

#nextpage .img-holder:hover {
    background-color: #f7f7f7
}

.img-holder.nextpage {
    font-size: 18px;
    width: 100%;
    height: 100%
}

.img-holder.nextpage
a {
    width: auto;
    height: auto
}

.img-holder.nextpage
img {
    background: url("/img/nextpage.png") no-repeat scroll center center transparent;
    -webkit-background-size: auto 100%;
    -moz-background-size: auto 100%;
    -o-background-size: auto 100%;
    background-size: auto 100%;
    display: block;
    height: 100%;
    width: 46%;
    max-height: 75px !important;
    margin: 15px
auto 14px !important;
    margin-top: 25% !important
}

.images-pq .img-holder.nextpage
img {
    height: 30% !important
}

.img-holder.nextpage a:hover {
    text-decoration: none
}

.imageList.premium .img-holder
a {
    padding: 5px
4px
}

.imageList .slice-icon .img-holder a
img {
    max-height: 64px !important;
    max-width: 64px !important;
    width: auto !important;
    height: auto !important
}

.imageList .slice-icon .img-holder
img {
    max-width: 60px;
    max-height: 60px
}

.img-search-list .description,
#twocolumns-full .carousel
.description {
    display: block;
    color: #a7a7a7;
    margin: 0
0 -1px 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

#twocolumns-full .carousel
.description {
    margin-bottom: 0px
}

.img-search-list .type,
#twocolumns-full .carousel
.type {
    display: block;
    float: left;
    color: #8f8f8f;
    margin: 0
5px 0 3px;
    background: url(/img/sprite.png) no-repeat -55px -48px;
    height: 14px;
    width: 16px
}

#twocolumns-full .carousel .type, #twocolumns-full .carousel
.type_vector {
    margin-left: 4px;
    background-position: -55px -49px
}

#twocolumns-full .carousel .psd, #twocolumns-full .carousel
.type_psd {
    display: inline-block;
    color: #8f8f8f;
    padding-left: 19px;
    margin: 0
19px 0 3px;
    background: url(/img/sprite.png) no-repeat -55px -193px
}

#twocolumns-full .carousel .image, #twocolumns-full .carousel
.type_photo {
    display: inline-block;
    color: #8f8f8f;
    padding-left: 23px;
    margin: 0
3px 0 3px;
    background: url(/img/sprite.png) no-repeat 1px -846px
}

#twocolumns-full .carousel .icons, #twocolumns-full .carousel
.type_icon {
    display: inline-block;
    color: #8f8f8f;
    margin: 0
5px 0 5px;
    background: url(/img/sprite.png) no-repeat 1px -877px
}

#twocolumns-full .carousel .video #twocolumns-full .carousel
.type_video {
    display: inline-block;
    color: #8f8f8f;
    padding: 3px
0 0 21px;
    margin: -3px 6px 0 5px;
    background: url(/img/sprite.png) no-repeat -183px -798px
}

#twocolumns-full .carousel .watch, #twocolumns-full .carousel
.type_watch {
    display: inline-block;
    color: #8f8f8f;
    padding-left: 21px;
    margin: 0
3px 0 3px;
    background: url(/img/sprite.png) no-repeat -183px -843px
}

.img-search-list .downloads,
#twocolumns-full .carousel
.downloads {
    display: inline-block;
    color: #8f8f8f;
    padding-left: 16px;
    margin: 0
3px 0 3px;
    background: url('/img/sprite.png') no-repeat -55px -142px
}

#twocolumns-full .carousel
.downloads {
    background-position: -55px -143px
}

.imageList
.type.type_photo {
    background: url(/img/sprite.png) no-repeat 0px -845px
}

.imageList
.type.type_vector {
    background: url(/img/sprite.png) no-repeat -55px -48px
}

.imageList
.type.type_psd {
    background: url(/img/sprite.png) no-repeat -57px -193px
}

.imageList
.type.type_icon {
    background: url(/img/sprite.png) no-repeat 2px -876px
}

.imageList
.type.type_video {
    background: url(/img/sprite.png) no-repeat -182px -265px
}

#twocolumns-full {
    padding: 0
0 13px;
    overflow: hidden;
    position: relative;
    clear: both
}

#twocolumns-full:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #e7e7e7
}

#twocolumns-full
#content {
    width: auto;
    float: none;
    margin: 14px
13px 0 0;
    overflow: hidden
}

#twocolumns-full #content.top-content {
    margin: 0px
13px 0 0
}

#twocolumns-full .breadcrumbs,
#main.login-form
.breadcrumbs {
    width: auto;
    float: none;
    overflow: hidden;
    padding: 0
0 0 3px
}

#main.login-form
.breadcrumbs {
    padding: 0
0 1px 1px
}

#twocolumns-full .breadcrumbs li,
#main.login-form .breadcrumbs
li {
    margin-right: 1px
}

#twocolumns-full .breadcrumbs li:before,
#main.login-form .breadcrumbs li:before {
    margin-right: -3px
}

#twocolumns-full h1,
#main.login-form
h1 {
    margin: -1px 0 13px;
    line-height: 38px;
    text-shadow: 0 1px 0 #fff;
    font-size: 36px;
    color: #323232
}

#main.login-form
.socialconnect {
}

#main.login-form .socialconnect .btn-facebook,
#main.login-form .socialconnect .btn-google {
    margin: 10px
246px 20px 0px
}

#main.login-form .socialconnect .btns, #register .socialconnect
.btns {
    border-bottom: 0px
}

#main.login-form .socialconnect
.socialLogin {
    margin: 20px
auto
}

#main.login-form
.item_field.terms {
    margin-bottom: 10px
}

#main.login-form
h1 {
    margin: 0
0 13px -2px
}

.tagsinput
span.tag {
    border: 1px
solid #3B6CAC;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    display: block;
    float: left;
    padding: 5px;
    text-decoration: none;
    background: #E5EBF5;
    color: #3B6CAC;
    margin-right: 5px;
    margin-bottom: 5px;
    font-family: helvetica;
    font-size: 13px
}

.confirm-vote {
    text-align: center;
    min-height: 400px;
    padding: 150px
100px 120px;
    margin-bottom: 52px;
    background: url(/img/votar-pattern.jpg) repeat;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0,0,0,.4)
}

.confirm-vote-content {
    background-color: #fff;
    padding: 50px
}

.confirm-vote
h1 {
    margin: -140px 0 100px 0;
    color: #fff
}

.confirm-vote .tagsinput
span.tag {
    float: none;
    display: inline-block
}

.form-result {
}

.form-result
strong {
    display: block;
    font-size: 20px;
    margin-bottom: 20px
}

#twocolumns-full
.category {
    padding-bottom: 16px
}

#twocolumns-full .carousel .btn-prev {
    left: -52px
}

#twocolumns-full .carousel.small .btn-prev,
#twocolumns-full .carousel.small .btn-next {
    height: 128px;
    margin-top: -65px
}

#twocolumns-full .carousel .btn-next {
    right: -51px
}

#twocolumns-full
.carousel {
    margin: 0
50px 0 54px;
    padding: 14px
10px 6px
}

#twocolumns-full .category
.icon {
    margin: 3px
15px 0 3px
}

#twocolumns-full .category
h2 {
    line-height: 23px
}

#twocolumns-full .heading-holder {
    display: table
}

#twocolumns-full .category .text-holder {
    display: table-cell;
    vertical-align: middle;
    width: 100%
}

#twocolumns-full .category .btn-more:hover {
    border-color: #111;
    text-decoration: none;
    color: #fff;
    text-shadow: 0 0 1px #365d9b;
    background: #2363C3
}

#twocolumns-full .carousel
.slide {
    color: #a7a7a7;
    line-height: 14px;
    font-size: 11px;
    width: 157px;
    margin: 0
4px 0 3px;
    position: relative
}

#twocolumns-full .carousel .slide
.suppreview {
    line-height: 16px;
    text-align: left
}

#twocolumns-full .category .hallowen-visual {
    right: 186px
}

#twocolumns-full .carousel .slide .visual-slice
img {
}

#twocolumns-full .category
.heading {
    margin-bottom: 9px
}

#twocolumns-full .category.special
.heading {
    margin-bottom: 8px
}

.visual-slice {
    position: relative;
    display: block;
    margin: -6px 0 6px;
    border-radius: 3px;
    background: none repeat scroll 0 0 #FFF;
    overflow: hidden;
    height: 120px
}

.visual-slice.slice-icon
img {
    margin-top: 25px;
    max-height: 64px
}

.suppreview2 {
    margin-bottom: 3px
}

.visual-slice:hover
.like {
    display: block
}

.like {
    display: none;
    position: absolute;
    bottom: 4px;
    width: 34px;
    height: 30px;
    left: 4px;
    background: url(/img/sprite.png) 0 -606px no-repeat
}

.favorite {
    display: none;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border: 1px
solid #DADADA;
    background: rgba(255,255,255,0.6);
    height: 19px;
    left: 7px;
    position: absolute;
    top: 8px;
    padding: 4px;
    overflow: hidden;
    color: #ff2424;
    width: 19px
}

.carousel
.favorite {
    left: 14px
}

.favorite.active,.favorite.fav_des {
    width: 19px;
    display: block;
    color: #888
}

.favorite.active:before,.favorite.fav_des:before {
    background-position: 0 -641px
}

.imageList .slide:hover
.favorite {
    display: block
}

.slideset .slide:hover
.favorite {
    display: block
}

.favorite:before {
    content: " ";
    width: 19px;
    height: 19px;
    display: inline-block;
    background: url(/img/sprite.png) 0 -617px transparent;
    position: absolute;
    top: 4px;
    left: 4px
}

.favorite:hover:before {
    background-position: 0 -641px
}

.favorite
a {
    width: 145px;
    display: block;
    text-decoration: none
}

.favorite:hover {
    text-decoration: none
}

.favorite {
    font-size: 14px;
    color: #EC032F;
    font-weight: bold
}

.favorite
span {
    margin: 0
14px 0 30px
}

.favorite:hover {
    border: 1px
solid #DADADA;
    background: rgba(255,255,255,0.99)
}

#twocolumns-full
#sidebar {
    margin: 0
8px 0 0;
    padding: 15px
0 6px;
    position: relative;
    background: #666;
    float: left;
    width: 166px
}

#twocolumns-full #sidebar:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "";
    width: 100%;
    height: 4px
}

.side-block
a {
    color: #d6d6d6;
    text-shadow: 0px 1px 1px #000
}

.side-block a:hover {
    text-decoration: none;
    font-weight: bold;
    color: #fff
}

.side-block .active
a {
    color: #fff
}

.title-sidebar {
    position: relative;
    display: block;
    margin: 0
0 20px;
    text-transform: uppercase;
    color: #222;
    line-height: 15px;
    font-size: 13px
}

.side-block .side-nav {
    margin: -14px 0 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding-bottom: 4px
}

.side-nav
a {
    position: relative;
    display: block;
    padding: 7px
12px 5px 22px;
    margin: 0
-11px 0 -23px;
    border-radius: 3px;
    border: 1px
solid transparent;
    font-size: 14px
}

.side-block .side-nav
li {
    margin: 0
0 -2px
}

.side-block .side-nav
li.active {
    margin-bottom: -1px
}

.side-nav .active
a {
    background: #333
}

.side-block li.active
a {
    background: #333;
    border: 1px
solid rgba(0, 0, 0, 0);
    border-radius: 3px 3px 3px 3px;
    display: block;
    margin: 0
-11px 0 -23px;
    padding: 5px
12px 5px 22px;
    position: relative
}

.side-nav a:after {
    height: 16px;
    width: 16px;
    content: "";
    position: absolute;
    top: 7px;
    right: 13px;
    background: url(/img/sprite.png) 0 -357px no-repeat
}

.side-nav a.psd:after {
    background: url(/img/sprite.png) -137px -585px no-repeat;
    width: 16px;
    height: 16px;
    right: 12px;
    top: 6px
}

.side-nav a.photo:after {
    background: url(/img/sprite.png) -181px -310px no-repeat;
    width: 19px;
    height: 16px;
    right: 12px;
    top: 7px
}

.side-nav a.icons:after {
    background: url(/img/sprite.png) -183px -504px no-repeat;
    width: 17px;
    height: 16px;
    right: 11px;
    top: 8px
}

.side-nav a.video:after {
    background: url(/img/sprite.png) -183px -358px no-repeat;
    width: 16px;
    right: 11px;
    top: 8px
}

.side-nav a.deals:after {
    background: url("/img/sprite.png") no-repeat scroll 0 -1060px transparent;
    right: 10px;
    top: 8px;
    width: 20px
}

.side-nav
a.deals {
    width: auto
}

.categories .title-sidebar:after {
    content: "";
    position: absolute;
    right: 2px;
    height: 17px;
    width: 18px;
    top: 0;
    background: url(/img/sprite.png) -72px -585px no-repeat
}

.sorting .title-sidebar:after {
    content: "";
    position: absolute;
    right: 2px;
    height: 15px;
    width: 16px;
    top: 0;
    background: url(/img/sprite.png) -108px -585px no-repeat
}

.sorting .title-sidebar {
    margin: 0
0 14px
}

.side-block {
    border-top: 1px solid rgba(0,0,0,0.2);
    overflow: hidden;
    padding: 15px
16px 6px 27px
}

.side-block:first-child {
    border-top: none;
    padding-top: 0
}

.side-block.sorting
ul {
    font-size: 14px;
    line-height: 20px
}

.side-block
ul {
    font-size: 12px;
    line-height: 14px;
    padding: 0;
    margin: 0;
    list-style: none
}

.side-block
li {
    margin: 0
0 10px
}

#main.login-form {
    color: #686868;
    padding: 14px
10px
}

.login-form
h2 {
    margin: 0
0 7px;
    font-size: 18px;
    line-height: 20px
}

.login-form
p {
    margin: 0
0 13px
}

.nota_form_error,.messagesuccess,.infousername {
    background-color: #EE7575;
    display: block;
    margin: 20px
0;
    padding: 10px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    color: #fff;
    font-weight: normal;
    text-align: center
}

.messagesuccess {
    background-color: #43A425
}

.infousername {
    background-color: #888
}

form.form_edit_profile .grid .messagesuccess,
form.form_edit_profile .grid
.nota_form_error {
    bottom: 4px;
    left: 426px;
    position: absolute;
    width: 320px
}

.blocks {
    min-height: 488px;
    padding: 9px
0 50px;
    overflow: hidden
}

.block {
    width: 45%;
    padding: 15px
1.8% 18px;
    box-shadow: 0 2px 0 #e4e4e4;
    -webkit-box-shadow: 0 2px 0 #e4e4e4;
    background: #fff;
    border-radius: 3px;
    float: right;
    border: 1px
solid #cdcdcd;
    min-height: 270px
}

.blocks .block:first-child {
    float: left
}

.btns {
    min-width: 478px;
    border-bottom: 1px solid #dfdfdf;
    text-align: center;
    overflow: hidden;
    padding: 0
0 14px;
    margin: 0
0 10px
}

.btn-facebook {
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/btn-facebook.png) no-repeat;
    width: 230px;
    height: 52px;
    float: left
}

.btn-google {
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/btn-google.png) no-repeat;
    width: 230px;
    height: 52px;
    float: right
}

#register .register_login
ul {
    list-style: none
}

#register .content .facebookLogin, #register .content
.googleLogin {
    margin: 20px
0px;
    position: relative
}

.facebookLogin,.googleLogin {
    width: 280px;
    height: 50px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 18px;
    color: #fff;
    font-weight: normal;
    line-height: 50px;
    text-align: right;
    padding-right: 10px;
    text-align: center
}

.facebookLogin {
    background-color: #3B5998;
    text-shadow: 0 -1px #30559b
}

.facebookLogin
a {
    color: #fff !important;
    text-decoration: none
}

.facebookLogin a:hover {
    color: #DFEAFD !important
}

.googleLogin {
    background-color: #E7E7E7;
    text-shadow: 0px 1px 2px rgba(255, 255, 255, 0.73)
}

.googleLogin
a {
    color: #404040 !important;
    text-decoration: none
}

.googleLogin a:hover {
    color: #d64c3b !important
}

.facebookLogin a span.ico,
.googleLogin   a
span.ico {
    width: 50px;
    height: 50px;
    background: transparent url('/img/sprite_perfil.png') no-repeat 7px -179px;
    float: left;
    display: block
}

.facebookLogin a
span.ico {
    border-right: 1px solid #264584;
    background-position: 7px -179px;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px
}

.googleLogin   a
span.ico {
    border-right: 1px solid #d64c3b;
    background-position: -43px -179px;
    background-color: #d64c3b;
    border-radius: 3px 0px 0px 3px;
    -moz-border-radius: 3px 0px 0px 3px;
    -webkit-border-radius: 3px 0px 0px 3px
}

.socialyaconnect {
    width: 41px !important;
    float: left;
    margin-right: 20px
}

.socialLogin.googleLogin.socialyaconnect {
    margin-right: 700px;
    margin-bottom: 20px
}

.socialyaconnect a
span.ico {
    border-right: 0px !important;
    border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    -webkit-border-radius: 3px !important
}

.btn-text {
    margin: 15px
0 0;
    vertical-align: top;
    display: inline-block
}

.login-form .row
label {
    display: block;
    margin: 0
0 6px;
    font-weight: bold
}

.login-form .row
.infousername {
    font-size: 11px;
    margin: 3px
0px;
    margin: 60px
0 0;
    clear: both
}

.login-form input[type="text"],
.login-form input[type="password"] {
    margin: 0;
    height: 44px;
    padding: 11px
14px 14px;
    background: #f5f5f5;
    width: 100%;
    border: 1px
solid #e9e9e9;
    border-top: 1px solid #cfcfcf;
    float: left;
    border-radius: 3px;
    color: #929292;
    line-height: 17px;
    font-size: 14px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.login-form form.formgen .row.error_in_form input,
.login-form form.formgen .row.error_area_in_form input,
.login-form form.formgen .row.error_area_in_form
textarea {
    -webkit-box-shadow: 0 0 7px 1px rgba(255,88,69,.75), 0 1px #fff, inset 0 1px rgba(102,102,102,.2), inset 0 0 1px rgba(0,0,0,.05);
    -moz-box-shadow: 0 0 7px 1px rgba(255,88,69,.75), 0 1px #fff, inset 0 1px rgba(102,102,102,.2), inset 0 0 1px rgba(0,0,0,.05);
    box-shadow: 0 0 7px 1px rgba(255,88,69,.75), 0 1px #fff, inset 0 1px rgba(102,102,102,.2), inset 0 0 1px rgba(0,0,0,.05);
    border: solid 2px #d04636 !important
}

.login-form form.formgen .row.error_in_form
.nota_form_error {
    background-color: #DA4E3E;
    bottom: 18px;
    color: #FFF;
    float: right;
    font-size: 12px;
    font-weight: normal;
    margin: -47px 0px -18px 0;
    max-width: 375px;
    padding: 2px
10px;
    position: relative;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px
}

.login-form form.formgen .row.error_in_form .nota_form_error:after {
    border-left: 8px solid transparent;
    border-top: 8px solid #DA4E3E;
    bottom: -8px;
    content: "";
    height: 0;
    position: absolute;
    right: 0;
    width: 0
}

.login-form form.formgen .row.error_in_form.terms
.nota_form_error {
    margin: 24px
0px 0px 0;
    float: left;
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px;
    padding: 4px
10px
}

.login-form form.formgen .row.error_in_form.terms .nota_form_error:after {
    border-right: 8px solid transparent;
    border-left: 8px solid #DA4E3E;
    border-top: 8px solid transparent;
    border-bottom: 8px solid #DA4E3E;
    top: -8px;
    left: 0
}

.input-text {
    display: block;
    position: relative
}

.input-placeholder-text {
    top: 38px;
    left: 14px;
    position: relative
}

.login-form
.row {
    padding: 0
0 12px;
    position: relative
}

.login-form .row:after {
    content: '';
    display: block;
    clear: both
}

.login-form
.col {
    margin: 5px
0 0 7.4%;
    float: left;
    width: 46%
}

.login-form .col:first-child {
    margin-left: 0
}

.login-form input[type="submit"] {
    width: 210px;
    height: 50px;
    border: 0px
solid transparent;
    cursor: pointer;
    border-radius: 3px;
    float: right;
    margin: 0;
    padding: 0
0 4px;
    color: #fff;
    font: normal 18px/34px 'Open Sans', sans-serif;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    background-color: #2363C3
}

.login-form input[type="submit"]:hover {
    background-color: #5f89d2
}

.login-form
a {
    color: #476eb7
}

.login-form input[type="checkbox"] {
    padding: 0;
    vertical-align: top;
    float: left;
    height: 15px;
    margin: 1px
6px 0 -1px;
    width: 16px
}

.label-row {
    text-align: right
}

.title-form {
    overflow: hidden;
    min-height: 43px
}

.login-form .row .label-row
label {
    float: left
}

.check-row {
    float: left;
    margin: 13px
0 0
}

.row-last {
    overflow: hidden;
    margin: 10px
0 0
}

#main.tags-view {
}

#main.tags-view
.blocks {
}

#main.tags-view .blocks
.block {
    width: 98%;
    padding: 0px
0px 40px
}

#main.tags-view .blocks .block
.content {
}

#main.tags-view .blocks .block .content
ul {
}

#main.tags-view .blocks .block .content ul
li {
    float: left;
    width: 48%
}

#main.tags-view .blocks .block .content ul li
h2 {
    font-size: 16px
}

#footerlang {
    display: none;
    border-top: 1px solid #cdcdcd;
    border-bottom: 1px solid #cdcdcd;
    border-radius: 3px 3px 3px 3px;
    margin: 0px
auto;
    max-width: 1047px;
    font-size: 12px;
    line-height: 14px;
    position: relative;
    padding-left: 4px
}

#footerlang:after,#footerlang:before {
    border-style: solid;
    border-width: 0 8px 8px;
    content: "";
    display: block;
    position: absolute;
    left: 27px;
    top: -8px;
    width: 0;
    z-index: 1;
    border-color: #cdcdcd rgba(0,0,0,0);
    z-index: 0
}

#footerlang:after {
    border-color: #E6E6E6 rgba(0, 0, 0, 0);
    top: -7px
}

.simplemodal-overlay {
    background-color: #000
}

.simplemodal-container {
    background-color: #fff;
    padding: 0px
20px 20px 20px;
    border: 5px
solid #E0E0E0;
    min-width: 700px;
    height: 380px
}

.simplemodal-container
a.modalCloseImg {
    background: url("/img/x.png") no-repeat scroll 0 0 transparent;
    cursor: pointer;
    display: inline;
    height: 29px;
    position: absolute;
    right: -16px;
    top: -15px;
    width: 25px;
    z-index: 3200
}

.simplemodal-container
h3 {
    font-size: 22px
}

.simplemodal-container
#respuesta {
}

.simplemodal-container #respuesta
table {
    width: 500px !important
}

.simplemodal-container #respuesta
textarea {
    display: block;
    margin: 10px
0px 0px
}

.simplemodal-container #respuesta
.boton {
    border: 1px
solid #111;
    cursor: pointer;
    border-radius: 3px;
    margin: 0;
    padding: 10px;
    color: #fff;
    font: normal 18px/34px 'Open Sans', sans-serif;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    background-color: #2363C3
}

.simplemodal-container #respuesta .boton:hover {
    background-color: #476eb7
}

.modal-content {
    display: none
}

.foobar-container {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    height: 33px !important;
    box-shadow: 0 2px 10px rgba(0,0,0,0.3)inset
}

.foobar-container,.foobar-container-row,.foobar-container-left,.foobar-container-right,.foobar-container-center,.foobar-close-button-container,.foobar-close-button-spacer {
    padding: 0
!important;
    margin: 0
!important
}

.foobar-message-wrapper {
    line-height: normal;
    text-shadow: 0 1px 0 rgba(0,0,0,0.8);
    font-size: 12px;
    margin-top: -1px
}

.foobar-wrapper {
    width: 100%;
    z-index: 1001;
    height: 30px !important
}

.foobar-container {
    width: 100%;
    table-layout: fixed
}

.foobar-container-left,.foobar-container-center,.foobar-container-right {
    vertical-align: middle
}

.foobar-container-center {
    text-align: center
}

.foobar-container-inner {
    position: relative;
    overflow: hidden
}

.foobar-shadow {
    width: 100%;
    height: 0px
}

.foobar-message {
    position: relative;
    display: block
}

.foobar-message-wrapper {
    white-space: nowrap;
    position: absolute
}

.foobar-prev-button,.foobar-next-button {
    width: 28px;
    display: none;
    cursor: pointer;
    position: absolute;
    top: 50%;
    z-index: 996
}

.foobar-prev-button {
    leftfoobar-message-wrapper: 0
}

.foobar-next-button {
    right: 0
}

.foobar-close-button-container,.foobar-close-button-spacer,.foobar-open-button-container {
    width: 50px
}

.foobar-open-button-container {
    height: 0;
    overflow: hidden;
    text-align: center
}

.foobar-open-button-container.hidden {
    display: none;
    visibility: hidden
}

.foobar-open-button,.foobar-close-button {
    width: 28px;
    display: block;
    outline: none;
    border: none;
    margin: 0
auto;
    cursor: pointer
}

.foobar-open-button {
    position: absolute;
    left: 50%;
    margin-left: -17px;
    -moz-border-radius: 0px 0px 5px 5px;
    border-radius: 0px 0px 5px 5px;
    top: 0;
    bottom: auto
}

.foobar-container {
    border-left: none !important;
    border-right: none !important;
    padding: 0
!important
}

.foobar-container td,.foobar-container td:hover {
    border: none !important;
    padding: 0
!important;
    background: none !important
}

.foobar-wrapper.inline {
    position: relative;
    top: 0;
    bottom: 0;
    left: 0
}

.foobar-wrapper.inline .foobar-container {
    border-top: none !important
}

.foobar-wrapper.inline .foobar-open-button-container {
    position: absolute;
    top: 0;
    bottom: auto
}

.foobar-wrapper.top {
    position: fixed;
    top: 0;
    bottom: auto;
    left: 0
}

.foobar-wrapper.top .foobar-container {
    border-top: none !important
}

.foobar-wrapper.top .foobar-open-button-container {
    position: fixed;
    top: 0;
    bottom: auto
}

.foobar-wrapper.bottom {
    position: fixed;
    top: auto;
    bottom: 0;
    left: 0
}

.foobar-wrapper.bottom .foobar-container {
    border-bottom: none !important
}

.foobar-wrapper.bottom .foobar-open-button-container {
    position: fixed;
    top: auto;
    bottom: 0
}

.foobar-wrapper.bottom .foobar-open-button {
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    top: auto;
    bottom: 0
}

.foobar-wrapper.shadow .foobar-shadow {
    display: none
}

.foobar-wrapper.shadow.bottom .foobar-shadow {
    background-position: left top
}

.foobar-wrapper.shadow.bottom .foobar-open-button-container {
    background-position: center top
}

.foobar-wrapper.x-close .foobar-open-button {
    background: url('/img/promotion/x-close.png') no-repeat -56px center
}

.foobar-wrapper.x-close .foobar-close-button {
    background: url('/img/promotion/x-close.png') no-repeat 0px center
}

.foobar-wrapper .foobar-prev-button.x-close {
    background: url('/img/promotion/x-close.png') no-repeat -112px center
}

.foobar-wrapper .foobar-next-button.x-close {
    background: url('/img/promotion/x-close.png') no-repeat -168px center
}

.foobar-wrapper.triangle-arrow .foobar-open-button {
    background: url('/img/promotion/triangle-arrow.png') no-repeat -56px center
}

.foobar-wrapper.triangle-arrow .foobar-close-button {
    background: url('/img/promotion/triangle-arrow.png') no-repeat 0px center
}

.foobar-wrapper .foobar-prev-button.triangle-arrow {
    background: url('/img/promotion/triangle-arrow.png') no-repeat -112px center
}

.foobar-wrapper .foobar-next-button.triangle-arrow {
    background: url('/img/promotion/triangle-arrow.png') no-repeat -168px center
}

.foobar-wrapper.long-arrow .foobar-open-button {
    background: url('/img/promotion/long-arrow.png') no-repeat -56px center
}

.foobar-wrapper.long-arrow .foobar-close-button {
    background: url('/img/promotion/long-arrow.png') no-repeat 0px center
}

.foobar-wrapper .foobar-prev-button.long-arrow {
    background: url('/img/promotion/long-arrow.png') no-repeat -112px center
}

.foobar-wrapper .foobar-next-button.long-arrow {
    background: url('/img/promotion/long-arrow.png') no-repeat -168px center
}

.foobar-wrapper.small-white-arrow .foobar-open-button {
    background: url('/img/promotion/small-white-arrow.png') no-repeat -56px center
}

.foobar-wrapper.small-white-arrow .foobar-close-button {
    background: url('/img/promotion/small-white-arrow.png') no-repeat 0px center
}

.foobar-wrapper .foobar-prev-button.small-white-arrow {
    background: url('/img/promotion/small-white-arrow.png') no-repeat -112px center
}

.foobar-wrapper .foobar-next-button.small-white-arrow {
    background: url('/img/promotion/small-white-arrow.png') no-repeat -168px center
}

.foobar-wrapper.x-white .foobar-open-button {
    background: url('/img/promotion/x-white.png') no-repeat -56px center
}

.foobar-wrapper.x-white .foobar-close-button {
    background: url('/img/promotion/x-white.png') no-repeat 0px center
}

.foobar-wrapper .foobar-prev-button.x-white {
    background: url('/img/promotion/x-white.png') no-repeat -112px center
}

.foobar-wrapper .foobar-next-button.x-white {
    background: url('/img/promotion/x-white.png') no-repeat -168px center
}

.foobar-wrapper .foobar-open-button:hover {
    background-position: -84px center
}

.foobar-wrapper .foobar-close-button:hover {
    background-position: -28px center
}

.foobar-wrapper.bottom .foobar-open-button {
    background-position: 0px center
}

.foobar-wrapper.bottom .foobar-close-button {
    background-position: -56px center
}

.foobar-wrapper.bottom .foobar-open-button:hover {
    background-position: -28px center
}

.foobar-wrapper.bottom .foobar-close-button:hover {
    background-position: -84px center
}

.foobar-wrapper .foobar-prev-button:hover {
    background-position: -140px center
}

.foobar-wrapper .foobar-next-button:hover {
    background-position: -196px center
}

.modal-panel {
    display: none
}

.hidden {
    display: none
}

#detail .span-24 {
    float: left;
    margin-top: -40px
}

#tab-related-files {
    background-color: #a5adaf;
    display: table;
    width: 100%;
    margin-top: -50px;
    height: 100%
}

@-moz-document url-prefix() {
    #tab-related-files {
        margin-top: -51px
    }
}

.related-files-content {
    display: table-row;
    color: #fff
}

.related-sponsor {
    width: 20%;
    height: 100%;
    display: table-cell;
    overflow: hidden;
    position: relative;
    border-right: 1px solid #8D9496;
    vertical-align: top;
    position: relative;
    background-color: #a5adaf;
    padding-bottom: 30px
}

.related-sponsor-title {
    font-weight: bold;
    text-transform: uppercase;
    text-align: center;
    display: block;
    padding: 15px
15px 0
}

.related-sponsor
iframe {
    display: block;
    height: 0px;
    left: 0;
    padding: 20px;
    position: relative;
    margin-top: 5px;
    min-height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

@media screen and (max-width: 1487px) {
    .related-sponsor
iframe {
        top: -18px
    }
}

.related-right {
    position: relative;
    width: 100%;
    display: inline-block;
    padding: 25px
20px 10px 20px;
    box-sizing: border-box;
    background-color: #a5adaf;
    margin-top: 50px
}

.liquid.exclusive-packs {
}

.liquid.exclusive-packs .tools-holder {
    display: none
}

.liquid.exclusive-packs
.order.right {
    display: none
}

.liquid.exclusive-packs
iframe {
}

.liquid.exclusive-packs .slide-ads
iframe {
    display: block
}

.liquid.exclusive-packs
.barsearch {
    display: none
}

.liquid.exclusive-packs
#nextpage {
    display: none
}

.liquid.exclusive-packs .top-bar {
    border-bottom: 0px
}

.liquid.exclusive-packs .sort-bar {
    background-color: transparent;
    padding: 0px
}

.liquid.exclusive-packs .class-nav {
    position: absolute;
    right: 0px;
    top: 30px
}

.liquid.exclusive-packs .class-nav
li {
    background: none;
    background-color: #dedede
}

.liquid.exclusive-packs .class-nav li
a {
    background: none
}

.liquid.exclusive-packs .class-nav li.active
a {
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    background: #323232
}

.liquid.exclusive-packs .fullwidth .content-holder {
    padding: 0
0 5px
}

.liquid.exclusive-packs .related
.title {
    font-size: 50px;
    font-family: 'Patua One',cursive;
    color: #323232;
    line-height: 75px;
    width: auto
}

.liquid.exclusive-packs .related
p {
    font-size: 22px;
    margin-top: 20px;
    margin-bottom: 15px;
    color: #333;
    font-family: 'Open Sans',sans-serif
}

.liquid.exclusive-packs .related p
strong {
}

.liquid.exclusive-packs .fullwidth .content-holder {
    width: 100%
}

.liquid.exclusive-packs .imageList,
.liquid.exclusive-packs .thank_download .container,
.liquid.exclusive-packs .iframe-patrocinador {
    position: relative;
    margin: 0px
auto;
    width: 100%;
    max-width: 930px
}

@media screen and (min-width: 1480px) {
    .liquid.exclusive-packs .imageList,
.liquid.exclusive-packs .iframe-patrocinador {
        width: 1408px
    }
}

.liquid.exclusive-packs .imageList
.slide {
    width: 50%
}

@media screen and (min-width: 960px) {
    .liquid.exclusive-packs .imageList
.slide {
        width: 33.33%
    }
}

@media screen and (min-width: 1480px) {
    .liquid.exclusive-packs .imageList
.slide {
        width: 25%
    }
}

.liquid.exclusive-packs .imageList
.date {
    float: right;
    line-height: 17px;
    margin: 5px
0 0;
    text-align: right;
    width: 90px;
    color: #979797
}

.liquid.exclusive-packs .imageList
.description {
    font-size: 12px;
    font-weight: bold;
    margin-top: 5px
}

.liquid.exclusive-packs .imageList
.type {
    width: auto;
    line-height: 16px;
    padding-left: 20px;
    margin-top: 3px
}

.liquid.exclusive-packs .imageList
.downloads {
    line-height: 17px;
    margin-top: 3px
}

.liquid.exclusive-packs
.author_pack {
    position: relative;
    float: right;
    margin-top: 5px
}

.liquid.exclusive-packs .author_pack
.author_avatar {
    background: transparent url('/img/sprite_perfil.png') no-repeat -107px -443px;
    width: 32px;
    height: 32px;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: right
}

.liquid.exclusive-packs .author_pack
.author_name {
    position: relative;
    font-size: 12px;
    font-weight: bold;
    display: inline-table;
    margin: 0px
5px 0px 0px;
    text-decoration: none
}

.liquid.exclusive-packs .author_pack .author_name
span {
    display: block;
    text-align: right;
    font-size: 11px;
    font-weight: normal;
    color: #8F8F8F
}

.liquid.exclusive-packs .author_pack .author_name:hover {
    color: #000
}

.liquid.exclusive-packs .author_pack .author_name:hover
span {
    color: #8f8f8f
}

.liquid.exclusive-packs .iframe-patrocinador {
    margin-bottom: 30px
}

.thank_download {
    width: auto !important;
    margin: -10px -6px 0 -6px;
    background-color: rgba(0, 0, 0, 0.08)
}

.thank_download .txt-and-share
.thank {
    font-size: 18px
}

.thank_download .txt-and-share .note-info {
    margin-bottom: 6px !important
}

.thank_download .txt-and-share .social-networks {
    margin: 0
}

.thank_download .txt-and-share .social-networks.small li
a {
    width: 24px
}

.liquid.exclusive-packs .thank_download
.imageList {
    float: left;
    width: auto;
    border: 0px
solid transparent
}

.liquid.exclusive-packs .thank_download .imageList .slide,
.liquid.exclusive-packs .thank_download .imageList .img-holder,
.liquid.exclusive-packs .thank_download .imageList .img-holder
img {
    height: inherit !important;
    max-height: inherit !important;
    max-width: inherit !important;
    width: 158px !important;
    box-shadow: 0 0 1px #999;
    margin-left: 0;
    margin: 0
!important
}

.thank_download .txt-and-share {
    position: static !important;
    width: auto !important;
    padding: 0
!important;
    margin: 0
12px !important;
    text-align: left !important
}

@media screen and (min-width: 950px) {
    .thank_download .txt-and-share {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1;
        -moz-flex: 1;
        -ms-flex: 1;
        flex: 1
    }
}

@media screen and (max-width: 500px) {
    .thank_download .txt-and-share {
        display: block;
        width: 100% !important;
        text-align: center !important
    }
}

.liquid.exclusive-packs .thank_download .txt-and-share
.thank {
    margin: 0
0 6px;
    color: #979797;
    font-size: 18px
}

.liquid.exclusive-packs .thank_download .txt-and-share .title-resource,
.liquid.exclusive-packs .thank_download .note-info {
    color: #333;
    font-size: 14px;
    font-weight: bold;
    margin: 0
0 12px;
    width: 300px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.en.liquid.exclusive-packs .thank_download .note-info {
    width: 325px
}

.liquid.exclusive-packs .thank_download .note-info {
    color: #979797;
    font-size: 14px;
    font-weight: normal;
    margin: 14px
0 0 0
}

.thank_download .txt-license {
    border-left: 1px solid #BABAB6;
    float: right;
    line-height: 20px;
    margin: 10px
0 0;
    padding: 0
14px;
    text-align: center
}

.en .thank_download .txt-license {
    padding: 0
25px
}

.liquid.exclusive-packs .thank_download .txt-license .type-license {
    font-size: 14px;
    margin-bottom: -9px
}

.liquid.exclusive-packs .thank_download .txt-license .note-info {
    margin-bottom: 5px
}

.liquid.exclusive-packs .thank_download .download-star {
    font-size: 32px;
    margin: 30px
0
}

.liquid.exclusive-packs .thank_download .link-license {
    background-color: #bababa;
    border: 1px
solid #bababa;
    width: 99%;
    height: 30px;
    line-height: 30px;
    padding: 0px
0.5%;
    color: #656565;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

.liquid.exclusive-packs .thank_download .txt-ext-license {
    font-size: 12px
}

.thank_download .bton-paypal {
    background-color: #43A425;
    border: 1px
solid #56AA29;
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font: bold 14px/24px 'Open Sans',sans-serif;
    padding: 7px
32px 8px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
    vertical-align: middle;
    color: #fff
}

.thank_download .bton-paypal:hover {
    background-color: #57c235;
    text-decoration: none
}

.liquid.exclusive-packs .bar-results
.title {
    text-align: center;
    font-family: 'Patua One',cursive;
    font-size: 36px;
    margin: 10px
0 20px
}

@media screen and (min-width: 1480px) {
    .liquid.exclusive-packs .thank_download .imageList
.slide {
        margin: 20px
30px 0
    }

    .thank_download .txt-license {
        padding: 0
50px
    }

    .liquid.exclusive-packs .thank_download .txt-ext-license {
        font-size: 22px
    }

    .thank_download .bton-paypal {
        font-size: 16px
    }

    .liquid.exclusive-packs .thank_download .txt-and-share .title-resource,
.liquid.exclusive-packs .thank_download .note-info {
        width: 400px
    }

    .en.liquid.exclusive-packs .thank_download .note-info {
        width: 460px
    }

    .liquid.exclusive-packs .thank_download
.imageList {
        padding-left: 0
    }
}

.liquid.exclusive-packs .thank_download .btn-join {
    background-color: #2363C3;
    color: #fff;
    border-radius: 3px;
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 7px
0px 8px 0px;
    display: inline-block;
    text-align: center;
    position: relative;
    overflow: hidden;
    width: 340px;
    -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
    box-shadow: 0px 1px 0px rgba(255,255,255,0.15) inset;
    border: 1px
solid #205BB3;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    transition: all .2s linear
}

.liquid.exclusive-packs .thank_download .btn-join:hover {
    background-color: #476eb7;
    text-decoration: none
}

.liquid.exclusive-packs .thank_download .btn-join
b {
    display: block;
    margin-top: 6px
}

.liquid.exclusive-packs .thank_download .btn-join
span {
    font-size: 14px;
    color: #D8E4F7;
    font-weight: normal;
    text-shadow: 0 1px 1px #184C99;
    display: block;
    margin-top: 10px
}

.liquid.exclusive-packs .sort-bar.search_filter_user .class-nav {
    top: 310px
}

.liquid.exclusive-packs .heading-block.heading-block-author {
    height: 250px;
    background-repeat: no-repeat !important;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    padding: 0px;
    margin-bottom: 120px;
    overflow: visible
}

.liquid.exclusive-packs .heading-block.heading-block-author
.related {
    position: relative;
    margin: 0px
auto;
    height: 100%;
    width: 944px
}

@media screen and (min-width: 1480px) {
    .liquid.exclusive-packs .heading-block.heading-block-author
.related {
        width: 1480px
    }
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .datos-author {
    position: relative;
    float: left;
    margin: 100px
0px 0px 20px;
    text-align: left
}

.liquid.exclusive-packs .heading-block.heading-block-author .related
.title {
    float: none;
    margin: 0px;
    text-align: left
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head {
    position: relative;
    float: left;
    margin: 0px
0px 0px 0px;
    font-size: 16px;
    color: #000
}

.liquid.exclusive-packs .heading-block.heading-block-author .related
.bton_follow {
    background-color: rgba(255, 255, 255, 0.7);
    border-radius: 3px;
    font-size: 13px;
    margin: 0
auto 0 10px;
    padding: 3px
8px;
    z-index: 1;
    color: #4271B5;
    position: absolute;
    top: 20px;
    right: -130px;
    line-height: 22px;
    transition: all 0.2s linear 0s
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .bton_follow:hover {
    background-color: rgba(255, 255, 255, 1);
    text-decoration: none
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head
ul {
    margin: 0px;
    padding: 0px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head ul
li {
    list-style: none;
    margin-right: 20px;
    float: left
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head ul li
a {
    color: #000
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head ul li a:hover {
    color: #3E7AD5;
    text-decoration: none
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head ul
.twitter {
    position: relative;
    padding-left: 25px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-links-in-head ul .freepikicon-twitter:before {
    font-size: 24px;
    position: absolute;
    left: 0px;
    top: 0px
}

.liquid.exclusive-packs .heading-block.heading-block-author .avatar-author {
    border: 5px
solid rgba(255,255,255,0.7);
    margin: 80px
0px 0px 0px;
    position: relative;
    float: left
}

.liquid.exclusive-packs .heading-block.heading-block-author .avatar-author,
.liquid.exclusive-packs .heading-block.heading-block-author .avatar-author
img {
    width: 120px;
    height: 120px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px;
    background: url("/img/sprite_perfil.png") no-repeat scroll -20px -3px #ccc
}

.liquid.exclusive-packs .heading-block.heading-block-author .avatar-author
img {
    border: 1px
solid #5D5D5D;
    position: relative;
    top: -1px;
    left: -1px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs {
    background: rgba(0,0,0,0.5);
    color: #FFF;
    float: right;
    line-height: 24px;
    padding: 0px
20px 10px;
    position: absolute;
    width: auto;
    right: 20px;
    bottom: 0px;
    width: 200px;
    border-radius: 2px 2px 0px 0px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs
ul {
    width: 100%;
    margin-left: -40px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs ul
li {
    list-style: none;
    float: left;
    width: 180px;
    text-align: left;
    border-top: 1px solid rgba(255, 255, 255, 0.3);
    position: relative;
    padding: 0px
3px 0px 20px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs ul li:first-child {
    border-top: 0px solid #fff
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs
span {
    font-size: 14px;
    display: inline-table;
    float: right
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs
a {
    color: #fff;
    display: block
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs a:hover {
    text-decoration: none
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs li:hover {
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs .freepikicon-project:before,
.liquid.exclusive-packs .heading-block.heading-block-author .related .freepikicon-eye2:before,
.liquid.exclusive-packs .heading-block.heading-block-author .related .freepikicon-download1:before,
.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-favorites1:before,
.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-comment1:before,
.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-followers:before,
.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-following:before {
    margin-right: 10px;
    font-weight: normal;
    position: absolute;
    left: 0px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs .freepikicon-project:before {
    font-size: 16px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .freepikicon-eye2:before {
    font-size: 15px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .freepikicon-download1:before {
    font-size: 15px
}

.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-favorites1:before {
}

.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-comment1:before {
    font-size: 22px;
    margin: 0px
4px -21px -3px
}

.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-followers:before {
    font-size: 24px;
    margin: 0px
4px -21px -4px
}

.liquid.exclusive-packs .heading-block.heading-block-author .freepikicon-following:before {
    font-size: 24px;
    margin: 0px
4px -21px -4px
}

.liquid.exclusive-packs .heading-block.heading-block-author .related .author-number-packs .freepikicon-project
span {
    font-size: 22px;
    padding-bottom: 4px
}

.liquid.exclusive-packs
.bton_see_comments {
    background-color: #FFF;
    border-radius: 3px;
    clear: left;
    display: table;
    font-size: 13px;
    margin: 0
auto 0 10px;
    padding: 3px
8px;
    z-index: 1
}

.liquid.exclusive-packs .heading-block.heading-block-author
.navigation_author {
    background-color: #EFEFEF;
    height: 30px;
    line-height: 30px;
    border-top: 1px solid rgba(0,0,0,0.1);
    border-bottom: 1px solid rgba(0,0,0,0.1)
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author
.imageList {
    text-align: center
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: inline-block;
    float: none;
    text-align: center
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul
li {
    float: left;
    position: relative;
    border-left: 1px solid #E4E4E4;
    padding-left: 40px;
    padding-right: 10px;
    transition: all 0.2s linear 0s
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li:first-child {
    margin-left: 0px;
    border-left: 0px solid #E4E4E4
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li
a {
    color: #000;
    transition: all 0.2s linear 0s
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li a
span {
    font-size: 11px;
    color: #749BDB
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li:hover {
    background-color: rgba(255,255,255,0.5)
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li a:hover {
    text-decoration: none;
    color: #749BDB
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul
li.active {
    background-color: rgba(255,255,255,0.5)
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li.active
a {
    color: #000
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-project2:before,
.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-favorites1:before,
.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-tag:before,
.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-followers:before,
.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-following:before,
.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-comment1:before {
    position: absolute;
    left: 15px
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-project2:before {
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-favorites1:before {
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-tag:before {
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-followers:before {
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-following:before {
}

.liquid.exclusive-packs .heading-block.heading-block-author .navigation_author ul li .freepikicon-comment1:before {
}

.multicolumna {
    -moz-column-width: 15em;
    -moz-column-gap: 15px;
    -webkit-column-width: 15em;
    -webkit-column-gap: 15px;
    -webkit-column-rule: 1px solid #ccc;
    -moz-column-rule: 1px solid #ccc
}

.tageo_usuario {
    display: table
}

.tageo_usuario
ul {
    list-style: none;
    margin: 0px;
    padding: 0px;
    display: table-row
}

.tageo_usuario ul
li {
    width: 460px;
    margin-left: 25px;
    float: left;
    display: table-cell;
    margin-bottom: 5px
}

.tageo_usuario ul li:nth-child(2n+1) {
    clear: left
}

.tageo_usuario ul li:nth-child(3n+1) {
    clear: inherit
}

.tageo_usuario ul li:first-child {
}

.tageo_usuario ul li
a {
}

.tageo_usuario ul li
span {
    font-family: 'Patua One',cursive;
    font-size: 32px;
    color: #979797;
    border-top: 1px solid #D1D1D1;
    width: 100%;
    display: block
}

.tageo_usuario ul li
div {
    float: right;
    width: 95%;
    text-align: left;
    margin-top: -25px
}

.tageo_usuario ul li div
a {
    margin-left: 10px;
    transition: all 0.2s linear 0s;
    display: inline-table
}

.tageo_usuario ul li div a:first-child {
}

.tageo_usuario ul li div a:hover {
    text-decoration: none;
    color: #000
}

@media screen and (min-width: 1140px) {
    .tageo_usuario ul
li {
        width: 460px
    }

    .tageo_usuario ul li:nth-child(3n+1) {
        clear: left
    }

    .tageo_usuario ul li:nth-child(2n+1) {
        clear: inherit
    }
}

@media screen and (min-width: 1140px) {
    body {
    }

    .top-banner
.inner {
        padding: 80px
0 0
    }

    .top-banner
.features {
        position: absolute;
        top: 20px;
        right: 28px;
        width: 200px;
        text-align: right
    }

    #main {
    }

    .top-banner
.feature {
        margin: 18px
0 8px;
        width: 200px;
        text-align: right;
        display: block;
        clear: both;
        overflow: hidden
    }

    .top-banner .feature
img {
        float: right;
        border: 2px
solid #fff;
        border-radius: 2px;
        margin-left: 9px
    }
}

#list
.carousel {
    background: none !important;
    box-shadow: none;
    padding: 14px
0px 6px !important
}

#list  .carousel .visual-slice {
    padding: 0px;
    border: 6px
solid #fff;
    margin: -3px 3px 6px
}

#list  #twocolumns-full .carousel
.slide {
    margin: 0px
}

#changelang {
    position: absolute;
    width: 100%;
    display: none !important
}

#changelang
.lang_link {
    background-color: rgb(252,248,227);
    border: 1px
solid #FBEED5;
    border-radius: 4px 4px 4px 4px;
    display: block;
    height: 40px;
    margin: 8px
auto 20px;
    padding: 0
15px;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    width: 500px;
    color: #333
}

.flag {
    background: url("/media/img/flag-sprite.png") repeat scroll 0 0 rgba(0,0,0,0);
    display: inline-block;
    height: 25px;
    line-height: 10px;
    margin-right: 10px;
    position: relative;
    top: 9px;
    width: 35px
}

.lang_text {
    display: inline-block;
    line-height: 10px
}

.f_es {
    background-position: -2px -3px
}

.f_en {
    background-position: -2px -28px;
    width: 69px
}

.f_fr {
    background-position: -2px -54px
}

.f_it {
    background-position: -2px -78px
}

.f_ca {
    background-position: -2px -104px
}

.f_pl {
    background-position: -2px -128px
}

.f_jp {
    background-position: -2px -153px
}

.f_de {
    background-position: -2px -179px
}

.f_nl {
    background-position: -2px 126px
}

.f_ru {
    background-position: -2px 102px
}

.f_br {
    background-position: -2px -203px;
    width: 69px
}

.f_se {
    background-position: -2px 77px
}

.f_gr {
    background-position: -2px -303px
}

.f_cn {
    background-position: -2px -329px
}

.user_spotlight .btn-more {
    font-weight: bold;
    font-size: 14px;
    margin-top: 50px
}

.user_spotlight .avatar-author {
    border: 5px
solid rgba(255,255,255,0.7);
    margin: 10px
0px 0px 0px;
    position: relative;
    float: left
}

.user_spotlight .avatar-author,
.user_spotlight .avatar-author
img {
    width: 120px;
    height: 120px;
    border-radius: 75px;
    -moz-border-radius: 75px;
    -webkit-border-radius: 75px
}

.user_spotlight .avatar-author
img {
}

.user_spotlight
.related {
    width: 100%;
    margin-bottom: 20px
}

.user_spotlight .related .datos-author {
    position: relative;
    float: left;
    margin: 20px
0px 0px 20px;
    text-align: left
}

.user_spotlight .related
.title {
    color: #323232;
    font-family: 'Patua One',cursive;
    font-size: 50px;
    line-height: 50px;
    width: auto;
    display: block;
    font-weight: normal;
    padding: 3px
0 0;
    float: none;
    margin: -20px 0px 0px 0px
}

.user_spotlight .related .title
a {
    color: #323232;
    text-decoration: none
}

.user_spotlight .related .title a:hover {
    color: #3E7AD5
}

.user_spotlight .related .author-links-in-head {
    position: relative;
    float: left;
    margin: 0px
0px 0px 0px;
    font-size: 16px;
    color: #000
}

.user_spotlight .related .author-links-in-head
ul {
    margin: 0px;
    padding: 0px
}

.user_spotlight .related .author-links-in-head ul
li {
    list-style: none;
    margin-right: 20px;
    float: left
}

.user_spotlight .related .author-links-in-head ul li
a {
    color: #000
}

.user_spotlight .related .author-links-in-head ul li a:hover {
    color: #3E7AD5;
    text-decoration: none
}

.user_spotlight
.links_user_spotlight {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 3px 3px 3px 3px;
    color: #2363C3;
    float: right;
    font-size: 14px;
    margin: 4px
1px 0 20px;
    padding: 6px
25px 6px 15px;
    position: relative
}

.user_spotlight .links_user_spotlight
.landing_upload {
    font-size: 18px;
    font-weight: bold
}

.projects_user_spotlight {
    position: relative;
    float: right;
    border-bottom: 0px solid transparent
}

.projects_user_spotlight
.slide {
    position: relative;
    display: inline-block;
    float: left;
    margin-left: 16px;
    width: 95px
}

.projects_user_spotlight .slide
.img_box {
    font-size: 11px
}

.projects_user_spotlight .slide .img_box .img-holder {
    background: none repeat scroll 0 0 #FFF;
    border-radius: 2px 2px 2px 2px;
    box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
    display: table;
    margin-bottom: 1px;
    text-align: center;
    width: 95px;
    height: 95px
}

.projects_user_spotlight .slide .img_box .img-holder
a {
    display: table-cell;
    padding: 3px;
    position: relative;
    transition: all 0.2s ease 0s;
    vertical-align: middle
}

.projects_user_spotlight .slide .img_box
a {
    font-size: 12px
}

.projects_user_spotlight .slide .img_box a
strong {
    display: block
}

#collaborative_design {
    width: 100%
}

#collaborative_design
.collaborative_design_img {
    margin: 0px
auto;
    position: relative;
    display: block
}

#collaborative_design
.txt_introduccion {
    margin: 0px
0px 20px 0px
}

#collaborative_design .txt_introduccion
p {
    font-size: 18px
}

#collaborative_design .txt_introduccion
.txt_resaltado {
    font-family: 'Patua One',cursive;
    display: block;
    font-size: 24px;
    font-weight: normal;
    margin: 30px
0px 10px
}

#collaborative_design
.txt_beneficios {
    margin: 0px
0px 30px 0px
}

#collaborative_design .txt_beneficios
ul {
    margin: 0px;
    padding: 0px
}

#collaborative_design .txt_beneficios ul
li {
    list-style: none;
    padding: 0px;
    float: left;
    width: 30%;
    margin-right: 20px
}

#collaborative_design .txt_beneficios ul li
.img {
    width: 106px;
    height: 106px;
    display: block;
    margin: 0px
auto 10px;
    background: transparent url('/img/collaborative2.png') no-repeat scroll 0px 0px
}

#collaborative_design .txt_beneficios ul li.point1
.img {
    background-position: 0px 0px
}

#collaborative_design .txt_beneficios ul li.point2
.img {
    background-position: 0px -103px
}

#collaborative_design .txt_beneficios ul li.point3
.img {
    background-position: 0px -207px
}

#collaborative_design .txt_beneficios ul li
h3 {
    font-family: 'Patua One',cursive;
    font-weight: normal;
    border-bottom: 1px solid #dcdcdc;
    padding: 0px
0px 5px 0px;
    margin: 0px
0px 7px 0px
}

#collaborative_design
.txt_requisitos {
}

#collaborative_design .txt_requisitos
ul {
    margin: 20px
0px 0px 0px;
    padding: 0px
}

#collaborative_design .txt_requisitos ul
li {
    list-style: none
}

#collaborative_design .txt_requisitos ul
.step {
    position: relative;
    float: left;
    width: 45%;
    margin-right: 20px
}

#collaborative_design .txt_requisitos ul .step
span {
    background-color: #686868;
    border-radius: 41px 41px 41px 41px;
    -moz-border-radius: 41px 41px 41px 41px;
    -webkit-border-radius: 41px 41px 41px 41px;
    color: #E6E6E6;
    display: block;
    float: left;
    font-family: 'Patua One',cursive;
    font-size: 44px;
    font-weight: normal;
    height: 50px;
    line-height: 30px;
    padding: 0;
    text-align: center;
    width: 50px;
    margin: 0px
15px 0px 0px
}

#collaborative_design .txt_requisitos ul .step
div {
    width: auto;
    margin: 10px
0px 0px 0px;
    position: relative;
    float: left;
    font-size: 16px;
    width: 80%
}

#collaborative_design .txt_requisitos
.step_two {
    margin: 0px
!important
}

#collaborative_design .txt_requisitos ul .step div
ul {
    font-size: 14px
}

#collaborative_design .txt_requisitos ul .step div ul
span {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
    margin: 0px
7px 0px 0px
}

#collaborative_design .txt_requisitos ul .step div ul
p {
    font-size: 12px;
    width: 90%;
    float: left
}

.couponbox {
    position: fixed;
    bottom: 60px;
    right: -15px;
    z-index: 9999
}

.couponbox
.cbox {
    z-index: 999;
    position: relative;
    width: 450px;
    background: #393939;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -mox-border-radius: 5px;
    padding: 15px;
    padding-right: 30px;
    color: #fff
}

.couponbox .cbox a:hover {
    text-decoration: none
}

.couponbox
.cshadow {
    z-index: 222;
    width: 100px;
    height: 100px;
    background: #000;
    opacity: 0.5;
    position: absolute;
    display: block;
    right: 0px;
    bottom: -8px;
    width: 450px;
    transform: rotate(2deg);
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg)
}

.couponbox
span {
    text-align: center;
    display: block;
    line-height: 44px
}

.couponbox
.tt1 {
    font-size: 46px;
    color: #fff;
    font-weight: bold;
    margin-top: 35px
}

.couponbox
.tt2 {
    font-size: 24px;
    color: #d3d3d3;
    line-height: 30px
}

.couponbox
.coupontxt {
    font-size: 24px;
    color: #e38888;
    font-weight: bold
}

.couponbox
.close {
    position: absolute;
    top: 18px;
    right: 30px;
    color: #d3d3d3;
    font-size: 14px;
    padding-left: 22px;
    background: url(/img/close.pnh) no-repeat
}

.couponbox
.istocklogo {
    position: absolute;
    width: 94px;
    height: 38px;
    text-indent: -1000000px;
    left: 15px;
    top: 10px;
    background: url(/img/istock-logo.png) no-repeat
}

.title-not-found {
    display: block;
    background: rgba(0,0,0,0.2);
    text-align: center;
    padding: 10px
0;
    margin: 0
0 10px;
    position: relative
}

.title-not-found
h3 {
    margin: 0
0 10px;
    font-size: 24px;
    color: #000
}

.title-not-found
h4 {
    color: #fff;
    margin: 0px;
    font-size: 18px;
    font-weight: normal
}

.title-not-found h4
strong {
    font-weight: bold;
    color: #fff
}

.title-not-found.suscriptions {
    width: 950px;
    background: #2363C3;
    margin: 0
auto 10px;
    padding: 20px
20px;
    color: #fff;
    border-radius: 3px;
    text-align: left;
    position: relative;
    z-index: 1
}

.suscriptions
.adbtn {
    background: #fff;
    padding: 5px
15px;
    border-radius: 3px;
    margin-top: 10px;
    font-weight: bold;
    position: absolute;
    top: 25px;
    right: 73px;
    font-size: 18px
}

.suscriptions .adbtn:hover {
    background: #0343A3;
    color: #fff;
    text-decoration: none
}

.suscriptions
.text {
    display: block;
    font-size: 16px
}

.suscriptions
h4 {
    font-size: 32px;
    font-weight: bold
}

.jscroll-added {
    display: inline
}

.payment-register-view {
}

.blocks.table-list-purchase {
    min-height: inherit
}

.blocks.table-list-purchase
.blockFullWidth {
    width: 99.8%;
    padding: 0px;
    min-height: inherit
}

.table-list-purchase
ul {
    width: 100%;
    list-style: none;
    padding: 0px;
    margin: 0px
}

.table-list-purchase ul
li {
    width: 33.3%;
    float: left;
    text-align: left
}

.table-list-purchase ul li:last-child {
    text-align: right
}

.table-list-purchase ul.head-table {
    border-bottom: 1px solid #cdcdcd;
    height: 40px;
    background-color: #f5f5f5
}

.table-list-purchase ul.head-table
li {
    line-height: 40px;
    font-weight: bold
}

.table-list-purchase ul.head-table li
p {
    display: inline-block;
    margin: 0px
20px;
    text-align: left
}

.table-list-purchase ul.list-table
li {
    border-bottom: 1px solid #cdcdcd;
    height: 80px
}

.table-list-purchase ul.list-table li
p {
    line-height: 80px;
    margin: 0px
20px;
    font-size: 16px
}

.table-list-purchase ul li .image-list-table {
    border: 1px
solid rgba(0, 0, 0, 0.1);
    margin: 5px
20px;
    padding: 3px;
    text-align: center;
    width: 60px;
    float: left
}

.table-list-purchase ul li .title-list-table {
    font-weight: bold
}

.table-list-purchase ul li .image-list-table
img {
    width: 60px;
    height: 60px
}

.table-list-purchase ul.footer-table {
    padding: 10px
0px
}

.table-list-purchase ul.footer-table
li {
    width: 100%
}

.table-list-purchase .order-total-list-table {
    border: 2px
solid #2363c3;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    float: right;
    font-size: 18px;
    font-weight: bold;
    margin: 0
9px 10px 0;
    padding: 5px
10px;
    text-transform: uppercase
}

.table-list-purchase .order-total-list-table
span {
    margin-right: 20px
}

.payment-register-view .blocks-form-sign {
}

.payment-register-view .blocks-form-sign
.block {
    min-height: 560px
}

.payment-register-view .blocks-form-sign
h2 {
    font-size: 22px;
    color: #000
}

.blockFullWidth {
    width: 96%
}

.payment-transaction-result
.blocks {
    margin: 20px
auto 0;
    min-height: inherit;
    padding: 9px
0 0;
    width: 960px
}

@media screen and (min-width: 1480px) {
    .payment-transaction-result
.blocks {
        width: 1460px
    }
}

.messages-purchase {
    background-color: #fff;
    border: 0px
}

.messages-purchase
.thank_download {
    background: transparent
}

.message-ok .messages-purchase {
    margin-bottom: 50px
}

.liquid.exclusive-packs .messages-purchase
.thank_download {
    width: auto
}

.liquid.exclusive-packs .messages-purchase  .thank_download
.imageList {
    border: 0
none;
    display: inline-block;
    float: right;
    margin-right: 10px
}

.messages-purchase .imageList .img-holder {
    border: 1px
solid rgba(0, 0, 0, 0.1)
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-and-share {
    margin: 40px
0 0 20px;
    float: none
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-and-share
b {
    display: inline-block;
    font-family: 'Patua One',cursive;
    font-size: 38px;
    font-weight: bolder;
    margin: 0px
0px 10px 0px
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-and-share
.thank {
    font-family: 'Open Sans',sans-serif;
    color: #979797;
    font-size: 26px;
    margin: 0px
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-and-share .title-resource {
    font-size: 16px;
    font-weight: bold;
    margin: 5px
0px 0px
}

.liquid.exclusive-packs .message-error .messages-purchase .thank_download .txt-and-share .title-resource {
    white-space: normal;
    width: auto
}

.messages-purchase div [class^="freepikicon-"]:before {
    color: #e6e6e6;
    display: inline-block;
    float: left;
    font-size: 150px;
    margin-left: 50px
}

.messages-purchase div .freepikicon-robot-cancel:before {
    transform: scaleX(-1) !important;
    -moz-transform: scaleX(-1) !important;
    -webkit-transform: scaleX(-1) !important;
    -o-transform: scaleX(-1) !important
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-info {
    padding: 0px
40px;
    text-align: center
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-info .download-star {
    border-bottom: 2px solid #e6e6e6;
    color: #333;
    display: inline-block;
    font-family: 'Open Sans',sans-serif;
    font-size: 30px;
    margin: 20px
0 0;
    padding: 0
0 9px
}

.liquid.exclusive-packs .messages-purchase .thank_download .txt-info
.note {
    color: #979797;
    font-size: 12px
}

.tabs {
    clear: both
}

.tabs
ul.horizontal {
    list-style: none;
    background: transparent;
    margin: auto;
    padding: 0;
    background-color: #f5f8f9;
    position: relative
}

.tabs ul.horizontal .tabs-container {
    margin: 0
19.7%
}

.tabs ul.horizontal .tabs-container>li {
    display: inline-block;
    color: #8a8a8a;
    background-color: #e6e6e6;
    margin-top: 1px
}

.tabs ul.horizontal .tabs-container > li
a {
    font-family: 'Open Sans',sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    color: #222;
    border: 1px
solid #c2c2c2;
    border-bottom: 0;
    padding: 5px;
    margin: 0;
    padding: 15px
70px;
    display: block;
    background-color: #d8d8d8
}

.tabs ul.horizontal .tabs-container>li.active {
    background: #e6e6e6;
    position: relative
}

.tabs ul.horizontal .tabs-container > li.active
a {
    color: #fff;
    background-color: #a5adaf;
    border-color: #a5adaf
}

.tabs
a {
    text-decoration: none
}

#tab-comments {
    color: #fff;
    background-color: #a5adaf
}

#tab-comments
.comments {
    width: 1047px;
    margin: 0
auto;
    padding: 50px
0
}

.comments {
    font-family: 'Open Sans',Helvetica,Arial,Sans-serif;
    text-align: center;
}

.comments
.gr_comments_list {
    margin-top: 2em
}

.comments .gr_comments_list:empty {
    margin-top: 0
}

.new-comment {
    text-align: left
}

.comments
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    text-align: left
}

.gr_comment_waiting_approval .avatar, .gr_comment_waiting_approval .author strong, .gr_comment_waiting_approval .author .date, .gr_comment_waiting_approval
.gr_comment_msg {
    opacity: .3
}

.comments ul .comment-msg {
    position: relative;
    margin-top: 20px
}

.comments
.bouncer {
    z-index: 3
}

.comments .bouncer>div {
    background-color: #ddd
}

.comments ul .comment-msg
.avatar {
    width: 54px;
    height: 54px;
    float: left;
    position: absolute;
    top: 0;
    left: 0;
    box-shadow: 0 0 2px #adadad;
    border-radius: 100%
}

.comments ul .comment-msg .avatar
img {
    max-width: 100%;
    max-height: 100%;
    vertical-align: middle;
    display: inline-block;
    text-align: center;
    position: relative;
    top: 50%;
    border-radius: 100%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.comments ul .comment-msg .avatar .badge-admin {
    position: absolute;
    color: #2363C3;
    right: -5px;
    background-color: white;
    border-radius: 100%;
    display: block;
    width: 22px;
    height: 22px;
    bottom: -5px;
    box-shadow: 0 0px 1px #2363C3
}

.comments ul .comment-msg .avatar .badge-admin:before {
    margin: 0
}

.comments ul .comment-msg .comment-content {
    padding: 0
0 0 68px
}

.comments ul .comment-msg .comment-content
.author {
}

.comments ul .comment-msg .comment-content .author
.gr_waiting_approval_label {
    font-size: 11px;
    padding: 2px
8px;
    border-radius: 3px;
    background-color: #FDC345;
    cursor: default;
    vertical-align: middle
}

.comments ul .comment-msg .comment-content .author .user-type {
    background: #fff;
    cursor: default;
    position: absolute;
    margin-left: -33px;
    margin-top: -7px;
    text-indent: -9999px;
    border-radius: 100%;
    width: 25px;
    height: 25px;
    top: 53px
}

.comments ul .comment-msg .comment-content .author .user-type:before {
    content: '\69';
    font-family: 'Flaticon';
    font-size: 14px;
    position: absolute;
    left: 3px;
    top: 1px;
    text-indent: initial;
    color: #2363c3;
    -webkit-font-smoothing: antialiased;
    font-size: 20px
}

.comments ul .comment-msg .comment-content
.msg {
    line-height: 1.6em;
    border-bottom: 1px dotted #333
}

.comments ul .comment-msg .comment-content
strong {
    color: #2363c3
}

.comments ul .comment-msg .comment-content .reply-btn {
    font-size: 0.7em;
    background-color: #2363c3;
    color: #fff;
    border-radius: 4px;
    padding: 3px
10px;
    margin-left: 5px;
    text-decoration: none
}

.comments ul .comment-msg .comment-content .reply-btn:hover {
    background-color: #3476d9
}

.comments ul .comment-reply {
    padding-left: 68px
}

.comments ul .comment-reply button[type="submit"] {
    padding: 13px
16px;
    font-size: .9em
}

.comments ul .comment-reply button[type="submit"].gr_comments_cancel_comment_button {
    background-color: #f05f5c
}

.comments ul .comment-reply button[type="submit"].gr_comments_cancel_comment_button:hover {
    background-color: #e45a57
}

.comments ul .comment-reply
.deleteText {
    right: 15px
}

.comments ul .comment-reply
.avatar {
    margin-left: 66px
}

.comments ul .gr_comment_staff .avatar:before {
    content: '\69';
    font-family: Flaticon;
    color: #fff;
    border-radius: 100%;
    background-color: #2363C3;
    width: 18px;
    height: 18px;
    display: block;
    position: absolute;
    bottom: -4px;
    right: -4px;
    z-index: 1;
    padding-left: 2px;
    padding-top: 1px
}

.comments ul .gr_comment_staff .avatar:after {
    content: 'Staff';
    text-align: center;
    display: block;
    position: absolute;
    width: 100%;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    color: #2363c3
}

.comments ul .gr_comment_staff .comment-content .gr_comment_msg
p {
    background-color: #EDF4FF;
    padding: 1em
}

.gr_user_banned form, .gr_user_banned .reply-btn {
    display: none
}

.comments .load-comments {
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 4px;
    background-color: #a5adaf;
    font-weight: bold;
    border: none;
    cursor: pointer;
    font-size: 0.9em;
    outline: none;
    margin-top: 2em;
    position: relative
}

.comments .load-comments:hover {
    background-color: #8B989B
}

.comments .load-comments .spinner-bounce {
    width: 100%;
    height: 100%;
    background-color: #a5adaf;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    display: none
}

.comments .load-comments.active .spinner-bounce {
    display: block
}

.spinner-bounce
span {
    width: 10px;
    height: 10px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    margin-top: 9px;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.spinner-bounce span:nth-child(1) {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.spinner-bounce span:nth-child(2) {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@keyframes
bouncedelay {
    0%,80%,100% {
        transform(scale(0.0));-webkit-transform(scale(0.0))
    }

    40% {
        transform(scale(1.0));-webkit-transform(scale(1.0))
    }
}

@-webkit-keyframes
bouncedelay {
    0%,80%,100% {
        transform(scale(0.0));-webkit-transform(scale(0.0))
    }

    40% {
        transform(scale(1.0));-webkit-transform(scale(1.0))
    }
}

.add-comment {
    font-weight: bold;
    text-align: center;
    display: block
}

.add-comment:hover {
    color: #3476d9
}

.comments {
    position: relative
}

.comments
textarea {
    width: 100%;
    border-radius: 4px;
    border: 1px
solid #adadad;
    padding: 20px;
    height: 65px;
    font-size: 1em;
    resize: vertical;
    box-sizing: border-box;
    -webkit-transition: all 0.3s linear;
    transition: all 0.3s linear
}

.comments
textarea.error {
    border-color: #f05f5c
}

.comments
.deleteText {
    font-size: 24px;
    color: #adadad;
    position: absolute;
    right: 30px;
    top: 15px;
    z-index: 1
}

.comments .deleteText:hover {
    text-decoration: none
}

.comments .error-msg {
    font-size: 0.9em;
    color: #fff;
    padding: 21px
18px;
    border-radius: 4px;
    display: block;
    text-align: center;
    margin-top: -58px;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 1;
    background: #a14343;
    background: rgb(161,67,67) transparent;
    background: rgba(161,67,67,0.9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5A14343,endColorstr=#E5A14343);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5A14343,endColorstr=#E5A14343);
    zoom: 1;
    display: none
}

.comments .alert-reply {
    width: 92%;
    margin-left: 84px
}

.comments .error-msg:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 10px solid #a14343;
    opacity: 0.9;
    position: absolute;
    margin-top: 38px;
    left: 50%;
    margin-left: -5px
}

.comments .deleteText:hover {
    color: #474747
}

.comments
.replyBox {
    width: 92%;
    margin-left: 84px
}

.comments button[type="submit"] {
    background-color: #2363c3;
    color: #fff;
    border-radius: 4px;
    padding: 18px
22px;
    border: none;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    font-size: 1em
}

.comments .btn-send-reply {
    background-color: #2363c3;
    color: #fff;
    border-radius: 4px;
    padding: 16px
22px;
    text-transform: uppercase;
    border: none;
    font-weight: bold;
    margin-top: 10px;
    cursor: pointer;
    font-size: 1em;
    float: right
}

.comments button[type="submit"]:hover, .comments .btn-send-reply:hover {
    background-color: #3476d9
}

.spinner {
    width: 60px;
    height: 60px;
    display: inline-block;
    vertical-align: middle;
    background: url(/img/spinner.gif) no-repeat center;
    display: none
}

.comments-no-register {
    width: 100%;
    border-radius: 4px;
    border: 1px
solid #adadad;
    padding: 20px;
    background-color: #fff;
    color: #222;
    margin: 0;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.comments-no-register
a {
    font-weight: bold
}

.comments-no-register a:hover {
    color: #3476d9
}

.comments-banned {
    width: 100%;
    border-radius: 4px;
    border: 1px
solid #6F2020;
    padding: 20px;
    color: #fff;
    background: #a14343;
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

.disabled {
    color: #888!important
}

.comments
.waitApproved {
    padding-top: 6px;
    font-weight: 500;
    font-size: 12px;
    color: #a5b2b9
}

.fr .top-banner.top-banner-with-bg .ash1 strong, .fr .top-banner.top-banner-with-bg
.ash1 {
    font-size: 28px !important
}

.fr  .search-form
button {
    width: 138px
}

.fr .top-banner.top-banner-with-bg .search-form input[type="text"] {
    width: 558px
}

.fr#home .exclusivevectors
.tit {
    font-size: 30px !important
}

.fr.liquid.exclusive-packs .related
p {
    font-size: 16px
}

.fr .top-banner .portada-download
input {
    width: 182px
}

@media (max-width: 1150px) {
    .fr .top-banner.top-banner-with-bg
.explainhome {
        font-size: 14px
    }
}

.de .top-banner.top-banner-with-bg .ash1 strong, .de .top-banner.top-banner-with-bg
.ash1 {
    font-size: 28px !important
}

.de .top-banner.top-banner-with-bg .search-form input[type="text"] {
    width: 559px
}

.de#home .exclusivevectors
.tit {
    font-size: 30px !important
}

.de.liquid.exclusive-packs .related
p {
    font-size: 16px
}

.de .top-banner .portada-download
input {
    width: 225px
}

.de .login-form input[type="submit"] {
    width: 152px
}

.de .login-form
h2 {
    font-size: 16px
}

@media (max-width: 1150px) {
    .de .top-banner.top-banner-with-bg
.explainhome {
        font-size: 14px
    }
}

@media screen and (max-height: 800px) {
    #iframe_sponsor {
        height: 170px
    }
}

.error-msg {
    font-size: 0.9em;
    color: #fff;
    padding: 10px
18px;
    border-radius: 4px;
    display: block;
    text-align: center;
    margin-top: -80px;
    left: 0;
    position: absolute;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    z-index: 1;
    background: #a14343;
    background: rgb(161,67,67) transparent;
    background: rgba(161,67,67,0.9);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5A14343,endColorstr=#E5A14343);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#E5A14343,endColorstr=#E5A14343);
    zoom: 1;
    display: none
}

.shake {
    -webkit-animation-name: shake;
    animation-name: shake
}

.download-details .favourites.animatePulseDetail:before {
    -webkit-animation: pulseDetail .8s 2 ease-in-out;
    animation: pulseDetail .8s 2 ease-in-out
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

@-webkit-keyframes
shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@keyframes
shake {
    0%,100% {
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0)
    }

    10%,30%,50%,70%,90% {
        -webkit-transform: translate3d(-10px,0,0);
        transform: translate3d(-10px,0,0)
    }

    20%,40%,60%,80% {
        -webkit-transform: translate3d(10px, 0, 0);
        transform: translate3d(10px, 0, 0)
    }
}

@-webkit-keyframes
pulseDetail {
    0% {
        font-size: 13px;
        color: #999;
        top: 2px;
        left: 0
    }

    50% {
        font-size: 15px;
        color: rgba(209,72,54,1);
        top: 1px;
        left: -1px
    }

    100% {
        font-size: 13px;
        color: #999;
        top: 2px;
        left: 0
    }
}

@keyframes
pulseDetail {
    0% {
        font-size: 13px;
        color: #999;
        top: 2px;
        left: 0
    }

    50% {
        font-size: 15px;
        color: rgba(209,72,54,1);
        top: 1px;
        left: -1px
    }

    100% {
        font-size: 13px;
        color: #999;
        top: 2px;
        left: 0
    }
}

.search-layout
.blog {
    padding: 0
20px;
    margin-top: 30px;
    border-bottom: 1px solid #C0C0C0;
    border-top: 1px solid #C0C0C0;
    background-color: #d7d7d7;
    padding-bottom: 90px;
    margin-bottom: 30px
}

.blog {
    margin: 3em
0
}

.blog:after {
    content: '';
    display: table;
    clear: both
}

.blog .blog-title {
    text-align: center;
    display: block;
    font-size: 36px;
    font-weight: normal
}

.blog
.post {
    width: 24%;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2);
    float: left;
    height: 320px;
    overflow: hidden;
    position: relative;
    margin-right: 1.33%
}

.blog .post:after {
    content: '';
    display: block;
    width: 100%;
    position: absolute;
    height: 50px;
    bottom: 0;
    left: 0;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,0)), color-stop(85%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
    background: -o-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
    background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
    background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 85%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0 )
}

.blog .post
.preview {
    width: 100%;
    display: block
}

.blog .post .preview
img {
    display: block;
    max-width: 100%;
    border-radius: 4px 4px 0 0
}

.blog .post
.content {
    padding: 20px
}

.blog .post .content
h2 {
    margin-top: 0
}

.blog .post .content h2
a {
    color: #373737;
    text-decoration: none;
    line-height: 18px;
    font-size: 0.7em;
    display: block
}

.blog .post .content h2 a:hover {
    color: #62646c
}

.blog .post .content
p {
    color: #62646c
}

.newsletter {
    padding: 40px
20px;
    text-align: center;
    background: #0085c3;
    color: #fff;
    width: 24%;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2);
    float: left
}

.newsletter.confirm {
    background: #7fbb00
}

.newsletter .newsletter-inner {
    max-width: 600px;
    height: 240px;
    margin: auto;
    position: relative;
    overflow: hidden
}

.newsletter .newsletter-inner .newsletter-form
form {
    position: relative
}

.newsletter .newsletter-inner .newsletter-form form input[type="email"] {
    width: 100%;
    border-radius: 90px;
    margin: 0;
    padding: 22px
125px 21px 22px;
    border: none;
    font-size: 16px
}

.newsletter .newsletter-inner .newsletter-form form input[type="email"].error {
    background-color: #FFD6D5;
    color: #f05f5c
}

.newsletter .newsletter-inner .newsletter-form form
button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    float: right;
    padding: 19px
20px;
    font-size: 12px;
    border: 0;
    border-radius: 90px;
    margin-top: 20px;
    text-transform: uppercase;
    -webkit-transition: color .3s ease-out,background .3s ease-out,opacity .3s ease-out,border-color .3s ease-out;
    -moz-transition: color .3s ease-out,background .3s ease-out,opacity .3s ease-out,border-color .3s ease-out;
    transition: color .3s ease-out,background .3s ease-out,opacity .3s ease-out,border-color .3s ease-out;
    float: none;
    margin: 0;
    position: absolute;
    right: 6px;
    top: 6px;
    background-color: #286ebb;
    color: #fff;
    outline: none;
    border: none;
    cursor: pointer;
    font-weight: bold
}

.newsletter .newsletter-inner .newsletter-form form button:hover {
    background-color: #2668b1
}

.newsletter .newsletter-inner .newsletter-form form
label {
    display: block;
    text-align: left;
    margin-left: 22px;
    margin-top: 5px
}

.newsletter .newsletter-inner .newsletter-form form label
span {
    font-size: 14px
}

.newsletter .newsletter-inner .newsletter-form form
label.error {
    color: #f05f5c;
    animation: shake 1s both;
    -webkit-animation: shake 1s both
}

.newsletter .newsletter-inner .newsletter-confirm i:before {
    margin: 0;
    font-size: 80px;
    border-radius: 100%;
    border: 10px
solid;
    height: 120px;
    width: 120px;
    display: inline-block
}

.newsletter .newsletter-inner .newsletter-form, .newsletter .newsletter-inner .newsletter-confirm {
    position: absolute;
    width: 100%;
    top: 50%;
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%)
}

.newsletter .newsletter-inner .newsletter-confirm {
    top: 150%
}

.newsletter.confirm .newsletter-inner .newsletter-form {
    top: -100%
}

.newsletter.confirm .newsletter-inner .newsletter-confirm {
    top: 50%
}

.btn-blog {
    background: #2363C3;
    color: #fff;
    font-weight: bold;
    border-radius: 3px;
    font-size: 18px;
    padding: 8px
10px;
    margin: 0
auto;
    display: block;
    width: 300px;
    text-align: center
}

.search-layout .btn-blog {
    position: relative;
    top: -95px
}

.btn-blog:hover {
    background-color: #476eb7;
    text-decoration: none
}

.social-networks {
    display: inline-block;
    margin: 0;
    padding: 0;
    list-style: none
}

.social-networks.vertical {
    width: 32px
}

.social-networks::before {
    display: table;
    clear: both;
    content: ''
}

.social-networks
li {
    overflow: hidden;
    float: left;
    border-radius: 3px;
    border: #eaeaea 1px solid;
    box-sizing: border-box;
    background: white
}

.social-networks.veritcal
li {
    border: none;
    border-radius: none
}

.social-networks li
.counter {
    display: block;
    float: right;
    height: 24px;
    padding: 0
6px;
    color: #555;
    font-size: 12px;
    line-height: 24px
}

.social-networks li
a {
    overflow: hidden;
    display: block;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    cursor: pointer
}

.social-networks li a:hover {
    text-decoration: none
}

.social-networks.small li
a {
    width: 36px;
    height: 24px;
    line-height: 24px
}

.social-networks.small li a::before {
    font-size: 14px
}

.social-networks.big li
a {
    width: 44px;
    height: 44px;
    line-height: 44px
}

.social-networks li a::before {
    margin: 0;
    font-size: 16px
}

.social-networks li a.flaticon-googleplus:hover,
.social-networks.background li a.flaticon-googleplus {
    background: #db402c
}

.social-networks li a.flaticon-facebook:hover,
.social-networks.background li a.flaticon-facebook {
    background: #3b5998
}

.social-networks li a.flaticon-twitter:hover,
.social-networks.background li a.flaticon-twitter {
    background: #55acee
}

.social-networks li a.flaticon-pinterest:hover,
.social-networks.background li a.flaticon-pinterest {
    background: #C92228
}

.social-networks li a.flaticon-stumbleupon:hover,
.social-networks.background li a.flaticon-stumbleupon {
    background: #f74425
}

.social-networks li a.flaticon-googleplus:hover::before,
.social-networks li a.flaticon-facebook:hover::before,
.social-networks li a.flaticon-twitter:hover::before,
.social-networks li a.flaticon-pinterest:hover::before,
.social-networks li a.flaticon-stumbleupon:hover::before,
.social-networks.background li a.flaticon-googleplus::before,
.social-networks.background li a.flaticon-facebook::before,
.social-networks.background li a.flaticon-twitter::before,
.social-networks.background li a.flaticon-pinterest::before,
.social-networks.background li a.flaticon-stumbleupon::before {
    color: white
}

.social-networks.background li a.flaticon-googleplus:hover,
.social-networks.background li a.flaticon-facebook:hover,
.social-networks.background li a.flaticon-twitter:hover,
.social-networks.background li a.flaticon-pinterest:hover,
.social-networks.background li a.flaticon-stumbleupon:hover {
    background: white
}

.social-networks.background li a.flaticon-googleplus:hover::before,
.social-networks li a.flaticon-googleplus::before {
    color: #db402c
}

.social-networks.background li a.flaticon-facebook:hover::before,
.social-networks li a.flaticon-facebook::before {
    color: #3b5998
}

.social-networks.background li a.flaticon-twitter:hover::before,
.social-networks li a.flaticon-twitter::before {
    color: #55acee
}

.social-networks.background li a.flaticon-pinterest:hover::before,
.social-networks li a.flaticon-pinterest::before {
    color: #C92228
}

.social-networks.background li a.flaticon-stumbleupon:hover::before,
.social-networks li a.flaticon-stumbleupon::before {
    color: #f74425
}

#header .social-networks
li {
    margin: 0
3px 0 0
}

#header .social-networks li
.counter {
    border-left: #eaeaea 1px solid
}

#header .social-networks li
a {
    display: block;
    float: left;
    width: 36px;
    height: 24px;
    line-height: 24px
}

#header .social-networks li a:hover {
    text-decoration: none
}

#header .social-networks li a::before {
    font-size: 14px
}

#social-networks.social-networks {
    overflow: hidden;
    position: fixed;
    top: 140px;
    width: 44px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s
}

#social-networks.social-networks
li {
    border: none;
    border-radius: 0
}

.related .social-networks {
    margin: 0
0 0 12px;
    vertical-align: sub
}

.slide .social-networks {
    width: 133px;
    box-shadow: 0 0 100px #666
}

.slide .social-networks
li {
    border-right: 0;
    border-radius: 0
}

.slide .social-networks li:first-child {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.slide .social-networks li:last-child {
    border-right: #eaeaea 1px solid;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

iframe[name="google_conversion_frame"] {
    display: none
}

@media (max-width: 1600px) {
    #home .blog .post:nth-of-type(3) {
        display: none
    }

    #home .blog .post, #home
.newsletter {
        width: 32%
    }

    #home .blog
.post {
        margin-right: 2%
    }
}

@media (max-width: 1200px) {
    #home .blog .post:nth-of-type(2) {
        display: none
    }

    #home .blog .post, #home
.newsletter {
        width: 49%
    }

    #home .blog
.post {
        margin-right: 2%
    }
}

@media (max-width: 880px) {
    .blog .blog-title {
        font-size: 24px
    }
}

@media (max-width: 768px) {
    #home .blog .post, #home
.newsletter {
        width: 100%;
        height: auto
    }

    #home .blog
.post {
        margin-right: 0;
        margin-bottom: 1em
    }

    #home .blog .post:after {
        display: none
    }

    #home .newsletter .newsletter-inner {
        height: 210px
    }
}

@media (max-width: 1400px) {
    .search-layout .blog .post:nth-of-type(3) {
        display: none
    }

    .search-layout .blog .post, .search-layout
.newsletter {
        width: 32%
    }

    .search-layout .blog
.post {
        margin-right: 2%
    }
}

@media (max-width: 1024px) {
    .search-layout .blog .post:nth-of-type(2) {
        display: none
    }

    .search-layout .blog .post, .search-layout
.newsletter {
        width: 49%
    }

    .search-layout .blog
.post {
        margin-right: 2%
    }
}

@media (max-width: 700px) {
    .search-layout
.blog {
        padding: 0
10px
    }

    .search-layout .btn-blog {
        background-color: #fff;
        color: #2363C3
    }

    .search-layout .btn-blog:hover {
        background-color: #e1e1e1;
        color: #2363C3
    }

    .search-layout .blog .post, .search-layout
.newsletter {
        width: 100%;
        height: auto
    }

    .search-layout
.newsletter {
        padding-bottom: 80px
    }

    .search-layout .blog
.post {
        margin-right: 0;
        margin-bottom: 1em
    }

    .search-layout .blog .post:after {
        display: none
    }

    .search-layout .newsletter .newsletter-inner {
        height: 210px
    }
}

.row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.row--vertical-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.row--horizontal-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media screen and (max-width: 768px) {
    #topbar {
        display: none !important
    }
}

.layout {
    list-style: none;
    margin: 14px
10px 0 0;
    float: right;
    padding: 0;
    display: none
}

.layout
li {
    display: inline-block
}

.layout li
a {
    width: 16px;
    height: 12px;
    display: block
}

.layout li a
i {
    display: block;
    float: left;
    width: 3px;
    height: 3px;
    margin: 0
1px 1px 0;
    background-color: #666
}

.layout li
a.big {
    width: 18px;
    height: 12px
}

.layout li a.big
i {
    width: 5px;
    height: 5px
}

.layout li
a.wide {
    width: 18px;
    height: 12px
}

.layout li a.wide
i {
    width: 3px;
    height: 5px
}

.layout li a.wide i.mid-square {
    width: 5px;
    height: 5px
}

.layout li a.wide i.big-square {
    width: 9px;
    height: 5px
}

.layout li a:hover
i {
    background-color: #000
}

.layout li a.selected
i {
    background-color: #286ebb
}

.images {
    margin: 15px;
    position: relative
}

.publi-search {
    visibility: hidden;
    background-color: #d7d7d7;
    box-shadow: 0 0 1px #999;
    text-align: center;
    width: 100%;
    position: absolute;
    left: 0
}

.publi-search[style] {
    visibility: visible
}

.publi-iStock:after {
    margin-left: 337px
}

.thank_download .publi-search {
    position: relative;
    margin-top: 20px;
    display: block;
    float: left
}

.imageList .thank_download .publi-search {
    margin-top: 0;
    margin-bottom: 25px
}

.thank_download .publi-search:after {
    margin-left: 338px
}

.thank_download .img-holder
a {
    display: block;
    height: 158px
}

.votar-panel {
    padding: 10px;
    margin: 15px;
    margin-top: 10px;
    background-color: #d7d7d7;
    box-shadow: 0 0 1px #999;
    margin-bottom: 27px
}

.votar-panel .votar-panel-outer {
    width: 750px;
    min-height: 242px;
    margin: auto;
    position: relative;
    overflow: hidden
}

.votar-panel .votar-panel-inner {
    width: 100%;
    position: relative
}

.votar-panel .votar-panel-inner
form {
    width: 100%;
    padding: 0
10px;
    position: relative;
    left: 0;
    float: left;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.votar-panel .votar-panel-inner
h3 {
    font-size: 22px;
    text-align: center;
    margin: 0
}

.votar-panel .votar-panel-inner h3
span {
    display: inline-block;
    transform: rotate(-25deg);
    -webkit-transform: rotate(-25deg);
    margin-right: 10px;
    position: relative;
    top: 5px
}

.votar-panel .votar-panel-inner h3 span:before {
    font-family: Flaticon;
    font-size: 26px
}

.votar-panel .votar-panel-inner
.tagsinput {
    height: auto !important;
    min-height: 36px !important;
    padding: 8px
8px 0 8px;
    border-radius: 4px
}

.tagsinput
span.tag {
    border: none;
    border-radius: 4px;
    padding: 8px;
    padding-left: 18px;
    position: relative;
    margin-bottom: 8px
}

.tagsinput span.tag:before {
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 100%;
    background-color: #fff;
    position: absolute;
    left: 7px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.votar-panel .votar-panel-inner .tagsinput
input {
    padding: 7px
2px;
    margin-bottom: 0
}

.votar-panel .votar-panel-inner .email-holder {
    position: relative;
    margin-bottom: 5px
}

.votar-panel .votar-panel-inner .email-holder
input {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    font-size: 16px;
    padding: 13px
10px;
    border-radius: 4px;
    border: none;
    padding-right: 135px;
    border: 1px
solid #CCC
}

.votar-panel .votar-panel-inner .email-holder
button {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 16px;
    padding: 16px
14px;
    border: none;
    border-radius: 0px 4px 4px 0px;
    min-width: 120px;
    cursor: pointer;
    background: #2363C3;
    color: #fff
}

.votar-panel .votar-panel-inner
small {
    display: block;
    text-align: left;
    margin-top: 5px;
    color: #A6A6A6
}

.votar-panel .votar-panel-inner .votar-success {
    width: 100%;
    position: absolute;
    left: 100%;
    text-align: center;
    padding-top: 60px
}

.votar-panel .votar-panel-inner .votar-success
h4 {
    font-size: 42px;
    margin: 15px
}

#modalRatings {
    padding: 100px;
    width: 700px;
    margin-left: -450px;
    background: #fff url(/img/votar-pattern.jpg) repeat center
}

#modalRatings .close-reveal-modal {
    color: #fff
}

#modalRatings .votar-panel {
    background-color: #fff
}

#modalRatings .votar-panel .votar-panel-outer {
    width: 650px;
    overflow: visible
}

#modalRatings .votar-panel #ratingData
h3 {
    color: #676767;
    font-size: 19px;
    margin-bottom: 20px;
    color: #fff;
    margin: -75px 0px 55px 0px
}

.images {
    margin: 0
-6px;
    padding: 12px
}

.images::after {
    display: table;
    clear: both;
    content: ''
}

.images
.slide {
    position: relative;
    float: left;
    width: 50%;
    margin: 0
0 12px;
    padding: 0
6px;
    font-size: 13px;
    text-align: center;
    white-space: nowrap
}

.images>.slide {
    -webkit-align-self: flex-end;
    -moz-align-self: flex-end;
    -ms-align-self: flex-end;
    align-self: flex-end
}

.images .slide .img-holder {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.images .slide
.img_box {
    position: relative;
    margin: 0;
    padding-bottom: 100%;
    background-color: #d7d7d7;
    box-shadow: 0 0 1px #999;
    box-sizing: border-box;
    cursor: pointer
}

.images
.publicidad {
    position: absolute;
    top: auto;
    left: 0;
    display: block;
    width: 100%;
    margin: 0
0 12px;
    z-index: 10;
    visibility: hidden
}

.images .publicidad[style] {
    visibility: visible
}

.images .publicidad
.row {
    overflow: hidden;
    position: relative;
    padding: 1px
0;
    font-size: 0;
    white-space: nowrap
}

.images .publicidad .row
.slide {
    display: inline-block;
    float: none;
    margin: 0
}

.images .publicidad .row .slide.slide-more {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 20
}

.images .publicidad
.content {
    margin: 0
0 12px;
    padding: 0
6px
}

.images .publicidad .content
h2 {
    float: left;
    margin: 0;
    font-size: 16px
}

.images .publicidad .content
a {
    float: right;
    border-radius: 3px;
    color: white;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer
}

@media screen and (max-width: 690px) {
    .images .publicidad .content
a {
        display: none
    }
}

.images .publicidad .container-fluid {
    padding: 24px
12px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    background-color: #222;
    color: white
}

.images .publicidad .slide-more
.img_box {
    display: block;
    background-color: rgba(0, 0, 0, 1);
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 1)
}

.images .publicidad .slide-more:hover
.img_box {
    box-shadow: 0 0 0 2px rgba(0, 0, 0, 1)
}

.images .publicidad .slide-more:hover .img_box
span {
    color: #F90
}

.images .publicidad .slide-more
span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 150%;
    font-weight: bold;
    color: white
}

@media screen and (min-width: 690px) {
    .images
.slide {
        width: 33.33%
    }
}

@media screen and (min-width: 900px) {
    .images
.slide {
        width: 25%
    }
}

@media screen and (min-width: 1130px) {
    .images
.slide {
        width: 20%
    }
}

@media screen and (min-width: 1350px) {
    .images
.slide {
        width: 16.666%
    }
}

@media screen and (min-width: 1600px) {
    .images
.slide {
        width: 14.285%
    }
}

@media screen and (min-width: 1800px) {
    .images
.slide {
        width: 12.5%
    }
}

@media screen and (min-width: 2000px) {
    .images
.slide {
        width: 10%
    }
}

@media screen and (min-width: 2200px) {
    .images
.slide {
        width: 8.33%
    }
}

@media screen and (min-width: 2400px) {
    .images
.slide {
        width: 7.142%
    }
}

@media screen and (min-width: 2600px) {
    .images
.slide {
        width: 6.25%
    }
}

@media screen and (min-width: 2800px) {
    .images
.slide {
        width: 5.55%
    }
}

@media screen and (min-width: 3000px) {
    .images
.slide {
        width: 5%
    }
}

.slide.smallSlide {
    width: 150px;
    height: 150px
}

.imageSponsor .slide, .imageTop
.slide {
    width: 150px;
    height: 150px;
    background-color: #fff
}

.imageSponsor .slide
a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    overflow: hidden
}

.imageSponsor .slide a
img.preview_small {
    margin-left: -4px
}

.imageWall
.slide {
    position: absolute;
    float: none;
    margin: 0
}

.slide.slice-icon
.img_box {
    background-color: #fff
}

.img_box {
    margin-left: -4px
}

.img-holder {
    overflow: hidden
}

.justified-gallery
.img_box {
    margin: 0
}

.images .slide:hover
.img_box {
    box-shadow: 0 0 1px #222
}

.images
.helper {
    display: inline-block;
    height: 100%;
    vertical-align: middle
}

.images .slide .img-holder:not(.nextpage) img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    vertical-align: middle;
    max-height: 100%;
    max-width: 100%
}

.images .slide
.favourite {
    width: 34px;
    height: 30px;
    display: block;
    position: absolute;
    top: 18px;
    left: 10px;
    z-index: 1;
    cursor: pointer;
    opacity: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    z-index: 10
}

.images-pq .slide
.favourite {
    top: 5px;
    left: 5px;
    width: 20px;
    height: 20px
}

.images-pq .slide .favourite:before {
    font-size: 15px
}

.images .slide .favourite:before {
    content: "\35";
    color: #999;
    font-family: Flaticon;
    font-size: 20px;
    text-shadow: 0 2px 0 rgba(255,255,255,0.6), 0 -2px 0 rgba(255,255,255, 0.6), 2px 0 0 rgba(255,255,255,0.6), -2px 0 0 rgba(255,255,255,0.6)
}

.images .slide .favourite:hover:before {
    color: #eee;
    text-shadow: 0 2px 0 rgba(209,72,54,0.6), 0 -2px 0 rgba(209,72,54, 0.6), 2px 0 0 rgba(209,72,54,0.6), -2px 0 0 rgba(209,72,54,0.6)
}

.images .slide
.favourite.active {
    display: block;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.images .slide .favourite.active:before {
    color: rgba(209,72,54,1)
}

.images .slide .favourite-count {
    display: inline-block;
    margin-left: 5px;
    float: left;
    position: relative;
    padding-left: 18px
}

.images .slide .favourite-count:before {
    content: "\35";
    font-family: Flaticon;
    margin-right: 5px;
    font-size: 13px;
    position: absolute;
    left: 0;
    top: 2px
}

.animatePulse .details .favourite-count:before {
    -webkit-animation: pulse .8s 2 ease-in-out;
    animation: pulse .8s 2 ease-in-out
}

.images .slide
.date {
    float: right
}

.ribbon {
    position: absolute;
    top: 1em;
    right: -1px;
    height: 24px;
    padding: 0
12px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    background: #2196F3;
    color: white;
    font-size: 10px;
    font-weight: bold;
    text-transform: uppercase;
    line-height: 24px;
    z-index: 1
}

.images .slide:hover
.ribbon {
    opacity: .2;
    filter: alpha(opacity=20)
}

body:not(.premium) .images .slide.premium .details,
body:not(.premium) .images .slide.premium .preview::before,
body:not(.premium) .images .slide.premium .preview::after {
    display: none !important
}

.images .slide
.details {
    position: absolute;
    bottom: 0;
    left: 0;
    filter: alpha(opacity=0);
    opacity: 0;
    width: calc(100% - 12px);
    margin: 0
6px;
    padding: 1em;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    text-align: left;
    z-index: 1
}

.images-pq
.details {
    padding: 10px
5px 5px 5px
}

.images .slide:not(.premium):hover
.details {
    opacity: 1;
    filter: alpha(opacity=100)
}

.slide .details
span {
    cursor: default
}

.images .slide
.caption {
    opacity: 0 !important
}

.images .slide
.type {
    display: block;
    position: absolute;
    bottom: 10px;
    left: 10px;
    background: none;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    -ms-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

.images-pq .slide
.type {
    bottom: 5px;
    left: 5px
}

.images .slide .type:before {
    font-size: 24px;
    font-family: Flaticon;
    color: #222;
    text-shadow: 0 0 10px #fff
}

.images .slide:hover
.type {
    opacity: 0
}

.images .slide .type:before {
    text-shadow: 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff, 0 0 10px #fff;
    font-weight: bold
}

.images .slide .img-holder
a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none;
    overflow: hidden
}

.images .slide .img-holder a::before,
.images .slide .img-holder a::after {
    -webkit-transition: opacity 150ms;
    -moz-transition: opacity 150ms;
    -ms-transition: opacity 150ms;
    -o-transition: opacity 150ms;
    transition: opacity 150ms;
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.35);
    z-index: 1;
    content: ''
}

.images .slide .img-holder a::after {
    background-color: transparent;
    background-image: -webkit-linear-gradient(transparent,#222);
    background-image: linear-gradient(transparent,#222)
}

.images .slide .details
.description {
    display: block;
    margin-bottom: 5px;
    overflow: hidden
}

.images .slide .details .description.big-description {
    padding-right: 5px
}

.images .slide .details .description.big-description:after {
    content: '...'
}

.images .slide .details
.downloads {
    display: inline-block;
    float: left
}

.images .slide .details .downloads:before {
    content: "\36";
    font-family: Flaticon;
    margin-right: 5px;
    font-size: 13px
}

.images .slide[data-aspect="wide"] img {
    max-width: 100%
}

.images .slide[data-aspect="tall"] img {
    max-height: 100%;
    max-width: 100%
}

.images .slide:hover .popover-wrapper,
.images .slide:hover .favourite,
.images .slide:hover
.details {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    opacity: 1
}

.images .slide .popover-wrapper,
.images .slide .favourite,
.images .slide
.details {
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    -webkit-transition: opacity 150ms, transform 150ms;
    -moz-transition: opacity 150ms, transform 150ms;
    -ms-transition: opacity 150ms, transform 150ms;
    -o-transition: opacity 150ms, transform 150ms;
    transition: opacity 150ms, transform 150ms;
    -webkit-transition-delay: 150ms;
    -moz-transition-delay: 150ms;
    -ms-transition-delay: 150ms;
    -o-transition-delay: 150ms;
    transition-delay: 150ms;
    opacity: 0
}

.images .slide:hover .img-holder a::before,
.images .slide:hover .img-holder a::after {
    opacity: 1
}

.images.imageSponsor
.slide {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    float: none;
    width: auto;
    min-width: 160px;
    max-width: 160px;
    height: auto;
    background: none;
    margin: 0
0 12px;
    padding: 0
6px
}

.images.imageSponsor .slide
img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: auto;
    margin: 0
!important
}

.images.imageSponsor .jscroll-added {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center;
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

@media screen and (max-width: 480px) {
    .images.imageSponsor
.slide {
        -webkit-box-flex: 1;
        -moz-box-flex: 1;
        box-flex: 1;
        -webkit-flex: 1 0 50%;
        -moz-flex: 1 0 50%;
        -ms-flex: 1 0 50%;
        flex: 1 0 50%;
        width: 50%
    }
}

.spinner {
    width: 58px;
    height: 58px;
    position: absolute;
    border-radius: 10px;
    background: #fff url(/img/spinner.gif) no-repeat center;
    box-shadow: 0 0px 10px #ccc;
    left: 50%;
    top: 550px;
    margin-left: 55px;
    margin-top: -29px;
    z-index: 9999;
    display: none
}

.justified-gallery>a,.justified-gallery>div {
    position: absolute !important;
    display: inline-block;
    opacity: 0;
    filter: alpha(opacity=0)
}

.justified-gallery>a>img,.justified-gallery>div>img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    padding: 0;
    border: none
}

.justified-gallery>.entry-visible {
    opacity: 1.0;
    filter: alpha(opacity=100);
    -webkit-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -moz-animation: justified-gallery-show-entry-animation 300ms 0 ease;
    -ms-animation: justified-gallery-show-entry-animation 300ms 0 ease
}

.justify {
    float: right;
    margin: 20px
}

.justified-gallery .slide .img_box, .justified-gallery .slide .img_box .img-holder, .justified-gallery .slide .img_box .img-holder
a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-decoration: none
}

.images .slide a:hover {
    text-decoration: none
}

.imageTop .slide .img_box
.favourite {
    top: 8px;
    left: 0
}

.imageTop .slide .img_box .favourite:before {
    font-size: 18px
}

.imageTop .slide
.type {
    bottom: 5px;
    left: 5px
}

.imageTop .slide .type:before {
    font-size: 22px
}

.imageTop .slide .details .favourite-count {
    float: right
}

.imageList .slide-square:not(.slide-sidebar) .fp-premium::before,
.imageList .slide-square:not(.slide-sidebar) .fp-premium::after {
    color: #F90 !important
}

.imageExclusive {
    margin-top: 5px !important
}

.imageDownload
.helper {
    display: none
}

.imageDownload .slice-icon
.helper {
    display: inline-block
}

.imageList .slide-square .img-holder {
    padding: 3px
}

.images .slide-square
.author {
    transition: all 0.2s;
    -webkit-transition-delay: .3s;
    transition-delay: .3s;
    width: 15%;
    height: 15%;
    display: block;
    border-radius: 100%;
    position: absolute;
    bottom: 10px;
    left: 10px;
    overflow: hidden;
    background: #fff;
    box-shadow: 0 0 1px #ccc;
    overflow: visible
}

.images .slide-square:hover
.author {
    -moz-transform: translateY(-50px);
    -webkit-transform: translateY(-50px);
    transform: translateY(-50px)
}

.imageList .slide-square
.author {
    padding: 0
!important;
    margin: 0;
    line-height: normal !important
}

.imageList .slide-square
.type {
    padding: 0
!important;
    margin: 0;
    line-height: normal !important
}

.imageList .slide-square .details
.description {
    text-overflow: ellipsis;
    font-weight: normal
}

.imageList .slide-square .details
.downloads {
    font-weight: normal;
    margin: 0
}

.imageList .slide-square .details
.date {
    float: right;
    line-height: normal;
    margin: 0;
    width: auto;
    color: #fff
}

.liquid.exclusive-packs .class-nav {
    margin: 0
25px 0 0
}

.liquid.exclusive-packs .class-nav
li {
    background: none
}

.liquid.exclusive-packs .class-nav li
a {
    background: #fff;
    border-bottom: 4px solid #fff;
    color: #8a8a8a;
    font-size: 14px
}

.liquid.exclusive-packs .class-nav li a:hover {
    color: #666
}

.liquid.exclusive-packs .class-nav li.active
a {
    background: #fff;
    color: #286ebb;
    border-bottom-color: #286ebb;
    font-weight: normal
}

.images .slide
.favourite {
    top: 1em;
    left: auto;
    right: 1em;
    opacity: 1
}

.images .slide .popover-wrapper {
    position: absolute;
    top: 4.4em;
    right: 1em;
    z-index: 10
}

.images .slide .favourite,
.images .slide .popover-btn {
    width: 32px;
    height: 32px;
    box-sizing: border-box;
    border: 1px
solid white;
    border-radius: 3px;
    background: white;
    line-height: 24px
}

.images .slide:hover .favourite,
.images .slide:hover .popover-btn,
.images .slide:hover [class^="fp-"]::after {
    display: block
}

.images .slide .favourite::before,
.images .slide .popover-btn i::before {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 14px
}

.images-pq .social-networks, .images-pq .description, .images-pq
.date {
    display: none !important
}

.images-pq .favourite-count {
    float: right !important;
    margin-right: 2px
}

.slide:not(.slide-sidebar) span[class^="fp-"] {
    position: absolute;
    top: 1em;
    left: 1em;
    width: 124px;
    text-align: left;
    z-index: 20
}

.slide:not(.slide-sidebar):not(#tabs_slide) .fp-selection::before,
.slide:not(.slide-sidebar):not(#tabs_slide) .fp-premium::before {
    display: block;
    float: left;
    width: 24px;
    height: 24px;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 16px;
    text-align: center;
    line-height: 26px
}

.slide:not(.slide-sidebar) .fp-selection::after,
.slide:not(.slide-sidebar) .fp-premium::after {
    display: block;
    float: left;
    height: 24px;
    padding: 0
6px;
    border-radius: 3px;
    background: rgba(0,0,0,0.8);
    color: white;
    font-size: 12px;
    line-height: 24px
}

body:not(.premium) .slide.premium:hover .premium-overlay {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.95);
    z-index: 10
}

body:not(.premium) .slide.premium:hover .premium-overlay
p {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 2em;
    box-sizing: border-box;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #222;
    font-size: 130%;
    white-space: normal
}

.slide .premium-overlay {
    opacity: 0
}

.slide.premium .premium-overlay
.btn {
    display: inline-block;
    height: 32px;
    margin: 12px
0 0 0;
    padding: 0
12px;
    border-radius: 3px;
    background: #2363C3;
    color: white;
    font-weight: bold !important;
    text-transform: uppercase;
    line-height: 32px
}

.popover-wrapper {
    position: relative;
    padding-left: 6px
}

.popover-btn {
    border: none;
    background: none
}

.popover-btn
i {
    position: absolute;
    top: 50%;
    height: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    transform: translateY(-50%)
}

.popover-content {
    position: absolute;
    top: 0;
    right: 100%;
    display: none
}

.popover-wrapper:hover .popover-content {
    display: block
}

.popover-wrapper.active .popover-content {
    display: block
}

@-webkit-keyframes
pulse {
    0% {
        font-size: 13px;
        color: #fff;
        top: 2px;
        left: 0
    }

    50% {
        font-size: 15px;
        color: rgba(209,72,54,1);
        top: 1px;
        left: -1px
    }

    100% {
        font-size: 13px;
        color: #fff;
        top: 2px;
        left: 0
    }
}

@keyframes
pulse {
    0% {
        font-size: 13px;
        color: #fff;
        top: 2px;
        left: 0
    }

    50% {
        font-size: 15px;
        color: rgba(209,72,54,1);
        top: 1px;
        left: -1px
    }

    100% {
        font-size: 13px;
        color: #fff;
        top: 2px;
        left: 0
    }
}

.ui-helper-hidden {
    display: none
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px)
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.ui-helper-clearfix {
    display: inline-block
}/*\*/* html .ui-helper-clearfix {
    height: 1%
}

.ui-helper-clearfix {
    display: block
}/**/.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0)
}

.ui-state-disabled {
    cursor: default !important
}

.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat
}

.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.ui-autocomplete {
    position: absolute;
    cursor: default
}

* html .ui-autocomplete {
    width: 1px
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    float: left
}

.ui-menu .ui-menu {
    margin-top: -3px
}

.ui-menu .ui-menu-item {
    margin: 0;
    padding: 0;
    zoom: 1;
    float: left;
    clear: left;
    width: 100%
}

.ui-menu .ui-menu-item
a {
    text-decoration: none;
    display: block;
    padding: 5px
15px;
    line-height: 1.5;
    zoom: 1;
    color: #2363C3
}

.ui-menu .ui-menu-item a:hover, .ui-menu .ui-menu-item.ui-state-focus {
    color: #fff
}

.ui-menu .ui-menu-item a:hover strong, .ui-menu .ui-menu-item.ui-state-focus
strong {
    color: #fff
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
    font-weight: normal
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    background: #2363C3;
    font-weight: normal;
    color: #fff !important;
    cursor: pointer
}

.ui-state-hover a, .ui-state-hover a:hover {
    color: #212121;
    text-decoration: none
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none
}

.ui-autocomplete {
    background: #fff;
    border: 1px
solid #ccc;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.80);
    -webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.03);
    z-index: 999999 !important
}

.ui-menu-item {
    cursor: pointer
}

@font-face {
    font-family:'Flaticon';src:url('/fonts/iconfont.eot');src:url('/fonts/iconfont.eot?#iefix') format('embedded-opentype'),
url('/fonts/iconfont.woff') format('woff'),
url('/fonts/iconfont.ttf') format('truetype'),
url('/fonts/iconfont.svg#Flaticon') format('svg');font-weight:normal;font-style:normal
}

[class^="fi-"]:before, [class*=" fi-"]:before,
[class^="fi-"]:after, [class*=" fi-"]:after,
[class^="freepikicon-"]:before, [class*=" freepikicon-"]:before,
[class^="freepikicon-"]:after, [class*=" freepikicon-"]:after,
[class^="icon-"]:before, [class*=" icon-"]:before,
[class^="icon-"]:after, [class*=" icon-"]:after,
[class^="flaticon-"]:before, [class*=" flaticon-"]:before,
[class^="flaticon-"]:after, [class*=" flaticon-"]:after {
    font-family: Flaticon;
    font-size: 20px;
    font-style: normal;
    margin-left: 20px
}

.flaticon-upload:before,.freepikicon-upload:before,.fi-upload2:before {
    content: "\30"
}

.flaticon-twitter:before,.freepikicon-twitter:before,.freepikicon-soc-twitter:before {
    content: "\31"
}

.flaticon-facebook:before,.freepikicon-facebook1:before,.freepikicon-soc-facebook:before {
    content: "\32"
}

.flaticon-googleplus:before,.freepikicon-googleplus:before,.freepikicon-soc-google:before {
    content: "\33"
}

.flaticon-stumbleupon:before,.freepikicon-soc-stumbleupon:before {
    content: "\34"
}

.flaticon-heart:before {
    content: "\35"
}

.flaticon-download:before,.fi-downloadfile3:before {
    content: "\36"
}

.flaticon-icon:before,.type_icon:before {
    content: "\37"
}

.flaticon-photo:before,.type_photo:before {
    content: "\38"
}

.flaticon-psd:before,.type_psd:before {
    content: "\39"
}

.flaticon-vector:before,.type_vector:before {
    content: "\3a"
}

.flaticon-bug:before {
    content: "\3b"
}

.flaticon-eye:before {
    content: "\3c"
}

.flaticon-download2:before {
    content: "\3d"
}

.flaticon-file:before {
    content: "\3e"
}

.flaticon-tag:before {
    content: "\3f"
}

.flaticon-help:before,.flaticon-float:before {
    content: "\40"
}

.flaticon-speak:before,.flaticon-chat3:before {
    content: "\41"
}

.flaticon-search:before,.flaticon-search19:before {
    content: "\42"
}

.flaticon-happy:before,.freepikicon-smile-alegre:before {
    content: "\43"
}

.flaticon-neutral:before,.freepikicon-smile-neutral:before {
    content: "\44"
}

.flaticon-sad:before,.freepikicon-smile-triste:before {
    content: "\45"
}

.flaticon-mac:before,.flaticon-apple19:before {
    content: "\46"
}

.flaticon-windows:before,.flaticon-windows13:before {
    content: "\47"
}

.flaticon-clock:before,.freepikicon-watch:before {
    content: "\48"
}

.flaticon-screenbrush:before {
    content: "\49"
}

.flaticon-suitcase:before {
    content: "\4a"
}

.flaticon-mantime:before {
    content: "\4b"
}

.flaticon-magnifiercheck:before {
    content: "\4c"
}

.flaticon-brainwheel:before {
    content: "\4d"
}

.flaticon-user:before,.fi-user:before {
    content: "\4e"
}

.flaticon-secureclose:before,.fi-secure-closed:before {
    content: "\4f"
}

.flaticon-secureopen:before {
    content: "\50"
}

.flaticon-bell:before,.fi-alarm:before {
    content: "\51"
}

.flaticon-archive:before,.fi-archive:before {
    content: "\52"
}

.flaticon-star:before,.fi-star:before {
    content: "\53"
}

.flaticon-stats:before,.fi-stats1:before {
    content: "\54"
}

.flaticon-megaphone:before,.votar-megaphone8:before {
    content: "\55"
}

.flaticon-pinterest:before,.freepikicon-soc-pinterest:before {
    content: "\56"
}

.flaticon-check:before {
    content: "\57"
}

.flaticon-freepik:before {
    content: "\58"
}

.flaticon-freepik2:before {
    content: "\59"
}

.flaticon-earth:before {
    content: "\5a"
}

.flaticon-link:before {
    content: "\5b"
}

.flaticon-power:before {
    content: "\5c"
}

.flaticon-stats2:before {
    content: "\5d"
}

.flaticon-creditcard:before {
    content: "\5e"
}

.flaticon-folder:before {
    content: "\5f"
}

.flaticon-grave:before {
    content: "\60"
}

.flaticon-behance:before {
    content: "\61"
}

.flaticon-dribbble:before {
    content: "\62"
}

.flaticon-behancerounded:before {
    content: "\63"
}

.flaticon-dribbblerounded:before {
    content: "\64"
}

.flaticon-facebookrounded:before {
    content: "\65"
}

.flaticon-googlerounded:before {
    content: "\66"
}

.flaticon-pinterestrounded:before {
    content: "\67"
}

.flaticon-twitterrounded:before {
    content: "\68"
}

.flaticon-freepik3:before,.freepikicon-freepik:before {
    content: "\69"
}

.flaticon-location:before {
    content: "\6a"
}

.flaticon-gravatar:before {
    content: "\6b"
}

.flaticon-close:before {
    content: "\6c"
}

.flaticon-exclamation:before {
    content: "\6d"
}

.flaticon-wheel:before {
    content: "\6e"
}

.flaticon-login:before {
    content: "\6f"
}

.flaticon-logout:before,.fi-logout:before {
    content: "\70"
}

.flaticon-envelope:before {
    content: "\71"
}

.flaticon-uploadfolder:before {
    content: "\72"
}

.flaticon-share:before {
    content: "\73"
}

.flaticon-arrowback:before {
    content: "\74"
}

.flaticon-badge:before {
    content: "\75"
}

.flaticon-paypal:before {
    content: "\76"
}

.flaticon-stripe:before {
    content: "\77"
}

.flaticon-copy:before {
    content: "\78"
}

.flaticon-html:before {
    content: "\79"
}

.flaticon-fullscreen:before {
    content: "\7a"
}

.flaticon-speaker:before {
    content: "\7b"
}

.flaticon-money:before {
    content: "\7c"
}

.flaticon-info:before {
    content: "\7d"
}

.flaticon-users:before {
    content: "\7e"
}

.flaticon-bin:before {
    content: "\c4"
}

.flaticon-filter:before {
    content: "\c5"
}

.flaticon-selection:before {
    content: "\c7"
}

.flaticon-premium:before {
    content: "\c9"
}

.flaticon-logo:before,.flaticon-flaticon:before {
    content: "\d1"
}

.flaticon-flame:before {
    content: "\d6"
}

.flaticon-collections:before {
    content: "\dc"
}

.flaticon-youtube:before {
    content: "\e1"
}

.flaticon-instagram:before {
    content: "\e0"
}

.flaticon-vimeo:before {
    content: "\e2"
}

.flaticon-linkedin:before {
    content: "\e4"
}

.flaticon-instagramrounded:before {
    content: "\e3"
}

.flaticon-vimeorounded:before {
    content: "\e5"
}

.flaticon-youtuberounded:before {
    content: "\e7"
}

.flaticon-likedinrounded:before {
    content: "\e9"
}

.cookies-alert {
    text-align: center;
    background-color: #efefef;
    color: #333;
    padding: 5px;
    position: relative;
    overflow: hidden
}

.cookies-alert:empty {
    padding: 0
}

.cookies-alert
p {
    margin: 0;
    padding-right: 30px
}

.cookies-alert
a {
    text-decoration: none
}

.cookies-alert .close-cookies {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    display: block;
    background-color: #f05f5c;
    color: #fff;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.cookies-alert .close-cookies:hover {
    background-color: #DB423F
}

.banner-holder>div {
    text-align: center;
    background-color: #2363C3;
    color: #fff;
    padding: 5px;
    position: relative;
    overflow: hidden
}

.banner-holder>div:empty {
    padding: 0
}

.banner-holder > div
p {
    margin: 0;
    padding-right: 30px
}

.banner-holder > div
a {
    color: white;
    text-decoration: none
}

.banner-holder > div .close-banner {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 20px;
    height: 20px;
    display: block;
    background-color: #f05f5c;
    color: #fff;
    border-radius: 100%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.banner-holder > div .close-banner:before {
    content: '\d7'
}

.banner-holder > div .close-banner:hover {
    background-color: #DB423F
}

.banner-holder .banner-crehana {
    background: url(/img/bg-crehana.jpg) no-repeat;
    background-size: cover;
    color: #fff
}

.banner-holder .banner-crehana
p {
    margin-bottom: 5px
}

.banner-holder .banner-crehana
a.btn {
    text-decoration: none;
    background-color: #35DF86;
    color: #fff;
    padding: 2px
12px;
    text-transform: uppercase;
    border-radius: 3px;
    font-size: 12px;
    font-weight: bold !important
}

.banner-holder .banner-crehana a.btn:hover {
    background-color: #19BF69
}

.banner-holder .banner-crehana .close-banner {
    color: #000;
    background-color: #fff
}

.banner-holder .banner-crehana .close-banner:hover {
    background-color: #e1e1e1
}

#header {
    padding: 0
10px;
    position: relative;
    width: 1027px;
    margin: 0
auto;
    z-index: 5;
    background-color: #fff;
    height: 56px
}

.fullwidth
#header {
    width: auto
}

.top-bar {
    background: #fff;
    padding: 0
9999px 0;
    margin: 0px
-9999px;
    border-bottom: 1px solid #E7E7E7;
    z-index: 3
}

.fullwidth.freepik .top-bar {
    padding: 0px;
    margin: 0px
}

.logo {
    float: left;
    width: 156px;
    height: 41px;
    text-indent: -9999px;
    overflow: hidden;
    background: url(/img/logo.png) no-repeat;
    margin: 8px
15px 0 7px
}

#home .logo,
#e404
.logo {
    margin: -7px 15px 0 7px
}

.logo
a {
    display: block;
    height: 100%
}

.fullwidth
.logo {
    margin-left: -2px
}

.tabs-block {
    float: left
}

.todos-btn:hover {
    color: #111;
    border: 1px
solid #aaa
}

.todos-btn:after {
    position: absolute;
    left: 5px;
    top: 18px;
    width: 10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #999;
    display: none
}

.todos-btn
span {
    width: 17px;
    height: 3px;
    background-color: #999;
    display: block;
    margin: 3px
auto;
    border-radius: 20px
}

.todos-btn>strong {
    display: block;
    font-size: 18px;
    line-height: 18px
}

.tabs-block
.slide {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border: 1px
solid #bcbcbc;
    position: absolute;
    top: 57px;
    left: 169px;
    padding: 14px
10px 25px 0px;
    background: none repeat scroll 0 0 #F7F7F7;
    box-shadow: 0 5px 8px rgba(0,0,0,0.25);
    z-index: 99;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s
}

@-webkit-keyframes
fadeIn {
    from {
        opacity: 0;
        top: 80px
    }

    to {
        opacity: 1;
        top: 57px
    }
}

@keyframes
fadeIn {
    from {
        opacity: 0;
        top: 80px
    }

    to {
        opacity: 1;
        top: 57px
    }
}

#list .tabs-block
.slide {
    left: 194px
}

#detail-exclusive .tabs-block .slide,
#detail .tabs-block .slide,
#generic .tabs-block .slide,
#text .tabs-block
.slide {
    left: 188px
}

.tabs-block .slide:after {
    background: url(/img/shadow-tabs.png) repeat-y;
    width: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 142px;
    content: ""
}

.tabs-block.active .todos-btn {
    color: #3e7ad5;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset;
    background: rgba(237,237,237,1);
    background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(237,237,237,1)), color-stop(53%, rgba(246,246,246,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(237,237,237,1) 0%, rgba(246,246,246,1) 53%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2)
}

.tabs-block.active .todos-btn:after {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #999;
    border-top: 0
}

.tabset {
    text-shadow: 2px 2px 2px #fff;
    line-height: 20px;
    font-size: 16px;
    padding: 0;
    margin: 1px
35px 0 0;
    list-style: none;
    float: left;
    width: 142px
}

.tabset
a {
    padding: 0
0 0 26px;
    display: block;
    position: relative;
    cursor: pointer
}

.tabset a:not(.fp-selection):not(.fp-premium) {
    color: #2f2f2f
}

.tabset
a.active {
    font-weight: bold
}

.tabset a.active:not(.fp-selection):not(.fp-premium) {
    color: #476eb7
}

.tabset a:hover {
    text-decoration: none
}

.tabset a:hover:after,
.tabset a.active:after {
    position: absolute;
    top: 15px;
    right: 8px;
    content: "";
    width: 11px;
    background: url(/img/sprite.png) -46px -585px no-repeat;
    height: 12px
}

.tabset
li {
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

.tabset li
a {
    padding: 9px
38px
}

.tabset li a.photo:hover:after, .tabset li a.premium:hover:after, .tabset li a.templates:hover:after {
    content: '';
    background: none
}

.tabset .vector,.tabset .psd,.tabset .photo,.tabset .icons,.tabset .premium,.tabset
.templates {
    background: url('/img/sprite.png?224') no-repeat
}

.tabset
.vector {
    background-position: -175px -658px
}

.tabset
.vector.active {
    background-position: 10px -253px
}

.tabset
.psd {
    background-position: -174px -408px
}

.tabset
.psd.active {
    background-position: 10px -408px
}

.tabset
.photo {
    background-position: 9px -724px
}

.tabset
.photo.active {
    background-position: 9px -834px
}

.tabset
.icons {
    background-position: -174px -722px
}

.tabset
.icons.active {
    background-position: 10px -493px
}

.tabset
.premium {
    background-position: 10px -785px
}

.tabset
.premium.active {
    background-position: -173px -254px
}

.tabset
.templates {
    background-position: 10px -1073px
}

.tabset
.templates.active {
    background-position: -173px -1073px
}

.tab-col {
    float: left
}

.tab-col-right {
    float: right;
    position: relative;
    z-index: 10;
    width: 300px;
    margin: 8px
0 0
}

.tab-content .tab-col-right
.popular {
    font-size: 16px;
    line-height: 18px
}

.tab-content {
    float: left
}

.tab {
    position: relative
}

.tab:after {
    content: '';
    display: block;
    clear: both
}

.visual-tab {
    z-index: 6;
    position: absolute;
    bottom: -36px;
    right: -96px
}

.title-tab {
    color: #476eb7;
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 0
0 5px
}

.tab-content
.popular {
    color: #779bd8;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px
}

.add-nav {
    margin: 18px
0 0 -50px;
    overflow: hidden
}

.add-nav
ul {
    width: 155px;
    padding: 0;
    margin: -4px 0 0 51px;
    list-style: none;
    float: left
}

.add-nav
a {
    color: #2f2f2f
}

.add-nav a:hover {
    color: #476eb7
}

.search-form {
    float: left;
    margin: 0
37px 0 1px
}

.fullwidth .search-form {
    margin: 0
10px 0 -2px
}

.top-bar .search-form {
    margin: 8px
10px 8px 64px
}

#home .top-bar .search-form {
    margin: -6px 10px 0 -2px
}

.search-form input[type="text"] {
    float: left;
    margin: 0;
    border: none;
    width: 290px;
    padding: 10px
14px;
    margin-right: 100px;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    height: 19px;
    outline: none;
    background: transparent
}

.es .top-bar .search-form input[type="text"] {
    width: 250px
}

.fullwidth .search-form input[type="text"] {
    width: 400px
}

@media (max-width: 1280px) {
    .fullwidth .search-form input[type="text"] {
        width: 300px
    }
}

.search-form
.content {
    position: relative;
    float: left;
    height: 41px;
    background: #eee;
    box-sizing: border-box;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset
}

.search-form .content::after {
    display: block;
    clear: both;
    content: ''
}

.search-form .select-menu {
    position: absolute;
    top: 50%;
    right: 0;
    overflow: hidden;
    width: 100px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.search-form .select-menu::after {
    position: absolute;
    top: 50%;
    right: 10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 5px 0 5px;
    border-color: #222 transparent transparent transparent;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    content: ''
}

.search-form .select-menu
select {
    -webkit-appearance: none;
    appearance: none;
    position: relative;
    z-index: 1;
    width: 110px;
    height: 41px;
    padding-left: 16px;
    border: none;
    border-left: 1px solid #ddd;
    border-radius: 0;
    background: transparent;
    outline: none;
    line-height: 41px
}

.search-form
button {
    float: left;
    width: 113px;
    height: 41px;
    border: none;
    padding: 1px
0 3px;
    margin: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 0px 3px 3px 0px;
    background: #2363C3
}

.search-form button:hover {
    background-color: #476eb7
}

.search-form button
span {
    display: inline-block;
    padding: 0
10px 0 23px;
    background: url(/img/sprite.png) no-repeat 0 3px
}

#usermenu {
    background: none repeat scroll 0 0 #FFF;
    border-left: 4px solid #739CDA;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
    color: #656565;
    cursor: pointer;
    display: block;
    font-size: 1.55em;
    font-weight: normal;
    margin: 0
auto;
    padding: 13px
16px;
    position: relative;
    transition: all 0.15s linear 0s;
    width: 266px
}

.user-menu li.user-dropdown {
    padding-right: 0px
}

.user-menu .freepikicon-upload:before {
    color: #286ebb
}

.user-dropdown .user-avat {
    display: block;
    float: left;
    margin-left: 5px;
    background: #888;
    border-radius: 3px 3px 3px 3px;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    padding: 2px;
    position: relative
}

.user-dropdown:hover .user-avat {
    background: rgba(164,195,244,1);
    background: -moz-linear-gradient(top, rgba(164,195,244,1) 0%, rgba(60,124,221,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(164,195,244,1)), color-stop(100%, rgba(60,124,221,1)));
    background: -webkit-linear-gradient(top, rgba(164,195,244,1) 0%, rgba(60,124,221,1) 100%);
    background: -o-linear-gradient(top, rgba(164,195,244,1) 0%, rgba(60,124,221,1) 100%);
    background: -ms-linear-gradient(top, rgba(164,195,244,1) 0%, rgba(60,124,221,1) 100%);
    background: linear-gradient(to bottom, rgba(164,195,244,1) 0%, rgba(60,124,221,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c3f4', endColorstr='#3c7cdd', GradientType=0 )
}

.user-dropdown .user-avat
.icodrop {
    display: block;
    float: left;
    background: url("/img/sprite_perfil.png") no-repeat -4px -418px;
    height: 26px;
    margin-left: 6px;
    width: 19px
}

.user-dropdown .user-avat
img {
    float: left;
    padding: 2px;
    background: #fff
}

.user-dropdown
.username {
    float: left;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.user-dropdown.premium
.username {
    min-width: 50px;
    text-align: right
}

.user-dropdown
ul {
    background: #f2f2f2;
    padding: 0px
0px;
    list-style: none;
    border: 1px
solid #CDCDCD;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4);
    border: #7F7F7F solid 1px
}

.user-dropdown
.space {
    display: none;
    padding-top: 40px;
    position: absolute;
    top: 1px;
    right: -10px;
    z-index: 10
}

.user-dropdown:hover
.space {
    display: block
}

.user-dropdown ul:after,
.user-dropdown ul:before {
    content: "";
    position: absolute;
    top: 33px;
    right: 14px;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #f2f2f2 transparent;
    display: block;
    width: 0;
    z-index: 1
}

.user-dropdown  ul:before {
    top: 32px;
    border-color: #7F7F7F transparent;
    z-index: 0
}

.user-dropdown  ul li
a {
    font-size: 12px;
    text-decoration: none;
    padding: 5px
10px;
    color: #333
}

.user-dropdown  ul li a:hover {
    background: #fff;
    color: #000
}

.user-dropdown ul
li {
    width: 160px;
    border-top: 1px solid #ddd;
    line-height: 18px
}

.user-dropdown  ul li:first-child {
    border-top: none
}

.user-dropdown  ul li:first-child
a {
    border-top: none;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px
}

.user-dropdown  ul li:last-child
a {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px
}

.user-dropdown  ul li .ico-user {
    float: right;
    position: relative;
    top: -2px
}

.ico-user {
    width: 22px;
    height: 20px;
    background: url("/img/sprite.png") no-repeat -185px -397px;
    display: inline-block
}

.ico-user.md,.ico-user.mf,.ico-user.in,.ico-user.st,.ico-user.so,.ico-user.su,.ico-user.co,.ico-user.sup {
    background: transparent url('/img/sprite_perfil.png') no-repeat -4px -418px
}

.ico-user.md {
    background-position: -2px -447px
}

.ico-user.mf {
    background-position: -29px -447px
}

.ico-user.in {
    background-position: -59px -447px
}

.ico-user.st {
    background-position: -87px -447px
}

.ico-user.so {
    background-position: -138px -447px
}

.ico-user.su {
    background-position: -2px -469px
}

.ico-user.co {
    background-position: -28px -470px
}

.ico-user.sup {
    background-position: -60px -470px
}

.ico-filter {
    background: url("/img/sprite.png") no-repeat -190px -28px;
    display: inline-block;
    height: 9px;
    width: 11px;
    margin-right: 3px
}

.user-menu {
    float: right;
    margin: 12px
1px 0 0;
    padding: 0;
    list-style: none
}

#home .user-menu, #e404 .user-menu {
    margin: 0
1px 0 0
}

.fullwidth .user-menu {
    margin-right: 6px
}

.user-menu>li {
    display: inline-block;
    vertical-align: middle;
    padding: 0
6px 0 9px;
    line-height: 31px
}

.user-menu
a {
    display: block;
    color: #000
}

.user-menu a:hover {
    text-decoration: none;
    color: #476EB7
}

.user-menu a.freepikicon-upload:before {
    font-size: 1em;
    margin-right: 3px;
    margin-left: 0
}

.user-menu
a.favorites {
    padding-left: 23px;
    background: url(/img/sprite.png) no-repeat -180px 2px
}

.user-menu
.btn {
    border: 1px
solid #1D60C0;
    padding: 4px
10px;
    margin: 0
0 -2px -5px;
    font-size: 14px;
    font-weight: bold;
    color: #dfeafd;
    text-shadow: 0 -1px 0 #2650a5;
    border-radius: 3px;
    background: #1d60c0
}

.user-menu .btn:hover {
    background: #476EB7;
    color: #fff
}

#social-footer:after {
    content: '';
    display: table;
    clear: both
}

#social-footer
ul {
    list-style: none;
    padding: 0;
    margin: 0
}

#social-footer ul
li {
    float: left;
    width: 33.3333%;
    text-align: center
}

#social-footer ul li
a {
    display: block;
    color: #fff;
    font-size: 2em;
    padding: 10px;
    text-decoration: none
}

#social-footer ul li:nth-of-type(1) {
    background: #55acee
}

#social-footer ul li:nth-of-type(1):hover {
    background: #4B9CDA
}

#social-footer ul li:nth-of-type(2) {
    background: #3b5998
}

#social-footer ul li:nth-of-type(2):hover {
    background: #2A447B
}

#social-footer ul li:nth-of-type(3) {
    background: #d34836
}

#social-footer ul li:nth-of-type(3):hover {
    background: #B33524
}

#social-footer ul li a
span {
    display: block
}

#social-footer ul li a span:before {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    line-height: 1em
}

#social-footer ul li a span.freepikicon-twitter:before {
    font-size: 1.3em;
    margin-top: 6px
}

#social-footer ul li a span.freepikicon-facebook1:before {
    font-size: 1.55em
}

#social-footer ul li a span.freepikicon-googleplus:before {
    font-size: 1.47em;
    margin-top: 2px
}

#account #social-footer ul li a span.freepikicon-twitter:before {
    margin-top: 20px
}

#account #social-footer ul li a span.freepikicon-facebook1:before {
    margin-top: 20px
}

#account #social-footer ul li a span.freepikicon-googleplus:before {
    margin-top: 22px
}

#social-footer ul li a span.social-icon {
    display: inline-block
}

#social-footer ul li a
.right {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px
}

#social-footer ul li a
span.name {
    font-size: .5em;
    display: block;
    font-weight: bold
}

#social-footer ul li a
span.counter {
    font-size: .5em;
    padding: 2px
10px;
    border-radius: 4px;
    display: block;
    background-color: #333;
    background: rgba(0,0,0,0.3)
}

#footer {
    background: #fff;
    width: 100%;
    position: relative
}

.footer-holder {
    padding: 27px
18px 72px 28px;
    overflow: hidden;
    width: 1001px;
    margin: 0
auto
}

.fullwidth .footer-holder {
    width: auto;
    padding: 27px
54px 72px 35px
}

#footer
.counter {
    float: right;
    background: #1450AB;
    border-radius: 5px;
    width: auto;
    margin: 1px
0 0 10px
}

.fullwidth #footer
.counter {
    margin-top: 11px
}

.counter
.number {
    background: #4b4b4b url(/img/bg-counter.gif);
    border-radius: 5px;
    border-top: 2px solid #242424;
    text-align: center;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative
}

.counter .number:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27px;
    background: url(/img/shadow-counter.png);
    content: ""
}

.counter .number
span {
    display: inline-block;
    vertical-align: top;
    font: bold 36px/54px 'Open Sans', sans-serif;
    color: #efefef;
    padding: 0
7px;
    border-left: 1px solid #2d2d2d;
    position: relative
}

.counter .number span:first-child {
    border: none
}

.counter .number span:after {
    width: 5px;
    height: 6px;
    background: url(/img/sprite.png) no-repeat 0 -42px;
    content: "";
    position: absolute;
    top: 24px;
    left: -3px
}

.counter .number span:first-child:after {
    display: none
}

.counter
.text {
    display: block;
    background: #2363C3;
    text-align: center;
    border-radius: 0 0 5px 5px;
    font-size: 11px;
    color: #efefef;
    padding: 4px
2px 5px;
    letter-spacing: 1px
}

#footer
.inner {
    overflow: hidden
}

#footer
.logo {
    margin: 0
15px 6px 0;
    width: 135px;
    height: 35px;
    background-image: url(/img/logo-footer.png);
    display: inline-block;
    vertical-align: middle;
    float: none
}

.logo-holder {
    margin-bottom: 2px
}

.slogan {
    display: inline-block;
    vertical-align: middle;
    color: #6d6d6d
}

#footer
.nav {
    margin: 0
0 10px;
    padding: 0;
    list-style: none;
    overflow: hidden
}

#footer .nav
li {
    display: block;
    margin-right: 8px;
    font-size: 13px;
    float: left;
    width: 250px;
    margin-bottom: 5px
}

#footer .nav li:before {
    display: inline-block;
    vertical-align: top;
    color: #ddd;
    width: 15px
}

#footer .nav li:first-child:before {
    display: none
}

#footer .nav li
a {
    color: #626262
}

.copyright {
    font-size: 12px;
    color: #a6a6a6;
    margin: 0
}

.span-24 {
    margin: 0
}

.span-24
p {
    margin: -15px 0 15px 0
}

#detail .span-24
p {
    margin: 0px
}

.apopular {
    background-color: #FFF;
    border-radius: 3px;
    display: table;
    font-size: 13px;
    margin: 0
auto 0 10px;
    padding: 3px
8px;
    z-index: 1;
    position: relative;
    clear: left
}

.apopular-absolute {
    position: absolute;
    margin-top: -40px
}

#form_valuation {
}

.form_valuation_cl {
    display: block;
    width: 237px;
    height: auto;
    padding: 7px
7px 10px 7px;
    background-color: #2363C3;
    color: #fff;
    -moz-border-radius: 7px 0px 0px 7px;
    -webkit-border-radius: 7px 0px 0px 7px;
    border-radius: 7px 0px 0px 7px;
    position: fixed;
    right: -252px;
    top: 458px;
    z-index: 30
}

.form_valuation_cl
.open_panel_cl {
    cursor: pointer;
    display: block;
    width: 19px;
    height: 21px;
    position: absolute;
    left: -22px;
    border-radius: 5px;
    line-height: 16px;
    background: #2363C3;
    padding-left: 7px;
    font-size: 20px;
    font-weight: bold;
    padding-top: 3px;
    top: 4px;
    text-shadow: 0px 1px 0px white
}

.form_valuation_cl
.valuation_panel_cl {
}

.form_valuation_cl .valuation_panel_cl
.val_check_cl {
    cursor: pointer;
    font-size: 11px;
    color: #1F425E;
    text-align: center;
    display: block;
    float: left;
    height: 18px;
    width: 17px;
    background-color: rgba(255,255,255,0.7) !important;
    padding: 1px;
    margin-right: 2px;
    margin-top: 5px
}

.form_valuation_cl .valuation_panel_cl .val_check_cl:hover {
    background-color: #fff !important;
    color: #000
}

.form_valuation_cl .valuation_panel_cl
.valuation_text_cl {
    font-size: 12px;
    font-family: 'Open Sans';
    padding: 5px;
    width: 225px;
    background: none repeat scroll 0 0 #EEE;
    border: 1px
solid #DDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset
}

#valuation_text {
    resize: vertical
}

#valuation_text {
    outline: #003D70
}

.valuation_panel_cl
#emailCmt {
    font-size: 12px;
    font-family: 'Open Sans';
    padding: 5px;
    width: 225px;
    background: none repeat scroll 0 0 #EEE;
    border: 1px
solid #DDD;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1) inset
}

.form_valuation_cl .valuation_panel_cl .cmd_clear
.bton_cancel_cl {
    cursor: pointer;
    float: left;
    padding: 3px
9px 4px;
    font-size: 11px;
    font-weight: bold;
    color: white !important;
    font-family: 'Open Sans'
}

.form_valuation_cl .valuation_panel_cl
.cmd_clear {
    margin: 5px
0 30px 0;
    display: block
}

.form_valuation_cl .valuation_panel_cl
.email_notf {
    font-size: 11px;
    font-family: 'Open Sans';
    display: inline-block;
    margin: 5px
5px 5px 5px
}

.form_valuation_cl .valuation_panel_cl
#calification_panel {
    margin-top: 5px;
    text-align: center
}

.form_valuation_cl .valuation_panel_cl
.bton_valuation_cl {
    cursor: pointer;
    float: right;
    padding: 3px
9px 4px;
    font-size: 14px;
    font-weight: bold;
    color: #003D70;
    font-family: 'Open Sans';
    border: none;
    margin-top: 5px;
    background: #E3EAF4;
    height: 25px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    text-shadow: 0 1px 0 white
}

.form_valuation_cl .valuation_panel_cl
.valuation_message_cl {
    float: left;
    font-size: 10px;
    color: white;
    margin-top: 3px;
    display: none;
    margin-left: 5px
}

.form_valuation_cl
.valuation_congrat_cl {
    display: none;
    min-height: 88px;
    border-radius: 4px;
    border: 1px
solid #ddd;
    padding: 6px;
    background-color: white
}

.form_valuation_cl .valuation_congrat_cl
.valuation_congrat_txt1_cl {
    font-size: 13px;
    font-weight: bold;
    color: #006500;
    margin-top: 3px;
    display: block;
    width: 100%;
    text-align: center;
    padding-bottom: 6px
}

.form_valuation_cl .valuation_congrat_cl
.valuation_congrat_txt2_cl {
    font-size: 11px;
    color: black;
    display: block;
    width: 100%;
    line-height: 13px;
    text-align: center;
    margin-top: 3px
}

.valuation_panel_cl textarea::-webkit-input-placeholder,
.valuation_panel_cl input::-webkit-input-placeholder {
    color: grey
}

.valuation_panel_cl textarea::-webkit-input-placeholder,
.valuation_panel_cl input::-webkit-input-placeholder {
    color: grey
}

.valuation_panel_cl textarea::-webkit-input-placeholder,
.valuation_panel_cl input::-webkit-input-placeholder {
    color: grey
}

.valuation_panel_cl textarea::-webkit-input-placeholder,
.valuation_panel_cl input::-webkit-input-placeholder {
    color: grey
}

.form_valuation_cl
.smille {
    background: #2363C3 !important;
    height: 44px;
    width: 44px;
    display: inline-block;
    cursor: pointer;
    margin-left: 25px;
    border-radius: 25px;
    position: relative;
    left: -15px;
    margin-top: 10px
}

.freepikicon-smile-triste:before,.freepikicon-smile-neutral:before,.freepikicon-smile-alegre:before {
    font-size: 45px !important;
    position: relative;
    top: -6px;
    margin: 0
!important;
    color: #fff
}

.smille:hover {
    box-shadow: 0 0 30px #FFF;
    text-decoration: none
}

.uibutton {
    position: relative;
    z-index: 1;
    overflow: visible;
    display: inline-block;
    padding: 0.3em 0.6em 0.375em;
    border: 1px
solid #999;
    border-bottom-color: #888;
    margin: 0;
    text-decoration: none;
    text-align: center;
    font: bold 11px/normal'lucida grande', tahoma, verdana, arial, sans-serif;
    white-space: nowrap;
    cursor: pointer;
    margin: 0
auto;
    display: block;
    width: 80%;
    margin-top: 5px;
    color: #333;
    background-color: #eee;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f5f6f6), to(#e4e4e3));
    background-image: -moz-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: -o-linear-gradient(#f5f6f6, #e4e4e3);
    background-image: linear-gradient(#f5f6f6, #e4e4e3);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#f5f6f6', EndColorStr='#e4e4e3');
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #fff
}

.uibutton.confirm {
    text-align: center;
    display: block;
    border-color: #29447E #29447E #1A356E;
    color: #fff !important;
    background-color: #5B74A8;
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#637bad), to(#5872a7));
    background-image: -moz-linear-gradient(#637bad, #5872a7);
    background-image: -o-linear-gradient(#637bad, #5872a7);
    background-image: linear-gradient(#637bad, #5872a7);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#637bad', EndColorStr='#5872a7');
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1), inset 0 1px 0 #8a9cc2
}

.paging-holder {
    text-align: center;
    border-top: 1px solid #e4e4e4;
    padding: 26px
20px 30px;
    margin: 0
-6px;
    clear: both
}

.paging {
    border: 1px
solid #bcbcbc;
    border-radius: 3px;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -webkit-gradient(top, bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#ffe8e8e8', GradientType=0 );
    font-size: 15px;
    font-weight: bold
}

.paging .btn-prev,
.paging .btn-next {
    float: left;
    padding: 14px
21px 12px
}

.paging
ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
    border-right: 1px solid #bcbcbc
}

.paging ul
li {
    float: left;
    border-left: 1px solid #bcbcbc
}

.paging ul li.current,
.paging ul li
a {
    display: block;
    padding: 14px
18px 12px
}

.paging ul
li.current {
    background: #dcdcdc;
    color: #000;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5)
}

.paging a:hover {
    text-decoration: none;
    background: rgb(232,232,232);
    background: rgba(232,232,232,1);
    background: -moz-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(232,232,232,1)), color-stop(100%, rgba(255,255,255,1)));
    background: -webkit-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: -o-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: -ms-linear-gradient(top, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    background: linear-gradient(to bottom, rgba(232,232,232,1) 0%, rgba(255,255,255,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ffffff', GradientType=0 );
    color: #000
}

.paging
a.disabled {
    background: #dcdcdc;
    color: #989898;
    text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    cursor: default
}

html[lang="fr"] .user-dropdown ul
li {
    width: 175px
}

html[lang="fr"] .facebookLogin,.googleLogin {
    width: 330px
}

html[lang="fr"] .search-form
button {
    width: 140px
}

.warning {
    background-color: #F9CC53;
    color: #B38300;
    text-align: center;
    padding: 15px
0;
    border-radius: 3px;
    position: relative
}

.warning:after {
    content: '!';
    color: #F9CC53;
    background-color: #B38300;
    border-radius: 50%;
    display: block;
    width: 20px;
    height: 20px;
    font-weight: bold;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 18px;
    font-size: 14px
}

.loader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #286ebb;
    background: rgb(40,110,187) transparent;
    background: rgba(40,110,187,0.8);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc286ebb,endColorstr=#cc286ebb);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc286ebb,endColorstr=#cc286ebb);
    zoom: 1;
    z-index: 999999
}

.bouncer {
    position: absolute;
    width: 70px;
    text-align: center;
    top: 50%;
    left: 50%;
    margin: -10px 0 0 -35px
}

.bouncer>div {
    width: 18px;
    height: 18px;
    background-color: #fff;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.bouncer
.bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s
}

.bouncer
.bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s
}

@-webkit-keyframes
bouncedelay {
    0%,80%,100% {
        -webkit-transform: scale(0.0)
    }

    40% {
        -webkit-transform: scale(1.0)
    }
}

@keyframes
bouncedelay {
    0%,80%,100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0)
    }

    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0)
    }
}

table.cookies_table {
    font-family: verdana,arial,sans-serif;
    font-size: 11px;
    color: #333;
    border-width: 1px;
    border-color: #666;
    border-collapse: collapse;
    width: 100%;
    margin-bottom: 20px
}

table.cookies_table
th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666;
    background-color: #dedede
}

table.cookies_table
td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #666;
    background-color: #fff
}

.modal-btn {
    cursor: pointer
}

.reveal-modal-bg {
    position: fixed;
    height: 100%;
    width: 100%;
    z-index: 100;
    display: none;
    top: 0;
    left: 0;
    background: #286ebb;
    background: rgb(40,110,187) transparent;
    background: rgba(40,110,187,0.40);
    -ms-filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33286EBB,endColorstr=#33286EBB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33286EBB,endColorstr=#33286EBB);
    zoom: 1
}

.reveal-modal {
    overflow-x: hidden;
    visibility: hidden;
    top: 100px !important;
    left: 50%;
    opacity: 0;
    margin-left: -300px;
    width: 520px;
    max-height: calc(100% - 124px);
    background: #f9f9f9;
    position: fixed;
    z-index: 101;
    padding: 30px
40px 34px;
    -moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
    -box-shadow: 0 0 10px rgba(0,0,0,.4)
}

.reveal-modal.active {
    visibility: visible;
    opacity: 1
}

.reveal-modal.active+.reveal-modal-bg {
    display: block
}

.reveal-modal
a {
    color: #2363C3;
    text-decoration: none
}

.reveal-modal.small {
    width: 200px;
    margin-left: -140px
}

.reveal-modal.medium {
    width: 400px;
    margin-left: -240px
}

.reveal-modal.large {
    width: 600px;
    margin-left: -340px
}

.reveal-modal.xlarge {
    width: 980px;
    margin-left: -490px
}

.reveal-modal .close-reveal-modal {
    font-size: 5em;
    line-height: .5;
    position: absolute;
    top: 8px;
    right: 11px;
    color: #aaa;
    text-shadow: 0 -1px 1px rbga(0,0,0,.6);
    font-weight: bold;
    cursor: pointer
}

.reveal-modal .close-reveal-modal:hover {
    color: #286ebb
}

.subscription {
    text-align: center
}

.subscription h1,
.subscription h2,
.subscription h3,
.subscription h4,
.subscription h5,
.subscription
h6 {
    margin-top: 0
}

.subscription i[class^="icon-"] img {
    display: block;
    width: 44px;
    height: auto;
    margin: auto
}

.subscription
.btn {
    position: relative;
    overflow: hidden;
    display: inline-block;
    padding: 1em
2em 1em 6.250em;
    border-radius: 3px;
    background: #2363C3;
    box-shadow: 1px 1px 3px rgba(0,0,0,0.35);
    color: white;
    text-align: center
}

.subscription .btn i[class^="icon-"] {
    position: absolute;
    top: 50%;
    left: 0;
    width: 64px;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center
}

.subscription .btn .button-title {
    display: block;
    font-size: 22px;
    font-weight: bold;
    margin: 0
0 6px 0
}

.subscription .btn .button-sub-title {
    opacity: 0.8;
    font-size: 16px
}

.subscription .subscription-header {
    margin: -30px -40px 30px -40px;
    padding: 2em;
    background: #555 url('/img/subscription_modal/pattern.png') center center;
    color: white;
    font-size: 18px
}

.subscription .subscription-header
h2 {
    font-size: 20px;
    font-weight: normal
}

.subscription .subscription-header .btn i[class^="icon-"] {
    border-right: 1px solid rgba(250,250,250,.35)
}

.subscription .subscription-main {
    color: #555
}

.subscription .subscription-main
h2 {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 6px;
    color: #777;
    line-height: 50px
}

.subscription .subscription-main h2
i {
    font-style: italic;
    text-transform: none
}

.subscription .subscription-main h2
strong {
    color: #555;
    font-weight: 900
}

.subscription .subscription-main h2
span {
    color: #555;
    font-size: 34px;
    font-weight: 900
}

.subscription .subscription-main h2 span::before {
    display: inline-block;
    width: 50px;
    height: 50px;
    margin: 0
12px 12px 0;
    vertical-align: middle;
    border-radius: 3px;
    background: #fbc02d;
    color: white;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    line-height: 50px;
    content: 'P'
}

.subscription .subscription-main
.row {
    overflow: hidden;
    position: relative;
    text-align: left
}

.subscription .subscription-main
.row {
    max-width: 660px;
    margin: 0
auto 24px auto
}

.subscription .subscription-main .row
img {
    width: 26%;
    height: auto;
    padding: 0
12px 0 0
}

.subscription .subscription-main .row
p {
    position: absolute;
    top: 50%;
    left: 54%;
    max-width: 320px;
    padding: 0
0 0 1em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.subscription .subscription-main .row
i {
    font-weight: bold
}

.subscription .subscription-main p.text-large {
    margin-top: 6px;
    font-size: 22px
}

.subscription .subscription-main p.text-large+p {
    font-size: 16px
}

.subscription .subscription-footer {
    margin: 0
-40px -34px -40px;
    padding: 1em
2em;
    background: #555 url('/img/subscription_modal/pattern.png') center center;
    color: white;
    font-size: 18px
}

.subscription .subscription-footer
h3 {
    margin: 0
}

.subscription .subscription-footer
a {
    margin-left: 1em;
    padding-left: 4.5em
}

.subscription .subscription-footer i
img {
    width: 24px
}

.user-menu
.gr_connected {
    display: none
}

.card-loader {
    position: relative;
    overflow: hidden;
    margin-bottom: 0
}

.card-loader {
    background-color: #fff;
    border-radius: 4px
}

.card-loader>img {
    display: block;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%)
}

.card-loader .user-card {
    margin-bottom: 0
}

.card-loader:after {
    content: '';
    width: 80px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(255,255,255,0);
    background: -moz-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(left top, right top, color-stop(0%, rgba(255,255,255,0)), color-stop(50%, rgba(255,255,255,1)), color-stop(100%, rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1 );
    animation: card-loader 1.5s linear infinite;
    -webkit-animation: card-loader 1.5s linear infinite
}

@keyframes card-loader {
    0% {
        left: -20%;
        opacity: 1
    }

    90% {
        left: 120%;
        opacity: 1
    }

    98% {
        left: 120%;
        opacity: 0
    }

    99% {
        left: -20%;
        opacity: 0
    }

    100% {
        left: -20%;
        opacity: 1
    }
}

@-webkit-keyframes card-loader {
    0% {
        left: -20%;
        opacity: 1
    }

    90% {
        left: 120%;
        opacity: 1
    }

    98% {
        left: 120%;
        opacity: 0
    }

    99% {
        left: -20%;
        opacity: 0
    }

    100% {
        left: -20%;
        opacity: 1
    }
}

.user-card {
    width: 100%;
    display: block;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.2), 0px 0px 1px 0px rgba(0,0,0,0.2);
    text-align: center;
    margin-bottom: 2em;
    font-size: 16px;
    padding-top: 1px
}

.user-card:last-child {
    margin-right: 0
}

.user-card .profile-picture
.avatar {
    display: block;
    width: 120px;
    height: 120px;
    box-shadow: 0 0 12px #b3b3b3;
    background-color: #fff;
    border-radius: 100%;
    overflow: hidden;
    background-size: 100%;
    border: 6px
solid #fff;
    position: relative;
    margin: 1em
auto
}

.user-card .profile-picture .avatar
img {
    max-width: 100%;
    max-height: 100%;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    border-radius: 100%
}

.user-card .profile-picture .avatar
label {
    opacity: 0;
    width: 50%;
    height: 50%;
    color: #333;
    cursor: pointer;
    background: white;
    display: block;
    border-radius: 0 3em 0 1em;
    z-index: 1;
    position: absolute;
    top: -1px;
    right: -1px;
    display: block;
    -webkit-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -moz-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -o-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    -ms-transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22);
    transition: opacity 0.2s cubic-bezier(0.895, 0.03, 0.685, 0.22)
}

.user-card .profile-picture .avatar label:before {
    font-size: 1.4em;
    margin-top: 15px;
    margin-right: 5px;
    display: inline-block
}

@media screen and (max-width: 880px) {
    .user-card .profile-picture .avatar
label {
        opacity: 1
    }
}

.user-card .profile-picture .avatar:hover
label {
    opacity: 1
}

.user-card .profile-picture
.username {
    color: #333;
    display: block;
    padding: 0
1em;
    word-wrap: break-word
}

.user-card .profile-picture .real-name {
    color: #a6a9ac;
    display: block;
    font-size: .8em;
    padding: 0
1em;
    word-wrap: break-word
}

.user-card .profile-picture
.about {
    color: #a6a9ac;
    word-wrap: break-word;
    padding: 0
1em;
    margin-top: .5em;
    font-size: 0.9em
}

.user-card
.ranking {
    border-radius: 20px;
    color: #fff;
    padding: .1em .5em;
    font-weight: bold;
    background-color: #f05f5c;
    position: absolute;
    margin-top: -3em;
    font-size: 1em;
    margin-left: 2em;
    cursor: default
}

.user-card .ranking:hover {
    background-color: #f05f5c
}

.user-card
.stats {
    border-top: 1px solid #f5f8f9
}

.user-card .stats::after {
    clear: both;
    content: "";
    display: table
}

.user-card .stats a, .user-card .stats
div {
    color: #333;
    float: left;
    width: 25%;
    display: block;
    padding: .5em;
    margin: 0;
    text-decoration: none;
    border-right: 1px solid #f5f8f9;
    font-size: 0.9em
}

.user-card .stats a b, .user-card .stats div
b {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.user-card .stats a i, .user-card .stats div
i {
    font-size: 1em;
    display: block
}

.user-card .stats a i:before, .user-card .stats div i:before {
    font-size: 1em;
    line-height: 1.5em;
    margin: 0
}

.user-card .stats a:last-child {
    border: none
}

.user-card .stats a:hover
span {
    color: #333
}

.user-card .stats a span, .user-card .stats div
span {
    color: #a6a9ac;
    display: block
}

.user-card .stats a span i.flaticon-photo {
    font-size: 1.2em;
    margin-top: -2px
}

.user-card
.links {
    padding: 0.5em;
    text-align: left;
    border-top: 1px solid #f5f8f9
}

.user-card .links
a {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal;
    display: block;
    color: #a6a9ac;
    font-size: .9em;
    line-height: 2em
}

.user-card .links a:before {
    margin: 0;
    margin-right: .8em;
    display: inline-block;
    width: 22px;
    text-align: center;
    font-size: 1.4em;
    vertical-align: middle
}

.user-card .links a:hover {
    color: #333
}

.user-card .file-stats {
    border-top: 1px solid #f5f8f9
}

.user-card .file-stats::after {
    clear: both;
    content: "";
    display: table
}

.user-card .file-stats
div {
    width: 50%;
    padding: 0.5em;
    float: left
}

.user-card .file-stats div
i {
    display: block;
    text-align: center;
    color: #333
}

.user-card .file-stats div i:before {
    display: block;
    text-align: center;
    margin: 0
}

.user-card .file-stats div
span {
    display: block;
    text-align: center;
    font-size: 0.9em;
    color: #a6a9ac;
    margin-top: 0.1em
}

.user-card .file-stats div:nth-child(2) {
    border-left: 1px solid #f5f8f9;
    border-right: 1px solid #f5f8f9
}

.user-card .user-social {
    margin: 0;
    padding: 0.5em;
    border-top: 1px solid #f5f8f9
}

.user-card .user-social
ul {
    margin: 0;
    padding: 0
}

.user-card .user-social ul
li {
    display: inline-block
}

.user-card .user-social ul li
a {
    display: block;
    top: 0;
    position: relative;
    -webkit-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -moz-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -o-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    -ms-transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 0.2s cubic-bezier(0.165, 0.84, 0.44, 1)
}

.user-card .user-social ul li a:hover {
    top: -3px;
    text-decoration: none
}

.user-card .user-social ul li a:before {
    font-size: 1.4em;
    margin: 0
}

@media screen and (max-width: 880px) {
    .user-card .user-social ul li a:before {
        font-size: 2.3em
    }
}

.user-card
.badges {
    padding: 0.5em;
    border-top: 1px solid #f5f8f9
}

.user-card .badges
ul {
    padding: 0;
    margin: 0
}

.user-card .badges ul
li {
    display: inline-block;
    margin: 0
2px
}

.user-card .badges ul li
img {
    max-width: 34px;
    max-height: 34px
}

.user-card .btn-holder {
    padding: 0.5em;
    border-top: 1px solid #f5f8f9
}

.user-card .btn-holder
.btn {
    width: 100%
}

.btn-follow {
    background-color: #286ebb;
    padding: 1em;
    color: #fff !important;
    text-align: center;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold !important;
    border-radius: 4px
}

.btn-follow:hover {
    background-color: #3476d9;
    text-decoration: none
}

.btn-follow
i {
    border: 2px
solid #fff;
    border-radius: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 16px
}

.btn-unfollow {
    background-color: #1bcc87;
    padding: 1em;
    color: #fff !important;
    text-align: center;
    cursor: pointer;
    font-size: 1em;
    font-weight: bold !important;
    border-radius: 4px;
    text-decoration: none
}

.btn-unfollow:hover {
    text-decoration: none
}

.btn-unfollow
i {
    border: 2px
solid #fff;
    border-radius: 100%;
    display: inline-block;
    width: 20px;
    height: 20px;
    line-height: 16px
}

.btn-unfollow i:before {
    margin: 0;
    font-size: 14px;
    vertical-align: baseline;
    display: block;
    margin-top: -2px
}

.btn-unfollow span:nth-child(1) i {
    font-size: 0.8em;
    padding-top: 2px
}

.btn-unfollow span:nth-child(2) {
    display: none
}

.btn-unfollow:hover {
    background-color: #f05f5c
}

.btn-unfollow:hover span:nth-child(1) {
    display: none
}

.btn-unfollow:hover span:nth-child(2) {
    display: block
}

.user-card .more-info {
    border: none;
    background: none;
    outline: none;
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    border-top: 1px solid #f5f8f9
}

.user-card .more-info:hover {
    color: #a6a9ac
}

.user-card .more-info span:nth-child(2) {
    display: none
}

.user-card .card-hidden {
    overflow: hidden;
    padding: 0
0.5em;
    height: 0;
    border: none;
    -webkit-transition: all .1s ease-in-out;
    -ms-transition: all .1s ease-in-out;
    transition: all .1s ease-in-out
}

.user-card.expanded .card-hidden {
    overflow: visible;
    padding: 0.5em;
    height: auto;
    border-top: 1px solid #f5f8f9
}

.user-card.expanded .more-info span:nth-child(1) {
    display: none
}

.user-card.expanded .more-info span:nth-child(2) {
    display: block
}

.icon-google {
    color: #db402c !important
}

.icon-google:before {
    color: #db402c
}

.icon-facebook {
    color: #3b5998 !important
}

.icon-facebook:before {
    color: #3b5998
}

.icon-twitter {
    color: #55acee !important
}

.icon-twitter:before {
    color: #55acee
}

.icon-gravatar {
    color: #1E8CBE !important
}

.icon-gravatar:before {
    color: #1E8CBE
}

.icon-pinterest {
    color: #cb2027 !important
}

.icon-pinterest:before {
    color: #cb2027
}

.icon-dribbble {
    color: #ea4c89 !important
}

.icon-dribbble:before {
    color: #ea4c89
}

.icon-behance {
    color: #1769ff !important
}

.icon-behance:before {
    color: #1769ff
}

.icon-instagram {
    color: #8a3ab9 !important
}

.icon-instagram:before {
    color: #8a3ab9
}

.icon-vimeo {
    color: #1ab7ea !important
}

.icon-vimeo:before {
    color: #1ab7ea
}

.icon-youtube {
    color: #cd201f !important
}

.icon-youtube:before {
    color: #cd201f
}

.icon-linkedin {
    color: #0077b5 !important
}

.icon-linkedin:before {
    color: #0077b5
}

.alert {
    clear: both;
    width: 100%;
    border-radius: 4px;
    color: #fff;
    font-size: .9em;
    position: relative;
    background-color: #b3b3b3;
    color: #fff
}

.alert.success {
    background-color: #1bcc87;
    color: #fff
}

.alert.error {
    background-color: #db402c;
    color: #fff
}

.alert.danger {
    background-color: #f05f5c;
    color: #fff
}

.alert.warning {
    background-color: #FDC345;
    color: #fff
}

.alert
i {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0
1em;
    text-align: center;
    height: 100%
}

.alert i:before {
    font-size: 1em;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0;
    display: block
}

.alert
a {
    color: #fff !important;
    text-decoration: underline;
    font-weight: bold
}

.alert
p {
    margin: 0;
    display: inline-block;
    vertical-align: middle;
    color: #fff !important;
    padding: 1em
4.5em 1em 3em;
    text-align: left;
    width: 100%
}

.alert .close-alert {
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none;
    color: #fff;
    text-decoration: none;
    float: right;
    font-size: 1.4em;
    padding: .4em 1em;
    border-radius: 0 4px 4px 0;
    position: absolute;
    top: 50%;
    right: 0;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.15);
    height: 100%
}

.alert .close-alert:hover {
    color: #fff;
    background-color: rgba(0, 0, 0, 0.1)
}

.alert .close-alert
span {
    display: block;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.alert .close-alert~p {
    padding-right: 1em
}

.alert-top {
    background-color: #FDC345;
    padding: .5em;
    text-align: center;
    position: relative;
    z-index: 99999
}

.alert-top
p {
    margin: 0
}

.alert-top p
a {
    color: #fff
}

#cc_expiry {
    position: fixed;
    bottom: 0;
    left: 0;
    display: none;
    width: 100%;
    border-radius: 0;
    z-index: 100
}

#cc_expiry.show {
    display: block
}

#cc_expiry::after {
    display: none
}

#cc_expiry .close-alert {
    position: absolute;
    right: 0;
    height: 100%;
    border: 0;
    border-radius: 0;
    cursor: pointer
}

#cc_expiry .close-alert::before {
    font-size: 32px;
    content: '\d7'
}

.popover {
    line-height: 1.5;
    display: inline-block
}

.popover .popover-container {
    display: inline-block;
    position: relative;
    text-align: center
}

.popover .popover-content {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    -webkit-animation: popover 0.3s ease-in-out;
    -moz-animation: popover 0.3s ease-in-out;
    animation: popover 0.3s ease-in-out;
    background: #fff;
    border-radius: 3px;
    border: 1px
solid #e9eaec;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    color: #333;
    display: none;
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    right: 0;
    top: 50px;
    width: 228px;
    z-index: 9
}

.popover .popover-content:before {
    position: absolute;
    top: -0.45em;
    right: 0.95em;
    content: "";
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #000;
    font-size: 1.4em;
    pointer-events: none;
    width: 0;
    height: 0;
    display: block
}

.popover .popover-content:after {
    position: absolute;
    top: -0.45em;
    right: 0.9em;
    content: "";
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 12px solid #fff;
    font-size: 1.4em;
    pointer-events: none;
    width: 0;
    height: 0;
    display: block
}

.popover .popover-content li
a {
    padding: 0.5em;
    display: block;
    color: #222;
    border-bottom: 1px solid #e9eaec
}

.popover .popover-content li a i:before {
    vertical-align: baseline
}

.popover .popover-content li:hover {
    background: #f7f7f7
}

.popover .popover-content li:first-child {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}

.popover .popover-content li:last-child {
    border: none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.popover .show-menu {
    display: block
}

.popover.popover-top .popover-content {
    top: initial;
    bottom: 50px
}

.popover.popover-top .popover-content:before {
    position: absolute;
    top: initial;
    right: 1em;
    bottom: -0.45em;
    border-top: 10px solid #000;
    border-bottom: none
}

.popover.popover-top .popover-content:after {
    position: absolute;
    top: initial;
    right: 0.9em;
    bottom: -0.45em;
    border-top: 12px solid #fff;
    border-bottom: none
}

.popover.popover-right .popover-content {
    right: auto
}

.popover.popover-right .popover-content:before {
    position: absolute;
    top: -0.45em;
    left: 0.95em
}

.popover.popover-right .popover-content:after {
    position: absolute;
    top: -0.45em;
    left: 0.85em
}

.popover.popover-hover .popover-button:hover~.popover-content {
    display: block
}

.popover.popover-colorpicker .popover-content {
    bottom: 35px;
    right: -20px
}

.popover.popover-colorpicker .popover-content .color-selector {
    margin-top: 0.5em
}

.popover.popover-colorpicker .popover-content .color-selector li
button {
    width: 1.2em;
    height: 1.2em
}

.freepik-premium-logo {
    display: inline-block;
    overflow: hidden;
    width: 84px;
    height: 32px;
    background: url('/img/freepik_premium.svg') left center no-repeat;
    background-size: auto 26px;
    text-indent: -9999px;
    vertical-align: middle
}

@-webkit-keyframes
popover {
    0% {
        -webkit-transform: translateY(-50px) scale(0.8);
        opacity: 0
    }

    80% {
        -webkit-transform: translateY(10px) scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        opacity: 1
    }
}

@-moz-keyframes
popover {
    0% {
        -moz-transform: translateY(-50px) scale(0.8);
        opacity: 0
    }

    80% {
        -moz-transform: translateY(10px) scale(1.05);
        opacity: 1
    }

    100% {
        -moz-transform: translateY(0px) scale(1);
        opacity: 1
    }
}

@keyframes
popover {
    0% {
        -webkit-transform: translateY(-50px) scale(0.8);
        -moz-transform: translateY(-50px) scale(0.8);
        -ms-transform: translateY(-50px) scale(0.8);
        -o-transform: translateY(-50px) scale(0.8);
        transform: translateY(-50px) scale(0.8);
        opacity: 0
    }

    80% {
        -webkit-transform: translateY(10px) scale(1.05);
        -moz-transform: translateY(10px) scale(1.05);
        -ms-transform: translateY(10px) scale(1.05);
        -o-transform: translateY(10px) scale(1.05);
        transform: translateY(10px) scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
        opacity: 1
    }
}

.fp-selection-info,.fp-premium-info {
    display: block;
    padding: 6px
0;
    padding-top: 9px;
    margin: 0
0 24px 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
    text-align: left;
    line-height: 20px
}

.fp-premium-info {
    border-color: #FBC02D
}

.fp-selection-info h4,
.fp-premium-info h4,
.fp-selection-info p,
.fp-premium-info
p {
    margin-top: 0;
    margin-bottom: 0
}

.fp-selection,.fp-premium {
    position: relative;
    display: inline-block;
    color: white;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    box-sizing: content-box
}

.fp-selection {
    color: #333
}

.fp-selection::before,.fp-premium::before {
    display: inline;
    float: left;
    margin: 0
3px 0 0;
    border-radius: 3px;
    box-sizing: border-box;
    font-family: Flaticon;
    font-weight: normal;
    text-align: center;
    text-shadow: none !important
}

.fp-selection::before {
    font-family: 'Flaticon';
    content: '\c7'
}

.fp-selection.light,.fp-premium.light {
    color: white !important
}

.fp-selection.light::before {
    border-color: white !important
}

.fp-premium {
    color: #F90
}

.fp-selection strong,
.fp-premium
strong {
    font-weight: bold
}

.fp-premium-icon::before {
    font-style: normal
}

.fp-premium-icon::before,.fp-premium::before {
    font-family: Flaticon;
    content: '\c9'
}

.fp-selection::after,.fp-premium::after {
    display: inline;
    float: left;
    content: attr(data-text)
}

.fp-selection.text::after,.fp-premium.text::after {
    display: none !important
}

.fp-selection.badge:not(.text)::after,.fp-premium.badge:not(.text)::after {
    display: none
}

.fp-selection.text::before {
    padding: 0;
    border-color: #333
}

.fp-selection.text::after,.fp-premium.text::after {
    padding: 0
}

.fp-selection.text,.fp-selection.text::after {
    color: #333
}

.fp-selection.badge:hover::after,.fp-premium.badge:hover::after {
    display: inline
}

.non-premium .gallery .mask>a:after {
    display: none
}

.search_top_view .premium-banner {
    margin: -10px -6px 0 -6px
}

.premium-banner {
    position: relative;
    top: 0 !important;
    padding-top: 2em;
    padding-bottom: 2em;
    background: #4D4D4D
}

.premium-banner [class^="fp-"]::before {
    font-size: 22px
}

.premium-banner
.background {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.2;
    width: 100%;
    height: 100%;
    background: url('/img/bg-top.png') center 410px
}

.premium-banner
.overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.3);
    background-image: -webkit-linear-gradient(bottom, rgba(0,0,0,0.3),transparent);
    background-image: linear-gradient(to top,rgba(0,0,0,0.3),transparent)
}

.premium-banner .container::after {
    display: table;
    clear: both;
    content: ''
}

.premium-banner
.container {
    position: relative;
    width: 100%;
    max-width: 1200px;
    padding: 2em;
    color: white;
    text-align: center;
    z-index: 1
}

.premium-banner .fp-selection.text::before,
.premium-banner .fp-premium.text::before,
.premium-banner .fp-selection.text::after,
.premium-banner .fp-premium.text::after {
    float: none
}

.premium-banner .container
.btn {
    display: inline-block;
    margin: 1em
0 0 0;
    padding: 0.8em 1em;
    border-radius: 8px;
    background-color: #286ebb;
    color: #fff !important;
    font-size: 2em;
    font-weight: bold !important;
    text-align: center;
    cursor: pointer;
    line-height: 1em;
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    appearance: none
}

.premium-banner .container .btn:hover {
    background: #2669b2;
    text-decoration: none
}

.premium-banner .container
p {
    margin: 0;
    font-size: 2em
}

@media screen and (min-width: 1200px) {
    body[data-lang="ru"] .premium-banner .container
p {
        float: left;
        width: calc(100% - 380px)
    }

    body[data-lang="ru"] .premium-banner .container
.btn {
        width: 380px
    }

    .premium-banner {
        height: 200px
    }

    .premium-banner
.container {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-align: left
    }

    .premium-banner .container
.btn {
        float: right;
        width: 260px;
        margin: 0;
        padding: 1em
1em;
        text-align: center
    }

    .premium-banner .container
p {
        float: left;
        width: calc(100% - 280px)
    }
}

.row {
    display: -webkit-box;
    display: -moz-box;
    display: box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: start;
    -moz-box-align: start;
    box-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    -ms-align-items: flex-start;
    -o-align-items: flex-start;
    align-items: flex-start;
    -ms-flex-align: start
}

.row--vertical-center {
    -webkit-box-align: center;
    -moz-box-align: center;
    box-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    -ms-align-items: center;
    -o-align-items: center;
    align-items: center;
    -ms-flex-align: center
}

.row--horizontal-center {
    -webkit-box-pack: center;
    -moz-box-pack: center;
    box-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    -ms-justify-content: center;
    -o-justify-content: center;
    justify-content: center;
    -ms-flex-pack: center
}

html {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

*,*:before,*:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit
}

html,body {
    -webkit-font-smoothing: antialiased
}

.mobile {
    display: none
}

@media screen and (max-width: 980px) {
    .mobile {
        display: block
    }
}

.couponbox {
    right: 0 !important
}

@media screen and (max-width: 450px) {
    .couponbox
.cshadow {
        display: none !important
    }

    .couponbox
.cbox {
        width: 95% !important;
        margin: auto;
        padding: 15px
!important
    }

    .couponbox .cbox
img {
        width: 120px !important
    }

    .couponbox .cbox .couponbox
.close {
        top: 14px;
        right: 46px !important
    }

    .couponbox .cbox
.tt1 {
        font-size: 22px !important;
        line-height: 22px !important
    }

    .couponbox .cbox
.tt2 {
        font-size: 16px !important
    }
}

.es .couponbox .cbox
.tt1 {
    font-size: 32px !important;
    line-height: 38px !important
}

@media screen and (max-width: 450px) {
    .es .couponbox .cbox
.tt1 {
        font-size: 22px !important;
        line-height: 22px !important
    }
}

.banner-freepik {
    background: url(https://media.freepik.com/img/banners/werehiring-banner.jpg) no-repeat center;
    width: 728px;
    display: block;
    height: 90px;
    margin: auto
}

@media screen and (max-width: 800px) {
    .banner-freepik {
        background: url(https://media.freepik.com/img/banners/werehiring-banner-mini.jpg) no-repeat center;
        width: 320px;
        margin-top: 5px
    }
}

.cookies-alert
p {
    font-size: 12px
}

.reveal-modal {
    margin-left: -260px
}

@media screen and (max-width: 520px) {
    .reveal-modal {
        width: 100%;
        max-height: 100%;
        margin-left: 0;
        left: 0;
        top: 0 !important;
        position: fixed;
        padding: 20px;
        overflow-y: auto
    }
}

.reveal-modal.xlarge {
    margin-left: -490px
}

@media screen and (max-width: 980px) {
    .reveal-modal.xlarge {
        width: 100%;
        max-height: 100%;
        margin-left: 0;
        left: 0;
        top: 0 !important;
        position: fixed;
        padding: 20px;
        overflow-y: auto
    }

    .reveal-modal.xlarge .row .left,.reveal-modal.xlarge .row
.right {
        width: 100%;
        float: none
    }
}

.reveal-modal.large {
    margin-left: -300px
}

@media screen and (max-width: 616px) {
    .reveal-modal.large {
        width: 100%;
        max-height: 100%;
        margin-left: 0;
        left: 0;
        top: 0 !important;
        position: fixed;
        padding: 20px;
        overflow-y: auto
    }
}

.reveal-modal.large
.dcontent {
    float: none;
    clear: both;
    width: 100%;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0
}

.reveal-modal.large .dcontent .youtube-frame {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.form_valuation_cl {
    width: 252px !important
}

.form_valuation_cl
.open_panel_cl {
    height: 24px !important;
    width: 26px !important;
    left: -21px !important
}

.heading-block .nav-buttons
a {
    width: auto;
    padding: 13px
25px
}

@media screen and (max-width: 960px) {
    .paging-holder .paging ul
li {
        display: none
    }

    .paging-holder .paging ul li:first-child,.paging-holder .paging ul li:last-child,.paging-holder .paging ul
li.current {
        display: block
    }
}

@media screen and (max-width: 480px) {
    .paging-holder .paging
ul {
        display: none
    }

    .paging-holder .paging .btn-next {
        border-left: 1px solid #bcbcbc
    }
}

@media screen and (max-width: 800px) {
    .nav-buttons {
        display: none !important
    }
}

#main .mod_right_sidebar
.content_scrollable {
    width: 318px
}

@media screen and (max-width: 1047px) {
    #main {
        width: 100%
    }

    #main.blog-list #twocolumns
#content {
        width: 100%;
        padding: 0
10px
    }

    #main.blog-list #twocolumns
#sidebar {
        float: none;
        margin: auto
    }
}

@media screen and (max-width: 800px) {
    #main
h1 {
        font-size: 24px !important
    }

    #main .blocks
.mod_right_sidebar {
        float: none;
        width: 100%;
        margin-left: 0
    }

    #main .blocks .mod_right_sidebar
.content_scrollable {
        width: 100%
    }
}

@media screen and (max-width: 602px) {
    #main
#content {
        width: 100%
    }
}

@media screen and (max-width: 980px) {
    .subscription .subscription-header {
        margin: -20px -20px 20px -20px
    }

    .subscription .subscription-footer {
        margin: 20px
-20px -20px -20px
    }
}

.slide
.type {
    background: none !important
}

@media screen and (max-width: 960px) {
    .slide:hover .popover-wrapper,.slide:hover .favourite,.slide:hover
.details {
        display: none !important
    }
}

.fullwidth
#header {
    width: auto;
    max-width: none
}

.fullwidth #header .top-bar {
    width: auto;
    border-bottom: none
}

.fullwidth #header .sort-bar {
    padding: 0px
16px 0px 16px;
    border-top: 1px solid #E7E7E7
}

#header {
    padding: 0
10px;
    position: relative;
    width: auto;
    margin: 0
auto;
    z-index: 80;
    background-color: #fff;
    height: auto;
    font-size: 14px
}

#header .fullwidth
#header {
    width: auto
}

#header .top-bar {
    background: #fff;
    width: 1047px;
    margin: auto;
    position: relative;
    border-bottom: none;
    padding: 9px
0;
    z-index: 3
}

@media screen and (max-width: 1200px) {
    #header .top-bar {
        width: 100%
    }
}

#header .top-bar .social-networks {
    margin-top: 9px
}

#header
.logo {
    float: left;
    width: 156px;
    height: 41px;
    overflow: hidden;
    margin: 0
15px 0 7px
}

@media screen and (max-width: 1075px) {
    #header
.logo {
        background: url(/img/logo2x.png) no-repeat;
        background-size: 154px;
        width: 45px;
        margin-left: 0
    }
}

@media screen and (max-width: 880px) {
    #header
.logo {
        width: 45px;
        position: absolute;
        left: 0
    }
}

#header #home .logo,#header #e404
.logo {
    margin: -7px 15px 0 7px
}

#header .logo
a {
    display: block;
    height: 100%
}

#header .fullwidth
.logo {
    margin-left: -2px
}

#header
.tabset {
    text-shadow: 2px 2px 2px #fff;
    line-height: 20px;
    font-size: 16px;
    padding: 0;
    margin: 1px
35px 0 0;
    list-style: none;
    float: left;
    width: 142px
}

#header .tabset
a {
    padding: 0
0 0 26px;
    display: block;
    position: relative;
    cursor: pointer
}

#header .tabset a:not(.fp-selection):not(.fp-premium) {
    color: #2f2f2f
}

#header .tabset a:before {
    position: absolute;
    left: 10px
}

@media screen and (max-width: 880px) {
    #header .tabset a:before {
        position: relative;
        left: 0
    }
}

#header .tabset
a.active {
    font-weight: bold
}

#header .tabset a.active:not(.fp-selection):not(.fp-premium) {
    color: #476eb7
}

#header .tabset a:hover {
    text-decoration: none
}

#header .tabset a:hover:after,#header .tabset a.active:after {
    position: absolute;
    top: 15px;
    right: 8px;
    content: "";
    width: 11px;
    height: 12px
}

@media screen and (max-width: 880px) {
    #header .tabset a:hover:after,#header .tabset a.active:after {
        bottom: -1px;
        top: auto;
        right: 50%;
        transform: rotate(-90deg) translateY(-50%)
    }
}

#header .tabset
li {
    overflow: hidden;
    border-bottom: 1px solid #ddd
}

#header .tabset li
a {
    padding: 9px
38px
}

#header .tabset li a.fp-selection,#header .tabset li a.fp-premium {
    margin-left: 0
}

#header .tabset li a.fp-selection::before,#header .tabset li a.fp-premium::before {
    left: 9px
}

@media screen and (max-width: 880px) {
    #header .tabset li
a {
        background: none !important
    }
}

#header .tabset li a.photo:hover:after,#header .tabset li a.premium:hover:after {
    content: '';
    background: none
}

#header .tabset
.vector {
    background-position: -175px -658px
}

#header .tabset
.vector.active {
    background-position: 10px -253px
}

#header .tabset
.psd {
    background-position: -174px -408px
}

#header .tabset
.psd.active {
    background-position: 10px -408px
}

#header .tabset
.photo {
    background-position: 9px -724px
}

#header .tabset
.photo.active {
    background-position: 9px -834px
}

#header .tabset
.icons {
    background-position: -174px -722px
}

#header .tabset
.icons.active {
    background-position: 10px -493px
}

#header .tabset
.premium {
    background-position: 10px -785px
}

#header .tabset
.premium.active {
    background-position: -173px -254px
}

@media screen and (max-width: 880px) {
    #header .tabset li
a {
        height: 55px
    }

    #header .tabset li a:before {
        font-family: Flaticon;
        visibility: visible;
        position: relative;
        display: block;
        font-size: 1.5em;
        left: 50%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #header .tabset .vector:before {
        content: "\3a"
    }

    #header .tabset .psd:before {
        content: "\39"
    }

    #header .tabset .photo:before {
        content: "\38"
    }

    #header .tabset .icons:before {
        content: "\37"
    }

    #header .tabset .premium:before {
        content: "\69"
    }

    #header .tabset .templates:before {
        content: "\79"
    }
}

#header .tab-col {
    float: left;
    font-size: 14px
}

@media screen and (max-width: 880px) {
    #header .tab-col {
        width: 100%
    }
}

#header .tab-col-right {
    float: right;
    position: relative;
    z-index: 10;
    width: 300px;
    margin: 8px
0 0
}

#header .tab-content .tab-col-right
.popular {
    font-size: 16px;
    line-height: 18px
}

#header .tab-content {
    float: left
}

#header
.tab {
    position: relative
}

#header .tab:after {
    content: '';
    display: block;
    clear: both
}

#header .visual-tab {
    z-index: 6;
    position: absolute;
    bottom: -36px;
    right: -96px
}

#header .title-tab {
    color: #476eb7;
    display: block;
    font-size: 18px;
    line-height: 20px;
    margin: 0
0 5px
}

#header .tab-content
.popular {
    color: #779bd8;
    font-weight: bold;
    font-size: 14px;
    line-height: 16px
}

#header .add-nav {
    margin: 18px
0 0 -50px;
    overflow: hidden
}

@media screen and (max-width: 880px) {
    #header .add-nav {
        margin: 1em
0 0
    }
}

#header .add-nav
ul {
    width: 155px;
    padding: 0;
    margin: -4px 0 0 51px;
    list-style: none;
    float: left
}

@media screen and (max-width: 880px) {
    #header .add-nav
ul {
        margin: 0;
        width: 33%
    }
}

@media screen and (max-width: 880px) {
    #header #tab2 .add-nav
ul {
        width: 50%
    }

    #header .add-nav ul li
a {
        padding: .2em 0;
        display: block
    }
}

#header .add-nav
a {
    color: #2f2f2f
}

#header .add-nav a:hover {
    color: #476eb7
}

#header .search-form {
    float: left;
    margin: 0
37px 0 1px
}

@media screen and (max-width: 880px) {
    #header .search-form
.content {
        width: 100%
    }
}

#header .fullwidth .search-form {
    margin: 0
10px 0 -2px
}

#header .top-bar .search-form {
    margin: 0
10px 0 62px
}

@media screen and (max-width: 880px) {
    #header .top-bar .search-form {
        width: 100%;
        padding: 0px
100px 0px 55px;
        margin: 0
    }
}

#header #home .top-bar .search-form {
    margin: -6px 10px 0 -2px
}

#header .search-form input[type="text"] {
    float: left;
    margin: 0;
    border: none;
    width: 290px;
    padding: 10px
14px;
    color: #222;
    font-size: 16px;
    font-weight: bold;
    line-height: 19px;
    height: 41px;
    box-shadow: inset 0 0 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3)
}

@media screen and (max-width: 1040px) {
    #header .search-form input[type="text"] {
        width: 230px
    }
}

#header .es .top-bar .search-form input[type="text"] {
    width: 250px
}

#header .search-form input[type="text"] {
    background: none repeat scroll 0 0 #EEE;
    border: 1px
solid #DDD;
    box-shadow: 0 0 10px rgba(0,0,0,0.1) inset;
    border-radius: 0
}

@media screen and (max-width: 880px) {
    #header .search-form input[type="text"] {
        width: 100%;
        border-radius: 4px 0 0 4px;
        padding-right: 30px
    }
}

#header .fullwidth .search-form input[type="text"] {
    width: 400px
}

@media (max-width: 1280px) {
    #header .fullwidth .search-form input[type="text"] {
        width: 300px
    }
}

#header .search-form
button {
    float: left;
    height: 41px;
    border: none;
    padding: 1px
0 3px;
    margin: 0;
    -webkit-box-shadow: inset 0 0 0 1px rgba(255,255,255,0.15);
    font-family: 'Open Sans',sans-serif;
    font-size: 18px;
    color: #fff;
    cursor: pointer;
    text-shadow: 0 1px 0 rgba(0,0,0,0.3);
    border-radius: 0px 3px 3px 0px;
    background: #2363C3
}

#header .search-form button:before {
    vertical-align: baseline
}

@media screen and (max-width: 880px) {
    #header .search-form
button {
        position: absolute;
        right: 100px;
        top: 8px;
        z-index: 9999;
        width: 30px;
        background: none;
        color: #999;
        text-shadow: none
    }
}

#header .search-form button:hover {
    background-color: #476eb7
}

@media screen and (max-width: 880px) {
    #header .search-form button:hover {
        background: none
    }
}

#header .search-form button
span {
    display: inline-block;
    font-weight: 600
}

@media screen and (max-width: 880px) {
    #header .search-form button
span {
        display: none
    }
}

#header .tabs-block {
    float: left
}

#header .todos-btn {
    color: #222;
    width: auto;
    display: block;
    width: 47px;
    height: 41px;
    position: absolute;
    margin: 0
0px 0px 15px;
    border-radius: 3px 0 0 3px;
    border: 1px
solid #ccc;
    padding-top: 9px;
    background: -moz-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fff), color-stop(100%, #e8e8e8));
    background: -webkit-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -o-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: -ms-linear-gradient(top, #fff 0%, #e8e8e8 100%);
    background: linear-gradient(to bottom, #fff 0%, #e8e8e8 100%)
}

@media screen and (max-width: 880px) {
    #header .todos-btn {
        z-index: 1;
        position: absolute;
        right: 53px;
        border-radius: 0 4px 4px 0;
        margin: 0px
0px 0px 15px
    }
}

#header .todos-btn:hover {
    color: #111;
    border: 1px
solid #aaa
}

#header .todos-btn:after {
    position: absolute;
    left: 5px;
    top: 18px;
    width: 10px;
    content: "";
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-top: 4px solid #999
}

#header .todos-btn
span {
    width: 17px;
    height: 3px;
    background-color: #999;
    display: block;
    margin: 3px
auto;
    border-radius: 20px
}

#header .todos-btn>strong {
    display: block;
    font-size: 18px;
    line-height: 18px
}

#header .tabs-block
.slide {
    -webkit-border-radius: 0 0 2px 2px;
    -moz-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;
    border: 1px
solid #bcbcbc;
    position: absolute;
    top: 57px;
    left: 169px;
    padding: 14px
10px 25px 0px;
    background: none repeat scroll 0 0 #F7F7F7;
    box-shadow: 0 5px 8px rgba(0,0,0,0.25);
    z-index: 99;
    font-size: .9em;
    -webkit-animation: fadeIn .5s;
    animation: fadeIn .5s;
    display: none
}

@media screen and (max-width: 1280px) {
    #header .tabs-block
.slide {
        left: -5px
    }
}

@media screen and (max-width: 880px) {
    #header .tabs-block
.slide {
        left: 0;
        width: 100%;
        padding: 0
    }

    #header .tabs-block .slide
.tabset {
        width: 100%
    }

    #header .tabs-block .slide .tabset
li {
        float: left;
        display: block;
        width: 16.6%
    }

    #header .tabs-block .slide .tabset li
a {
        padding: 15px
0;
        text-align: center;
        visibility: hidden
    }

    #header .tabs-block .slide .tabset li a.fp-selection,#header .tabs-block .slide .tabset li a.fp-premium {
        position: relative;
        overflow: hidden;
        box-sizing: border-box;
        text-indent: -99999px
    }

    #header .tabs-block .slide .tabset li a.fp-selection::before,#header .tabs-block .slide .tabset li a.fp-premium::before {
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        -o-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
        text-indent: 0
    }

    #header .tabs-block .slide .tabset li a
span {
        display: none
    }

    #header .tabs-block .slide .tab-content {
        float: none;
        clear: both;
        padding: 1em
    }
}

@-webkit-keyframes
fadeIn {
    from {
        opacity: 0;
        top: 80px
    }

    to {
        opacity: 1;
        top: 57px
    }
}

@keyframes
fadeIn {
    from {
        opacity: 0;
        top: 80px
    }

    to {
        opacity: 1;
        top: 57px
    }
}

#header #list .tabs-block
.slide {
    left: 194px
}

#header #detail-exclusive .tabs-block .slide,#header #detail .tabs-block .slide,#header #generic .tabs-block .slide,#header #text .tabs-block
.slide {
    left: 188px
}

#header .tabs-block .slide:after {
    width: 9px;
    height: 100%;
    position: absolute;
    top: 0;
    left: 142px;
    content: ""
}

@media screen and (max-width: 880px) {
    #header .tabs-block .slide:after {
        display: none
    }
}

#header .tabs-block.active .todos-btn {
    color: #3e7ad5;
    background: #fff;
    box-shadow: 0 2px 5px rgba(0,0,0,0.2) inset;
    background: #ededed;
    background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #ededed), color-stop(53%, #f6f6f6), color-stop(100%, #fff));
    background: -webkit-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
    background: -o-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
    background: -ms-linear-gradient(top, #ededed 0%, #f6f6f6 53%, #fff 100%);
    background: linear-gradient(to bottom, #ededed 0%, #f6f6f6 53%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff', GradientType=0 );
    border-left: 1px solid rgba(0,0,0,0.2);
    border-right: 1px solid rgba(0,0,0,0.2)
}

#header .tabs-block.active .todos-btn:after {
    width: 0;
    height: 0;
    border-left: 3px solid transparent;
    border-right: 3px solid transparent;
    border-bottom: 4px solid #999;
    border-top: 0
}

#header .user-menu {
    margin-right: 6px;
    float: right;
    margin-top: 11px
}

@media screen and (max-width: 980px) {
    #header .user-menu {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 8px;
        height: 41px
    }
}

#header .user-menu>li {
    display: inline-block;
    vertical-align: middle;
    padding: 0
6px 0 9px;
    line-height: 38px
}

@media screen and (max-width: 910px) {
    #header .user-menu>li.link-trabaja {
        display: none
    }
}

@media screen and (max-width: 880px) {
    #header .user-menu>li.link-login a
span {
        display: none
    }
}

@media screen and (max-width: 880px) {
    #header .user-menu>li.link-login a:before {
        content: "\6f";
        font-family: 'Flaticon';
        font-size: 1.8em;
        border-radius: 50%;
        display: block;
        text-align: center;
        margin-top: 6px
    }
}

@media screen and (max-width: 880px) {
    #header .user-menu>li.link-register {
        display: none
    }
}

#header .user-menu
a {
    display: block
}

#header .user-menu a:before {
    vertical-align: baseline
}

#header .link-trabaja
a {
    color: #000 !important
}

#header .user-menu a:hover {
    text-decoration: none;
    color: #476EB7
}

#header .user-menu a.freepikicon-upload:before {
    font-size: 1em;
    margin-right: 3px
}

#header .user-menu
a.favorites {
    padding-left: 23px
}

#header .user-menu
.btn {
    border: 1px
solid #1D60C0;
    margin: 0
0 -2px -5px;
    font-size: 14px;
    font-weight: bold;
    color: #dfeafd !important;
    text-shadow: 0 -1px 0 #2650a5;
    border-radius: 3px;
    background: #1d60c0;
    font-weight: 700 !important
}

#header .user-menu .btn:hover {
    background: #476EB7;
    color: #fff
}

#header
#usermenu {
    background: none repeat scroll 0 0 #FFF;
    border-left: 4px solid #739CDA;
    box-shadow: 1px 1px 2px rgba(0,0,0,0.3);
    color: #656565;
    cursor: pointer;
    display: block;
    font-size: 1.55em;
    font-weight: normal;
    margin: 0
auto;
    padding: 13px
16px;
    position: relative;
    transition: all 0.15s linear 0s;
    width: 266px
}

#header .user-menu li.user-dropdown {
    display: none;
    padding-right: 0px
}

#header .user-menu li.user-dropdown.premium .username::before {
    position: absolute;
    top: 0;
    right: 0;
    height: 12px;
    color: #F90;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    content: 'Premium'
}

#header .user-menu .freepikicon-upload:before {
    color: #286ebb
}

#header .user-dropdown .user-avat {
    position: relative;
    display: block;
    float: left;
    margin-left: 5px;
    padding: 2px;
    border-radius: 3px;
    background: white;
    box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

@media screen and (max-width: 880px) {
    #header .user-dropdown .user-avat {
        padding: 0;
        background: none
    }
}

#header .user-dropdown:hover .user-avat {
    background: #a4c3f4;
    background: -moz-linear-gradient(top, #a4c3f4 0%, #3c7cdd 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, #a4c3f4), color-stop(100%, #3c7cdd));
    background: -webkit-linear-gradient(top, #a4c3f4 0%, #3c7cdd 100%);
    background: -o-linear-gradient(top, #a4c3f4 0%, #3c7cdd 100%);
    background: -ms-linear-gradient(top, #a4c3f4 0%, #3c7cdd 100%);
    background: linear-gradient(to bottom, #a4c3f4 0%, #3c7cdd 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a4c3f4', endColorstr='#3c7cdd', GradientType=0 )
}

@media screen and (max-width: 880px) {
    #header .user-dropdown:hover .user-avat {
        background: none
    }
}

#header .user-dropdown .user-avat
.icodrop {
    display: none
}

#header .user-dropdown .user-avat
img {
    float: left;
    padding: 2px;
    background: #fff;
    width: 32px;
    height: 32px;
    border-radius: 4px
}

@media screen and (max-width: 980px) {
    #header .user-dropdown .user-avat
img {
        display: block;
        width: 41px;
        height: 41px;
        border-radius: 50%;
        border-radius: 4px;
        box-shadow: 0 0 10px #b3b3b3;
        float: none
    }
}

#header .user-dropdown
.username {
    position: relative;
    float: left;
    display: inline-block;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media screen and (max-width: 980px) {
    #header .user-dropdown
.username {
        display: none
    }
}

#header .user-dropdown
ul {
    background: #f2f2f2;
    padding: 0px
0px;
    list-style: none;
    border: 1px
solid #CDCDCD;
    -webkit-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 8px 2px rgba(0,0,0,0.4);
    border: #7F7F7F solid 1px
}

#header .user-dropdown
.space {
    display: none;
    padding-top: 40px;
    position: absolute;
    top: 1px;
    right: -10px;
    z-index: 10
}

#header .user-dropdown:hover
.space {
    display: block
}

@media screen and (max-width: 880px) {
    #header .user-dropdown:hover
.space {
        top: 10px;
        right: -2px
    }
}

#header .user-dropdown ul:after,#header .user-dropdown ul:before {
    content: "";
    position: absolute;
    top: 33px;
    right: 14px;
    border-style: solid;
    border-width: 0 8px 8px;
    border-color: #f2f2f2 transparent;
    display: block;
    width: 0;
    z-index: 1
}

#header .user-dropdown ul:before {
    top: 32px;
    border-color: #7F7F7F transparent;
    z-index: 0
}

#header .user-dropdown ul
li {
    width: 175px;
    border-top: 1px solid #ddd;
    line-height: 18px
}

#header .user-dropdown ul li
a {
    font-size: 12px;
    text-decoration: none;
    padding: 10px;
    color: #333
}

#header .user-dropdown ul li a:hover {
    background: #fff;
    color: #000
}

#header .user-dropdown ul li:first-child {
    border-top: none
}

#header .user-dropdown ul li:first-child
a {
    border-top: none;
    border-radius: 3px 3px 0px 0px;
    -moz-border-radius: 3px 3px 0px 0px;
    -webkit-border-radius: 3px 3px 0px 0px
}

#header .user-dropdown ul li:last-child
a {
    border-radius: 0px 0px 3px 3px;
    -moz-border-radius: 0px 0px 3px 3px;
    -webkit-border-radius: 0px 0px 3px 3px
}

#header .user-dropdown ul li .ico-user {
    float: right;
    position: relative;
    top: -2px
}

#header .ico-user {
    width: 22px;
    height: 20px;
    display: inline-block
}

#header .ico-filter {
    display: inline-block;
    height: 9px;
    width: 11px;
    margin-right: 3px
}

#header .user-menu {
    float: right;
    margin: 4px
1px 0 0;
    padding: 0;
    list-style: none
}

@media screen and (max-width: 980px) {
    #header .user-menu {
        position: absolute;
        top: 0;
        right: 0;
        margin-top: 8px;
        height: 41px
    }
}

@media screen and (max-width: 800px) {
    .tooltip:hover .tooltip-content {
        display: none
    }
}

body {
    min-width: initial
}

body .home
#header {
    box-shadow: 0 2px 2px transparent,0 2px 3px rgba(0,0,0,0.09);
    border-bottom: 1px solid rgba(255,255,255,0.5)
}

body .home #header .top-bar .menu-home-mobile {
    width: 40px;
    margin: 9px
auto;
    height: 21px
}

body .home #header .top-bar .menu-home-mobile
span {
    display: block;
    width: 100%;
    height: 5px;
    background: #333;
    margin: 6px
0;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

body .home #header .top-bar .menu-home-mobile.active span:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 50%;
    position: relative;
    left: 16px;
    top: -2px
}

body .home #header .top-bar .menu-home-mobile.active span:nth-child(2) {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body .home #header .top-bar .menu-home-mobile.active span:nth-child(3) {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    width: 50%;
    position: relative;
    top: -24px;
    left: 4px
}

body .home #header .drop-down .list-holder .img-list>li {
    width: 48px !important
}

@media screen and (max-width: 1047px) {
    body .home
#header {
        width: 100%
    }

    body .home #header .user-menu .link-trabaja {
        display: none
    }

    body .home #header .user-menu .link-trabaja+li {
        display: none
    }
}

@media screen and (max-width: 880px) {
    body .home #header .top-bar
.logo {
        margin: 0
10px 0 0;
        position: relative
    }
}

@media screen and (max-width: 980px) {
    body .home
#header {
        height: auto;
        padding: 0
    }

    body .home #header .top-bar {
        padding: 10px;
        margin: 0
    }

    body .home #header .top-bar
.logo {
        margin: 0
    }

    body .home #header .top-bar .social-networks {
        display: none
    }

    body .home #header .nav-bar {
        padding: 0;
        margin: 0
    }

    body .home #header .nav-bar .main-nav {
        display: block;
        padding: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    body .home #header .nav-bar .main-nav.expanded {
        height: 233px
    }

    body .home #header .nav-bar .main-nav
li {
        float: none;
        width: 100%
    }

    body .home #header .nav-bar .main-nav li.has-drop-down:hover .drop-down {
        display: none
    }

    body .home #header .nav-bar .main-nav li.has-drop-down a
span {
        background: none;
        padding: 0
    }
}

body .home .top-banner {
    height: 410px
}

body .home .top-banner .portada-btn
a {
    width: 230px
}

body .home .top-banner .portada-download {
    max-width: 270px
}

body .home .top-banner.top-banner-with-bg .search-form input[type="text"] {
    width: 617px;
    height: 47px
}

body .home .top-banner
.inner {
    padding-top: 35px
}

@media screen and (max-width: 860px) {
    body .home .top-banner {
        height: 480px
    }

    body .home .top-banner
.inner {
        width: 600px
    }

    body .home .top-banner .inner .ash1
strong {
        font-size: 36px
    }

    body .home .top-banner .inner .search-form input[type="text"] {
        width: 447px
    }
}

@media screen and (max-width: 660px) {
    body .home .top-banner {
        height: auto
    }

    body .home .top-banner
.inner {
        padding: 25px
0 0
    }

    body .home .top-banner .portada-btn {
        position: relative
    }

    body .home .top-banner .portada-download {
        margin-top: 0
    }

    body .home .top-banner
.explainhome {
        position: relative;
        display: none
    }
}

@media screen and (max-width: 620px) {
    body .home .top-banner {
        padding-bottom: 30px
    }

    body .home .top-banner .portada-download {
        display: none
    }

    body .home .top-banner
.inner {
        width: 100%
    }

    body .home .top-banner .inner .ash1
strong {
        font-size: 18px !important;
        line-height: normal
    }

    body .home .top-banner .inner .search-form {
        margin-left: 0
    }

    body .home .top-banner .inner .search-form
.title {
        font-weight: normal
    }

    body .home .top-banner .inner .search-form .title
h1 {
        font-weight: normal
    }
}

@media screen and (max-width: 620px) and (max-width: 400px) {
    body .home .top-banner .inner .search-form
.title {
        font-size: 14px
    }

    body .home .top-banner .inner .search-form .title
h1 {
        font-size: 14px
    }
}

@media screen and (max-width: 620px) {
    body .home .top-banner .inner .search-form .form-holder {
        position: relative
    }

    body .home .top-banner .inner .search-form .form-holder input[type="text"] {
        width: 100% !important;
        padding: 11px
90px 11px 11px
    }

    body .home .top-banner .inner .search-form .form-holder
button {
        position: absolute;
        right: 5px;
        width: 75px
    }

    body .home .top-banner .inner .search-form .form-holder button
span {
        text-indent: -9999px;
        padding: 0
4px 0 10px
    }
}

body .home #main.single-column {
    width: 1600px
}

body .home #main.single-column .tag-list-2 {
    margin: 0
}

@media screen and (max-width: 800px) {
    body .home #main.single-column .tag-list-2 li
a {
        padding: 8px
    }
}

body .home #main.single-column
.category.categoryDestacados {
    margin: 10px
0
}

body .home #main.single-column .category.categoryDestacados:after {
    display: none
}

body .home #main.single-column .category.categoryDestacados
.images.imageList {
    border-bottom: none;
    margin: 40px
0
}

body .home #main.single-column .category.categoryDestacados .images.imageList:after {
    content: "";
    display: table;
    clear: both
}

body .home #main.single-column .category.categoryDestacados .images.imageList
.slide {
    width: 20%
}

body .home #main.single-column .category.categoryDestacados .images.imageList .slide .img_box
.ribbon {
    display: none
}

body .home #main.single-column .category.categoryDestacados .images.imageList .slide:nth-child(5n) {
    margin-right: 0
}

body .home #main.single-column .category.categoryDestacados
.btn2 {
    text-decoration: none
}

body .home #main.single-column .category.categoryDestacados .btn2:hover {
    background-color: #476eb7
}

@media screen and (max-width: 1600px) {
    body .home #main.single-column {
        width: 1200px
    }
}

@media screen and (max-width: 1200px) {
    body .home #main.single-column {
        width: 860px;
        padding: 41px
0
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList
.slide {
        width: 25%
    }
}

@media screen and (max-width: 880px) {
    body .home #main.single-column {
        width: 100%;
        padding: 41px
20px
    }

    body .home #main.single-column .category.categoryDestacados
.images.imageList {
        margin: 40px
auto;
        width: 600px
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList
.slide {
        width: 33.33%
    }

    body .home #main.single-column .exclusivevectors
.tit {
        font-size: 24px
    }
}

@media screen and (max-width: 650px) {
    body .home #main.single-column {
        padding: 41px
10px
    }

    body .home #main.single-column .category.categoryDestacados
.images.imageList {
        margin: 40px
auto;
        width: 100%
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList
.slide {
        width: 50%
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList .slide
.img_box {
        margin: 0
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList .slide .img_box .img-holder {
        padding: 0
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList .slide:nth-child(odd) {
        margin-left: 0
    }

    body .home #main.single-column .category.categoryDestacados .images.imageList .slide:nth-child(5n) {
        margin-right: 0
    }
}

@media screen and (max-width: 620px) {
    body .home #main.single-column {
        padding-top: 0
    }

    body .home #main.single-column
.exclusivevectors {
        display: none
    }
}

body .home .carousel,body .home .carousel
* {
    box-sizing: initial
}

@media screen and (max-width: 1200px) {
    body .home .bottom-menu {
        width: 100%;
        padding: 20px
20px 0
    }

    body .home .bottom-menu .col-right {
        width: 600px
    }
}

@media screen and (max-width: 880px) {
    body .home .bottom-menu {
        min-height: 240px
    }

    body .home .bottom-menu .col-right {
        position: absolute;
        right: 0;
        width: 100%;
        padding-left: 220px
    }
}

@media screen and (max-width: 640px) {
    body .home .bottom-menu .col-left {
        float: none;
        width: 100%;
        text-align: center
    }

    body .home .bottom-menu .col-right {
        position: relative;
        padding: 0;
        text-align: center;
        margin-top: 20px
    }
}

body.fr .home .top-banner .inner .search-form input[type="text"] {
    width: 590px
}

@media screen and (max-width: 860px) {
    body.fr .home .top-banner .inner .search-form input[type="text"] {
        width: 420px
    }
}

@media screen and (max-width: 1047px) {
    body.it #header .user-menu li:first-child {
        display: none
    }
}

#header .user-menu .btn.btn-upload {
    padding: 8px
25px;
    background: #f05f5c;
    color: #fff !important;
    font-weight: bold !important;
    text-transform: uppercase;
    border-radius: 4px;
    float: right;
    border: none;
    text-shadow: none
}

#header .user-menu .btn.btn-upload:hover {
    background: #D74E4B;
    text-decoration: none
}

#header .user-menu .btn.btn-upload i:before {
    margin-left: 0;
    margin-right: 10px;
    font-size: 14px;
    vertical-align: text-bottom
}

@media screen and (max-width: 1200px) {
    #detail-exclusive .content-holder,#detail .content-holder {
        margin-left: 25px
    }
}

@media screen and (max-width: 1080px) {
    #detail-exclusive #main,#detail
#main {
        width: 920px
    }

    #detail-exclusive #main #content,#detail #main
#content {
        width: 596px
    }

    #detail-exclusive #main #sidebar,#detail #main
#sidebar {
        width: 300px
    }

    #detail-exclusive #main #sidebar>.download.download-fixed,#detail #main #sidebar>.download.download-fixed {
        width: 300px
    }

    #detail-exclusive #main #sidebar .download .btn-download,#detail #main #sidebar .download .btn-download {
        padding-left: 60px
    }

    #detail-exclusive #main #sidebar .download .btn-download:before,#detail #main #sidebar .download .btn-download:before {
        width: 60px
    }

    #detail-exclusive #main #sidebar .download .btn-download span,#detail #main #sidebar .download .btn-download
span {
        font-size: 12px
    }

    #detail-exclusive #main #sidebar .download.download-fixed,#detail #main #sidebar .download.download-fixed {
        width: 300px
    }
}

@media screen and (max-width: 1023px) {
    #detail-exclusive #main,#detail
#main {
        width: 636px
    }

    #detail-exclusive #main .content-holder h1,#detail #main .content-holder
h1 {
        font-size: 16px !important;
        text-align: center;
        float: none
    }

    #detail-exclusive #main .content-holder .subtitle,#detail #main .content-holder
.subtitle {
        text-align: center
    }

    #detail-exclusive #main .content-holder #content,#detail #main .content-holder
#content {
        width: 636px
    }

    #detail-exclusive #main .content-holder #content .gallery .mask>a,#detail #main .content-holder #content .gallery .mask>a {
        width: 626px
    }

    #detail-exclusive #main .content-holder #sidebar,#detail #main .content-holder
#sidebar {
        width: 100%;
        margin-top: 10px
    }

    #detail-exclusive #main .content-holder #sidebar .btn-report-copy,#detail-exclusive #main .content-holder #sidebar .download-problems,#detail #main .content-holder #sidebar .btn-report-copy,#detail #main .content-holder #sidebar .download-problems {
        position: fixed;
        bottom: 75px;
        left: 0;
        width: 40px;
        z-index: 30
    }

    #detail-exclusive #main .content-holder #sidebar .btn-report-copy span,#detail-exclusive #main .content-holder #sidebar .download-problems span,#detail #main .content-holder #sidebar .btn-report-copy span,#detail #main .content-holder #sidebar .download-problems
span {
        display: none
    }

    #detail-exclusive #main .content-holder #sidebar .download-problems,#detail #main .content-holder #sidebar .download-problems {
        left: 40px
    }

    #detail-exclusive #main .content-holder #sidebar>.download,#detail #main .content-holder #sidebar>.download {
        position: fixed;
        z-index: 30;
        margin: 0;
        bottom: 0;
        top: initial !important;
        left: 0;
        padding-right: 100px;
        width: 100%;
        border-radius: 0
    }

    #detail-exclusive #main .content-holder #sidebar>.download .favourite,#detail #main .content-holder #sidebar>.download
.favourite {
        width: 90px;
        position: absolute;
        top: 0;
        padding-top: 18px;
        right: 0;
        height: 67px;
        margin-right: 5px
    }

    #detail-exclusive #main .content-holder #sidebar .download-holder,#detail #main .content-holder #sidebar .download-holder {
        position: fixed;
        z-index: 9;
        margin: 0;
        bottom: 0;
        top: initial !important;
        left: 0;
        padding-right: 100px;
        width: 100%;
        border-radius: 0
    }

    #detail-exclusive #main .content-holder #sidebar .download-holder .download,#detail #main .content-holder #sidebar .download-holder
.download {
        border-radius: 0 4px 0px 0px
    }

    #detail-exclusive #main .content-holder #sidebar .download-holder .download p,#detail #main .content-holder #sidebar .download-holder .download
p {
        display: none
    }

    #detail-exclusive #main .content-holder #sidebar .download-holder .favourite,#detail #main .content-holder #sidebar .download-holder
.favourite {
        width: 95px;
        position: absolute;
        top: 0;
        padding-top: 10px;
        right: 0;
        height: 100%;
        margin: 0;
        border-radius: 4px 0 0 0
    }

    #detail-exclusive #main .content-holder #sidebar .download-holder .favourite>span,#detail #main .content-holder #sidebar .download-holder .favourite>span {
        display: block;
        margin: 0
    }

    #detail-exclusive #main .content-holder #sidebar .sidebar-content,#detail #main .content-holder #sidebar .sidebar-content {
        padding: 0
    }

    #detail-exclusive #main .content-holder #sidebar .sidebar-content .user-card .more-info,#detail #main .content-holder #sidebar .sidebar-content .user-card .more-info {
        display: none
    }

    #detail-exclusive #main .content-holder #sidebar .sidebar-content .user-card .card-hidden,#detail #main .content-holder #sidebar .sidebar-content .user-card .card-hidden {
        overflow: visible;
        padding: 0.5em;
        height: auto;
        border-top: 1px solid #f5f8f9
    }
}

@media screen and (max-width: 768px) {
    #detail-exclusive #social-networks,#detail #social-networks {
        position: relative;
        width: 100%;
        display: inline-block;
        left: 50% !important;
        top: 0;
        text-align: center;
        margin: 20px
0 0;
        padding: 0;
        background: none;
        z-index: 1;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        transform: translateX(-50%)
    }

    #detail-exclusive #social-networks li,#detail #social-networks
li {
        float: none;
        display: inline-block;
        margin: 0;
        border-radius: 100%;
        margin: 0
0.5em
    }

    #detail-exclusive #social-networks li a,#detail #social-networks li
a {
        width: 32px;
        height: 32px;
        font-size: 12px;
        line-height: 32px
    }

    #detail-exclusive .title-wrapper h1,#detail .title-wrapper
h1 {
        float: none
    }

    #detail-exclusive #main,#detail
#main {
        margin-top: 0
    }

    #detail-exclusive #main .content-holder,#detail #main .content-holder {
        margin-left: 0;
        text-align: center
    }

    #detail-exclusive #main .content-holder #content,#detail #main .content-holder
#content {
        padding-top: 10px
    }
}

@media screen and (max-width: 672px) {
    #detail-exclusive #main,#detail
#main {
        width: 100%;
        padding: 0
10px
    }

    #detail-exclusive #main .content-holder #content,#detail #main .content-holder
#content {
        width: 100%
    }

    #detail-exclusive #main .content-holder #content .gallery .mask>a,#detail #main .content-holder #content .gallery .mask>a {
        width: 100%
    }

    #detail-exclusive #main .content-holder #content .download-data,#detail #main .content-holder #content .download-data {
        font-size: 12px
    }

    #detail-exclusive #main .content-holder #content .download-data .timeago,#detail #main .content-holder #content .download-data
.timeago {
        margin-top: -26px
    }

    #detail-exclusive #main .content-holder #content .download-data .file-type,#detail #main .content-holder #content .download-data .file-type {
        float: none;
        width: 100%;
        padding: .5em 0
    }

    #detail-exclusive #main .content-holder #content .download-data .file-type i:before,#detail #main .content-holder #content .download-data .file-type i:before {
        font-size: 22px;
        padding: 7px
0px 0px 0px
    }

    #detail-exclusive #main .content-holder #content .download-data .discover,#detail #main .content-holder #content .download-data
.discover {
        float: none;
        width: 100%;
        padding: .5em 0 .5em 31px;
        border-left: none;
        border-top: 1px solid #E2E2E2
    }

    #detail-exclusive #main .content-holder #content .download-data .discover:before,#detail #main .content-holder #content .download-data .discover:before {
        font-size: 22px;
        margin-left: 0;
        top: 14px
    }
}

@media screen and (max-width: 400px) {
    #detail-exclusive #main #sidebar .download .btn-download,#detail #main #sidebar .download .btn-download {
        padding-left: 0;
        font-size: 18px
    }

    #detail-exclusive #main #sidebar .download .btn-download:before,#detail #main #sidebar .download .btn-download:before {
        display: none
    }
}

@media screen and (max-width: 480px) {
    #detail-exclusive .premium-content .premium-overlay,#detail .premium-content .premium-overlay {
        width: 240px;
        height: 240px
    }

    #detail-exclusive .premium-content .premium-overlay .premium-text i:before,#detail .premium-content .premium-overlay .premium-text i:before {
        font-size: 48px
    }

    #detail-exclusive .premium-content .premium-overlay .premium-text p,#detail .premium-content .premium-overlay .premium-text
p {
        font-size: 14px
    }

    #detail-exclusive .premium-content .premium-overlay .premium-text .btn,#detail .premium-content .premium-overlay .premium-text
.btn {
        padding: 0.8em 1em;
        font-size: 14px
    }
}

@media screen and (max-width: 860px) {
    #detail-exclusive .tabs .horizontal .tabs-container,#detail .tabs .horizontal .tabs-container {
        margin: 0
    }

    #detail-exclusive .tabs .horizontal .tabs-container:after,#detail .tabs .horizontal .tabs-container:after {
        content: "";
        display: table;
        clear: both
    }

    #detail-exclusive .tabs .horizontal .tabs-container li,#detail .tabs .horizontal .tabs-container
li {
        width: 100%;
        text-align: center
    }

    #detail-exclusive .tabs .horizontal .tabs-container li a,#detail .tabs .horizontal .tabs-container li
a {
        padding: 15px
    }
}

@media screen and (max-width: 860px) and (max-width: 400px) {
    #detail-exclusive .tabs .horizontal .tabs-container li a,#detail .tabs .horizontal .tabs-container li
a {
        font-size: 12px
    }
}

@media screen and (max-width: 860px) {
    #detail-exclusive .tabs #tab-related-files,#detail .tabs #tab-related-files {
        margin-top: 0;
        display: block
    }

    #detail-exclusive .tabs #tab-related-files .related-files-content,#detail .tabs #tab-related-files .related-files-content {
        display: block
    }

    #detail-exclusive .tabs #tab-related-files .related-files-content .related-sponsor,#detail .tabs #tab-related-files .related-files-content .related-sponsor {
        width: 100%;
        height: 320px;
        border: none;
        display: block;
        display: none
    }

    #detail-exclusive .tabs #tab-related-files .related-files-content .related-right,#detail .tabs #tab-related-files .related-files-content .related-right {
        padding: 20px
    }
}

.reveal-modal.modal-premium .join-premium {
    height: auto
}

@media screen and (max-width: 850px) {
    .reveal-modal.modal-premium {
        width: 100% !important;
        margin-left: 0;
        left: 0;
        top: 0 !important;
        position: fixed
    }

    .reveal-modal.modal-premium .modal-download .attr-line {
        width: 350px
    }

    .reveal-modal.modal-premium .modal-download .visit-faq {
        width: 368px
    }
}

@media screen and (max-width: 820px) {
    .reveal-modal.modal-premium {
        overflow: scroll;
        max-height: 100%
    }

    .reveal-modal.modal-premium
h2 {
        font-size: 22px
    }

    .reveal-modal.modal-premium .close-reveal-modal {
        top: 17px
    }

    .reveal-modal.modal-premium .modal-download {
        padding: 20px
    }

    .reveal-modal.modal-premium .modal-download .modal-button {
        float: none;
        width: auto;
        padding: 10px
20px
    }

    .reveal-modal.modal-premium .modal-download .attr-line {
        width: 100%;
        margin-left: 0;
        margin-top: 10px
    }

    .reveal-modal.modal-premium .modal-download .visit-faq {
        width: 100%;
        margin-bottom: 0
    }

    .reveal-modal.modal-premium .modal-download
.dontshow {
        width: 100%
    }

    .reveal-modal.modal-premium .join-premium {
        padding: 20px
    }

    .reveal-modal.modal-premium .join-premium
div {
        width: 100%
    }

    .reveal-modal.modal-premium .join-premium div .modal-button {
        float: none;
        margin: 10px
auto;
        width: auto;
        padding: 10px
20px
    }

    .reveal-modal.modal-premium .join-premium div .visit-faq {
        width: 100%
    }

    .reveal-modal.modal-premium .join-premium
.jetpack {
        display: none
    }
}

@media screen and (max-width: 650px) {
    .reveal-modal.xlarge #respuesta
input {
        width: 100% !important
    }
}

@media screen and (max-width: 616px) {
    .reveal-modal.large {
        text-align: center
    }

    .reveal-modal.large .respuesta-content
label {
        width: 100%
    }
}

[data-tooltip] {
    position: relative;
    display: inline-block;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

[data-tooltip]:before,[data-tooltip]:after {
    position: absolute;
    visibility: hidden;
    opacity: 0;
    z-index: 999999;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    -webkit-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0)
}

[data-tooltip]:before {
    content: '';
    border: 6px
solid transparent
}

[data-tooltip]:after {
    height: 22px;
    padding: 11px
11px 0 11px;
    font-size: 13px;
    line-height: 11px;
    content: attr(data-tooltip);
    white-space: nowrap;
    -webkit-border-radius: 4px;
    border-radius: 4px
}

[data-tooltip].simptip-position-top:before {
    border-top-color: #333
}

[data-tooltip].simptip-position-top:after {
    background-color: #333;
    color: #ecf0f1
}

[data-tooltip].simptip-position-bottom:before {
    border-bottom-color: #333
}

[data-tooltip].simptip-position-bottom:after {
    background-color: #333;
    color: #ecf0f1
}

[data-tooltip].simptip-position-left:before {
    border-left-color: #333
}

[data-tooltip].simptip-position-left:after {
    background-color: #333;
    color: #ecf0f1
}

[data-tooltip].simptip-position-right:before {
    border-right-color: #333
}

[data-tooltip].simptip-position-right:after {
    background-color: #333;
    color: #ecf0f1
}

[data-tooltip].simptip-position-top.half-arrow:before {
    border-right: 7px solid #333
}

[data-tooltip].simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #333
}

[data-tooltip]:hover,[data-tooltip]:focus {
    background-color: transparent
}

[data-tooltip]:hover:before,[data-tooltip]:hover:after,[data-tooltip]:focus:before,[data-tooltip]:focus:after {
    opacity: 1;
    visibility: visible
}

.simptip-position-right:before,.simptip-position-left:before,.simptip-position-right:after,.simptip-position-left:after {
    bottom: 50%
}

.simptip-position-right:before,.simptip-position-left:before {
    margin-bottom: -5px
}

.simptip-position-right:after,.simptip-position-left:after {
    margin-bottom: -14.66667px
}

.half-arrow.simptip-position-right:before,.half-arrow.simptip-position-left:before {
    bottom: 16px;
    border-style: none;
    border-top: 7px solid transparent
}

.simptip-multiline.simptip-position-right:before,.simptip-multiline.simptip-position-left:before,.simptip-multiline.simptip-position-right:after,.simptip-multiline.simptip-position-left:after {
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    -ms-transform: translateY(50%);
    -o-transform: translateY(50%);
    transform: translateY(50%);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    margin-bottom: 0
}

.simptip-multiline.simptip-position-right:before,.simptip-multiline.simptip-position-left:before {
    margin-bottom: 0
}

.simptip-multiline.half-arrow.simptip-position-right:before,.simptip-multiline.half-arrow.simptip-position-left:before {
    margin-bottom: -2px
}

.simptip-position-right:before,.simptip-position-right:after {
    left: 100%
}

.simptip-position-right:before {
    margin-left: -2px
}

.simptip-position-right:after {
    margin-left: 10px
}

.simptip-position-right.simptip-movable:before {
    margin-left: -10px
}

.simptip-position-right.simptip-movable:after {
    margin-left: 2px
}

.simptip-position-right.simptip-movable:hover:before,.simptip-position-right.simptip-movable:hover:after {
    -webkit-transform: translateX(10px);
    -moz-transform: translateX(10px);
    -ms-transform: translateX(10px);
    -o-transform: translateX(10px);
    transform: translateX(10px)
}

.simptip-position-right.simptip-movable.half-arrow:before {
    margin-left: -5px
}

.simptip-position-right.simptip-movable.simptip-multiline:hover:before,.simptip-position-right.simptip-movable.simptip-multiline:hover:after {
    -webkit-transform: translate(10px,50%);
    -moz-transform: translate(10px,50%);
    -ms-transform: translate(10px,50%);
    -o-transform: translate(10px,50%);
    transform: translate(10px,50%)
}

.simptip-position-right.half-arrow:before {
    margin-left: 3px;
    border-right: 7px solid #333
}

.simptip-position-left:before,.simptip-position-left:after {
    right: 100%
}

.simptip-position-left:before {
    margin-right: -2px
}

.simptip-position-left:after {
    margin-right: 10px
}

.simptip-position-left.simptip-movable:before {
    margin-right: -10px
}

.simptip-position-left.simptip-movable:after {
    margin-right: 2px
}

.simptip-position-left.simptip-movable:hover:before,.simptip-position-left.simptip-movable:hover:after {
    -webkit-transform: translateX(-10px);
    -moz-transform: translateX(-10px);
    -ms-transform: translateX(-10px);
    -o-transform: translateX(-10px);
    transform: translateX(-10px)
}

.simptip-position-left.simptip-movable.half-arrow:before {
    margin-right: -5px
}

.simptip-position-left.simptip-movable.simptip-multiline:hover:before,.simptip-position-left.simptip-movable.simptip-multiline:hover:after {
    -webkit-transform: translate(-10px,50%);
    -moz-transform: translate(-10px,50%);
    -ms-transform: translate(-10px,50%);
    -o-transform: translate(-10px,50%);
    transform: translate(-10px,50%)
}

.simptip-position-left.half-arrow:before {
    margin-right: 3px;
    border-left: 7px solid #333
}

.simptip-position-bottom:before,.simptip-position-top:before,.simptip-position-bottom:after,.simptip-position-top:after {
    left: 50%;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%)
}

.simptip-position-bottom:after,.simptip-position-top:after {
    width: auto
}

.half-arrow.simptip-position-bottom:before,.half-arrow.simptip-position-top:before {
    border-style: none;
    border-right: 7px solid #333
}

.simptip-position-bottom:before,.simptip-position-bottom:after {
    top: 100%
}

.simptip-position-bottom:before {
    margin-top: -5px
}

.simptip-position-bottom:after {
    margin-top: 7px
}

.simptip-position-bottom:hover:before,.simptip-position-bottom:hover:after {
    -webkit-transform: translate(-50%,0);
    -moz-transform: translate(-50%,0);
    -ms-transform: translate(-50%,0);
    -o-transform: translate(-50%,0);
    transform: translate(-50%,0)
}

.simptip-position-bottom.simptip-movable:before {
    margin-top: -15px
}

.simptip-position-bottom.simptip-movable:after {
    margin-top: -3px
}

.simptip-position-bottom.simptip-movable:hover:before,.simptip-position-bottom.simptip-movable:hover:after {
    -webkit-transform: translate(-50%,10px);
    -moz-transform: translate(-50%,10px);
    -ms-transform: translate(-50%,10px);
    -o-transform: translate(-50%,10px);
    transform: translate(-50%,10px)
}

.simptip-position-bottom.simptip-movable.half-arrow:before {
    margin-top: -10px
}

.simptip-position-bottom.half-arrow:before {
    margin-top: 0;
    border-top: 7px solid transparent
}

.simptip-position-top:before,.simptip-position-top:after {
    bottom: 100%
}

.simptip-position-top:before {
    margin-bottom: -5px
}

.simptip-position-top:after {
    margin-bottom: 7px
}

.simptip-position-top:hover:before,.simptip-position-top:hover:after {
    -webkit-transform: translate(-50%,0px);
    -moz-transform: translate(-50%,0px);
    -ms-transform: translate(-50%,0px);
    -o-transform: translate(-50%,0px);
    transform: translate(-50%,0px)
}

.simptip-position-top.simptip-movable:before {
    margin-bottom: -15px
}

.simptip-position-top.simptip-movable:after {
    margin-bottom: -3px
}

.simptip-position-top.simptip-movable:hover:before,.simptip-position-top.simptip-movable:hover:after {
    -webkit-transform: translate(-50%,-10px);
    -moz-transform: translate(-50%,-10px);
    -ms-transform: translate(-50%,-10px);
    -o-transform: translate(-50%,-10px);
    transform: translate(-50%,-10px)
}

.simptip-position-top.simptip-movable.half-arrow:before {
    margin-bottom: -10px
}

.simptip-position-top.half-arrow:before {
    margin-bottom: 0;
    border-bottom: 7px solid transparent
}

.simptip-movable:before,.simptip-movable:after {
    -webkit-transition: all 0.1s linear;
    -moz-transition: all 0.1s linear;
    -o-transition: all 0.1s linear;
    -ms-transition: all 0.1s linear;
    transition: all 0.1s linear
}

.simptip-smooth:after {
    -webkit-border-radius: 4px;
    border-radius: 4px
}

.simptip-fade:before,.simptip-fade:after {
    -webkit-transition: opacity .2s linear,visibility .2s linear;
    -moz-transition: opacity .2s linear,visibility .2s linear;
    -o-transition: opacity .2s linear,visibility .2s linear;
    -ms-transition: opacity .2s linear,visibility .2s linear;
    transition: opacity .2s linear,visibility .2s linear
}

.simptip-multiline:after {
    height: auto;
    width: 150px;
    padding: 11px;
    line-height: 19px;
    white-space: normal;
    text-align: left
}

.simptip-success.simptip-position-top:before {
    border-top-color: #1bcc87
}

.simptip-success.simptip-position-top:after {
    background-color: #1bcc87;
    color: #ecf0f1
}

.simptip-success.simptip-position-bottom:before {
    border-bottom-color: #1bcc87
}

.simptip-success.simptip-position-bottom:after {
    background-color: #1bcc87;
    color: #ecf0f1
}

.simptip-success.simptip-position-left:before {
    border-left-color: #1bcc87
}

.simptip-success.simptip-position-left:after {
    background-color: #1bcc87;
    color: #ecf0f1
}

.simptip-success.simptip-position-right:before {
    border-right-color: #1bcc87
}

.simptip-success.simptip-position-right:after {
    background-color: #1bcc87;
    color: #ecf0f1
}

.simptip-success.simptip-position-top.half-arrow:before {
    border-right: 7px solid #1bcc87
}

.simptip-success.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #1bcc87
}

.simptip-info.simptip-position-top:before {
    border-top-color: #5bc0de
}

.simptip-info.simptip-position-top:after {
    background-color: #5bc0de;
    color: #ecf0f1
}

.simptip-info.simptip-position-bottom:before {
    border-bottom-color: #5bc0de
}

.simptip-info.simptip-position-bottom:after {
    background-color: #5bc0de;
    color: #ecf0f1
}

.simptip-info.simptip-position-left:before {
    border-left-color: #5bc0de
}

.simptip-info.simptip-position-left:after {
    background-color: #5bc0de;
    color: #ecf0f1
}

.simptip-info.simptip-position-right:before {
    border-right-color: #5bc0de
}

.simptip-info.simptip-position-right:after {
    background-color: #5bc0de;
    color: #ecf0f1
}

.simptip-info.simptip-position-top.half-arrow:before {
    border-right: 7px solid #5bc0de
}

.simptip-info.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #5bc0de
}

.simptip-danger.simptip-position-top:before {
    border-top-color: #f05f5c
}

.simptip-danger.simptip-position-top:after {
    background-color: #f05f5c;
    color: #ecf0f1
}

.simptip-danger.simptip-position-bottom:before {
    border-bottom-color: #f05f5c
}

.simptip-danger.simptip-position-bottom:after {
    background-color: #f05f5c;
    color: #ecf0f1
}

.simptip-danger.simptip-position-left:before {
    border-left-color: #f05f5c
}

.simptip-danger.simptip-position-left:after {
    background-color: #f05f5c;
    color: #ecf0f1
}

.simptip-danger.simptip-position-right:before {
    border-right-color: #f05f5c
}

.simptip-danger.simptip-position-right:after {
    background-color: #f05f5c;
    color: #ecf0f1
}

.simptip-danger.simptip-position-top.half-arrow:before {
    border-right: 7px solid #f05f5c
}

.simptip-danger.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #f05f5c
}

.simptip-warning.simptip-position-top:before {
    border-top-color: #FDC345
}

.simptip-warning.simptip-position-top:after {
    background-color: #FDC345;
    color: #ecf0f1
}

.simptip-warning.simptip-position-bottom:before {
    border-bottom-color: #FDC345
}

.simptip-warning.simptip-position-bottom:after {
    background-color: #FDC345;
    color: #ecf0f1
}

.simptip-warning.simptip-position-left:before {
    border-left-color: #FDC345
}

.simptip-warning.simptip-position-left:after {
    background-color: #FDC345;
    color: #ecf0f1
}

.simptip-warning.simptip-position-right:before {
    border-right-color: #FDC345
}

.simptip-warning.simptip-position-right:after {
    background-color: #FDC345;
    color: #ecf0f1
}

.simptip-warning.simptip-position-top.half-arrow:before {
    border-right: 7px solid #FDC345
}

.simptip-warning.simptip-position-bottom.half-arrow:before {
    border-right: 7px solid #FDC345
}

@media screen and (max-width: 760px) {
    .last-items .list-search .heading-block {
        text-align: center
    }

    .last-items .list-search .heading-block .search-holder {
        text-align: center;
        float: none;
        width: 100%
    }

    .last-items .list-search .heading-block .search-holder
.asbreadcrumbs {
        float: none;
        text-align: center;
        margin-top: 5px
    }

    .last-items .list-search .heading-block .search-holder
.ash1 {
        float: none;
        margin: 0;
        width: 100%;
        text-align: center
    }

    .last-items .list-search .heading-block .nav-buttons {
        float: none;
        margin: 20px
0 0;
        display: inline-block
    }
}

.fullwidth
#main {
    margin-top: 10px
}

.fullwidth #header .sort-bar .select-holder {
    padding-top: 4px
}

@media screen and (max-width: 980px) {
    .fullwidth #header .sort-bar {
        padding: 0;
        height: 0;
        overflow: hidden;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .fullwidth #header .sort-bar.expanded {
        height: 380px
    }

    .fullwidth #header .sort-bar .tools-holder {
        display: none
    }

    .fullwidth #header .sort-bar .class-nav {
        margin: 0;
        float: none;
        border-bottom: 1px solid #eee
    }

    .fullwidth #header .sort-bar .class-nav
li {
        float: none;
        width: 100%
    }

    .fullwidth #header .sort-bar .class-nav li.active:not(:first-child) a::after {
        left: 9px
    }

    .fullwidth #header .sort-bar .class-nav li:not(:first-child) a::before {
        left: 10px
    }

    .fullwidth #header .sort-bar .class-nav li
a {
        padding: 0;
        text-align: center
    }

    .fullwidth #header .sort-bar .class-nav li.active
a {
        border: none
    }
}

@media screen and (max-width: 980px) and (max-width: 400px) {
    .fullwidth #header .sort-bar .class-nav li
a {
        font-size: 13px
    }
}

@media screen and (max-width: 980px) {
    .fullwidth #header .sort-bar
.order.right {
        float: none;
        padding: 10px
    }

    .fullwidth #header .sort-bar .order.right form
select {
        width: 100%;
        margin-top: 0
    }
}

@media screen and (max-width: 980px) and (max-width: 400px) {
    .fullwidth #header .sort-bar
.order.right {
        padding: 13px
10px
    }
}

.fullwidth #header .search-options {
    padding: 10px
15px;
    float: left;
    background: white;
    text-decoration: none
}

.fullwidth #header .search-options
span {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out
}

.fullwidth #header .search-options span:before {
    margin: 0
}

.fullwidth #header .search-options span:hover {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg)
}

.fullwidth .list-search .content-holder
.imageWall {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

@media screen and (max-width: 880px) {
    .fullwidth .content-holder .large.clearFix .iframe-sponsor-container {
        display: none
    }

    .fullwidth #main #iframe_sponsor,.fullwidth #main
.barsearch {
        display: none
    }

    .fullwidth #main .heading-block {
        text-align: center
    }

    .fullwidth #main .heading-block .search-holder {
        float: none;
        text-align: center;
        width: 100%
    }

    .fullwidth #main .heading-block .search-holder
h1 {
        text-align: center
    }

    .fullwidth #main .heading-block .search-holder
.asbreadcrumbs {
        float: none;
        text-align: center;
        line-height: normal;
        margin-top: 0
    }

    .fullwidth #main .heading-block .search-holder
.ash1 {
        float: none;
        text-align: center;
        width: 100%;
        font-size: 24px
    }

    .fullwidth #main .heading-block .search-holder .ash1
.mark {
        font-size: 24px
    }

    .fullwidth #main .heading-block
.related {
        margin-top: 20px;
        text-align: center;
        width: 100%
    }
}

@media screen and (max-width: 600px) {
    .fullwidth #main .heading-block .search-holder .asbreadcrumbs,.fullwidth #main .heading-block .search-holder .ash1,.fullwidth #main .heading-block .search-holder
.mark {
        font-size: 16px !important
    }

    .fullwidth #main .heading-block
.related {
        margin-top: 10px
    }
}

@media screen and (max-width: 470px) {
    .fullwidth .list-search .content-holder
.imageWall {
        height: auto !important;
        padding-bottom: 240px !important
    }

    .fullwidth .list-search .content-holder .imageWall:after {
        content: "";
        display: table;
        clear: both
    }

    .fullwidth .list-search .content-holder .imageWall .publi-search {
        bottom: 110px;
        top: auto !important
    }

    .fullwidth .list-search .content-holder .imageWall .publi-search.publiBottom {
        bottom: 0
    }

    .fullwidth .list-search .content-holder .imageWall
.slide {
        position: relative !important;
        top: initial !important;
        left: initial !important;
        width: 49% !important;
        height: auto !important;
        margin: 0
0 10px !important;
        float: left;
        min-height: 120px
    }

    .fullwidth .list-search .content-holder .imageWall .slide
.img_box {
        margin-left: 0
    }

    .fullwidth .list-search .content-holder .imageWall .slide .img_box .img-holder {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        padding: 0
    }

    .fullwidth .list-search .content-holder .imageWall .slide .img_box .img-holder a
img {
        width: 100%;
        height: auto
    }

    .fullwidth .list-search .content-holder .imageWall .slide:nth-of-type(odd) {
        clear: both
    }

    .fullwidth .list-search .content-holder .imageWall .slide:nth-of-type(even) {
        margin-left: 2% !important
    }

    .fullwidth .list-search .content-holder .imageWall .slide.slice-icon
a {
        display: block;
        padding: 40px
0
    }

    .fullwidth .list-search .content-holder .imageWall
.slide.outer {
        min-height: initial
    }

    .fullwidth .list-search .content-holder .imageWall .slide.outer .img-holder .img_box
a {
        font-size: 14px
    }

    .fullwidth .list-search .content-holder .imageWall .slide.outer .img-holder .img_box a
img {
        margin: 5px
auto 0 !important;
        background-size: 26px
    }
}

.votar-panel .tagsinput
span.tag {
    padding-left: 20px;
    border: none
}

@media screen and (max-width: 980px) {
    .votar-panel {
        display: none
    }

    .votar-panel .votar-panel-outer {
        width: 100%
    }
}

@media screen and (max-width: 470px) {
    .slide.premium:hover .premium-overlay
p {
        font-size: 120%
    }
}

@media screen and (max-width: 690px) {
    .images .publicidad
.row {
        padding-bottom: 56px
    }

    .images .publicidad .row .slide.slide-more {
        top: auto;
        bottom: 2px;
        width: 100%;
        height: 44px;
        margin: 12px
0 0 0;
        line-height: 44px
    }

    .images .publicidad .row .slide.slide-more
.img_box {
        overflow: hidden;
        height: 100%;
        padding-bottom: 0;
        border-radius: 3px
    }
}

.liquid.explore .fullwidth #sidebar .side-block.categories a.show-categories {
    display: none
}

@media screen and (max-width: 1400px) {
    .liquid.explore .fullwidth
.related {
        margin-top: 0 !important
    }
}

@media screen and (max-width: 800px) {
    .liquid.explore .fullwidth .related
.results {
        font-size: 24px !important
    }

    .liquid.explore .fullwidth .related
p {
        font-size: 14px
    }
}

.liquid.explore .fullwidth .related
.results {
    margin: 10px
0
}

.liquid.explore .fullwidth .related .results
.title {
    line-height: normal
}

@media screen and (max-width: 960px) {
    .liquid.explore .fullwidth .imageList iframe.sponsor-iframe-shutterstock {
        display: none
    }

    .liquid.explore .fullwidth .imageList .ad-block-2 {
        width: 690px;
        height: 100px
    }

    .liquid.explore .fullwidth .imageList .ad-block-2 .banner-freepik {
        background: url(https://media.freepik.com/img/banners/werehiring-banner-mini.jpg) no-repeat center;
        width: 320px;
        margin-top: 5px
    }

    .liquid.explore .fullwidth .imageList .ad-block-2
iframe {
        display: block
    }
}

@media screen and (max-width: 731px) {
    .liquid.explore .fullwidth .imageList .ad-block-2 {
        width: 100%
    }
}

@media screen and (max-width: 731px) {
    .liquid.explore .fullwidth .search_top_view
.imageList {
        width: 100%
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child {
        width: 100%;
        max-width: none;
        height: auto;
        max-height: none;
        margin-left: 0 !important;
        overflow: visible
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories ul li
a {
        padding: 7px
!important
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-nav
li {
        display: block;
        width: 20%;
        float: left
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-nav li
a {
        text-indent: -9999px
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-nav li a:after {
        right: 50% !important;
        margin-right: -10px
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories>a {
        width: 50%
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories .show-categories {
        display: block !important;
        width: 30px;
        float: right
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories .show-categories
span {
        width: 100%;
        display: block;
        height: 3px;
        background-color: #333;
        margin-bottom: 3px;
        -webkit-transition: all 0.3s ease-in-out;
        -moz-transition: all 0.3s ease-in-out;
        -o-transition: all 0.3s ease-in-out;
        -ms-transition: all 0.3s ease-in-out;
        transition: all 0.3s ease-in-out
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories .show-categories.active {
        background: none !important
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories .show-categories.active span:nth-child(1) {
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
        width: 50%;
        position: relative;
        left: 9px;
        top: 1px
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories .show-categories.active span:nth-child(2) {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        transform: rotate(-90deg);
        position: relative;
        left: 3px;
        width: 18px
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories .show-categories.active span:nth-child(3) {
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        width: 50%;
        position: relative;
        top: -11px;
        left: 2px
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories
ul {
        height: 0;
        overflow: hidden
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child .side-block.categories
ul.expanded {
        height: auto
    }
}

@media screen and (max-width: 640px) {
    .liquid.explore .fullwidth .search_top_view .imageList .slide.slide-square {
        width: 50%
    }

    .liquid.explore .fullwidth .search_top_view .imageList>.slide:first-child {
        width: 100% !important;
        margin-left: 0 !important
    }
}

@media screen and (max-width: 960px) {
    .liquid.explore .images .publicidad
.row {
        padding-bottom: 56px
    }

    .liquid.explore .images .publicidad .row .slide.slide-more {
        top: auto;
        bottom: 2px;
        width: 100%;
        height: 44px;
        margin: 12px
0 0 0;
        line-height: 44px
    }

    .liquid.explore .images .publicidad .row .slide.slide-more
.img_box {
        overflow: hidden;
        height: 100%;
        padding-bottom: 0;
        border-radius: 3px
    }
}

.liquid.exclusive-packs
.thank_download {
    display: block
}

.liquid.exclusive-packs .thank_download
.imageList {
    width: 50%
}

.liquid.exclusive-packs .thank_download .imageList .txt-and-share {
    position: absolute;
    padding-left: 210px;
    width: 100%
}

.liquid.exclusive-packs .thank_download .txt-license {
    width: 50%
}

.liquid.exclusive-packs .thank_download .txt-and-share .title-resource,.liquid.exclusive-packs .thank_download .note-info {
    width: 100% !important
}

.liquid.exclusive-packs .images .slide .img_box .img-holder a
img {
    margin-left: 0 !important
}

@media screen and (max-width: 1480px) {
    .liquid.exclusive-packs .thank_download .imageList .txt-and-share {
        width: 94%;
        padding-left: 175px
    }
}

@media screen and (max-width: 950px) {
    .liquid.exclusive-packs
.thank_download {
        width: 100%
    }

    .liquid.exclusive-packs .thank_download:first-child {
        padding: 10px
    }

    .liquid.exclusive-packs .thank_download .imageList .txt-and-share {
        position: relative;
        width: auto;
        padding: 0
    }

    .liquid.exclusive-packs .thank_download .download-star {
        position: absolute;
        margin-top: 10px;
        top: 0;
        width: 100%;
        font-size: 16px
    }

    .liquid.exclusive-packs .thank_download
.imageList {
        padding: 0
!important;
        margin: 10px
auto;
        float: none;
        width: 600px
    }

    .liquid.exclusive-packs .thank_download .imageList:after {
        content: "";
        display: table;
        clear: both
    }

    .liquid.exclusive-packs .thank_download .txt-license {
        float: none;
        border: none;
        padding: 0;
        width: 100%
    }
}

@media screen and (max-width: 660px) {
    .liquid.exclusive-packs .thank_download
.imageList {
        width: 100% !important;
        margin: 50px
auto 10px
    }

    .liquid.exclusive-packs .thank_download .imageList
.slide {
        float: none;
        margin: 35px
auto 15px
    }

    .liquid.exclusive-packs .thank_download .imageList .txt-and-share {
        text-align: center;
        float: none
    }

    .liquid.exclusive-packs .thank_download .imageList .txt-and-share
.thank {
        margin: 0;
        font-size: 14px
    }

    .liquid.exclusive-packs .thank_download .imageList .txt-and-share .title-resource {
        width: 100%;
        margin: 0
    }

    .liquid.exclusive-packs .thank_download .imageList .txt-and-share .note-info {
        width: 100%
    }

    .liquid.exclusive-packs .thank_download .imageList .txt-and-share .social-networks {
        padding: 0
    }

    .liquid.exclusive-packs .thank_download .txt-license .note-info {
        width: 100%
    }
}

@media screen and (max-width: 340px) {
    .liquid.exclusive-packs .thank_download .btn-join {
        width: 100%
    }
}

@media screen and (max-width: 960px) {
    .liquid.exclusive-packs
.imageList.images {
        width: 704px
    }

    .liquid.exclusive-packs .imageList.images .ad-block-2 {
        display: none
    }
}

@media screen and (max-width: 731px) {
    .liquid.exclusive-packs
.imageList.images {
        padding: 0
10px;
        width: 100%
    }

    .liquid.exclusive-packs .imageList.images
.slide {
        margin: 0
0 1em
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square {
        width: 49%;
        height: auto
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square
.img_box {
        margin-left: 0
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square .img_box .img-holder {
        width: 100%;
        height: 100%;
        max-width: none;
        max-height: none;
        padding: 0
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square .img_box .img-holder
a {
        position: relative
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square .img_box .img-holder a
img {
        width: 100%;
        height: auto
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square:nth-of-type(odd) {
        margin-left: 2%
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-sidebar {
        width: 100%;
        max-width: none;
        height: auto;
        max-height: none;
        margin-left: 0 !important
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-sidebar .side-block.categories ul li
a {
        padding: 7px
!important
    }
}

@media screen and (max-width: 470px) {
    .liquid.exclusive-packs .imageList.images .slide.slide-square {
        margin-left: 0 !important
    }

    .liquid.exclusive-packs .imageList.images .slide.slide-square:nth-of-type(odd) {
        margin-left: 2% !important
    }
}

@media screen and (max-width: 760px) {
    #main.tags-view .blocks .block .content ul
li {
        float: none;
        width: 100%
    }
}

#e404 .top-banner .search-form input[type="text"] {
    width: 588px;
    height: 47px
}

#e404 #header .drop-down .list-holder .img-list>li {
    width: 48px !important
}

@media screen and (max-width: 1024px) {
    #e404
.explainhome {
        font-size: 14px
    }
}

@media screen and (max-width: 880px) {
    #e404 #header .top-bar .social-networks {
        margin-left: 55px
    }
}

@media screen and (max-width: 780px) {
    #e404 .top-banner {
        background-size: 100%
    }

    #e404 .top-banner
.inner {
        width: 100%;
        padding-top: 20px
    }

    #e404 .top-banner .inner
h1 {
        font-size: 24px
    }

    #e404 .top-banner .search-form input[type="text"] {
        border-radius: 0 3px 3px 0;
        width: 100%
    }

    #e404 .top-banner .search-form
button {
        position: absolute;
        right: 28px;
        width: 55px
    }

    #e404 .top-banner .search-form button
span {
        text-indent: -9999px;
        padding-left: 14px
    }
}

@media screen and (max-width: 680px) {
    #e404 .nav-bar {
        display: none
    }
}

@media screen and (max-width: 570px) {
    #e404 .top-banner {
        height: 590px;
        background-position: center
    }

    #e404 .top-banner
h1 {
        padding: 0
20px
    }

    #e404 .top-banner .search-form input[type="text"] {
        font-size: 14px
    }
}

@media screen and (max-width: 980px) {
    .support,.header-inner {
        width: 100%
    }

    .support {
        padding: 20px
    }
}

@media screen and (max-width: 768px) {
    .support
.left {
        float: none;
        width: 100%;
        margin-bottom: 20px
    }

    .support
.right {
        float: none;
        width: 100%
    }
}

@media screen and (max-width: 700px) {
    .search-unit {
        left: 0;
        margin-left: 0;
        width: 100%;
        padding: 0
20px 40px
    }

    .search,.search
input {
        width: 100%
    }
}

@media screen and (max-width: 480px) {
    .header-inner
h1 {
        font-size: 24px
    }

    .support {
        padding: 0px
    }
}

@media screen and (max-width: 1000px) {
    .coupons .coupons-list,.coupons .coupons-faq {
        width: 100%;
        padding: 30px
20px
    }
}

@media screen and (max-width: 768px) {
    .coupons .header-coupons {
        padding: 50px
20px
    }

    .coupons .header-coupons .logo-coupon {
        width: 300px
    }

    .coupons .pre-content {
        padding: 40px
20px
    }

    .coupons .coupons-list .coupon .coupon-description {
        padding: 0;
        margin-bottom: 20px
    }

    .coupons .coupons-list .coupon .coupon-detail {
        position: relative;
        margin: auto
    }

    .coupons .coupons-faq {
        padding-top: 0
    }

    .coupons .coupons-faq
.column {
        width: 100%;
        margin: 0
0 20px;
        float: none
    }
}

@media screen and (max-width: 600px) {
    .coupons .coupons-list .coupon .coupon-description h2,.coupons .coupons-faq .column
h3 {
        font-size: 18px
    }
}

#header
.dropdown {
    text-align: right;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1em;
    background: none;
    border: none;
    box-shadow: none;
    height: 38px;
    width: auto;
    overflow: initial;
    float: right
}

#header .dropdown:before,#header .dropdown:after {
    display: none
}

#header .dropdown .dropdown-container .avatar.dropdown-button {
    display: block;
    width: 38px;
    height: 38px;
    box-shadow: 0 0 3.8px #b3b3b3;
    border-radius: 100%;
    border-radius: 2em;
    overflow: hidden;
    background-size: 100%;
    border: 1.9px solid #fff
}

#header .dropdown .dropdown-container .avatar.dropdown-button
img {
    max-width: 100%
}

#header .dropdown .dropdown-container:after {
    margin-left: 3em;
    top: -30px
}

#header .dropdown .dropdown-menu {
    top: 2.5em;
    padding: 0;
    list-style: none;
    background-color: #fff;
    border-radius: 4px;
    box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.2),0px 0px 1px 0px rgba(0,0,0,0.2),0 0 20px #ccc;
    z-index: 99999
}

.dropdown .dropdown-container {
    display: inline-block;
    position: relative;
    text-align: center
}

.dropdown.dropdown-user .dropdown-container:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 5px solid #333;
    position: relative;
    display: inline-block;
    margin-left: 1em;
    top: -2px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out
}

.dropdown.dropdown-user .dropdown-container.active:after {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg)
}

.dropdown.dropdown-user .dropdown-container .dropdown-menu {
    right: -1.5em
}

.dropdown .dropdown-button {
    cursor: pointer;
    position: relative
}

.dropdown .dropdown-menu {
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: box;
    -webkit-box-orient: inline-axis;
    -moz-box-orient: inline-axis;
    box-orient: inline-axis;
    -webkit-box-pack: start;
    -moz-box-pack: start;
    box-pack: start;
    -ms-flex-pack: start;
    -webkit-box-align: stretch;
    -moz-box-align: stretch;
    box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-animation: dropdown 0.3s ease-in-out;
    -moz-animation: dropdown 0.3s ease-in-out;
    animation: dropdown 0.3s ease-in-out;
    cursor: pointer;
    display: none;
    overflow: show;
    position: absolute;
    text-align: left;
    top: 2.5em;
    z-index: 99999
}

.dropdown .dropdown-menu:before {
    content: '';
    width: 0;
    height: 0;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #DBDBDB;
    position: absolute;
    top: -10px;
    right: 20px
}

.dropdown .dropdown-menu:after {
    content: '';
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-bottom: 8px solid #fff;
    position: absolute;
    top: -8px;
    right: 21px
}

.dropdown .dropdown-menu li
a {
    display: block;
    padding: .8em 6em .8em 1em;
    color: #333;
    border-bottom: 1px solid #e1e1e1;
    text-decoration: none
}

.dropdown .dropdown-menu li a
i {
    position: absolute;
    right: 1em;
    width: 24px;
    text-align: center
}

.dropdown .dropdown-menu li a i:before {
    margin-left: 0;
    font-size: 16px
}

.dropdown .dropdown-menu li a:hover {
    background-color: #e1e1e1
}

.dropdown .show-menu {
    display: block
}

#header .dropdown.dropdown-notifications .dropdown-container {
    height: auto
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-button {
    padding: 0.5em
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-button i:before {
    margin: 0
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-button:hover {
    color: #999
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-button.on:after {
    content: '';
    width: 12px;
    height: 12px;
    border-radius: 100%;
    display: block;
    border: 2px
solid #fff;
    position: absolute;
    right: 0px;
    bottom: 5px;
    background-color: #1bcc87
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu {
    right: -1em;
    width: 320px
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu
li {
    color: #999;
    padding: 1em
0.5em;
    cursor: default;
    position: relative;
    border-bottom: 1px solid #eee
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu
li.new {
    background-color: #f5f8f9;
    border-bottom: 1px solid #DAE0E2
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li:first-child {
    border-radius: 4px 4px 0 0
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li:last-child {
    border: none
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li
a {
    padding: 0;
    display: inline;
    border: none
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li a:hover {
    background: none;
    text-decoration: underline
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li
.avatar {
    display: block;
    width: 38px;
    height: 38px;
    box-shadow: 0 0 3.8px #b3b3b3;
    border-radius: 100%;
    border-radius: 2em;
    overflow: hidden;
    background-size: 100%;
    border: 1.9px solid #fff;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li .avatar
img {
    max-width: 100%
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li .avatar+.notification-content {
    padding-left: 46px
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li .notification-content {
    display: block;
    padding-right: 28px;
    font-size: 0.95em
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li .notification-content
.timeago {
    display: block
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li
i {
    position: absolute;
    top: 50%;
    right: .5em;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    width: 26px;
    color: #999
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li i:before {
    font-size: 1.2em;
    margin: 0
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li.see-all {
    padding: 0
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li.see-all
a {
    padding: 1em;
    background-color: #286ebb;
    color: #fff;
    display: block;
    font-weight: bold;
    text-align: center;
    border-radius: 0 0 4px 4px
}

#header .dropdown.dropdown-notifications .dropdown-container .dropdown-menu li.see-all a:hover {
    text-decoration: none;
    background-color: #2668b1
}

#header .dropdown.dropdown-notifications .dropdown-container.active .dropdown-button {
    color: #999
}

@-webkit-keyframes
dropdown {
    0% {
        -webkit-transform: translateY(-50px) scale(0.8);
        -moz-transform: translateY(-50px) scale(0.8);
        -ms-transform: translateY(-50px) scale(0.8);
        -o-transform: translateY(-50px) scale(0.8);
        transform: translateY(-50px) scale(0.8);
        opacity: 0
    }

    80% {
        -webkit-transform: translateY(10px) scale(1.05);
        -moz-transform: translateY(10px) scale(1.05);
        -ms-transform: translateY(10px) scale(1.05);
        -o-transform: translateY(10px) scale(1.05);
        transform: translateY(10px) scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
        opacity: 1
    }
}

@-moz-keyframes
dropdown {
    0% {
        -webkit-transform: translateY(-50px) scale(0.8);
        -moz-transform: translateY(-50px) scale(0.8);
        -ms-transform: translateY(-50px) scale(0.8);
        -o-transform: translateY(-50px) scale(0.8);
        transform: translateY(-50px) scale(0.8);
        opacity: 0
    }

    80% {
        -webkit-transform: translateY(10px) scale(1.05);
        -moz-transform: translateY(10px) scale(1.05);
        -ms-transform: translateY(10px) scale(1.05);
        -o-transform: translateY(10px) scale(1.05);
        transform: translateY(10px) scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
        opacity: 1
    }
}

@keyframes
dropdown {
    0% {
        -webkit-transform: translateY(-50px) scale(0.8);
        -moz-transform: translateY(-50px) scale(0.8);
        -ms-transform: translateY(-50px) scale(0.8);
        -o-transform: translateY(-50px) scale(0.8);
        transform: translateY(-50px) scale(0.8);
        opacity: 0
    }

    80% {
        -webkit-transform: translateY(10px) scale(1.05);
        -moz-transform: translateY(10px) scale(1.05);
        -ms-transform: translateY(10px) scale(1.05);
        -o-transform: translateY(10px) scale(1.05);
        transform: translateY(10px) scale(1.05);
        opacity: 1
    }

    100% {
        -webkit-transform: translateY(0px) scale(1);
        -moz-transform: translateY(0px) scale(1);
        -ms-transform: translateY(0px) scale(1);
        -o-transform: translateY(0px) scale(1);
        transform: translateY(0px) scale(1);
        opacity: 1
    }
}

@media screen and (max-width: 768px) {
    .comments ul .comment-reply {
        padding-left: 30px
    }

    .comments ul .comment-reply
.avatar {
        margin-left: 36px
    }
}

@media screen and (max-width: 500px) {
    #social-footer ul li a
.right {
        display: block;
        margin: 5px
0 0
    }

    #social-footer ul li a .right
.name {
        display: none
    }
}

#footer {
    background: #fff;
    width: 100%;
    position: relative;
    clear: both
}

.footer-holder {
    padding: 27px
18px 72px 28px;
    overflow: hidden;
    width: 1060px;
    margin: 0
auto
}

.fullwidth .footer-holder {
    width: auto;
    padding: 27px
54px 72px 35px
}

#footer
.counter {
    float: right;
    background: #1450AB;
    border-radius: 5px;
    width: auto;
    margin: 1px
0 0 10px
}

.fullwidth #footer
.counter {
    margin-top: 11px
}

.counter
.number {
    background: #4b4b4b url(/img/bg-counter.gif);
    border-radius: 5px;
    border-top: 2px solid #242424;
    text-align: center;
    margin-bottom: 3px;
    overflow: hidden;
    position: relative
}

.counter .number:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27px;
    background: url(/img/shadow-counter.png);
    content: ""
}

.counter .number
span {
    display: inline-block;
    vertical-align: top;
    font: bold 36px/54px 'Open Sans', sans-serif;
    color: #efefef;
    padding: 0
7px;
    border-left: 1px solid #2d2d2d;
    position: relative
}

.counter .number span:first-child {
    border: none
}

.counter .number span:after {
    width: 5px;
    height: 6px;
    background: url(/img/sprite.png) no-repeat 0 -42px;
    content: "";
    position: absolute;
    top: 24px;
    left: -3px
}

.counter .number span:first-child:after {
    display: none
}

.counter
.text {
    display: block;
    background: #2363C3;
    text-align: center;
    border-radius: 0 0 5px 5px;
    font-size: 11px;
    color: #efefef;
    padding: 4px
2px 5px;
    letter-spacing: 1px
}

#footer
.inner {
    overflow: hidden
}

#footer
.logo {
    margin: 0
15px 6px 0;
    width: 135px;
    height: 35px;
    background-image: url(https://media.freepik.com/img/logo-footer.png);
    display: inline-block;
    vertical-align: middle;
    float: none;
    text-indent: -9999px
}

.slogan {
    display: inline-block;
    vertical-align: middle;
    color: #6d6d6d
}

#footer
.nav {
    margin: 0
0 3px;
    padding: 0;
    list-style: none
}

#footer .nav
li {
    display: inline;
    margin-right: 8px;
    font-size: 13px
}

#footer .nav li
a {
    color: #626262
}

.copyright {
    font-size: 12px;
    color: #a6a6a6;
    margin: 0
}

@media screen and (max-width: 1060px) {
    .footer-holder {
        width: 100%
    }
}

@media screen and (max-width: 560px) {
    #footer
.counter {
        float: none;
        margin-bottom: 40px
    }

    .nav
li {
        width: 100%
    }

    .nav li
a {
        display: block;
        padding: 5px
0
    }
}