/* Table of Content
==================================================
  1. COMMON STYLES
  2. SECTION HOME 
  3. SECTION ABOUT
  4. SECTION TRIPLE ACTION
  5. SECTION RAFFERMISSEMENT
  6. SECTION PRODUIT 
  7. SECTION CALL TO ACTION
  8. SECTION GALERIE 
  9. SECTION ICONES
  10. SECTION COMMANDER 
  11. SECTION INFOS
  12. SECTION PHOTO SEINS
  13. SECTION FOOTER 

*/
* {
    margin: 0;
    padding: 0;
}
body {
    font-family: 'Raleway', sans-serif;
    overflow-y: scroll;
    overflow-x: hidden;
}
p {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
}

.ingredients {
    font-family: 'Raleway', sans-serif;
    font-size: 13px;
	line-height:1em;
}

.numbers{
    font-family: 'Raleway', sans-serif;
	margin-left:1px;
}

.numbers-titles {
    font-family: 'Raleway', sans-serif;
	font-size: 36px;
	margin-left:1px;
}

.numbers-vitamines {
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 20px;
	margin-left:1px;
}

h4 {
    font-size: 22px;
	font-family: 'Raleway', sans-serif;
	line-height:27px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #333333;
}
/*---------------------------------------
   COMMON STYLES             
-----------------------------------------*/
.section_achat {
    padding-top: 0px;
    padding-bottom: 50px;
}

.section_achat h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    color: #333;
    font-size: 30px;
    font-weight: 400;
}
.section_achat h2:after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 1px;
    background-color: #ff0000;
    left: 50%;
    margin-left: -30px;
}
.section_achat p {
    margin-top: 45px;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.section_achat_utilisation p {
    margin-top: 20px;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}

.section_title {
    padding-top: 50px;
    padding-bottom: 30px;
}
.section_title h2 {
    text-transform: uppercase;
    text-align: center;
    position: relative;
    color: #333;
    font-size: 30px;
    font-weight: 400;
}
.section_title h2:after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 60px;
    height: 1px;
    background-color: #ff0000;
    left: 50%;
    margin-left: -30px;
}
.section_title p {
    margin-top: 45px;
    color: #333;
    font-size: 18px;
    line-height: 28px;
    font-weight: 300;
}
.parallax {
    background-attachment: fixed !important;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

.pad-top20 {padding-top: 20px;}


/*---------------------------------------
   SECTION HOME              
-----------------------------------------*/
/*menu*/

.header h2 {
    height: 0px;
    margin: 0px;
}
.navbar {
    margin-top: -100px
}
.navbar-brand {
    padding: 9px 15px;
}
@media(min-width:768px) {
    .navbar-default {
        background-color: transparent;
    }
    .navbar-default .navbar-nav>li>a {
        color: #ffffff;
        font-family: 'Raleway', sans-serif;
    }
    .navbar-default .navbar-nav>li>a:hover {
        color: #ff0000;
    }
    .navbar-default .navbar-nav>li>a:focus {
        color: #ff0000;
    }
    .navbar-default {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
        z-index: 110;
    }
    .navbar-brand img {
        padding-top: 25px;
        height: 45px;
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-default .navbar-nav>li>a {
        -webkit-transition: all 1s;
        -moz-transition: all 1s;
        -o-transition: all 1s;
        transition: all 1s;
    }
    .navbar-nav>li>a {
        padding-top: 45px;
    }
}
@media (max-width: 768px) {
    .navbar-brand img {} .navbar-default {
      /*  background-color: #fff !important; */
    }
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
    background: transparent;
    color: #ff0000;
}
.header {
    background: url(../images/augmentation-volume-seins.jpg);
    background-size: cover;
	background-repeat: no-repeat;
}
.header .section_overlay {
    background-color: rgba(33, 33, 33, .0);
}
.logo{
    padding-bottom: 50px;
}

.logo img {
    width: 100%
}

.home_text{
    text-align: center;
	text-shadow: 1px 1px 1px black;
}
.home-activate-dream-breasts{
    text-align: right;
}
.home-activate-dream-breasts img{
    width: 100%;
}

@media (max-width: 768px){
    .home-activate-dream-breasts{
        display: none;
    }
    .home_text{
        text-align: center;
    }

}
.home_text h1 {
    color: #fff;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 300;
    line-height: 60px;
    padding-top: 0px;
}

.red {color:#ff0000;}

.home_text p {
    color: #fff;
    font-size: 22px;
    line-height: 28px;
    padding-top: 50px;
    font-weight: 600;
}
.commander-btn {
    margin-top: 90px;
    margin-bottom: 50px
}
.home-btn,
.home-btn:focus,
.home-btn:active,
.home-btn:visited {
    background: transparent;
    border-color: #ff0000;
    color: #ff0000;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 30px;
    padding-right: 30px;
    font-size: 19px;
    text-transform: uppercase;
    border-radius: 3px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.home-btn:hover {
    background-color: #ff0000;
    color: #fff;
}
.tuor,
.tuor:focus,
tuor:active,
tuor:visited {
    color: #fff;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 19px;
    font-weight: 500;
    background: transparent;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.tuor:hover {
    color: #fff;
}
.tuor i {
    font-size: 20px;
    padding-left: 5px;
    color: #ff0000;
}



/*---------------------------------------
   SECTION ABOUT              
-----------------------------------------*/



.about {
    background: #F1F1F1;
}
.inner_about_area {
    padding-top: 50px;
}
.inner_about_title {
    padding-bottom: 50px;
}
.inner_about_title h2 {
	top:-25px;
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 37px;
    position: relative;
}
.inner_about_title h2:after {
    content: "";
    position: absolute;
    bottom: -30px;
    left: 0;
    width: 70px;
    background: #ff0000;
    height: 1px;
}
.inner_about_title p {
    font-size: 19px;
    line-height: 24px;
    margin-top: 40px;
}
.inner_about_desc {} .single_about_area {
    position: relative;
    padding-bottom: 4px;
    padding-left: 80px;
}
.single_about_area div {
    position: absolute;
    top: 0px;
    left: 0px;
}
.single_about_area div i {
    font-size: 55px;
    color: #BABABA;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.single_about_area h3 {
    color: #343434;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 800;
}
.single_about_area p {
    color: #727272;
    font-size: 15px;
}
.single_about_area:hover div i {
    color: #ff0000;}
	
.about_activate-dream-breasts img {padding-bottom:50px;}

.about_activate-dream-breasts img {} @media (min-width: 991px) and (max-width: 1200px) {
    .about_activate-dream-breasts img {
        margin-top: 184px;
		padding-bottom:50px;
        width: 80%;
        margin-right: 20%
    }
}
/*---------------------------------------
   SECTION TRIPLE ACTION        
-----------------------------------------*/

.triple-action_area {
    background: #e4e4e4;
    padding-bottom: 60px;
    padding-top: 100px;
}
.triple-action_title {
    padding-bottom: 30px;
}
.triple-action_title h2 {
    text-transform: uppercase;
    font-weight: 800;
    font-size: 30px;
    line-height: 37px;
    position: relative;
    margin-top: 0px;
}
.triple-action_title h2:after {
    content: "";
    position: absolute;
    bottom: -12px;
    left: 0;
    width: 70px;
    background: #ff0000;
    height: 1px;
}
.triple-action_title p {
    font-size: 18px;
    line-height: 28px;
    margin-top: 40px;
    color: #333;
    font-weight: 300;
}
.btn-triple-action,
.btn-triple-action:active,
.btn-triple-action:focus,
.btn-triple-action:visited {
    background: transparent;
    border: 1px solid #929292;
    color: #686868;
    border-radius: 3px;
    padding: 12px 35px;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn-triple-action:hover {
    background: #ff0000;
    color: #fff;
    border: 1px solid #ff0000;
}
.triple-action {} .triple-action iframe {
    width: 100%;
    border: 1px solid #999999;
    padding: 5px;
}



/*---------------------------------------
   SECTION PRECISIONS              
-----------------------------------------*/
.precisions_area {
    background: #e4e4e4;
    padding-bottom: 60px;
    padding-top: 20px;
}
/*---------------------------------------
   SECTION RAFFERMISSEMENT              
-----------------------------------------*/

#owl-demo .item {
    margin-left: 20px;
    margin-right: 20px;
    margin-bottom: 50px;
}
#owl-demo .item img {
    display: block;
    width: 100%;
    height: auto;
}
.raffermissement {
    background: url(../images/volume-poitrine.jpg);
    background-size: cover;
    background-repeat: no-repeat;
}
.raffermissement .section_overlay {
    background: rgba(0, 0, 0, .6);
    padding-top: 80px;
    padding-bottom: 80px;
}
.carousel-indicators {
    bottom: -8px;
}
div.carousel-inner .item img {
    border: 2px solid #ff0000;
    border-radius: 8%;
    padding: 3px;
	margin-left:20px;
	margin-right:20px;
}
.raffermissement_caption {
    padding-bottom: 70px;
}
.raffermissement_caption p {
    color: #D8D8D8;
    font-size: 18px;
    line-height: 27px;
    padding-top: 50px;
}
.raffermissement_caption h2 {
    color: #ff0000;
    text-transform: uppercase;
    font-weight: 900;
    font-size: 30px;
    margin-top: 25px;
	margin-bottom: 40px;
}
.raffermissement_caption h4 {
    color: #FFFFFF;
	margin-top: 20px;
	margin-bottom: 0px;
}
.raffermissement_caption h4 span {
    color: #D8D8D8;
    font-style: italic;
    font-weight: 300;
}
.raffermissement ol.carousel-indicators li {
    width: 12px;
    height: 12px;
    border: 1px solid #ff0000;
    margin: 1PX
}
.raffermissement ol.carousel-indicators li.active {
    width: 12px;
    height: 12px;
    border: 0px solid #ff0000;
    background: #ff0000;
}
/*---------------------------------------
   SECTION PRODUIT             
-----------------------------------------*/

.produit {
    background-color: #f1f1f1
}
.produit_inner {
    padding-top: 0px;
    padding-bottom: 50px;
}
.produit_volume-seins {} .produit_volume-seins img {
    width: 100%;
}
.right_single_produit {
    position: relative;
    padding-left: 20px;
    margin-bottom: 65px;
    margin-top: 65px;
}
.right_single_produit div {
    position: absolute;
    font-size: 40px;
    color: #ff0000;
    left: 0;
    width: 90px;
    height: 90px;
    text-align: center;
    top: -8px;
}
.right_single_produit h3 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #333333;
}
.right_single_produit h3 span {
    color: #ff0000;
}
.right_single_produit p {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
/*left produit*/

.left_single_produit {
    position: relative;
    padding-right: 20px;
    margin-bottom: 65px;
    text-align: right;
    margin-top: 70px;
}
.left_single_produit div {
    position: absolute;
    font-size: 40px;
    color: #ff0000;
    right: 0;
    width: 90px;
    height: 90px;
    text-align: center;
    top: -8px;
}
.left_single_produit h3 {
    text-transform: uppercase;
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 21px;
    color: #333333;
}
.left_single_produit h3 span {
    color: #ff0000;
}
.left_single_produit p {
    color: #333;
    font-size: 16px;
    font-weight: 300;
    line-height: 25px;
}
.right_no_padding {
    padding-left: 10px;
}
.left_no_padding {
    padding-right: 10px;
}
@media (min-width: 991px) and (max-width: 1200px) {
    .right_single_produit {
        margin-left: -60px;
    }
    .left_single_produit {
        margin-right: -60px;
    }
    .produit_volume-seins {
        margin-top: 35px;
    }
    .right_single_produit h3,
    .left_single_produit h3 {
        margin-top: 0px;
        margin-bottom: 15px;
    }
}


/*---------------------------------------
   SECTION CALL TO ACTION              
-----------------------------------------*/

.call_to_action {
    background-color: #1a1a1a;
    padding-top: 60px;
    padding-bottom: 60px;
}
.call_to_action p {
    color: #dfdfdf;
    font-size: 18px;
    font-weight: 300;
}
.call_to_action a {} .btn-action,
.btn-action:active,
.btn-action:focus,
.btn-action:visited {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff;
    border-radius: 3px;
    padding: 15px 35px;
    text-transform: uppercase;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.btn-action:hover {
    background: #FF6B80;
    border-color: #FF6B80;
}

/*---------------------------------------
   SECTION GALERIE            
-----------------------------------------*/

.galerie {
    background: #f1f1f1;
    padding-bottom: 96px;
}
.screen_slider {
    padding-top: 50px;
}
.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 12px;
    height: 12px;
    margin: 5px 7px;
    filter: Alpha(Opacity=50);
    opacity: 0.5;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background: transparent;
    border: 1px solid #ff0000;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
    opacity: 1;
    background: #ff0000;
}
/*---------------------------------------
   SECTION ICONES             
-----------------------------------------*/

.icones {
    background: url(../images/volume-poitrine.jpg) no-repeat center;
    background-size: cover;
}
.icones .section_overlay {
    padding-top: 120px;
    padding-bottom: 120px;
    background: rgba(0, 0, 0, .4);
}
.single_icones {
    font-family: 'Source Sans Pro', sans-serif;
}
.single_icones i {
    color: #ff0000;
    font-size: 60px;
    ;
}
.single_icones h2 {
    color: #D7DADB;
    font-weight: 700;
    text-transform: uppercase;
    font-size: 35px;
    margin-top: 15px;
    margin-bottom: 1px;
    font-family: 'Source Sans Pro', sans-serif;
}
.single_icones h2 span {
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
}
.single_icones p {
    color: #D7DADB;
    font-size: 20px;
    margin-top: 0px;
    font-weight: 300;
    text-transform: uppercase;
    font-family: 'Source Sans Pro', sans-serif;
}
/*---------------------------------------
   SECTION COMMANDER              
-----------------------------------------*/

.commander {
    background: #f1f1f1;
}
.commander_screen {
    padding-top: 45px;
}
.commander_screen img {
    width: 100%
}
.available_store {
    background: #1a1a1a;
    margin-top: -8px;
    position: relative;
}
.available_title {
    padding-top: 50px;
	padding-bottom: 55px;
}
.available_title h2 {
    color: #fff;
    font-size: 26px;
	text-align:center;
	line-height:40px;
}
.available_title h2 span {
    color: #99cc00;
	font-size: 26px;
	text-align:center;
}
.available_title a:hover {
    color: #ff0000;
}
.single_store {
    text-align: center;
    border-left: 1px solid #0F1217;
    min-height: 230px;
    padding-bottom: 15px;
    position: relative;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.single_store i {
    color: #ff0000;
    text-align: center;
    opacity: 1;
    font-size: 40px;
    padding-top: 70px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.store_inner {
    position: absolute;
    bottom: 93px;
    width: 100%;
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.store_inner h2 {
    text-align: center;
    font-weight: 300;
    color: #d7dadb;
    font-size: 30px;
}
.single_store:hover {
    background: #ff0000;
}
.single_store:hover i {
    opacity: 0;
}
.single_store:hover div.store_inner {
    opacity: 1;
}
.no_padding {
    padding-left: 0px;
    padding-right: 0px;
}
.last {
    border-right: 1px solid #0F1217;
}
/*---------------------------------------
   SECTION INFOS              
-----------------------------------------*/

.infos {
    background: #f1f1f1;
    background-repeat: no-repeat;
    background-size: cover;
}
.infos_form {
    padding-top: 30px;
}
.infos_form .form-control {
    display: block;
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: transparent;
    border: 1px solid #aeaeae;
    background-image: none;
    border-radius: 3px;
    margin-bottom: 15px;
    opacity: .8;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    outline: 0px !important;   

}
.infos_form .form-control:focus {
    border: 1px solid #ff0000;
    border-color: #ff0000;
    outline: 0px none;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.075) inset, 0px 0px 0px rgba(102, 175, 233, 0.6);
}
.infos_form {} .form-control:-webkit-input-placeholder {
    color: red;
}
.form-control:-moz-placeholder {
    /* Firefox 18- */
    
    color: red;
}
.form-control:-moz-placeholder {
    /* Firefox 19+ */
    
    color: red;
}
.form-control:-ms-input-placeholder {
    color: red;
}
.submit-btn,
.submit-btn:active,
.submit-btn:focus,
.submit-btn:visited {
    background-color: transparent;
    border: 1px solid #ff0000;
    border-radius: 4px;
    width: 100%;
    height: 50px;
    text-transform: uppercase;
    font-size: 18px;
    color: #ff0000;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    outline: 0px !important;
}
.submit-btn:hover {
    background-color: #ff0000;
    color: #fff;
    border-color: #ff0000;
}
.social_icons {
    padding-top: 50px;
    padding-bottom: 70px;
}
.social_icons ul {
    margin: 0;
    padding: 0;
    text-align: center;
}
.social_icons ul li {
    list-style: none;
    display: inline;
    padding-left: 10px
}
.social_icons ul li a {
    text-decoration: none;
    display: inline-block;
    text-align: center;
    border: 1px solid #9d9d9d;
    border-radius: 3px;
    width: 45px;
    height: 45px;
    line-height: 49px;
    color: #9d9d9d;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.social_icons ul li a i {
    font-size: 20px;
}
.social_icons ul li a:hover {
    background: #ff0000;
    border: 1px solid #ff0000;
    color: #fff
}
.error {
    color: #ff0000;
    display: block;
    padding-bottom: 15px;
    font-size: 18px
}
.error i {
    padding-right: 10px;
    font-size: 18px
}
.Sucess {
    color: #4DB849;
    display: block;
    padding-bottom: 15px;
    font-size: 18px;
    text-align: center;
}
.Sucess i {
    padding-right: 10px;
    font-size: 18px;
    color: #4DB849
}
.infos_form .form-control {
    color: #3d3d3d;
}
#message {
    height: 117px;
    resize: none;
}
/*---------------------------------------
   SECTION PHOTO VOLUME SEINS           
-----------------------------------------*/

.volume-seins {
    background-image: url(../images/augmentation-volume-seins.jpg);
	height:1200px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.precautions-text {
    font-family: 'Raleway', sans-serif;
    font-size: 12px;
}

.volume-seins .section_overlay {
    padding-bottom: 70px;
    background: transparent
}
.volume-seins .section_title h2{
	color: #eaeaea;
	text-align:center;
}
.volume-seins .section_title p{
	color: #a4a4a4;
	text-align:justify;
}
.volume-seins_form {
    padding-top: 30px;
}
.volume-seins_form .form-group {} .volume-seins_form .form-control {
    background: transparent;
    border: 1px solid #575b63;
    border-radius: 0px;
    height: 45px;
    border-left: 0px;
    border-right: 0px;
    border-top: 0px;
    color: #aeaeae;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.volume-seins_form .form-control:focus {
    background: transparent;
    border-bottom: 1px solid #f1f1f1;
    box-shadow: none;
}
.subs-btn,
.subs-btn:active,
.subs-btn:focus,
.subs-btn:visited {
    width: 200px;
    background: transparent;
    border: 1px solid #ff0000;
    border-radius: 4px;
    height: 45px;
    margin-left: 0px;
    margin-bottom: 1px;
    color: #ff0000;
    text-transform: uppercase;
    font-weight: 600;
    font-size: 17px;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
    outline: 0px !important;
}
.subs-btn:hover {
    background-color: #ff0000;
    color: #fff;
    border-color: #ff0000;
}
@media (min-width: 300px) {
    .volume-seins_form .form-control {
        width: 100%
    }
}
.subscription-success {
    color: #fff;
    text-align: center;
    font-size: 20px;
}
.subscription-error {
    color: #fff;
    text-align: center;
    font-size: 20px;
}
/*---------------------------------------
   SECTION FOOTER              
-----------------------------------------*/

.precautions {
    padding-top: 50px;
    padding-bottom: 50px;
}

.copyright {
    background-color: #1A1D22;
    padding-bottom: 65px;
    padding-top: 65px;
    border-bottom: 3px solid #ff0000;
}
.copyright h2 {
    height: 0px;
    margin: 0px;
}
.copy_right_text {
    width: 60%;
}
.copy_right_text p {
    color: #8C8B8A;
    font-weight: 600;
    font-size: 15px;
}

.copy_right_text_photos {
    color: #8C8B8A;
    font-weight: 600;
    font-size: 12px;
}

.copy_right_text_uppercase {
	text-transform: uppercase;
}

.copy_right_text p a {
    text-decoration: none;
    color: #ff0000;
}
.copy_right_text p span {
    font-weight: 300;
}
.scroll_top {
    text-align: right;
}
.scroll_top a {
    background: #ff0000;
    padding: 25px;
}
.scroll_top a i {
    color: #fff;
    font-size: 25px;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill {
    background-color: red;
    background-image: none;
    color: rgb(0, 0, 0);
}
.spn_hol {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #fff;
    z-index: 50000;
    opacity: 1;
     -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    transition: all 1s;
}
.spinner {
    position: absolute;
    top: 50%;
    margin-top: -12px;
    left: 50%;
    margin-left: -35px;
    height: 24px;
    width: 70px;
    text-align: center;
    display: block;
}
.spinner > div {
    width: 18px;
    height: 18px;
    background-color: #333;
    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.spinner .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}
.spinner .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}
@-webkit-keyframes bouncedelay {
    0%, 80%, 100% {
        -webkit-transform: scale(0.0)
    }
    40% {
        -webkit-transform: scale(1.0)
    }
}
@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    40% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}