body {
all: unset;
}
html, body {
background-color: #000000 !important;
/*color: #C1C1C1 !important;*/
color: #F9F9F9 !important;
/*
font-family: 'Ribeye Marrow', cursive !important;
*/
font-family: 'Montserrat', sans-serif !important;
/*
font-family: 'Montserrat Alternates', sans-serif !important;
font-family: 'Noto Sans SC', sans-serif !important;
*/
font-size: 16px !important;
}
/* some resets */
.page-body a {
color: inherit;
text-decoration: underline;
opacity: 0.8;
}
.page-body a:hover {
text-decoration: inherit;
color: inherit;
font-weight: 600;
}
a:focus {
outline: none !important;
}
/***************/
.top-section {
height: 90vh;
}
.top-section {
background-repeat: no-repeat;
/*background-position: 0 40px;*/
background-size: cover;
background-position: 50% 0;
/* this setting, 'fixed' causes problem in ios/
background-attachment: fixed; */
}
.top-section.bg-grid {
background-image: url("/sfs/bin/assets/tests/background-grid.jpg");
}
.top-section.bg-tehran {
background-image: url("/sfs/bin/img/banners/tehran/siamak_450_675.jpg");
}
.top-section.bg-tehran.parallax {
background-image: url("/sfs/bin/img/banners/tehran/siamak_450_675.jpg") !important;
}
.top-section.bg-tehran-remix {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_450_675.jpg");
}
.top-section.bg-tehran-remix.parallax {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_450_675.jpg") !important;
}
.top-section.bg-tame-roya {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_450_675.jpg");
}
.top-section.bg-tame-roya.parallax {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_450_675.jpg") !important;
}
.top-section.bg-bio {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_450_675.jpg");
}
.top-section.bg-bio.parallax {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_450_675.jpg") !important;
}
.top-section.bg-yaad {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_450_675.jpg");
}
.top-section.bg-yaad.parallax {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_450_675.jpg") !important;
}
.top-section.bg-events {
background-image: url("/sfs/bin/img/banners/tehran/siamak_450_675.jpg");
}
.top-section.bg-events.parallax {
background-image: url("/sfs/bin/img/banners/tehran/siamak_450_675.jpg") !important;
}
.top-section.bg-naashokri {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_450_675.jpg");
}
.top-section.bg-naashokri.parallax {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_450_675.jpg") !important;
}
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1800x3200.jpg");
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1800x3200.jpg") !important;
}
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1800x3200.jpg");
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1800x3200.jpg") !important;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1800x3200.jpg");
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1800x3200.jpg") !important;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1800x3200.jpg");
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1800x3200.jpg") !important;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1800x3200.jpg");
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1800x3200.jpg") !important;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1800x3200.jpg");
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1800x3200.jpg") !important;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1800x3200.jpg");
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1800x3200.jpg") !important;
}
.bottom-section .buffer {
height: 10vh;
}
.video-title {
font-variant-caps: all-small-caps;
letter-spacing: 0.15rem;
/*font-family: 'Ribeye Marrow', cursive;*/
font-size: 1.3rem;
}
.video-title .title-small {
font-size: 1rem;
}
.video-title p {
margin: 0.2rem;
}
.audio-title {
font-variant-caps: all-small-caps;
letter-spacing: 0.15rem;
/*font-family: 'Ribeye Marrow', cursive;*/
font-size: 1.3rem;
}
.audio-dark-mode {
height: 1.8rem;
}
hr.light {
border: 1px solid #272727;
}
hr.light.narrow {
margin: 0 2.5rem;
}
hr.sixty-percent {
width: 60%;
}
.clickable-div, .clickable_div {
cursor: pointer;
}
.footer-wrapper {
margin: 4rem auto 2rem auto;
padding: 1rem 0;
/*
border-top: 1px solid #3e3e3e;
*/
}
.footer-wrapper .logo {
text-align: center;
opacity: 0.8;
}
.footer-wrapper .logo img {
height: 3rem;
}
.footer-wrapper .copyright {
font-size: 0.6rem;
text-align: center;
color: #ccc;
}
.footer-wrapper .social-media-container .social-media {
color: #ada9a9;
font-size: 2rem;
padding: 0 0.7rem;
transition: 1s;
}
.footer-wrapper .social-media-container .social-media:hover {
color: #fff;
transition: 2s;
}
.footer-wrapper .social-media-container .social-media a, .social-media-container .social-media a:visited {
color:inherit;
border:none;
}
.mailinglist-form input {
border: 1px solid #dadada;
border-radius: 0;
/* background-color: #444; */
color: #e0e0e0;
color: #000;
background-color: #f7f7f7;
padding: 1.5rem 0.5rem;
line-height: 1.2rem;
}
.mailinglist-form .btn2 {
border: 1px solid #dadada;
border-radius: 0;
color: #e0e0e0;
color: #000000;
background-color: #f7f7f7;
padding: 0.9rem;
font-size: 0.9rem;
line-height: 1.2rem;
}
.form-control::-webkit-input-placeholder {
color: #c1c1c1 !important;
-webkit-text-fill-color: #c1c1c1 !important;
} /* WebKit, Blink, Edge */
.form-control:-moz-placeholder {
color: #c1c1c1 !important;
-webkit-text-fill-color: #c1c1c1 !important;
} /* Mozilla Firefox 4 to 18 */
.form-control::-moz-placeholder {
color: #c1c1c1 !important;
-webkit-text-fill-color: #c1c1c1 !important;
} /* Mozilla Firefox 19+ */
.form-control:-ms-input-placeholder {
color: #c1c1c1 !important;
-webkit-text-fill-color: #c1c1c1 !important;
} /* Internet Explorer 10-11 */
.form-control::-ms-input-placeholder {
color: #c1c1c1 !important;
-webkit-text-fill-color: #c1c1c1 !important;
} /* Microsoft Edge */
.mailinglist-form.form-area {
margin: 2.5rem 0;
}
.mailinglist-wrapper .intro .title {
font-size: 2.5rem;
font-variant: all-petite-caps;
letter-spacing: 0.1rem;
}
.mailinglist-wrapper {
border: thin solid #484848;
background-color: #f7f7f7;
color: #737373 !important;
-webkit-text-fill-color: #737373 !important;
padding: 3rem 2rem;
}
.mailinglist-wrapper .intro .txt p {
font-size: 1rem;
letter-spacing: 0.03rem;
}
.mailinglist-wrapper .intro .txt .note {
font-size: 0.85rem;
letter-spacing: 0.03rem;
}
.mailinglist-wrapper .footnote p {
text-align: center;
font-size: 0.9rem;
}
/********************* epk **********************/
.epk .videos .video {
width: 30rem;
padding: 1rem;
-webkit-box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
-moz-box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
margin: 1rem;
border-radius: 0.5rem;
}
.epk .compilation .video {
margin: auto;
-webkit-box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
-moz-box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
box-shadow: 0px 0px 16px 0px rgba(251, 251, 251, 0.25);
border-radius: 0.5rem;
}
.epk .mailinglist-wrapper {
display: none;
}
.epk .bio .header {
font-size: 1.4rem;
text-align: center;
letter-spacing: 0.06rem;
}
.epk .bio p {
letter-spacing: 0.05rem;
line-height: 1.4rem;
}
.epk .testimonials-wrapper .header {
font-size: 1.4rem;
letter-spacing: 0.06rem;
text-align: center;
}
.epk .testimonials .testimonial .quote {
letter-spacing: 0.05rem;
line-height: 1.4rem;
font-style: italic;
}
.epk .testimonials .testimonial .name {
letter-spacing: 0.05rem;
font-size: 0.9rem;
}
.epk .testimonials .testimonial {
background-color: #101010;
padding: 2rem;
margin: 2rem 0;
}
.epk .pictures-wrapper {
text-align: center;
/*background-color: #101010;*/
padding: 1rem;
border-top-left-radius: 5rem;
border-bottom-right-radius: 5rem;
border: 1px solid #444;
width: 25rem;
margin: auto;
max-width: 100%;
}
.epk .pictures-wrapper .header {
font-size: 1.6rem;
letter-spacing: 0.06rem;
}
.epk .pictures-wrapper .link {
font-size: 1.2rem;
letter-spacing: 0.05rem;
}
.epk .page-header {
font-size: 2.3rem;
letter-spacing: 1rem;
font-variant: all-small-caps;
}
/***********************************************/
/* navebar tranlucent background */
.navbar-light-on-transparent {
background: rgba(0, 0, 0, 0.70) !important;
}
.navbar-light-on-transparent .navbar-nav .nav-link,
.navbar-light-on-transparent .dropdown-item {
color: #e0e0e0 !important;
font-variant: all-petite-caps;
letter-spacing: 0.15em;
font-size: 1.2rem;
}
.navbar-light-on-transparent .dropdown-menu {
background-color: transparent;
border: none !important;
}
.navbar-light-on-transparent .dropdown-divider {
border-top: 1px solid #464646 !important;
width: 10rem;
margin-left: 1.5rem;
}
.navbar-light-on-transparent .dropdown-item:hover,.navbar-light-on-transparent .dropdown-item:focus {
background-color: transparent!important;
color: #a5a5a5 !important;
}
.navbar-light-on-transparent .navbar-nav .show > .nav-link, .navbar-light-on-transparent .navbar-nav .active > .nav-link, .navbar-light-on-transparent .navbar-nav .nav-link.show, .navbar-light-on-transparent .navbar-nav .nav-link.active, .dropdown-item.active, .dropdown-item:active {
/*color: rgba(160, 33, 33, 0.9);*/
color: #FFF !important;
/*text-decoration-line: underline;*/
/*
border-bottom: 1px solid #c5c5c5;
padding-bottom: 2px;
*/
/*
-webkit-text-decoration: #c5c5c5 double underline !important;
text-decoration-color: #c5c5c5 !important;
text-decoration-style: soild !important;
text-decoration-line: underline !important;
*/
font-weight: bold !important;
background-color: transparent;
}
.navbar-light-on-transparent .navbar-nav .nav-link:hover, .navbar-light-on-transparent .navbar-nav .nav-link:focus {
/*color: rgba(160, 33, 33, 0.9) !important;*/
/*text-shadow: 1px 1px 1px #CCC;*/
font-weight: bold;
}
/* color of hamburger icon */
.navbar-light-on-transparent .navbar-toggler span {
background-color: #FFF !important;
}
button:focus, audio:focus {
outline: none !important;
}
/* don't use default hamburger */
.navbar-toggler-icon {
background-image: none !important;
height: inherit;
font-size: 1.5rem;
}
/* remove border around hamburger button */
.navbar-toggler {
border: none !important;
}
/***** animated hamburger<->X start *****/
.navbar-toggler span {
display: block;
background-color: #444 !important;
height: 1.5px;
width: 25px;
margin-top: 6px;
margin-bottom: 6px;
padding: 1px 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
right: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
-o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
right: 29px;
top: 32px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
right: 28px;
top: 32px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0.9;
}
/***** animated hamburger<->X end *****/
/* tired this to switch image using CSS, but didn't work in some browsers
https://stackoverflow.com/questions/2182716/is-it-possible-to-set-the-equivalent-of-a-src-attribute-of-an-img-tag-in-css
.navbar .navbar-brand .logo {
content: url("/sfs/bin/img/general/logo-with-name-horizontal-light.png");
max-height: 40px;
}
@media (min-width: 768px) {
.navbar .navbar-brand .logo {
content: url("/sfs/bin/img/general/logo-with-name-vertical-light.png");
max-height: 60px;
}
}
*/
.form-control {
background-color: #C6C6C6;
}
.btn-light-on-dark {
color: inherit;
border: 1px solid #525252;
box-shadow: 0px 0px 5px 0px inset #6f6b6b;
}
.btn-light-on-dark:hover {
color: inherit;
opacity: 0.8;
}
.learn-more a {
letter-spacing: 0.15rem;
border: 1px solid #ccc;
padding: 8px 15px;
text-decoration-line: none;
border-top-left-radius: 18px;
border-bottom-right-radius: 18px;
}
.bio .title {
letter-spacing: 0.15rem;
font-size: 1.25rem;
}
.bio .detail {
line-height: 1.3rem;
letter-spacing: 0.03rem;
}
.bio .image img {
width: 100%;
}
/*******************************/
/* form and modal confirmation */
#form_submit_confirmation .modal-container,
#form_mailinglist_submit_confirmation .modal-container {
/*box-shadow: 0px 0px 20px 8px #e4e4e4;*/
box-shadow: 1px 1px 3px #434343;
}
#form_submit_confirmation .modal-title.confirmation_title,
#form_mailinglist_submit_confirmation .modal-title.confirmation_title,
#form_subscription_confirmation .modal-title.confirmation_title {
text-align: center;
}
#form_submit_confirmation .modal-header,
#form_mailinglist_submit_confirmation .modal-header {
display: -ms-flexbox;
display: flex;
-ms-flex-align: start;
align-items: flex-start;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 1rem;
border-bottom: 1px solid #e9ecef;
border-top-left-radius: 0;
border-top-right-radius: 0;
background-color: #424140;
color: #d1d1d1;
font-variant: small-caps;
}
#form_submit_confirmation .modal-body,
#form_mailinglist_submit_confirmation .modal-body {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
padding: 1rem;
text-align: center;
font-variant: all-petite-caps;
padding-bottom: 3em;
background-color: #383737;
}
#form_submit_confirmation .confirm-1,
#form_mailinglist_submit_confirmation .confirm-1 {
font-size: 1.2em;
color: #dcdcdc;
}
#form_submit_confirmation .confirm-2,
#form_mailinglist_submit_confirmation .confirm-2 {
font-size: 1.4em;
text-shadow: 1px 1px 3px #232323;
color: #dcdcdc;
}
#form_submit_confirmation .modal-header .close,
#form_mailinglist_submit_confirmation .modal-header .close {
margin: -1rem -1rem -1rem auto;
border-radius: 20px;
padding: 0.1em 0.2em;
color: #fff;
}
#form_submit_confirmation .modal-header .close,
#form_mailinglist_submit_confirmation .modal-header .close {
font-style: italic;
}
/*******************************/
.button-dark-on-light {
color: #444 !important;
background-color: #F9F9F9 !important;
text-decoration: none !important;
font-variant: all-petite-caps !important;
letter-spacing: 0.1rem !important;
}
.button-dark-on-light:focus {
box-shadow: none !important;
}
/*
.top-section-main {
-webkit-transition: all 10s;
-moz-transition: all 10s;
-o-transition: all 10s;
transition: all 10s;
}
*/
.top-section-main.promo {
width: 100%;
height: 100%;
background-color: #131313;
}
.box-shadwo-dark-on {
transition: all 4s;
box-shadow: 0px 0px 0px 100vmax #000 inset;
}
.box-shadwo-dark-off {
transition: all 4s;
box-shadow: none;
}
.announcement-title {
font-size: 2.4rem;
font-variant: all-small-caps;
letter-spacing: 0.45rem;
}
.announcement-detail {
font-size: 1.2rem;
letter-spacing: 0.20rem;
margin-top: 5rem;
}
.event-section {
/*border: 1px solid #1a1919;*/
padding: 2rem;
font-variant: all-small-caps;
text-align: center;
}
.event-section .title {
text-align: center;
font-size: 1.6rem;
font-variant: all-small-caps;
letter-spacing: 0.30rem;
}
.event-section .date {
letter-spacing: 0.15rem;
font-size: 1.3rem;
}
.event-section .time {
letter-spacing: 0.15rem;
font-size: 1.1rem;
opacity: 0.5;
}
.event-section .venue-name {
letter-spacing: 0.10rem;
font-size: 1.1rem;
}
.event-section .venue-address {
opacity: 0.5;
}
.event-section .prices {
etter-spacing: 0.10rem;
font-size: 1.1rem;
}
.event-section .prices .price-class {
letter-spacing: 0.10rem;
}
.event-section .prices .price-amt {
letter-spacing: 0.10rem;
}
.event-section .box-office {
opacity: 0.8;
}
.event-section .box-office .name {
opacity: 0.5;
}
.event-section .box-office .phone {
opacity: 0.5;
}
.event-section .box-office .website {
font-size: 1.3rem;
letter-spacing: 0.15rem;
}
.event-section .event-desc {
text-align: center;
font-size: 1.5rem;
font-variant: all-small-caps;
letter-spacing: 0.30rem;
opacity: 0.8;
border: thin solid #454545;
padding: 1rem;
background-color: #fff;
-webkit-text-fill-color: #555;
color: #555;
}
.event-section .sponsor-announcement {
text-align: center;
font-size: 1.2rem;
font-variant: all-small-caps;
letter-spacing: 0.30rem;
opacity: 0.6;
}
.event-section .sponsored-by {
text-align: center;
font-variant: all-small-caps;
letter-spacing: 0.20rem;
opacity: 0.8;
font-style: italic;
}
.event-title-base {
font-variant-caps: all-small-caps;
letter-spacing: 0.15rem;
font-size: 2rem;
text-shadow: -3px 2px 4px #b9b9b9;
}
.event-title {
font-variant-caps: all-small-caps;
letter-spacing: 0.15rem;
/*font-family: 'Ribeye Marrow', cursive;*/
font-size: 2rem;
}
.links {
letter-spacing: 0.15rem;
text-decoration-line: none;
text-align: center;
}
.links .link a {
text-decoration-line: line-through !important;
-webkit-text-decoration-line: line-through !important;
-moz-text-decoration-line: line-through !important;
-o-text-decoration-line: line-through !important;
-ms-text-decoration-line: line-through !important;
text-decoration-color: #343434;
-webkit-text-decoration-color: #343434;
-moz-text-decoration-color: #343434;
-o-text-decoration-color: #343434;
-ms-text-decoration-color: #343434;
}
.links .semi-round-button a {
letter-spacing: 0.15rem;
border: 1px solid #ccc;
padding: 8px 15px;
text-decoration-line: none;
border-top-left-radius: 18px;
border-bottom-right-radius: 18px;
text-decoration: none !important;
-webkit-text-decoration: none !important;
-moz-text-decoration: none !important;
-o-text-decoration: none !important;
-ms-text-decoration: none !important;
}
._bg-events {
background-color: #4d4d4d;
}
.rotate {
-webkit-transform: rotate(90deg); /* Chrome, Safari, Opera */
-moz-transform: rotate(90deg); /* Firefox */
-ms-transform: rotate(90deg); /* IE 9 */
transform: rotate(90deg); /* Standard syntax */
}
.events-fas {
transition: all 0.7s;
color: #c1b51a;
}
.collapse-button {
background-color: inherit;
color: inherit;
border: inherit;
}
.collapsible-body {
margin: 1rem 0 1rem 0;
line-height: 1.5rem;
letter-spacing: 0.05rem;
}
.collapsible-body .intro {
opacity: 0.8;
}
.collapsible-header {
margin-bottom: 1rem;
}
.collapsible-header span {
margin-left: 1rem;
letter-spacing: 0.15rem;
font-variant: all-petite-caps;
font-size: 1.5rem;
}
.artists img {
max-width: 80%;
text-align: center;
}
.artists .bio {
opacity: 0.8;
margin-top: 2.5rem;
}
.artist-title {
letter-spacing: 0.15rem;
font-variant: all-petite-caps;
font-size: 1.3rem;
text-align: center;
}
.artist-title .instrument {
font-size: 0.8rem;
opacity: 0.8;
}
.song-info .title {
font-variant-caps: all-small-caps;
letter-spacing: 0.15rem;
/*font-family: 'Ribeye Marrow', cursive;*/
font-size: 1.3rem;
}
.song-info .intro {
letter-spacing: 0.1rem;
opacity: 0.8;
line-height: 1.3rem;
font-size: 0.8rem;
}
.song-info .footnote {
font-size: 0.8rem;
letter-spacing: 0.1rem;
line-height: 1.4rem;
}
.song-info .footnote span.description {
opacity: 0.7;
}
.song-info .footnote span.artist {
opacity: 0.9;
}
/************************** Homepage *************************/
.homepage {
background-color: #fff !important;
}
.track {
width: 22rem;
padding: 1rem;
-webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
margin: 1rem;
}
.track .cover img {
width: 100%;
}
.track .listen .listen-text {
display: inline-block;
vertical-align: middle;
font-size: 0.8rem;
margin-right: 0.5rem;
}
.track .listen .audio {
vertical-align: middle;
}
.track .listen {
margin: 1rem auto;
}
.back, .front {
min-width: 100%; /*20rem;*/
min-height: 11.5rem;
}
.back {
background-color: #f2f2f2; /* #000; dark */
}
.track .flip-container .back .audio-section .audio {
position: relative;
}
.track .flip-container .back .audio-section .stream-channels-wrapper {
position: relative;
margin-top: 0.2rem;
}
.track .flip-container .back .audio-section .stream-channels-wrapper .stream-channels .stream-channel {
color: #515151;
font-size: 1.5rem;
/*padding: 0 0.7rem;*/
transition: 1s;
/*margin: 0rem 1rem 1rem 1rem;*/
margin: 0rem .75rem 0.75rem .75rem;
}
.track .flip-container .back .audio-section .stream-channels-wrapper .stream-channels .stream-channel .icon {
text-align: center;
}
.track .flip-container .back .audio-section .stream-channels-wrapper .stream-channels .stream-channel .name {
text-align: center;
font-size: 0.58rem;
}
.tracks .track .title {
padding-bottom: 1rem;
text-align: center;
font-variant: petite-caps;
letter-spacing: 0.15rem;
color: #000;
-webkit-text-fill-color: #000;
}
.tracks .track .controllers {
margin-top: 1rem;
color: #5c5c5c;
-webkit-text-fill-color: #5c5c5c;
}
.tracks .track .controllers .audio .disabled, .tracks .track .controllers .video .disabled {
cursor: default;
opacity: 0.3;
}
.tracks .track .controllers .audio, .tracks .track .controllers .video, .tracks .track .controllers .share {
border: 1px solid #f2f2f2; /*#222; dark */
border-radius: 1rem;
cursor: pointer;
margin: 0 0.5rem;
padding: 0.5rem 1rem;
font-size: 0.8rem;
-webkit-box-shadow: 0px 2px 3px 0px rgba(215,210,210,1);
-moz-box-shadow: 0px 2px 3px 0px rgba(215,210,210,1);
box-shadow: 0px 2px 3px 0px rgba(215,210,210,1);
}
.share-container .platforms .platform {
color: #515151;
font-size: 2rem;
padding: 0 0.7rem;
transition: 1s;
margin: 0rem 1rem 1rem 1rem;
}
.share-container .modal-header {
border-bottom: none;
}
.modal-backdrop.show {
opacity: 0.5;
background: rgba(255, 255, 255, 0.85);
}
.share-container .modal-content {
border: none;
-webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.45);
-moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.45);
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.45);
}
.share-container .modal-content .close-button {
padding: 2rem;
background-color: inherit;
border: none;
}
.share-container .modal-content .close-button span {
background-color: #ccc;
padding: 0.5rem 1rem;
font-size: 1rem;
border-radius: 1rem;
}
.share-container .modal-dialog {
/*margin-top: 60%;*/
}
.mailinglist-wrapper {
border: none;
-webkit-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
-moz-box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
}
.navbar-light-on-transparent {
background: rgba(0, 0, 0, 0.8) !important;
}
.display-none {
display: none !important;
}
.siamakshirazi-tidal:before {
content: url(/sfs/bin/img/misc/tidal-30.png);
opacity: 0.8;
}
.siamakshirazi-deezer:before {
content: url(/sfs/bin/img/misc/deezer-30.png);
opacity: 0.8;
}
.homepage .promo .video-wrapper .video-image .image {
width: 100%;
box-shadow: 0px 6px 16px 0px rgba(0,0,0,0.25);
padding: 1rem;
transition: 1.5s;
}
.homepage .promo .video-wrapper .video-image .image:hover {
opacity: 0.7;
transition: 1.5s;
}
.homepage .promo .video-wrapper .video-image {
cursor: pointer;
}
.homepage .promo .video-wrapper .video-image .overlay-play-button {
position: absolute;
top: 50%;
left: 45%
}
.homepage .promo .video-wrapper .video-image .overlay-play-button img {
height: 3rem;
}
.homepage .promo .info .title {
font-size: 24px;
color: black;
margin-bottom: 1rem;
text-align: center;
letter-spacing: 0.1rem;
}
/************************** Homepage end *********************/
/************************** storepage*************************/
.storepage .cd-section .cd-description {
letter-spacing: 0.1rem;
line-height: 2rem;
font-size: 1rem;
text-align: justify;
}
.storepage .cd-section .cd-tracks-wrapper {
margin: 3rem 0;
/*box-shadow: 1px 1px 69px 0px rgb(45, 45, 45);*/
-webkit-box-shadow: 1px 1px 69px 0px rgba(45,45,45,1);
-moz-box-shadow: 1px 1px 69px 0px rgba(45,45,45,1);
box-shadow: 1px 1px 69px 0px rgba(45,45,45,1);
padding: 2rem;
border-radius: 2.5rem;
}
.storepage .cd-section .cd-tracks-wrapper .tracks-info {
letter-spacing: 0.1rem;
line-height: 2rem;
font-size: 1.1rem;
opacity: 0.7;
}
.storepage .cd-section .cd-tracks-wrapper .cd-tracks .track {
padding-top: 0.5rem;
}
.storepage .cd-section .cd-tracks-wrapper .cd-tracks .track .name {
letter-spacing: 0.15rem;
display: inline-block;
margin-right: 1.5rem;
padding-left: 1.5rem;
opacity: 0.7;
}
.storepage .cd-section .cd-tracks-wrapper .cd-tracks .track .link {
display: inline-block;
}
.storepage .cd-section .cd-tracks-wrapper .cd-tracks .track .link a {
letter-spacing: 0.15rem;
text-decoration: none;
opacity: 1 !important;
font-weight: bold;
color: #7f1616;
-webkit-text-fill-color: #7f1616;
}
.storepage .cd-section .cd-tracks-wrapper .cd-tracks .track .link.disabled a {
color: #999;
-webkit-text-fill-color: #999;
cursor: auto;
}
.storepage .cd-section .title {
text-align: center;
font-size: 1.8rem;
font-variant: petite-caps;
letter-spacing: 0.5rem;
}
.storepage .cd-section .notes {
font-style: italic;
font-size: 0.9rem;
text-align: center;
letter-spacing: 0.05rem;
}
.storepage .purchase a {
border: 1px solid #434343;
padding: 1rem;
font-size: 1.3rem;
font-variant: all-small-caps;
letter-spacing: 0.05rem;
background: #303030;
border-top-left-radius: 2rem;
border-bottom-right-radius: 2rem;
text-decoration: none;
}
.storepage .merchandise .title {
font-size: 1.8rem;
font-variant: petite-caps;
}
.storepage .merchandise .image {
}
.storepage .merchandise .image img {
max-width: 100%;
}
/************************** storepage end*********************/
/************************** gallery-video start **************/
.gallery-videos .event-info {
margin-top: 4rem;
text-align: center;
letter-spacing: 0.1rem;
color: #c1c1c1;
}
.gallery-videos .event-info .title-1 {
font-size: 1.5rem;
}
.gallery-videos .event-info .title-2 {
padding-bottom: 1rem;
padding-top: 0.2rem;
font-size: 1.2rem;
opacity: .8;
}
.gallery-videos .event-info .detail {
margin-top: 2rem;
}
.gallery-videos .event-info .detail .title {
font-weight: 800;
font-size: 1.1rem;
}
.gallery-videos .event-info .detail .band {
margin-top: 1rem;
}
.gallery-videos .event-info .detail .band .member {
margin-bottom: 1rem;
}
.gallery-videos .event-info .detail .band .member .name {
}
.gallery-videos .event-info .detail .band .member .role {
font-size: 0.8rem;
opacity: .8;
}
/************************** gallery-video end ****************/
/************************** GENERAL **************************/
.no-display {
display: none;
}
.opacity-5 {
opacity: 0.5;
}
.opacity-6 {
opacity: 0.6;
}
.opacity-7 {
opacity: 0.7;
}
.opacity-8 {
opacity: 0.8;
}
.image-border-shadow {
-webkit-box-shadow: 0px 0px 5px 5px rgba(101,101,101,1);
-moz-box-shadow: 0px 0px 5px 5px rgba(101,101,101,1);
box-shadow: 0px 0px 5px 5px rgba(101,101,101,1);
padding: 1rem;
}
/************************** GENERAL END **********************/
/***************************************************************************************************/
@media (min-width: 768px)
and (orientation : portrait) {
.top-section.bg-tehran {
background-image: url("/sfs/bin/img/banners/tehran/siamak2_768_1024.jpg");
background-position: 0 40px;
}
.top-section.bg-tehran.parallax {
background-image: url("/sfs/bin/img/banners/tehran/siamak2_768_1024.jpg") !important;
background-position: 0 40px !important;
}
.top-section.bg-tehran-remix {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_768_1024.jpg");
background-position: 0 40px;
}
.top-section.bg-tehran-remix.parallax {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_768_1024.jpg") !important;
background-position: 0 40px;
}
.top-section.bg-tame-roya {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_768_1024.jpg");
background-position: 0 40px;
}
.top-section.bg-tame-roya.parallax {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_768_1024.jpg") !important;
background-position: 0 40px;
}
.top-section.bg-yaad {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_768_1024.jpg");
background-position: 0 40px;
}
.top-section.bg-yaad.parallax {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_768_1024.jpg") !important;
background-position: 0 40px;
}
.top-section.bg-bio {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_768_1024.jpg");
background-position: 0 40px;
}
.top-section.bg-bio.parallax {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_768_1024.jpg") !important;
background-position: 0 40px;
}
.top-section.bg-naashokri {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_768_1024.jpg");
background-position: 0 40px;
}
.top-section.bg-naashokri.parallax {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_768_1024.jpg") !important;
background-position: 0 40px;
}
}
@media (min-width: 1200px) {
.navbar-light-on-transparent .dropdown-menu {
background-color: rgba(0,0,0,0.65);
margin-top: 0.8rem;
}
}
@media (min-width: 768px)
and (max-height: 1024px)
and (orientation : landscape) {
.top-section.bg-tehran {
background-image: url("/sfs/bin/img/banners/tehran/siamak_babak_tehran_1024_768.jpg");
background-position: center;
}
.top-section.bg-tehran.parallax {
background-image: url("/sfs/bin/img/banners/tehran/siamak_babak_tehran_1024_768.jpg") !important;
background-position: center !important;
}
.top-section.bg-tehran-remix {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_1024_768.jpg");
background-position: center;
}
.top-section.bg-tehran-remix.parallax {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_1024_768.jpg") !important;
background-position: center;
}
.top-section.bg-tame-roya {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_1024_768.jpg");
background-position: center;
}
.top-section.bg-tame-roya.parallax {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_1024_768.jpg") !important;
background-position: center;
}
.top-section.bg-yaad {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_1024_768.jpg");
background-position: center;
}
.top-section.bg-yaad.parallax {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_1024_768.jpg") !important;
background-position: center;
}
.top-section.bg-bio {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_1024_768.jpg");
background-position: center;
}
.top-section.bg-bio.parallax {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_1024_768.jpg") !important;
background-position: center;
}
/* used different size image in this case to fix later */
.top-section.bg-naashokri {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_1280_800.jpg");
background-position: center;
}
.top-section.bg-naashokri.parallax {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_1280_800.jpg") !important;
background-position: center;
}
}
@media (min-width: 768px)
and (min-height: 1200px)
and (orientation : landscape) {
.top-section.bg-tehran {
background-image: url("/sfs/bin/img/banners/tehran/siamak_babak_tehran_1280_800.jpg");
background-position: center;
}
.top-section.bg-tehran.parallax {
background-image: url("/sfs/bin/img/banners/tehran/siamak_babak_tehran_1280_800.jpg") !important;
background-position: center !important;
}
.top-section.bg-tehran-remix {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_1280_800.jpg");
background-position: center;
}
.top-section.bg-tehran-remix.parallax {
background-image: url("/sfs/bin/img/banners/tehran-remix/tehran_remix_1280_800.jpg") !important;
background-position: center;
}
.top-section.bg-tame-roya {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_1280_800.jpg");
background-position: center;
}
.top-section.bg-tame-roya.parallax {
background-image: url("/sfs/bin/img/banners/tame-roya/siamak_tame_roya_1280_800.jpg") !important;
background-position: center;
}
.top-section.bg-yaad {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_1280_800.jpg");
background-position: center;
}
.top-section.bg-yaad.parallax {
background-image: url("/sfs/bin/img/banners/yaad/siamak_babak_yaad_1280_800.jpg") !important;
background-position: center;
}
.top-section.bg-bio {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_1280_800.jpg");
background-position: center;
}
.top-section.bg-bio.parallax {
background-image: url("/sfs/bin/img/banners/bio/siamak_babak_1280_800.jpg") !important;
background-position: center;
}
.top-section.bg-naashokri {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_1280_800.jpg");
background-position: center;
}
.top-section.bg-naashokri.parallax {
background-image: url("/sfs/bin/img/banners/naashokri/siamak_naashokri_1280_800.jpg") !important;
background-position: center;
}
}
/****** ratios start ******/
/***************************************************************************************************/
/* Portrait */
/* Default for anything smaller than what we have listed */
/* 0.01000000 to 0.40624005 */
@media (min-aspect-ratio: 2/200) and (max-aspect-ratio: 1276/3141) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1660x3580.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1660x3580.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1660x3580.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1660x3580.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1660x3580.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1660x3580.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1660x3580.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1660x3580.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1660x3580.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1660x3580.jpg") !important;
background-position: center;
}
}
/* 830x1790 1660X3580 */
/* 0.40624006 to 0.50000000 */
@media (min-aspect-ratio: 15325/37724) and (max-aspect-ratio: 800/1600) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1660x3580.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1660x3580.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1660x3580.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1660x3580.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1660x3580.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1660x3580.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1660x3580.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1660x3580.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1660x3580.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1660x3580.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1660x3580.jpg") !important;
background-position: center;
}
}
/* 900x1600 1800x3200 */
/* 0.50000999 to 0.62500000 */
@media (min-aspect-ratio: 25001/50001) and (max-aspect-ratio: 1000/1600) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1800x3200.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1800x3200.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1800x3200.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1800x3200.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1800x3200.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1800x3200.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1800x3200.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1800x3200.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1800x3200.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1800x3200.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1800x3200.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1800x3200.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1800x3200.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1800x3200.jpg") !important;
background-position: center;
}
}
/* 800x1280 1600x2560 */
/* 0.62500999 to 0.72070312 */
@media (min-aspect-ratio: 7817/12507) and (max-aspect-ratio: 1845/2560) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1600x2560.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-1600x2560.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1600x2560.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-1600x2560.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1600x2560.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-1600x2560.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1600x2560.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-1600x2560.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1600x2560.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-1600x2560.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1600x2560.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-1600x2560.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1600x2560.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-1600x2560.jpg") !important;
background-position: center;
}
}
/* 1024x1280 2048x2560 */
/* 0.72070385 to 0.87812500 */
@media (min-aspect-ratio: 1925/2671) and (max-aspect-ratio: 1124/1280) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2048x2560.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2048x2560.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2048x2560.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2048x2560.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2048x2560.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2048x2560.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2048x2560.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2048x2560.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2048x2560.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2048x2560.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2048x2560.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2048x2560.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2048x2560.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2048x2560.jpg") !important;
background-position: center;
}
}
/***************************************************************************************************/
/* close to square */
/* */
/* 0.87812508 to 1.13874345 */
@media (min-aspect-ratio: 30593/34839) and (max-aspect-ratio: 435/382) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2560x2560.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2560x2560.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2560x2560.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2560x2560.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2560x2560.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2560x2560.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2560x2560.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2560x2560.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2560x2560.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2560x2560.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2560x2560.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2560x2560.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2560x2560.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2560x2560.jpg") !important;
background-position: center;
}
}
/***************************************************************************************************/
/* Landscape */
/* 1280x1024 2560x2048 */
/* 1.13874358 to 1.38528138 */
@media (min-aspect-ratio: 22423/19691) and (max-aspect-ratio: 1280/924) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2560x2048.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2560x2048.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2560x2048.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2560x2048.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2560x2048.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2560x2048.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2560x2048.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2560x2048.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2560x2048.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2560x2048.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2560x2048.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2560x2048.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2560x2048.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2560x2048.jpg") !important;
background-position: center;
}
}
/* 1280x800 2560x1600 */
/* 1.38528154 to 1.59925093 */
@media (min-aspect-ratio: 36631/26443) and (max-aspect-ratio: 1281/801) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2560x1600.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-2560x1600.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2560x1600.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-2560x1600.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2560x1600.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-2560x1600.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2560x1600.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-2560x1600.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2560x1600.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-2560x1600.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2560x1600.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-2560x1600.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2560x1600.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-2560x1600.jpg") !important;
background-position: center;
}
}
/* 1600x900 3200x1800 */
/* 1.59925108 to 2.00000000 */
@media (min-aspect-ratio: 39292/24569) and (max-aspect-ratio: 1600/800) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-3200x1800.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-3200x1800.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-3200x1800.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-3200x1800.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-3200x1800.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-3200x1800.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-3200x1800.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-3200x1800.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-3200x1800.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-3200x1800.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-3200x1800.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-3200x1800.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-3200x1800.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-3200x1800.jpg") !important;
background-position: center;
}
}
/* 1790x830 3580x1660 */
/* 2.00004499 to 2.46153846 */
@media (min-aspect-ratio: 44447/22223) and (max-aspect-ratio: 1792/728) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-3580x1660.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-3580x1660.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-3580x1660.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-3580x1660.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-3580x1660.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-3580x1660.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-3580x1660.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-3580x1660.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-3580x1660.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-3580x1660.jpg") !important;
background-position: center;
}
}
/* Default for larger than what we already have listed */
/* 2.46154299 to 19.05 */
@media (min-aspect-ratio: 41733/16954) and (max-aspect-ratio: 39/2) {
.top-section.bg-kenare-to {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-3580x1660.jpg");
background-position: center;
}
.top-section.bg-kenare-to.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/kenare-to/siamak-shirazi-kenare-to-b-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-tehran-cd {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-3580x1660.jpg");
background-position: center;
}
.top-section.bg-tehran-cd.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/tehran-cd/siamak-shirazi-tehran-cd-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-khalije-eshgh {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-3580x1660.jpg");
background-position: center;
}
.top-section.bg-khalije-eshgh.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/khalije-eshgh/set2/siamak-shirazi-khalije-eshgh-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-eshghe-man {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-3580x1660.jpg");
background-position: center;
}
.top-section.bg-eshghe-man.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/eshghe-man/siamak-shirazi-eshghe-man-3580x1660.jpg") !important;
background-position: center;
}
/*
.top-section.bg-SONG_NAME_PLACE_HOLDER {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-3580x1660.jpg");
background-position: center;
}
.top-section.bg-SONG_NAME_PLACE_HOLDER.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/SONG_NAME_PLACE_HOLDER/siamak-shirazi-SONG_NAME_PLACE_HOLDER-3580x1660.jpg") !important;
background-position: center;
}
*/
.top-section.bg-what-is-love {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-3580x1660.jpg");
background-position: center;
}
.top-section.bg-what-is-love.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/what-is-love/siamak-shirazi-what-is-love-3580x1660.jpg") !important;
background-position: center;
}
.top-section.bg-home {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-3580x1660.jpg");
background-position: center;
}
.top-section.bg-home.parallax_with_offset {
background-image: url("/sfs/bin/img/banners/home/set2/siamak-shirazi-3580x1660.jpg") !important;
background-position: center;
}
}
/****** ratios end ********/
@media (min-width: 768px) {
.artists .bio {
margin-top: 0;
}
.collapsible-body {
margin-left: 3.5rem;
}
}