/*-----------------------------------------------------------------------------------*/
/*	    RASASI_WEBSITE@
/*      Built with Blocs
/*-----------------------------------------------------------------------------------*/
/* Custom bloc styling */

#hero-bloc,
#nav-bloc,
#introducing-boruzz-section,
#introducing-boruzz-section,
#oudh-al-boruzz,
#attar-al-boruzz,
#bloc-6,#bloc-16,
#bloc-7,
#bloc-8,
#footer {
/*    background-color: #080708;*/
}

#oudh-al-boruzz h1,
#attar-al-boruzz h1,
#bloc-6 h6,
#bloc-6 h6,
#bloc-6 h6,
#bloc-6 h6,
#bloc-6 h6,
#bloc-6 h6,
#bloc-7 h4,
#bloc-7 h4,
#bloc-7 h4 {
    color: #ffffff;
}

#oudh-al-boruzz h1,
#attar-al-boruzz h1 {
    font-size: 45px!important;
    line-height: 60px;
    min-width: 340px;
}

#oudh-al-boruzz,
#attar-al-boruzz,
#bloc-7 {
    color: #ffffff;
}

#oudh-al-boruzz p,
#attar-al-boruzz p {
    line-height: 34px;
    font-size: 18px!important;
    text-align: center;
}

#hero-bloc h1 {
    font-size: 55px;
}

#introducing-boruzz-section h1 {
    font-size: 45px!important;
    line-height: 65px;
}

@media (min-width: 768px) {
    #introducing-boruzz-section-text p {
        font-size: 18px;
        line-height: 40px;
        max-width: 420px;
        
        
        text-align: center!important;
    }
     #introducing-boruzz-section-pre p {
        font-size: 18px;
        line-height: 40px;
        max-width: 420px;
        
        
        text-align: center!important;
    }
}

@media (max-width: 768px) {
    #introducing-boruzz-section-text p {
        font-size: 18px;
        line-height: 40px;
        text-align: center!important;
    }
    #introducing-boruzz-section-text vertically-center-box {
        padding-bottom: 50px;
    }
     #introducing-boruzz-section-pre p {
        font-size: 18px;
        line-height: 40px;
        text-align: center!important;
    }
    #introducing-boruzz-section-pre vertically-center-box {
        padding-bottom: 50px;
    }
}

#introducing-boruzz-section h1 {
    line-height: 24px;
    font-size: 18px;
}

#bloc-7 h4 {
    font-size: 28px;
    line-height: 28px;
}

#bloc-8 h4 {
    font-size: 28px;
}
/* Bloc image backgrounds */


/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-md {
    margin-top: 10px;
    margin-bottom: 20px;
}
/*-----------------------------------------------------------------------------------*/
/*	    Rasasi_Boruzz
/*      Built with Blocs
/*-----------------------------------------------------------------------------------*/
@media(max-width:768px){
body {
    margin: 0;
    padding: 0;
/*    background: #080708;*/
    overflow-x: hidden;
    overflow-y: scroll;
    -webkit-font-smoothing: antialiased;
}


}
body {
    margin: 0;
    padding: 0;
background: #080708;
    overflow-x: hidden;
    overflow-y: hidden;
    -webkit-font-smoothing: antialiased;
}

a:hover {
    text-decoration: none;
    cursor: pointer;
}

button {
    outline: none!important;
}
/* Prevent ugly blue glow on chrome and safari */

a {
    color: white;
}

a:hover {
    color: white !important;
    text-decoration: none;
    cursor: pointer;
}
/* Globals type styling */

h1,
h2,
h3,
h4,
h5,
h6,
p,
label,
.btn,
a {
    font-family: "Helvetica";
    font-weight: 100;
}

h1 {
    font-size: 44px;
    font-weight: 100;
}
/* Site container width */

.container {
    width: 100%;
    padding-left: 0px!important;
    padding-right: 0px!important;
    height: 100%;
}
/* = Blocs
-------------------------------------------------------------- */

.bloc {
    width: 100%;
    clear: both;
    background: 50% 50% no-repeat;
    padding: 0 50px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.bloc .container {
    padding-left: 0;
    padding-right: 0;
}
/* Sizes */

.bloc-lg {
    padding: 100px 50px;
}

.bloc-lg-footer{
	height: 94.5%;
}

.bloc-sm {
    padding: 20px 50px;
}
/* Background Effects */

.b-parallax {
    background-attachment: fixed;
}
/* Dark theme */

.d-bloc {
    color: rgba(255, 255, 255, .7);
}

.d-bloc button:hover {
    color: rgba(255, 255, 255, .9);
}

.d-bloc h1,
.d-bloc h2,
.d-bloc h3,
.d-bloc h4,
.d-bloc h5,
.d-bloc h6,
.d-bloc .ico {
    color: rgba(255, 255, 255, .9);
}

.d-bloc .icon-round,
.d-bloc .icon-square,
.d-bloc .icon-rounded,
.d-bloc .icon-semi-rounded-a,
.d-bloc .icon-semi-rounded-b {
    border-color: rgba(255, 255, 255, .9);
}

.d-bloc .divider-h span {
    border-color: rgba(255, 255, 255, .2);
}

.d-bloc a {
    color: rgba(255, 255, 255, .6);
}

.d-bloc a:hover {
    color: rgba(255, 255, 255, 1);
}

.d-bloc .navbar-toggle .icon-bar {
    background: rgba(255, 255, 255, 1);
}

.d-bloc .btn-wire,
.d-bloc .btn-wire:hover {
    color: rgba(255, 255, 255, 1);
    border-color: rgba(255, 255, 255, 1);
}
/* Light theme */

.l-bloc {
    color: rgba(0, 0, 0, .5);
}

.l-bloc button:hover {
    color: rgba(0, 0, 0, .7);
}

.l-bloc h1,
.l-bloc h2,
.l-bloc h3,
.l-bloc h4,
.l-bloc h5,
.l-bloc h6,
.l-bloc .ico {
    color: rgba(0, 0, 0, .7);
}

.l-bloc .icon-round,
.l-bloc .icon-square,
.l-bloc .icon-rounded,
.l-bloc .icon-semi-rounded-a,
.l-bloc .icon-semi-rounded-b {
    border-color: rgba(0, 0, 0, .7);
}

.l-bloc .divider-h span {
    border-color: rgba(0, 0, 0, .1);
}

.l-bloc a {
    color: rgba(0, 0, 0, .6);
}

.l-bloc a:hover {
    color: rgba(0, 0, 0, 1);
}

.l-bloc .navbar-toggle .icon-bar {
    color: rgba(0, 0, 0, .6);
}

.l-bloc .btn-wire,
.l-bloc .btn-wire:hover {
    color: rgba(0, 0, 0, .7);
    border-color: rgba(0, 0, 0, .3);
}
/* Row Margin Offsets */

.voffset-lg {
    margin-top: 80px;
}
/* Custom bloc styling */

#hero-bloc,
#nav-bloc,
#   introducing-boruzz-section,
#oudh-al-boruzz-section,
#attar-al-boruzz-section,
#ingredients-section,
#bloc-6,
#bloc-8,
#bloc-7,
#footer {
/*    background-color: #080708;*/
}

#bloc-6 h1 {
    color: #ffffff;
}

#hero-bloc h1 {
    font-size: 55px;
}

#introducing-boruzz-section h1 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 100;
}

#oudh-al-boruzz-section h1 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 200;
}

#attar-al-boruzz-section h1 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 200;
}

#attar-al-boruzz .text-center,
#oudh-al-boruzz .text-center {
    min-width: 340px;
    margin: 0 auto;
}
.text-center{
text-align:  -webkit-center;

}

#ingredients-section h1 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 100;
}

#bloc-6 h1 {
    font-size: 45px;
    line-height: 60px;
    font-weight: 100;
}
/* Bloc image backgrounds */


/* Bloc image backgrounds */


.bg-Untitled-1-01{
	background-image:url('img/ray.jpg')!important;
    background-position: bottom!important;
}
.bg-Untitled-1-04{
	background-image:url('img/Rasasi_mashrabeyyah.jpg');
    background-size: cover!important;
    background-position: center!important;
}
.bg-Untitled-1-05{
	background-image:url('img/Untitled-1-05.png');
    background-size: 70%;
    /*background-color:#040707!important;*/
}
.bg-Untitled-1-06{
	background-image:url('img/Untitled-1-041.png');
    background-position: top;     
}
.bg-Untitled-1-10{
	background-image:url('img/flower.jpg');
    background-color: #080708!important;
   
    
}
.bg-Untitled-1-11{
	background-image:url('img/Untitled-45-02.png');
     background-size:cover!important;
    background-position: top!important;
}
.bg-Untitled-1-20{
	background-image:url('img/Rasasi_approved-gold.jpg');
    background-position: center;
}
.bg-Untitled-1-21{
	background-image:url('img/Rasasi_approved-rose-gold.jpg');
    background-position: center;
}

.bg-Untitled-1-22{
	background-image:url('img/Untitled-1-21.png');
    background-size: 100% 720px;
    background-position: top;  
}
@media(max-width:768px){
.bg-Untitled-1-01 {
    background-image: url('img/ray.jpg');
}

.bg-Untitled-1-04 {
    background-image: url('img/Rasasi_mashrabeyyah-mobile.jpg')!important;
    background-size: cover!important;
    background-position: center!important;
}

.bg-Untitled-1-05 {
    background-image: url('img/Untitled-1-05-mobile.jpg');
    background-size: cover!important;
    background-position: center!important;
}

.bg-Untitled-1-06 {
    background-image: url('img/Untitled-1-041-mobile.jpg')!important;
    background-size: cover!important;
    background-position: center!important;
}

.bg-Untitled-1-10 {
    background-image: url('img/flower.jpg');
    background-color: #080708;
}

.bg-Untitled-1-21 {
    background-size: cover!important;
    background-position: center!important;
    background-image: url('img/Rasasi_approved-rose-gold-mobile.jpg')!important;
}

.bg-Untitled-1-22 {
    background-size: cover!important;
    background-position: center!important;
    background: black;
}
.bg-Untitled-1-30{
background: none;
}
    
        


}
/* = NavBar
-------------------------------------------------------------- */

.navbar {
    margin-bottom: 0;
    top: -20px;
}

.navbar-brand {
    height: auto;
    padding: 15px 15px;
    font-size: 25px!important;
    font-weight: normal;
    font-weight: 600;
}

.navbar-brand img {
    max-height: 60px;
    margin: 0 px 0 0;
    display: inline;
}

.navbar-brand {
    padding: 15px 15px;
}

.navbar .nav {
    padding-top: 2px;
    margin-right: -16px;
    float: right;
}

.nav > li {
    float: left;
    margin-top: 4px;
    font-size: 16px!important;
    display: flex;
}

button.trigger {
    color: aliceblue;
    background: none;
    border: none;
    font-size: 13px;
    transform: translateY(-2px)
}

@media (max-width: 768px) {
    .nav > li {
        float: left;
        margin-top: 4px;
        font-size: 16px;
        display: block;
    }
}

.nav > li a:hover,
.nav > li a:focus {
    background: transparent;
}

.navbar-toggle {
    margin: 10px 10px 0 0;
    border: 0px;
}

.navbar-toggle:hover {
    background: transparent!important;
}

.navbar-toggle .icon-bar {
    background-color: rgba(0, 0, 0, .5);
    width: 26px;
}
/* Inverted navbar */

.nav-invert .navbar .nav {
    float: left;
}

.nav-invert .navbar-header,
.nav-invert .navbar-brand {
    float: right;
}

@media (min-width: 768px) {
    .site-navigation {
        position: absolute;
        top: 50%;
        right: 20px;
        transform: translate(0, -50%);
        -webkit-transform: translateY(-50%);
    }
    .nav-invert .site-navigation {
        left: 20px;
        right: 0;
    }
}@media (max-width: 768px) {
    .site-navigation li{
   text-align: right!important;
    }
   
}
/* = Hero
-------------------------------------------------------------- */

.hero {
    padding-top: 0;
}

.hero-nav {
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}

.v-center {
    width: 100%;
    height: 100%;
    display: table;
}

.v-center .vc-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 100%;
    height: 100%;
}

.hero .btn-dwn {
    width: 58px;
    height: 58px;
    line-height: 58px;
    margin: 0 0 0 -29px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    font-size: 18px;
    color: rgba(255, 255, 255, .8);
    background: rgba(0, 0, 0, .6);
    position: absolute;
    left: 50%;
    bottom: 60px;
    border: 0;
}

.hero .btn-dwn:hover {
    color: rgba(255, 255, 255, 1);
}

.hero .hero-nav {
    padding-left: inherit;
    padding-right: inherit;
}
/* = Bric adjustment margins
-------------------------------------------------------------- */

.mg-clear {
    margin: 0;
}

.mg-sm {
    margin-top: 10px;
    margin-bottom: 5px;
}

.mg-md {
    margin-top: 10px;
    margin-bottom: 20px;
}

.mg-lg {
    margin-top: 10px;
    margin-bottom: 40px;
}
/* = Buttons
-------------------------------------------------------------- */

.btn {
    margin: 0 5px 5px 0;
    font-size: 16px;
    font-weight: 700;
}

.btn:hover {
    color: #080708!important;
    font-weight: bold;
}

.btn.pull-right {
    margin: 0 0 5px 5px;
}

.btn-d,
.btn-d:hover,
.btn-d:focus {
    color: #FFF!important;
    background: rgba(0, 0, 0, .3);
}
/* Prevent ugly blue glow on chrome and safari */

button {
    outline: none!important;
}

.btn-sq {
    border-radius: 0px;
}

.btn-wire {
    background: transparent!important;
    border: 3px solid transparent;
    padding: 12px 45px 12px 45px
}

.btn-wire:hover {
    background: white !important;
    color: #080708;
}

.a-btn {
    padding: 6px 10px 6px 0;
    line-height: 1.42857143;
    display: inline-block;
}

.text-center .a-btn {
    padding: 6px 0;
}

.a-block {
    width: 100%;
    text-align: left;
}
/* Button colour styles */

.btn-c-1 {
    background: #ffffff;
    color: rgba(0, 0, 0, .5)!important;
}

.btn-c-1:hover {
    background: #cccccc;
    color: rgba(0, 0, 0, .5)!important;
}

.wire-btn-c-1 {
    color: #ffffff!important;
    border-color: #ffffff!important;
}
/* = Icons
-------------------------------------------------------------- */

.icon-md {
    font-size: 30px!important;
}
/* Empty space fillers - Used on empty blocs to fill them out */

.empty-column,
.empty-column.thin {
    width: 100%;
    height: 350px;
    display: inline-block;
}

.empty-column {
    height: 350px;
}

.empty-column.thin {
    height: 150px;
}
/* iFrame */

iframe {
    border: 0;
}
/* = Mobile adjustments 
-------------------------------------------------------------- */

@media (max-width: 768px) {
    .container {
        width: 100%;
    }
    .b-parallax {
        background-attachment: scroll;
    }
    .page-container,
    #hero-bloc {
        overflow-x: hidden;
        
        position: relative;
    }
    /* Prevent unwanted side scroll on mobile */
}

@media (max-width: 767px) {
    .bloc-lg-footer {
        height: 85%;
    }
    .footer-row {
        display: table;
    }
    .vertically-center-box-footer {
        background-color: black;
        height: 15%;
        color: white;
    }
    .vertical-center-box-block-footer {
        width: 33%;
        float: left;
        transform: translateY(-20%);
        top: 20%;
    }
    .vertically-center-box-footer a {
        float: left;
        color: white;
        position: relative;
    }
    .page-container {
        overflow-x: hidden;
        position: relative;
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        padding-left: 10px!important;
        padding-right: 10px!important;
    }
    #hero-bloc h1 {
        font-size: 40px;
    }
    #hero-bloc h2 {
        font-size: 34px;
    }
    #hero-bloc h3 {
        font-size: 25px;
    }
    .bloc {
        padding-left: 0;
        padding-right: 0;
        -webkit-background-size: auto 200%;
        -moz-background-size: auto 200%;
        -o-background-size: auto 200%;
        background-size: auto 200%;
    }
    .bloc,
    .bloc .text-right {
        text-align: center!important;
    }
    .b-parallax {
        background-attachment: scroll;
    }
    .navbar .nav {
        padding-top: 0;
        border-top: 1px solid rgba(0, 0, 0, .2);
        float: none!important;
    }
    .navbar.row {
        margin-left: 0;
        margin-right: 0;
    }
    .site-navigation {
        position: inherit;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    .nav > li {
        margin-top: 0;
        border-bottom: 1px solid rgba(0, 0, 0, .1);
        background: rgba(0, 0, 0, .05);
        text-align: left;
        width: 100%;
    }
    .left-align{
    text-align: left;
        display: block;
    }
    .nav > li:hover {
        background: rgba(0, 0, 0, .08);
    }
    #hero-bloc .navbar .nav {
        background: rgba(0, 0, 0, .8);
    }
    #hero-bloc .navbar .nav a {
        color: rgba(255, 255, 255, .6);
    }
    .hero-nav {
        left: -1px;
        right: -1px;
    }
    .navbar-collapse {
        padding: 0;
        overflow-x: hidden;
        -webkit-box-shadow: none;
        box-shadow: none;
        color: white;
        background-color: black;
        opacity: .7;
    }
    .navbar-brand img {
        max-height: 40px;
        width: auto;
        margin: -10px 10px 0 0;
    }
    .nav-invert .navbar-header {
        float: none;
        width: 100%;
    }
    button.navbar-toggle .icon-bar {
        color: white!important;
        border: 1px solid white;
    }
    .nav-invert .navbar-toggle {
        float: left;
    }
    .btn.pull-left,
    .btn.pull-right {
        float: none!important;
    }
    .bloc-tile-2 .container,
    .bloc-tile-3 .container,
    .bloc-tile-4 .container {
        padding-left: 10px;
        padding-right: 10px;
    }
    .bloc-xl {
        padding: 200px 50px;
    }
    /* Group Styles */
    
    .bloc-group {
        width: 100%;
        display: table;
        table-layout: fixed;
    }
    .bloc-group .bloc {
        display: table-cell;
        vertical-align: top;
    }
    .bloc-tile-2 {
        width: 50%;
    }
    .bloc-tile-3 {
        width: 33.33333333%;
    }
    .bloc-tile-4 {
        width: 25%;
    }
    .bloc-tile-2 .container,
    .bloc-tile-3 .container,
    .bloc-tile-4 .container {
        width: 100%;
    }
    .bloc-xl,
    .bloc-lg {
        padding: 40px 0;
    }
    .bloc-sm,
    .bloc-md {
        padding-left: 0;
        padding-right: 0;
    }
    .a-block {
        text-align: center;
    }
    .btn-dwn {
        display: none;
    }
    form {
        padding: 5px;
    }
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        margin-top: 50px;
        margin-bottom: 50px;
    }
}
@media(min-width: 768px){
#bloc-6,#bloc-16,
#ingredients-section,
#attar-al-boruzz-section,
#oudh-al-boruzz-section,
#introducing-boruzz-section,
#attar-al-boruzz,
#oudh-al-boruzz,
#bloc-8,
#bloc-7,
#introducing-boruzz-section-text,
    #introducing-boruzz-section-pre,
#bloc-11,#bloc-14 {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
}
}

@media(max-width: 768px){
#bloc-6,#bloc-16,
#ingredients-section,
#attar-al-boruzz-section,
#oudh-al-boruzz-section,
#introducing-boruzz-section,
#attar-al-boruzz,
#oudh-al-boruzz,
#bloc-8,
#bloc-7,
#introducing-boruzz-section-text,
#introducing-boruzz-section-pre,
#bloc-11,#bloc-14 {
    height: 100%;
    width: 100%;
    overflow-x: hidden;
    overflow-y: scroll;
}

}

#oudh-al-boruzz,
#attar-al-boruzz {}

@media(min-width: 768px) {
    .vertically-center {
        line-height: 80%;
    }
    .vertically-center-box {
        height: 100%;
        display: block;
    }
    .vertically-center-box-footer {
        width: 100%;
        display: block;
        margin-bottom: 0px;
        background-color: black;
        color: white;
        height: 50px;
    }
    .vertically-center-box-footer a {
        color: white;
    }
    .vertical-center-box-block-footer {
        display: block;
        background-color: black;
        position: relative;
        top: 15%;
        transform: translateY(-15%);
    }
    .vertical-center-box-block-footer:first-child {
        display: block;
        background-color: black;
        position: relative;
        top: 15%;
        transform: translateY(-15%);
        text-align: left;
    }
    .vertical-center-box-block-btn-fragrance {
        position: relative;
        top: 59.3%;
        transform: translateY(-59.3%);
    }
    .vertical-center-box-block {
        position: relative;
        top: 50%;
        transform: translateY(-50%);
    }
    .vertical-center-box-block-2 {
    position: relative;
    top: 40%;
    transform: translateY(-40%);
}
    .vertical-center-box-block-twothirds {
        position: relative;
        top: 35%;
        transform: translateY(-35%);
    }
    .vertical-center-box-block-twothirds-button {
        position: relative;
        top: 37.6%;
        transform: translateY(-37.6%);
    }
    .vertical-center-box-block-onethirds {
        position: relative;
        top: 72.3%;
        transform: translateY(-72.3%);
    }
    .vertical-center-box-block-bottle {
        position: relative;
        top: 8.3%;
    }
    .vertical-center-block {
        display: inline-block;
        vertical-align: middle;
    }
    .text-right-align {
        text-align: right;
    }
}
/* Custom bloc styling */

#hero-bloc,
#nav-bloc,
#introducing-boruzz-section,
#introducing-boruzz-section,
#oudh-al-boruzz,
#attar-al-boruzz,
#bloc-6,
#bloc-11,#bloc-14,
#footer {
/*    background-color: #080708;*/
}

#oudh-al-boruzz h1,
#attar-al-boruzz h1,
#bloc-6 h1 {
    color: #ffffff;
    font-size: 42px;
    text-align: center;
}

#bloc-11 h2 {
    color: white;
    font-size: 18px;
    text-align: center;
}

#oudh-al-boruzz,
#attar-al-boruzz,
#bloc-6,
#bloc-11,#bloc-14 {
    color: #ffffff;
}

#bloc-14 p{
font-size: 18px;
    

}
#oudh-al-boruzz p,
#attar-al-boruzz p {
    font-size: 16px;
    width: 100%;
    padding-left: 10%;
    padding-right: 10%;
}

@media(min-width:768px) {
    #oudh-al-boruzz p, #attar-al-boruzz p {
        font-size: 16px;
        width: 320px;
        padding-right: 10px;
        padding-left: 10px;
    }
}

#hero-bloc h2 {
    font-size: 50px;
}

#introducing-boruzz-section h1 {
    font-size: 45px;
    line-height: 60px;
}

#introducing-boruzz-section-text h1 {
    line-height: 60px;
    font-size: 40px;
}
#introducing-boruzz-section-pre h1 {
    line-height: 60px;
    font-size: 40px;
}

#bloc-6 h1 {
    font-size: 45px;
    line-height: 60px;
}

#bloc-11 h1 {
    color: white;
    font-size: 45px;
    line-height: 60px;
}

#bloc-7 p {
    text-align: center;
    padding: 10px;
    font-size: 12px;
}

#bloc-8 p {
    text-align: center;
    padding: 10px;
}

#bloc-7 .col-sm-4 {
    text-align: center;
    padding-right: 0%;
    padding-left: 0%;
}

#bloc-8 .col-sm-4 {
    text-align: center;
    padding-right: 0%;
    padding-left: 0%;
}

@media (min-width: 2000px) {
    #bloc-16 {
        max-width: 1900px;
        display: block;
        margin: 0px auto;
        overflow: hidden;
    }
}

@media (max-width: 2000px) {
   #bloc-16{
    max-width: 1200px;
    display: block;
    margin: 0px auto;
    overflow-x: hidden;
    
    
}
}
#bloc-16 .ingredients-image{
 margin: 0px auto;
}
#bloc-16 .ingredients-image{
 color:white!important;
    font-family: inherit;
    font-size: 18px;
    font-weight: 500;
    
}
.ingredients-image a:hover{
color: black!imporant;
}
.ingredients-image {
width:200px;
}
.ingredient-label{
    display:none;
    position: absolute;
    transform: translate(-115px,75px);
    margin: 0px auto;
    width: 90px;
  text-align: center;
    
}
.ingredients-image:hover .ingredient-label{

    display: block;
    position: absolute;
    transform: translate(-115px,75px);
    margin: 0px auto;
    width: 90px;
    text-align: center;
   
}


#bloc-16 .ingredients-image img{    
width:145%;
height: 145%;
margin:-60px;
    opacity:.5;
}



#bloc-16 .ingredients-image img:hover{
width:145%;
height: 145%;
margin:-60px;
    opacity:1;
    cursor: pointer;
}
/* Bloc image backgrounds */

@media (max-width: 768px) {
    
    .vertically-center-box {
        height: 100%;
    }
    .bloc-lg {
        padding-bottom: 50px;
    }
    .vertical-center-box-block {
        vertical-align: middle;
        position: relative;
        top: 40%;
        transform: translateY(-40%);
        
    }
    .vertical-center-box-block-2 {
     vertical-align: middle;
     position: relative;
     top: 15%;
     transform: translateY(-15%);
 }
    .vertical-center-box-block-bottle {
        vertical-align: middle;
        position: relative;
        top: 18%;
        transform: translateY(-18%);
        padding-bottom: 80px;
    }
    .vertical-center-box-block-onethirds {
        vertical-align: middle;
        position: relative;
        top: 25%;
        transform: translateY(-25%);
    }
    .vertical-center-box-block-twothirds {
        vertical-align: middle;
        position: relative;
        top: 25%;
        transform: translateY(-25%);
    }
    .vertical-center-box-block-twothirds-button {
        vertical-align: middle;
        position: relative;
        top: 25%;
        transform: translateY(-25%);
    }
    .vertical-center-box-block-btn-fragrance {
        vertical-align: middle;
        position: relative;
        top: 28%;
        transform: translateY(-28%);
        padding-bottom: 80px;
    }
}
}
.center-me {
    margin-left: auto;
    margin-right: auto;
}
.fragrance-bottle-img {
    max-width: 220px;
}
.fragrance-text-block {
    min-width: 200px;
}
.center-justify-text {
    text-align: justify;
    -moz-text-align-last: center;
    text-align-last: center;
}
@media(max-width:768px) {
    .fragrance-bottle-img-container {
        text-align: center;
        width: 260px;
        margin: 0 auto;
    }
    
    .fragrance-text-block-narrow {
        max-width: 280px;
        text-align: center;
        margin: 0 auto;
    }
    
    .col-xs-2,
    .col-sm-2,
    .col-md-2,
    .col-lg-2,
    .col-xs-3,
    .col-sm-3,
    .col-md-3,
    .col-lg-3,
    .col-xs-4,
    .col-sm-4,
    .col-md-4,
    .col-lg-4,
    .col-xs-5,
    .col-sm-5,
    .col-md-5,
    .col-lg-5,
    .col-xs-6,
    .col-sm-6,
    .col-md-6,
    .col-lg-6,
    .col-xs-7,
    .col-sm-7,
    .col-md-7,
    .col-lg-7,
    .col-xs-8,
    .col-sm-8,
    .col-md-8,
    .col-lg-8,
    .col-xs-9,
    .col-sm-9,
    .col-md-9,
    .col-lg-9,
    .col-xs-10,
    .col-sm-10,
    .col-md-10,
    .col-lg-10,
    .col-xs-11,
    .col-sm-11,
    .col-md-11,
    .col-lg-11,
    .col-xs-12,
    .col-sm-12,
    .col-md-12,
    .col-lg-12 {
        margin-top: 0px!important;
        margin-bottom: 0px!important;
    }
}
@media(min-width:768px) {
    .fragrance-bottle-img-container {
        text-align: center;
        width: 100%;
        min-width: 220px;
        margin: 0 auto;
    }
    
    .fragrance-text-block-narrow {
        text-align: center;
    }
    
    .fragrance-text-block-narrow .text-center {
        width: 320px;
        margin: 0 auto;
        text-align: center
    }
}
.fragrance-text-block-narrow h4 {
    font-weight: 100;
}
.fragrance-block {
    width: 280px;
}
.fragrance-block {
    min-width: 280px;
    max-width: 400px;
}
@media(max-width:768px) {
    #boruzz_nav_bar {
        background: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, 1)100%);
        /*Safari 5.1-6*/
        
        background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, 1)100%);
        /*Opera 11.1-12*/
        
        background: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, 1)100%);
        /*Fx 3.6-15*/
        
        background: linear-gradient(bottom, rgba(0, 0, 0, 0)0%, rgba(0, 0, 0, .8) 30%, rgba(0, 0, 0, 1)100%);
        /*Standard*/
        
        z-index: 99999;
	top:0!important;
    left:0!important;
    width: 100%;
    position: absolute;
    padding-right: 25px;
    padding-top: 25px;
    
    padding-left:25px;
    padding-bottom: 0px
        
    }
    
}
@media(min-width:768px) {
   #boruzz_nav_bar{

position: absolute;

	z-index: 99999;
	top: 5%;
	left: 5%;
    width: 90%;
	



}
}
.notes-text {
    padding-left: 0px;
    text-align: right;
     font-size: 16px;
    line-height: 24px;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    color: white;
}
@media(min-width:768px) {
    #ingredients-desktop-view {
        display: block;
    }
    
    #ingredients-mobile-view {
        display: none;
    }
}
@media(max-width:768px) {
    #ingredients-desktop-view {
        display: none;
    }
    
    #ingredients-mobile-view {
        display: block;
    }
    .ingredients-image-mobile {
        display: block;
    }
    
    .ingredients-block-mobile {
        display: block;
    }
    
    .ingredients-block-mobile:first-child {
        display: block;
        margin-top: 100px;
    }
    
    .ingredients-block-mobile:last-child {
        display: block;
        margin-bottom: 100px;
    }
    
    .ingredients-label-mobile h6 {
        display: block;
        color: white!important;
        font-size: 16px;
    }
}
#rooh-read-more-dialog p,
#asar-read-more-dialog p,
#abeer-read-more-dialog p,
#lamaat-read-more-dialog p,
#jazeebiyat-read-more-dialog p {
    text-align: right!important;
    font-size: 16px;
    line-height: 24px;
}
#rooh-read-more-dialog strong,
#asar-read-more-dialog strong,
#abeer-read-more-dialog strong,
#lamaat-read-more-dialog strong,
#jazeebiyat-read-more-dialog strong {
    text-align: right!important;
    font-size: 22px;
    line-height: 24px;
}
@media(max-width:768px){
#rooh-read-more-dialog p,
#asar-read-more-dialog p,
#abeer-read-more-dialog p,
#lamaat-read-more-dialog p,
#jazeebiyat-read-more-dialog p {
    text-align: right!important;
    font-size: 12px;
    line-height: 16px;
}
#rooh-read-more-dialog strong,
#asar-read-more-dialog strong,
#abeer-read-more-dialog strong,
#lamaat-read-more-dialog strong,
#jazeebiyat-read-more-dialog strong {
    text-align: right!important;
    font-size: 16px;
    line-height: 16px;
}
    
.notes-text {
    padding-left: 0px;
    text-align: right;
     font-size: 12px;
    line-height: 12px;
    padding-left: 15px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 0px;
    color: white;
}
}
.transparent-background{
    /*background-color: rgba(0,0,0,0.5) ;*/
    padding : 20px;
    margin: auto 0px;
}

#contactdialog h2{
text-align: right;
}

#bloc-14 h2{
color: white;
    text-align: center;
}
@media(min-width:768px){
    
.attar-inner-dialog{
    max-width:650px!important;
    }
    
}