html,
body {
font-family: 'Lato', sans-serif;
height: 100%;
color: #666666;
}
html {
overflow-y: scroll;
}
body {
display: table;
width: 100%;
table-layout: fixed;
}
.pointer{
cursor: pointer;
}
.green-text {
color: #33CC00;
}
.red-text, .error {
color: #CC0000;
}
.modal-header {
border: 0px;
}
.modal, .modal-open {
padding-right: 0 !important;
}
.page-row {
display: table-row;
height: 1px;
}
.page-row-expanded {
height: 100%;
}
.content {
padding-top: 85px;
padding-bottom: 50px;
}
a {
color: #000;
}
a:hover, a:focus, a:visited {
color: #FF6A06;
}
h2 {
border-top: 1px solid #CCCCCC;
text-transform: uppercase;
font-weight: 300;
padding-top: 10px;
font-size: 24px;
}
.input-group-addon {
background-color: #D85805;
border: none;
color: #fff;
}
.input-group-addon a {
color: #fff;
}
.fadein {
position:relative;
width:100%;
height:400px;
overflow: hidden;
}
.fadein img {
position:absolute;
top: 50%;
left: 50%;
margin-left: -1200px;
margin-top: -550px;
z-index: 0;
}
.slick-slider {
margin-bottom: 0;
}
.gallery-arrow {
position: absolute;
color: #ff6905;
background: rgba(255, 255, 255, 0.9);
top: 25px;
bottom: 75px;
width: 25px;
height: 50px;
z-index: 1;
}
.gallery-arrow i {
width: 25px;
height: 50px;
cursor: pointer;
}
.gallery-arrow-prev {
left: 15px;
border-radius: 0 90px 90px 0;
}
.gallery-arrow-prev i {
padding-top: 18px;
padding-left: 5px;
}
.gallery-arrow-next {
right: 15px;
border-radius: 90px 0 0 90px;
}
.gallery-arrow-next i {
padding-top: 18px;
padding-left: 10px;
}
.preview-photo {
width: 100%;
}
.social-link, .social-link:hover, .social-link:focus, .social-link:visited {
color: #fff;
text-decoration: none;
}
.input-group-addon button{
background-color: #D85805;
border: 0;
}
/* Main */
.pub-image {
width: 100%;
}
#main-categories a {
position: relative;
display: block;
height: 100px;
overflow: hidden;
margin-bottom: 1px;
}
#main-categories img {
min-width: 100%;
min-height: 200px;
}
#main-categories div {
position: absolute;
top: 40%;
left: 0;
right: 0;
text-align: center;
font-size: 24px;
text-transform: uppercase;
color: #fff;
font-weight: bold;
}
#main-banners {
height: 400px;
margin-bottom: 20px;
}
#main-banners-title {
position: absolute;
top: 170px;
left: 0;
right: 0;
margin: 0 auto;
text-align: center;
}
#main-banners-title-first {
position: relative;
left: 0;
right: 0;
color: #fff;
text-transform: uppercase;
font-weight: bold;
font-size: 56px;
margin: 0px 0px -10px;
}
#main-banners-title-second {
position: relative;
left: 0;
right: 0;
color: #fff;
font-size: 26px;
padding-top: 0px;
}
#search-form {
position: absolute;
/*top: 255px;*/
top: 297px;
left: 0;
right: 0;
margin: 0 auto;
width: 60%;
}
#search-form-button {
display: block;
padding: 10px;
background-color: #fff;
width: 100%;
}
#search-form-container {
padding: 1px 0;
}
#search-form-results {
position: relative;
top: -11px;
/*margin-right: 33px;
margin-left: -5px;*/
z-index: 9999;
}
#search-results-container {
padding: 10px;
background-color: #fff;
max-height: 120px;
overflow-x: hidden;
overflow-y: scroll;
}
.search-results-item {
height: 25px;
padding: 2px 5px;
cursor: pointer;
}
.search-results-item.active {
background-color: #D85805;
color: #fff;
}
#search-results-container {
display: none;
margin: 0 10px;
}
#search-form-input .input-group {
margin: 10px;
}
#search-form .input-group .form-control {
z-index: 0;
}
#last-entries, #last-entries a {
text-align: center;
font-size: 19px;
color: #fff;
}
#last-entries-title {
color: #D85805;
font-size: 20px;
text-transform: uppercase;
}
#last-entries ul {
padding: 0;
}
#last-entries ul li {
list-style: none;
}
#main-banner-bg, #main-account-bg, #main-latest-bg {
width: 100%;
margin-bottom: 20px;
}
#last-entries {
position: absolute;
left: 0;
right: 0;
top: 6px;
}
#main-account {
position: absolute;
bottom: 36px;
left: 0;
right: 0;
text-align: center;
color: #B10206
}
#main-account a {
display: inline-block;
width: 80%;
border-radius: 2px;
background-color: #B10206;
color: #fff;
}
#main-account-title {
font-size: 24px;
padding: 0 20px;
}
#main-account-subtitle {
padding: 0 20px;
font-size: 36px;
font-weight: bold;
text-transform: uppercase;
}
.artist-box {
position: relative;
width: 100%;
height: 100%;
height: 250px;
overflow: hidden;
margin-bottom: 30px;
background-color: #bbb;
}
.artist-box img {
position: absolute;
margin: auto;
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
z-index: 1;
}
.search-artist-image a > img {
position: absolute;
margin: auto;
top: 50%;
left: 50%;
transform: translateX(-50%) translateY(-50%);
/*
top: -9999px;
bottom: -9999px;
left: -9999px;
right: -9999px;
z-index: 1;
max-width: 100%;
max-height: 100%; */
}
.artist-box-name {
position: absolute;
left: 0;
right: 0;
top: 40%;
text-align: center;
padding: 0 15px;
font-weight: bold;
font-size: 22px;
text-transform: uppercase;
z-index: 2;
}
.artist-box-name, .artist-box-category{
color: #fff;
}
.artist-box-category {
position: absolute;
left: 0;
right: 0;
top: 80%;
text-align: center;
font-size: 15px;
padding: 0 25px;
z-index: 2;
}
.content-title h1 {
background-color: #0095A2;
color: #fff;
text-transform: uppercase;
padding: 25px 10px;
font-size: 24px;
}
.plan-extras-mobile{
text-align: center;
margin-top:10px;
}
.plan-extras-mobile a{
display:inline-block;
padding: 5px;
}
@media (max-width : 767px) {
.container{
padding-left: 5px;
padding-right: 5px;
overflow-x:hidden;
}
#main-banners {
margin-bottom:1px;
}
.artist-box {
margin-bottom: 1px;
}
#main-banner-bg, #main-account-bg, #main-latest-bg{
margin-bottom:1px;
}
#last-entries, #last-entries a {
font-size: 17px;
}
.banner_p{
margin:1px 0;
}
#search-form {
width: 100%;
}
#main-account-subtitle {
font-size: 34px;
}
#main-banners-title-first {
font-size: 24px;
}
#main-banners-title-second {
padding-top:5px;
font-size: 17px;
}
#main-account-title {
font-size: 22px;
}
#last-entries {
top: 2px;
}
.content-title h1, h2 {
font-size: 18px;
}
#search-form{
top: 255px;
}
}
@media (min-width: 768px) and (max-width: 992px) {
#main-banners-title-first {
font-size: 36px;
}
#last-entries {
top: 0px;
}
#last-entries a {
font-size: 12px;
}
#last-entries li {
height: 18px;
}
#last-entries-title {
font-size: 14px;
margin: 0;
}
#main-account-title {
font-size: 16px;
}
#main-account-subtitle {
font-size: 20px;
}
#main-account{
bottom: 16px;
}
}
#close{
position: absolute;
top: 5px;
right: 7px;
}
@media (max-width: 1200px) {
#close{
display: block!important;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
#last-entries {
top: 10px;
}
#main-account-title {
font-size: 20px;
}
#main-account-subtitle {
font-size: 32px;
}
}
/* Header */
#header-menu > a > div, #collapse-menu > div {
color: #fff;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid #fff;
}
#header-menu > a.active > div {
color: #FF6A06;
background-color: rgba(255, 255, 255, 0.2);
border: 1px solid #FF6A06;
padding-bottom: 10px;
}
#main-header a, #main-header #collapse-menu > div {
text-decoration: none;
color: #fff;
font-weight: bold;
}
#alt-header a > div {
color: #FF6A06;
background-color: rgba(255, 106, 6, 0.1);
border: 1px solid #FF6A06;
}
#alt-header a.active > div {
color: #FF6A06;
background-color: rgba(255, 106, 6, 0.1);
border: 1px solid #FF6A06;
padding-bottom: 10px;
}
#alt-header a, #alt-header #collapse-menu > div {
text-decoration: none;
color: #FF6A06;
font-weight:bold;
}
#header-container{
position: absolute;
top: 0;
left: 0;
right: 0;
padding: 0 15px;
z-index: 5;
overflow: visible;
}
#header-logo {
position: absolute;
top: 0;
left: 0;
z-index: 10;
padding: 10px 0 0 10px;
}
#header-menu {
position: absolute;
top: 0;
left: 0;
right: 15px;
text-align: right;
padding: 10px 0 0 0;
}
.collapse-container {
padding: 10px;
text-align: right;
position: absolute;
top: 50px;
right: 0;
left: 445px;
border: 1px solid #FF6A06;
background-color: #FF6A06;
border-radius: 3px;
display: none;
}
.collapse-container.active, #collapse-menu.active {
display: block;
}
#collapse-menu, #collapse-menu > div, .btn-header-menu {
display: inline-block;
}
#collapse-menu > div, .btn-header-menu {
height: 30px;
border-radius: 3px;
line-height: 30px;
padding: 0 5px 0 5px;
}
.btn-header-menu {
text-align: center;
width: 30px;
}
.btn-header-open-menu {
cursor: pointer;
}
#header-menu-search-form {
width: 100%;
}
#header-search-input-container {
margin-right: 110px;
}
#header-search-input {
width: 100%;
color: #FF6A06;
border: 1px solid #D9D9D9;
}
#header-search-submit {
border: 1px solid #FF6A06;
width: 100px;
background-color: #fff;
color: #FF6A06;
float: right;
}
@media (max-width: 1199px) {
#collapse-menu {
color: #FF6A06;
padding: 10px;
text-align: left;
position: absolute;
top: 50px;
right: 0;
left: 435px;
border: 1px solid #FF6A06;
background-color: #fff;
border-radius: 3px;
display: none;
z-index: 10;
}
#collapse-search {
z-index: 10;
}
#collapse-menu > div {
display: block;
}
#collapse-menu > div a {
color: #FF6A06;
font-size: 16px;
}
.menu-title {
font-weight: bold;
border-top: 1px solid #FF6A06;
text-transform: uppercase;
color: #666666 !important;
}
}
@media (max-width: 768px) {
#collapse-menu {
display: none;
}
#header-logo {
padding-top: 17px;
}
#header-logo img {
height: auto;
}
.collapse-container, #collapse-menu {
left: 15px;
}
.btn-budget-secondary{
width: 100%!important;
}
.row{
margin:0;
}
.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9{
padding: 0;
}
}
@media (min-width: 768px) and (max-width: 992px) {
#collapse-menu {
display: none;
}
.collapse-container, #collapse-menu {
left: 50%;
}
#btn-header-collapse-menu {
width: 75px;
}
}
@media (min-width: 992px) and (max-width: 1200px) {
#collapse-menu {
display: none;
}
#btn-header-collapse-menu {
width: 75px;
}
}
@media (min-width: 1200px) {
#collapse-menu {
display: inline-block !important;
}
#btn-header-collapse-menu {
display: none;
}
#alt-header #collapse-menu > div {
color: #FF6A06;
background-color: rgba(255, 106, 6, 0.1);
border: 1px solid #FF6A06;
}
}
/* Footer */
footer{
margin-top: 0px;
}
footer .container {
background: url("/image/footer-bg.jpg") no-repeat top center;
background-color: #000;
color: #fff;
}
#footer-container {
padding:15px;
}
#footer-newsletter-title {
text-transform: uppercase;
color: #D85805;
font-size: 18px;
margin:0;
}
#footer-newsletter-form {
margin-bottom: 10px;
}
.newsletter-agree {
font-size: 12px;
}
.newsletter-agree a {
display: inline;
color: #FFF;
}
.newsletter-agree a:hover {
color: #FFF;
text-decoration: underline;
}
#footer-misc {
color: #CBCBCB;
}
.footer-title {
color: #989898;
text-transform: uppercase;
}
a.footer-btn {
color: #fff;
padding: 5px;
border-radius: 3px;
border: 1px solid #fff;
display: inline-block;
}
.social-icon-footer {
display: inline-block;
height: 30px;
width: 30px;
text-align: center;
line-height: 30px;
border-radius: 5px;
margin-right: 5px;
}
.social-icon-facebok {
background-color: #395E96;
}
.social-icon-google-plus {
background-color: #D93828;
}
.social-icon-twitter {
background-color: #00AFEC;
}
@media only screen and (max-width : 767px) {
#footer-social-container {
text-align: center;
}
}
/* Artists */
#artist-profile-image {
position: relative;
width: 100%;
overflow: hidden;
max-height: 360px;
}
#artist-profile-image:after {
content: "";
display: block;
*padding-bottom: 70%;
}
#artist-profile-image img {
*position: absolute;
width: 100%;
}
.artist-gallery-image {
*height: 100px;
overflow: hidden;
}
.artist-gallery-image img {
*height: 100%;
width: 100%;
margin:1px;
}
.artist-name {
color: #000;
font-size: 36px;
vertical-align: middle;
}
.artist-media {
border-top: 1px solid #CCCCCC;
font-size: 18px;
padding: 30px 0;
margin-top: 30px;
font-weight: lighter;
line-height: 36px;
color: #000;
}
#artist-container b {
color: #333333;
}
.artist-media i {
float: left;
font-size: 36px;
margin-right: 20px;
color: #999999;
}
.btn-default {
text-transform: uppercase;
color: #fff !important;
background-color: #ff6905 !important;
background-image: none;
border: none;
font-size: 16px;
width: 100%;
height: 36px;
}
.btn {
text-transform: uppercase;
}
.btn-default:focus, .btn-default:hover, .btn-default.active, .btn-default:active, .btn-default:hover {
border-color: #ff6905 !important;
color: #fff !important;
}
.btn-budget-primary {
width: 100%;
}
.btn-budget-secondary {
width: 75%;
}
.artist-star {
margin-bottom: 7px;
}
@media (max-width: 768px) {
.artist-name {
text-align: center;
font-size: 22px;
}
.artist-performance {
text-align: center;
}
.artist-star {
margin: 0 auto;
display: block;
}
}
@media (min-width: 768px) and (max-width: 992px) {
.artist-name {
font-size: 30px;
}
}
/* Contact */
.contact-image {
position: relative;
width: 100%;
overflow: hidden;
margin-bottom: 10px;
}
.contact-image:after {
content: "";
display: block;
*padding-bottom: 100%;
}
.contact-image img {
*position: absolute;
width: 100%;
}
.contact-header {
background-color: #FAFAFA;
border: 1px solid #CCCCCC;
color: #0095A2;
padding: 10px;
font-weight: bold;
font-size: 16px;
}
#contact-input-addon {
background-color: #fff;
color: #656565;
}
.btn-cart-remove {
display: block;
width: 25px;
height: 25px;
padding: 0;
text-shadow:none;
}
.request-reply-container {
border: 1px solid #666666;
border-radius: 3px;
padding: 10px;
display: none;
margin-bottom: 10px;
}
.request-artist-container {
background-color: #EEE;
border-radius: 3px;
padding: 5px;
margin-bottom: 10px;
}
@media (max-width: 768px) {
.request-status {
text-align: left;
}
.contact-image img{
padding: 0 15px 0 0;
}
}
/* New Account */
#registo-form-container {
display: none;
}
.btn-question {
color: #666666;
padding: 0 10px 0 10px;
font-size: 20px;
width: 10%;
}
.plan-header {
position: absolute;
z-index: 1;
}
.plan-header img {
width: 100%;
}
.plan-header div {
text-align: center;
position: absolute;
top: 15px;
left: 0;
right: 0;
font-size: 20px;
text-transform: uppercase;
font-weight: bold;
color: #fff;
}
.plan-header-filler {
height: 75px;
}
.plan-header-filler-basic .plan-header-filler-inside {
height: 100%;
margin: 0 5px;
background-color: #E8F8FB;
}
.plan-header-filler-gold .plan-header-filler-inside {
height: 100%;
margin: 0 5px;
background-color: #fff2d2;
}
.plan-odd, .plan-even {
text-align: center;
}
.plan-blue-even, .plan-blue-odd, .plan-gold-even, .plan-gold-odd {
text-align: center;
display: table;
width: 100%;
}
.plan-grey-even {
background-color: #F5F5F5;
}
.plan-blue-even .plan-inner {
background-color: #D2F2F7;
}
.plan-blue-odd .plan-inner {
background-color: #E8F8FB;
}
.plan-gold-even .plan-inner {
background-color: #FFF2D2;
}
.plan-gold-odd .plan-inner {
background-color: #FFF8E9;
}
#form-plans .fa-check-square-o {
font-weight: bold;
color: #2BB134;
}
#form-plans .fa-times {
font-weight: bold;
color: #ED4200;
}
.plan-inner, .plan-grey-even, .plan-grey-odd, .plan-more {
}
.plan-more {
padding-top: 15px;
}
.fa-star {
font-size: 24px;
}
.star-blue {
color: #1CBDD9;
}
.star-white {
color: #fff;
}
.star-gold {
color: #FFBD20;
}
.plans-price-container {
background-color: #FFF0E6;
padding-bottom: 3px;
}
.plans-price {
font-style: italic;
font-size: 46px;
color: #666666;
}
.plan-btn {
margin-top: 10px;
width: 100%;
}
.plan-blue-even .plan-inner, .plan-blue-odd .plan-inner, .plan-gold-even .plan-inner, .plan-gold-odd .plan-inner, .plan-grey-even, .plan-grey-odd {
padding: 5px;
margin: 0 5px;
}
.plan-grey-even, .plan-grey-odd {
margin: 0 5px 0 0;
}
.plan-inner {
/*padding-top: 15px !important;*/
max-height: 30px;
}
.odd{
/*padding:10px 5px!important;*/
}
.even{
*padding:10px 5px!important;
}
.question-odd{
padding:9px 5px!important;
}
.question-even{
padding:6px 5px!important;
}
#registo_artista .btn-question{
width: auto!important;
}
#registo_artista h2.registo_artista_subtitle{
text-align: center;
}
#registo_artista .registo_artista_info{
text-align: center;
}
#priceCalculation {
margin-top: 40px;
}
@media (max-width: 768px) {
.plan-header img {
max-height: 75px;
}
#plan-basic-container, #plan-gold-container {
padding-right: 0;
}
#plan-grey-container {
padding-left: 0;
}
.plan-blue-even .plan-inner, .plan-blue-odd .plan-inner, .plan-gold-even .plan-inner, .plan-gold-odd .plan-inner {
padding: 5px;
margin: 0 0 0 5px;
}
.plan-inner, .plan-grey-even, .plan-grey-odd {
min-height: 75px;
*padding-top: 25px!important;
}
.odd{
padding:0px;
}
.plan-inner {
padding-top: 25px !important;
}
}
/* Search */
#btn-more-artists {
background-color: #959595;
color: #fff;
text-align: center;
cursor: pointer;
margin-bottom: 10px;
}
#search form {
margin: auto;
width: 85%;
margin-bottom: 10px;
}
.search-artist-image {
padding: 1px;
position: relative;
width: 100%;
overflow: hidden;
background-color: #eee;
}
.search-artist-image:not(.search-highlight) {
padding: 0;
}
.search-artist-image:after {
content: "";
display: block;
padding-bottom: 100%;
}
.search-artist-details {
height: 80px;
}
.search-artist-details-name {
font-weight: bold;
font-size: 20px;
}
.search-artist-details-category {
font-size: 14px;
}
.search-artist-image > img {
position: absolute;
z-index: 0;
/*width: 100%;
height: 100%;*/
}
.search-artist-image > .budget_wrapper {
color: #fff;
text-transform:uppercase;
position:absolute;
left: 0;
bottom: 0;
right:0;
width: 100%;
margin:auto;
z-index: 2;
cursor: pointer;
}
.search-artist-budget {
background-color: #FF6A06;
padding: 9px;
height: 40px;
z-index: 2;
text-align: center;
}
.search-artist-star {
/*text-align: center;
float: right;
background-color: #fff;*/
position: absolute;
top:5px!important;
right: 5px!important;
width: 30px!important;
height: 30px!important;
z-index: 999;
}
.search-artist-name {
height: 40px;
}
.search-header {
background-position: center top;
background-repeat: no-repeat;
background-size: 100%;
height: 200px;
margin-bottom: 20px;
}
.search-header-title {
color: #fff;
font-weight: bold;
position: absolute;
top: 18px;
left: 0;
right: 0;
text-align: center;
text-transform: uppercase;
font-size: 36px;
}
.search-header-description {
color: #fff;
font-size: 16px;
position: absolute;
top: 72px;
left: 0;
right: 0;
text-align: center;
padding: 0 30px;
}
.search-highlight {
border: 3px solid #FF6A06;
}
@media (max-width: 991px) {
.search-artist-details-name {
font-size: 18px;
}
#newsletter-email{
font-size: 10px;
}
.search-artist-image > div {
width: 100%;
font-size: 13px;
}
}
@media (max-width: 768px) {
#search form {
width: 100%;
}
.search-header-title {
font-size: 24px;
top: 10px;
}
.search-header-description {
font-size: 14px;
top: 40px;
}
.search-header {
height: 150px;
}
.search-artist-budget {
font-size: 16px;
}
.search-artist-details-name {
font-size: 17px;
}
.search-artist-details-category{
font-size: 15px;
}
#main-account{
bottom: 20px;
}
.mobile-padding{
padding:0 5px!important;
}
}
/* FAQ */
#faq-dropdown {
padding-left: 10px;
padding-top: 10px;
}
#faq-dropdown-header {
background-color: #FF6A06;
font-size: 18px;
padding: 10px;
color: #fff;
cursor: pointer;
}
#faq-dropdown-header a {
color: #fff;
}
#faq-questions-list {
color: #FF6A06;
margin-top: 10px;
padding-left: 20px;
}
#faq-questions-list li a {
color: #FF6A06;
}
.btn-faq-top {
color: #BFBFBF !important;
}
h3 {
color: #BFBFBF;
font-weight: lighter;
}
/* Frontoffice */
.artist-inbox {
display: none;
}
.artist-inbox .table-responsive .table tr.select-hover {
background-color: #FFF;
}
.artist-inbox .table-responsive .table tr.select-hover:hover {
background-color: #F0F0F0;
cursor: pointer;
}
.table-menu {
display:table;
width:100%;
}
.table-menu div {
display: table-cell;
text-align: center;
}
.table-menu div a {
background-color: #ff6905;
display: block;
padding: 5px;
color: #fff;
}
.resposta, .edit-component, .edit-member {
display: none;
}
@media (max-width: 991px) {
.table-menu {
display:block;
width:100%;
}
.table-menu div {
display: block;
width: 100%;
}
}
/* Audioplayer */
.audioplayer {
display: inline-block;
}
.audioplayer-time, .audioplayer-bar, .audioplayer-time, .audioplayer-volume {
display: none;
}
.lb-nav a.lb-next{
opacity: 1!important;
}
.lb-nav a.lb-prev{
opacity: 1!important;
}
.contact-title-wrapper{
margin-top:40px;
}
.faqTitle a{
color:#000!important;
}
.faqTitle a:hover{
color: #FF6A06!important;
}
.selected a{
color: #FF6A06!important;
}
.select_box{
appearance:none;
-moz-appearance:none; /* Firefox */
-webkit-appearance:none; /* Safari and Chrome */
background-image:url(../image/select_arrow_down.png);
background-repeat:no-repeat;
background-position: right 5px center;
}
.select_wrapper{
position: relative;
}
.select_arrow{
position: absolute;
right: 5px;
top: 10px;
color:#ff6905;
}
.artist-performance{
font-size: 18px;
}
.contacto-question{
font-size: 30px!important;
}
.contact-header span{
position: relative;
font-size: 20px;
}
.myCheckbox input {
display: none;
}
.myCheckbox span {
width: 22px;
height: 20px;
display: block;
background: url(../image/unchecked.png) no-repeat;
position: relative;
top: 9px;
}
.myCheckbox input:checked + span {
background: url(../image/checked.png) no-repeat;
}
.separator div{
width:100%;
height:1px;
background:#CCCCCC;
}
.separator div:first-child{
margin-bottom: 2px;
}
#faq-questions-list li{
margin-bottom: 10px;
font-size: 16px;
}
#close{
color:#FF6A06;
padding:10px;
cursor: pointer;
text-align: right;
}
#artists_count{
position: absolute;
top: 24px;
left: 0;
right: 0;
margin: auto;
width: 20px;
background: white;
border-radius: 10px;
border: 1px solid;
height: 20px;
line-height: 18px;
}
#advanced_search_input_wrapper{
position: relative;
}
#advanced_search_input_wrapper input{
padding-left: 30px;
}
#advanced_search_input_wrapper span{
font-size: 15px;
position: absolute;
left: 10px;
top: 10px;
}
.advanced_section_text{
text-align: right;
}
.orange_title{
color:#ff6905 !important;
font-weight: 600;
}
.confirm_your_data_table_section h2{
border-top: none!important;
border-bottom: 1px solid #CCCCCC;
text-align: center;
}
#facebook_like{
margin-top: 10px;
}
#photo-reorder-title-mobile{
display: none;
}
.photo-reorder-title-mobile{
display: none;
}
.photo-wrapper button{
visibility: hidden;
}
.div-row-link-button a img, .div-row-link-button img {
width:18px;
}
@media screen and (max-width: 768px){
#main-container{
padding:0px!important;
}
.advanced_section_text{
text-align: left;
}
.input_margin_bottom{
margin-bottom:5px;
}
#facebook_like{
text-align: center;
}
#main-search{
height: 45px!important;
}
.artist_per{
font-size:20px!important;
padding-left:0px!important;
}
.artist_name{
font-size: 26px;
}
.photo-reorder-title-mobile{
display: block;
}
.photo-reorder-title-desktop{
display: none;
}
.photo-wrapper button{
visibility: visible;
}
}
#main-search{
height: 40px;
font-size: 16px;
}
.artist_per{
font-size:32px;
padding-left:45px;
}
.confirm_data_row div:first-child{
/*text-align: right!important;*/
}
.confirmation_table_title{
border-top: none!important;
border-bottom: 1px solid #CCCCCC;
text-align: center;
}
.subscription_table .odd{
background: #f7f7f7!important;
}
.subscription_table .even{
background: #fff;
}
@media only screen and (max-width: 761px){
.confirm_data_row div{
padding:0px 15px!important;
}
.artist-gallery-image img{
width: auto!important;
height: 100px!important;
}
input[name="new_component"]{
margin-top: 10px;
margin-bottom: 5px;
}
}
#atm{
border: 1px solid #CCCCCC;
display: block;
width: 250px;
margin: auto;
position: relative;
height: 100px;
}
#atm #atm_img{
position: absolute;
left: 10px;
top: 50%;
transform: translateY(-50%);
}
#atm span{
width: 20px;
height: 20px;
position: absolute;
right: 10px;
top: 50%;
transform: translateY(-50%);
}
#atm span img{
width: 100%;
}
.loading-wrapper{
background: rgba(0,0,0,0.7);
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 9999;
display: none;
}
.loading-wrapper img{
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
}
.header-menu-section{
margin-top: 40px;
}
#collapse-menu div a img{
padding-right: 5px;
}
.photo-wrapper{
position: relative;
cursor: move;
}
.photo-wrapper img{
cursor: pointer;
}
.drag-overlay{
position: absolute;
top: 0;
right:15px;
bottom:0;
left:15px;
background: rgba(0,0,0,0.5);
text-align: center;
display: none;
}
.drag-overlay .photo-overlay-wrapper{
position: absolute;
top: 50%;
left: 0;
right: 0;
transform: translatey(-50%);
}
.drag-overlay img{
width: 50px;
opacity: .5;
}
.photo-wrapper:hover .drag-overlay{
display: block;
}
.block-verticaly-centered{
min-height: 36px;
line-height: 36px;
}