/* -------------------General------------------------ */
@import url('https://fonts.googleapis.com/css?family=Cairo|El+Messiri');
html, body{ height: 100%;}
body{font-family: 'Cairo', sans-serif!important;color: #7A7A7A; font-weight:400; background-color:#fff!important;font-size:14px!important; padding-top:130px; }
.x{border:1px solid #000!important;}
.gfont{ font-family: 'andalusiaregular', sans-serif!important;}
.arabic{font-family: 'Cairo', sans-serif!important;direction:rtl!important;text-align:right!important;}
.arabic-center{font-family: 'Cairo', sans-serif!important;direction:rtl;text-align:center!important;}
.arabic-right{text-align:right!important;}
a{color:#fff;}
a:hover{text-decoration:none!important; color:#fff;}
::-moz-selection { background-color:#d6ad5c; color:#fff;}
::selection {background-color:#d6ad5c; color:#fff; }
a:focus{outline: none!important; border: none!important;}
div,p,h1,h2,h3,h4{padding:0; margin:0;}
p, .rtl{direction:rtl;}
.content-3{direction:rtl;text-align:right!important; }
.nomargin{margin: 0!important; padding: 0!important; }
.nopadding{padding: 0!important; }
.relative{position:relative;}
.space15{height: 15px; width: 100%; float: left;}.space25{height: 25px; width: 100%; float: left;}
.space35{height: 35px; width: 100%; float: left;}.space50{height: 50px; width: 100%; float: left;}
.space75{height: 75px; width: 100%; float: left;}.space100{height: 100px; width: 100%; float: left;}
.padding15{padding:15px 0;}.padding25{padding:25px 0;}.paddingv25{padding:0 25px;}.padding50{padding:50px 0;}
.padding100{padding:100px 0; }
.font12{font-size: 12px!important;}.font13{font-size: 13px!important; }.font14{font-size: 14px!important;; }.font16{font-size: 16px!important;} .font18{font-size: 18px!important; } .font20{font-size: 20px!important;; } .font22{font-size: 22px!important;line-height:30px!important;}.font24{font-size: 24px!important;;}.font26{font-size: 26px!important;}.font28{font-size: 28px!important;;}.font30{font-size: 30px!important;}.font34{font-size: 30px!important;}
.line{border-bottom:1px solid #233e66; height:5px; margin-bottom:15px;}
.line1{border-bottom:1px solid #85143b; height:5px;width:80%; margin:20px auto;}
.fl-left{float:left;}
.fl-right{float:right;}
.hideall{display:none;}
.smooth{-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;}
.bold{font-weight:600;}
.corner{-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px;}
.shadow{background-color:#fff;-webkit-box-shadow: 0px 3px 5px rgba(135,135,135, .6);-moz-box-shadow:0px 3px 5px rgba(135,135,135, .6);box-shadow:0px 3px 5px rgba(135,135,135,.6);}
.clear{clear: both;line-height: 0px;height: 0;font-size: 0;}
.line100{line-height:100%!important;}
.fl-center{float:none; margin: 0 auto!important; text-align:center;}
/* ------------------- IDS and Classes------------------------ */
header{position:fixed;z-index:999999!important;height:130px; left:0; top:0; width:100%!important; display:inline-block!important;}
.logo-header{background-color:#d51968; height:80px; text-align:center;}
.logo-header .col-12{ padding-left:0!important; padding-right:0!important; margin-left:0!important; margin-right:0!important;}
.menu-header{background-color:#85143b; height:50px; margin-top:-20px;}
.logo-header img{z-index:99999999999!Important; position:relative; max-height:70px; height:70px; margin:10px auto 0px auto!Important;}
.footer{background-color:#85143b; padding: 10px 0 10px 0; color:#fff; font-size:14px; text-align:center; clear:both;}
#paper-bg{background: url(../img/paper-bg.jpg) top center repeat-y;width: 100%;position:relative;}
#comics-bg{background: url(../img/paper-bg1.jpg) top center repeat-y;width: 100%;position:relative;}
.page{margin-top:-20px;}
.negative-margin{padding-top:-40px!important;}
#floral2{background: url(../img/floral2.png) top left no-repeat;background-size: 70% auto; padding-top:120px; padding-bottom:120px; margin-left:-15px;}
#floral1{position:absolute; top:50px;right:20px;background: url(../img/floral1.png) top left no-repeat;width: 189px; height:200px; font-size:24px; color:#fff;-webkit-transform: rotate(14deg); -moz-transform: rotate(14deg); -o-transform: rotate(14deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=14);writing-mode: lr-tb; padding-top:80px; text-align:center; line-height:110%!important;font-family: 'El Messiri', sans-serif!important;}
#home-doll{clear:both; background-color:#d51968!important;}
.white-bg{background-color:#f0ebe5!important; margin:40px auto; padding:20px;}
.home-jeedha{background-color:#b32355;-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius: 10px; color:#fff; text-align:center; padding:20px; }
.home-jeedha img{width:80%; margin: 20px auto 10px auto}
.style-diaries{}

.style-diaries-jeedah{background: url(../img/style-diaries.jpg) top center no-repeat;display:block; clear:both; margin:20px 0 20px 0;background-size: contain!important;width: 100%;height: 0;padding-top: 20%;padding-bottom: 30%;text-align:center;}
.style-diaries-sandy{background: url(../img/sandy-diaries.jpg) top center no-repeat;  display:block; clear:both; margin:20px 0 20px 0;background-size: contain!important;width: 100%;height: 0;padding-top: 20%;padding-bottom: 30%;text-align:center;}
.style-diaries-siba{background: url(../img/siba-diaries.jpg) top center no-repeat!important;display:block; clear:both; margin:20px 0 20px 0;background-size: contain!important;width: 100%;height: 0;padding-top: 20%;padding-bottom: 30%;text-align:center;}
.style-diaries-ameera{background: url(../img/ameera-diaries.jpg) top center no-repeat!important;display:block; clear:both; margin:20px 0 20px 0;background-size: contain!important;width: 100%;height: 0;padding-top: 20%;padding-bottom: 30%;text-align:center;}
.style-diaries-jeedah2{background: url(../img/jeedah-my-style.jpg) top center no-repeat;display:block; clear:both; margin:20px 0 20px 0;background-size: contain!important;width: 100%;height: 0;padding-top: 20%;padding-bottom: 30%;text-align:center;}
.ameera-sports{background: url(../img/ameera-sports.jpg) top center no-repeat;display:block; clear:both; margin:20px 0 20px 0;background-size: contain!important;width: 100%;height: 0;padding-top: 20%;padding-bottom: 30%;text-align:center;}

.store-finder-jeedah{background: url(../img/store-finder.jpg) top center no-repeat;  display:block; clear:both; margin:20px 0 20px 0;background-size: contain ;width: 100%;height: 0;padding-top: 17%;padding-bottom: 43%;}

.store-finder-ameera{background: url(../img/store-finder-ameera.jpg) top center no-repeat;  display:block; clear:both; margin:20px 0 20px 0;background-size: contain ;width: 100%;height: 0;padding-top: 17%;padding-bottom: 43%;}


.store-finder-sandy{background: url(../img/store-finder-sandy.jpg) top center no-repeat;  display:block; clear:both; margin:20px 0 20px 0;background-size: contain ;width: 100%;height: 0;padding-top: 17%;padding-bottom: 43%;}

.store-finder-siba{background: url(../img/store-finder-sandy.jpg) top center no-repeat;  display:block; clear:both; margin:20px 0 20px 0;background-size: contain ;width: 100%;height: 0;padding-top: 17%;padding-bottom: 43%;}

.home-page .store-finder-jeedah, .home-page .store-finder-ameera, .home-page .store-finder-sandy, .home-page.store-finder-siba{margin-bottom:50px!important;}

.newsletter{background: url(../img/newsletter-bg.png) top right no-repeat; background-size:cover;min-height:192px;text-align: center;}
#home-video{background-color:#84143a;}
#home-footer-social{float:left;margin:0px auto 0 auto; width:100%; padding:50px 0 30px 0; text-align:center;background: url(../img/footer-bg.jpg) bottom center no-repeat #84143a; background-size:cover;}
#home-footer-social img{float:left; width:35%; margin-left:5%}
#home-footer-frame{margin:-5px 0 0 0;}
#pink-pattern{background: url(../img/pink-bg.jpg) top center repeat; clear:both; margin-top:-50px; padding-top:50px; }
#pink-pattern1{background: url(../img/pink-bg1.jpg) top center repeat; clear:both; margin-top:-50px;  padding-top:50px;}
.craft{background: url(../img/craft.png) top center no-repeat;  display:block; clear:both; margin:20px 0 20px 0;background-size: contain ;width: 100%;height: 0;padding-top: 47%;padding-bottom: 43%;text-align:center;}
.craft-button{float:right!important; margin-right:20px!important;}
#shop-floral{background: url(../img/shop-floral.png) top center no-repeat; color:#85143b; font-size:30px;font-family: 'El Messiri', sans-serif!important;; text-align:center; line-height:30px; padding-top:20px;padding-bottom:40px;width:100%; height:auto!important;background-size: 100% auto;}
.contact-floral{padding-top:30px!important;padding-bottom:50px!important;}
.dummy-left-margin1{margin-right:30px!important;}
.dummy-right-margin1{margin-left:30px!important;}
.comics-main-image{margin-left:-15px!important; margin-right:-15px!important;}
#pink-bg{background-color:#d51968;}
.doll-jeedah{background: url(../img/doll-jeedah.png) top left no-repeat;background-size:cover; border-bottom:1px solid #fff;width:100%!important; }
.doll-jeedah1{width:449px; height:367px; display:block;position:relative!important;}
.doll-ameera{background: url(../img/doll-ameera.png) top left no-repeat;background-size:cover; border-bottom:1px solid #fff;width:100%!important; }
.doll-ameera1{width:449px; height:367px; display:block;position:relative!important;}
.doll-sandy{background: url(../img/doll-sandy.png) top center no-repeat; background-size:cover; border-bottom:1px solid #fff;width:100%!important;}
.doll-sandy1{width:100%!important; height:350px; display:block;position:relative!important;}
.doll-siba{background: url(../img/doll-siba.png) top left no-repeat;background-size:cover; border-bottom:1px solid #fff;width:100%!important; }
.doll-siba1{width:449px; height:367px; display:block;position:relative!important;}
.shop-content{color:#d51968; font-size:18px; text-align:right; margin-top:20px; margin-bottom:20px;direction:rtl; line-height:220%!important;}
.shop-content h2{color:#d51968; font-size:36px; text-align:right; margin-top:20px; margin-bottom:20px;}
.shop-content span{background-color:#c9952c;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%; color:#fff; padding: 4px 8px; margin-left:10px; font-family:Arial, sans-serif; font-size:14px;}
/* ------------------- Menus ------------------------ */

/* ------------------- Text & Colours ------------------------ */
h1{font-size:50px; font-weight:400!important; color:#fff;text-align:right; }
h2{font-size:40px; font-weight:400!important; color:#fff;text-align:right;}
h3{font-size:30px; font-weight:400!important; color:#fff!important;text-align:right;}
h4{font-size:20px; font-weight:400!important; color:#fff!important;text-align:right;}
.white, .white p, .white h1{color:#fff!important;}
.pink, .pink p, .pink h1{color:#d51968!important;}
.pink1, .pink1 p, .pink1 h1{color:#85143b!important;}
.gold, .gold p, .gold h1{color:#cf9c5a!important;}
.special{color:#d51968; text-align:center; font-family: 'El Messiri', sans-serif!important; margin-bottom:20px;font-size:40px; margin-top:20px; line-height:140%!important;}
.special1{color:#d51968; text-align:center;font-family: 'El Messiri', sans-serif!important; margin-bottom:20px;font-size:40px; }
.special2{color:#d51968; text-align:center; font-family: 'El Messiri', sans-serif!important; margin-bottom:30px;font-size:30px;margin-top:30px;}
.special5{color:#c9952c; text-align:center; font-family: 'El Messiri', sans-serif!important;font-size:28px; }
.title1{font-family: 'andalusiaregular', sans-serif!important; color:#3a3a3a; font-size:35px;-webkit-transform: rotate(-14deg); -moz-transform: rotate(-14deg); -o-transform: rotate(-14deg); writing-mode: lr-tb; text-align:center; margin-bottom:50px;}
.special3{text-align:center; font-family: 'El Messiri', sans-serif!important; margin-bottom:30px;font-size:40px;margin-top:30px;background: url(../img/name-bg.png) top center no-repeat; color:#fff;width:100%!important; max-height:117px; line-height:117px;}
.title2{color:#85143b!important; font-size:26px!important;font-family: 'El Messiri', sans-serif!important;}
.title2a{font-size:26px!important;font-family: 'El Messiri', sans-serif!important;}
.title3{color:#85143b!important; font-size:20px!important;font-family: 'El Messiri', sans-serif!important;}
.title4{color:#85143b!important; font-size:20px!important;font-family: 'El Messiri', sans-serif!important;}
.store-finder-ameera p, .store-finder-jeedah p, .store-finder-siba p, .store-finder-sandy p{color:#b32355; margin-right:110px; margin-top:-25px; font-size:24px; line-height:35px;}
.newsletter h1{color:#fff; text-align:center; padding-top:20px;font-family: 'El Messiri', sans-serif!important;}
#home-video h1{color:#c9952c; text-align:center; padding-top:40px;font-family: 'El Messiri', sans-serif!important; margin-bottom:10px;}
#home-footer-social h2{font-family: 'El Messiri', sans-serif!important; color:#dab56c; float:left; font-size:30px; text-align:center; margin-left:5%;}
.dolls-name{margin-bottom:30px;}
.dolls-name h2{position:absolute; bottom:65px; left:0; text-align:center; color:#fff;font-family: 'El Messiri', sans-serif!important; width:100%; font-size:30px;}
.craft p{color:#fff; font-size:36px; line-height:40px;font-family: 'El Messiri', sans-serif!important; text-align:right; margin-right:20px; margin-top:-40%;}
/* ------------------- Links ------------------------ */
#topcontrol{z-index:999999!important;}
.english-buttton {position:absolute; top:20px; left:10px; font-weight:bold; font-family:Arial, sans-serif; font-size:16px; width:35px; height:30px; color:#fff; line-height:30px;}
.english-buttton:hover, .english-buttton:active{background-color:#85143b; color:#fff;}
#topcontrol img{opacity: 0.5; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);}
#topcontrol img:hover{ opacity:1;}

a.read-more-links:link, a.read-more-links:visited, a.read-more-links:active{color:#fff;font-size:16px; background-color:#f1592a;text-align:center; text-decoration:none; padding:5px 10px; line-height:30px; margin-bottom:20px!important;width:140px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; display:block; background: linear-gradient(to right, #f1592a 50%, #2e3383 50%); background-size: 200% 100%; background-position:left bottom; margin:10px auto!important;}

a.read-more-links:hover {color:#f8a41e;background-position:right bottom;}

a.gold-button:link, a.gold-button:visited, a.gold-button:active,.gold-button{color:#fff;font-size:16px; background-color:#cf9c5a;text-align:right; text-decoration:none; padding:5px 20px; line-height:30px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; background: linear-gradient(to right, #cf9c5a 50%, #fff 50%); background-size: 200% 100%; background-position:left bottom; display:inline-block;box-shadow: inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.17),inset 0 20px 10px rgba(255,255,255,.12),0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);} a.gold-button:hover, .gold-button:hover, .craft:hover .gold-button {color:#cf9c5a;background-position:right bottom;}

.center-button{margin:0 auto!Important;}

.pink-button,a.pink-button:link, a.pink-button:visited, a.pink-button:active{color:#fff;font-size:16px; background-color:#b32355;text-align:right; text-decoration:none; padding:5px 20px; line-height:30px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; background: linear-gradient(to right, #b32355 50%, #fff 50%); background-size: 200% 100%; background-position:left bottom; display:inline-block;box-shadow: inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.17),inset 0 20px 10px rgba(255,255,255,.12),0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);margin-right:110px; float:right;}
a.pink-button:hover, .pink-button:hover, .store-finder-jeedah:hover .pink-button, .store-finder-ameera:hover .pink-button, .store-finder-siba:hover .pink-button, .store-finder-sandy:hover .pink-button{color:#b32355;background-position:right bottom; }

.custom-button{margin-top:0px!important; margin-left:0px!important;}

.style-diaries-jeedah a, .style-diaries-jeedah2, .ameera-sports, .style-diaries-sandy a, .style-diaries-ameera div, .style-diaries-siba, .style-diaries-jeedah{font-size:18px; color:#fff;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;font-family: 'El Messiri', sans-serif!important; text-align:center; line-height:16px;}
.style-diaries-jeedah a:hover, .style-diaries-jeedah2 a:hover, .ameera-sports a:hover, .style-diaries-sandy a:hover, .style-diaries-ameera a:hover, .style-diaries-siba:hover div, .style-diaries-jeedah:hover,.style-diaries-ameera:hover div, .style-diaries-jeedah2:hover div, .ameera-sports:hover div{color:#000;}

.main-menu{padding-left:0!important;padding-right:0!important;}
.main-menu > ul{padding:0!important; margin:20px 0 0 0!important; float:left; width:100%;}
.main-menu > ul li{list-style:none;padding:0!important; margin:0!important;display:inline-block; width:25%!important; float:left;text-align:center;}
.main-menu > ul li:nth-child(2){width:25%!important;}
.main-menu > ul li:nth-child(3){width:25%!important;}
.main-menu > ul li a{display:inline-block;color:#fff;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;font-size:14px; font-family: 'El Messiri', sans-serif!important; text-align:center;}
.main-menu > ul li a:hover{color:#000;}

.anylinkcss{ position: fixed; left: 0px; top: 0px; visibility: hidden; z-index: 10000!important;background-color:#ca950f;}
.anylinkcss ul{ margin: 10px 0 0 10px; padding:0px; list-style-type: none;float:right; width: 100%!important; }
.anylinkcss ul li { padding:5px 0 4px 0; margin:0px 15px; }
.anylinkcss ul li a{ width: 100%; display: block; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; color: #fff; text-decoration:none;font-family: 'El Messiri', sans-serif!important; font-size:16px; text-align:right;}
.anylinkcss a:hover{ color: #000;text-decoration:none; }
.anylinkshadow{ position: absolute; left: 0; top: 0; z-index: 99; background: black; visibility: hidden; }
.selectedanchor{color: #000!important;}

.mgmenu_container ul{left:0; top:-20px;width:100%!important;z-index:99999999!important;background-color:#ca950f!important;}
.mgmenu_container > .mgmenu > li.mgmenu_button{right:-10px;top:10px;width:40px;height:40px; position:fixed;}

.footer-social ul{float:none; clear:both; margin:10px auto 10px auto!important;padding:0!important;}
.footer-social li{list-style:none;margin:0;text-align:center;display:inline-block;padding:0!important;}
.footer-social li a{display:inline-block;width:40px;height:40px;line-height: 40px;color:#85143b;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background-color:#62ccca;background: linear-gradient(to right, #fff 50%, #cd9a1b 50%); background-size: 200% 100%; background-position:left bottom; font-size:20px; margin-right:10px;}
.footer-social li a:hover{background-position:right bottom;color:#000;}

.footer-social1 ul{float:none; clear:both; margin:130px auto 0px auto!important;padding:0!important;}
.footer-social1 li{list-style:none;margin:0;text-align:center;display:inline-block;padding:0!important;}
.footer-social1 li a{display:inline-block;width:40px;height:40px;line-height: 40px;color:#fff;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; transition: all 300ms linear;-webkit-border-radius: 30px;-moz-border-radius: 30px;border-radius: 30px; background-color:#62ccca;background: linear-gradient(to right, #62ccca 50%, #85143b 50%); background-size: 200% 100%; background-position:left bottom; font-size:20px; margin-right:10px;}
.footer-social1 li a:hover{background-position:right bottom;color:#000;}


.dolls-button{background-color:#ffb9d7;width:100%; display:block; height:309px; position:relative;-webkit-transition: all 400ms linear;; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}

.dolls-button1{background-color:#ffb9d7;width:100%; display:block; height:326px; position:relative;-webkit-transition: all 400ms linear;; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}

.hayati-name{position:absolute; top:20px; right:20px; text-align:center;color:#fff;font-family: 'El Messiri', sans-serif!important; font-size:30px; width:241px; height:117px;display:inline-block; z-index:9999!important;background: url(../img/name-bg.png) top center no-repeat; line-height:117px;-webkit-transition: all 400ms linear;; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}

.hayati-image{position:absolute; top:0px; left:10px;  width:361px; height:309px; display:inline-block;-webkit-transition: all 400ms linear;; -moz-transition: all 400ms linear; -o-transition: all 400ms linear; -ms-transition: all 400ms linear;transition: all 400ms linear;}


.dolls-button:hover, .dolls-button1:hover{background-color:#d71367;}
.dolls-button:hover .hayati-name, .dolls-button1:hover .hayati-name{right:280px; color:#d09d5b;}
.dolls-button:hover .hayati-image, .dolls-button1:hover .hayati-image{left:185px}



/* ------------------- Forms ------------------------ */

.newsletter input{border: 0;  font-family: 'El Messiri', sans-serif!important;font-size:16px; width: 48%!important; height:35px; color:#85143b; background-color: #fff; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;-webkit-box-shadow: inset 0px 2px 9px 0px rgba(0,0,0,0.45);-moz-box-shadow: inset 0px 2px 9px 0px rgba(0,0,0,0.45);box-shadow: inset 0px 2px 9px 0px rgba(0,0,0,0.45); padding:5px 10px; margin:0 2px 0 2px; float:left!important; display:inline-block!important;text-align:right;}

.button1{color:#fff;font-size:14px; background-color:#b32355;text-align:center; text-decoration:none; padding:5px 20px; line-height:30px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; background: linear-gradient(to right, #b32355 50%, #fff 50%); background-size: 200% 100%; background-position:left bottom; display:inline-block;box-shadow: inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.17),inset 0 20px 10px rgba(255,255,255,.12),0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);border:none!important; cursor:pointer; float:none!important; margin: 20px auto 0 auto!important}
.button1:hover{color:#b32355;background-position:right bottom;outline:0!important; }

.button2{color:#fff;font-size:16px; background-color:#cf9c5a;text-align:center; text-decoration:none; padding:5px 20px; line-height:30px;-webkit-border-radius: 10px;-moz-border-radius: 10px;
border-radius: 10px;-webkit-transition: all 0.4s ease; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; -ms-transition: all 0.4s ease; transition: all 0.4s ease; background: linear-gradient(to right, #cf9c5a 50%, #9a0d41 50%); background-size: 200% 100%; background-position:left bottom; display:inline-block;box-shadow: inset 0 3px 2px rgba(255,255,255,.22), inset 0 -3px 2px rgba(0,0,0,.17),inset 0 20px 10px rgba(255,255,255,.12),0 0 4px 1px rgba(0,0,0,.1), 0 3px 2px rgba(0,0,0,.2);border:none!important; cursor:pointer; margin-left:10px;} .button2:hover{color:#FFF;background-position:right bottom;outline:0!important; }


.contact input, .contact textarea{border: 0;  font-family: 'El Messiri', sans-serif!important;font-size:16px; width: 100%; height:35px; color:#85143b; background-color: #fff; -moz-transition: all .5s; -webkit-transition: all .5s; transition: all .5s;-webkit-box-shadow: inset 0px 2px 9px 0px rgba(0,0,0,0.45);-moz-box-shadow: inset 0px 2px 9px 0px rgba(0,0,0,0.45);box-shadow: inset 0px 2px 9px 0px rgba(0,0,0,0.45); padding:5px 10px; margin:0 auto!important; float:none; clear:both; text-align:right;}

.contact textarea{ height:150px!important;}


.newsletter input:focus, .contact input:focus, .contact textarea:focus{background-color:#85143b; color:#fff; outline:0!important;}
.loadingMask { background: url(loading.gif) center 50% no-repeat #85143b; top:0; left:0; position:fixed; height:100%; width:100%;z-index:12030; }

.cd-top { display: inline-block; height: 45px; width: 45px; position: fixed; bottom: 10px; right: 10px; overflow: hidden; text-indent: 100%; white-space: nowrap; background: url(../img/up.png) no-repeat center center;  background-size: 45px 45px; visibility: hidden; opacity: 0; -webkit-transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s .3s, background-color .3s 0s; } .cd-top.cd-top--show, .cd-top.cd-top--fade-out, .cd-top:hover { opacity: .7; -webkit-transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; transition: opacity .3s 0s, visibility 0s 0s, background-color .3s 0s; } .cd-top.cd-top--show {visibility: visible; opacity: 1; } .cd-top.cd-top--fade-out { opacity: .5; } .cd-top:hover { opacity: 1; } @media only screen and (min-width: 768px) { .cd-top { right: 20px; bottom: 20px; } }

.custom-position{z-index:99999!important }
.pagination1 { list-style: none; display: inline-block; padding: 0; margin-top:10px;} .pagination1 li { display: inline; text-align: center; } .pagination1 a { float: left; display: block; font-size: 14px; text-decoration: none; padding: 5px 12px; color: #fff; margin-left: -1px; border: 1px solid #fff!important; line-height: 1.5;-webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 300ms linear; -ms-transition: all 300ms linear;transition: all 300ms linear; } .pagination1 a.active { cursor: default;border: 1px solid #fff; } .pagination1 a:active { outline: none;border: 1px solid #fff; } .modal-1 li:last-child a { -moz-border-radius:  0 6px 6px 0; -webkit-border-radius:  0 6px 6px 0; border-radius:  0 6px 6px 0; background-color: #ca950f!important; color:#000;} .modal-1 li:first-child a { -moz-border-radius:  6px 0 0 6px; -webkit-border-radius:  6px 0 0 6px; border-radius:  6px 0 0 6px; } .modal-1 a { border-color: #fff; color: #fff; background: #9a0d41; } .modal-1 a:hover { background-color: #ca950f!important; color:#000; } .modal-1 a.active, .modal-1 a:active { border-color: #fff; background: #cf9c5a; color: #000; }
.modal-1 a.active1, .modal-1 a:active1, .active1{ border-color: #fff; background: #000!important; color: #fff; border:3px solid #000!important; }

.super-active{background-color: #ca950f!important; border:1px solid #000!important;}
/* Sweet Alert*/
/* Sweet Alert*/

body.stop-scrolling { height: 100%; overflow: hidden; } .sweet-overlay { background-color: black; /* IE8 */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; /* IE8 */ background-color: rgba(0, 0, 0, 0.8); position: fixed; left: 0; right: 0; top: 0; bottom: 0; display: none; z-index: 10000000000; } .sweet-alert { background-color: white; font-family: 'El Messiri', sans-serif!important; color:#00b2d9; width: 478px; padding: 17px; border-radius: 5px; text-align: center; position: fixed; left: 50%; top: 50%; margin-left: -256px; margin-top: -200px; overflow: hidden; display: none; z-index: 9999999999; font-weight:normal!important; font-size:18px!important; direction:rtl; } @media all and (max-width: 540px) { .sweet-alert { width: auto; margin-left: 0; margin-right: 0; left: 15px; right: 15px; } } .sweet-alert h2 { color: #575757; font-size: 30px; text-align: center; font-weight: 600; text-transform: none; position: relative; margin: 25px 0; padding: 0; line-height: 40px; display: block; } .sweet-alert p { color: #797979; font-size: 16px; text-align: center; font-weight: 300; position: relative; text-align: inherit; float: none; margin: 0; padding: 0; line-height: normal; } .sweet-alert fieldset { border: none; position: relative; } .sweet-alert .sa-error-container { background-color: #f1f1f1; margin-left: -17px; margin-right: -17px; overflow: hidden; padding: 0 10px; max-height: 0; webkit-transition: padding 0.15s, max-height 0.15s; transition: padding 0.15s, max-height 0.15s; } .sweet-alert .sa-error-container.show { padding: 10px 0; max-height: 100px; webkit-transition: padding 0.2s, max-height 0.2s; transition: padding 0.25s, max-height 0.25s; } .sweet-alert .sa-error-container .icon { display: inline-block; width: 24px; height: 24px; border-radius: 50%; background-color: #ea7d7d; color: white; line-height: 24px; text-align: center; margin-right: 3px; } .sweet-alert .sa-error-container p { display: inline-block; } .sweet-alert .sa-input-error { position: absolute; top: 29px; right: 26px; width: 20px; height: 20px; opacity: 0; -webkit-transform: scale(0.5); transform: scale(0.5); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: all 0.1s; transition: all 0.1s; } .sweet-alert .sa-input-error::before, .sweet-alert .sa-input-error::after { content: ""; width: 20px; height: 6px; background-color: #f06e57; border-radius: 3px; position: absolute; top: 50%; margin-top: -4px; left: 50%; margin-left: -9px; } .sweet-alert .sa-input-error::before { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-input-error::after { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-input-error.show { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .sweet-alert input { width: 100%; box-sizing: border-box; border-radius: 3px; border: 1px solid #d7d7d7; height: 43px; margin-top: 10px; margin-bottom: 17px; font-size: 18px; box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.06); padding: 0 12px; display: none; -webkit-transition: all 0.3s; transition: all 0.3s; } .sweet-alert input:focus { outline: none; box-shadow: 0px 0px 3px #c4e6f5; border: 1px solid #b4dbed; } .sweet-alert input:focus::-moz-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus:-ms-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input:focus::-webkit-input-placeholder { transition: opacity 0.3s 0.03s ease; opacity: 0.5; } .sweet-alert input::-moz-placeholder { color: #bdbdbd; } .sweet-alert input:-ms-input-placeholder { color: #bdbdbd; } .sweet-alert input::-webkit-input-placeholder { color: #bdbdbd; } .sweet-alert.show-input input { display: block; } .sweet-alert .sa-confirm-button-container { display: inline-block; position: relative; } .sweet-alert .la-ball-fall { position: absolute; left: 50%; top: 50%; margin-left: -27px; margin-top: 4px; opacity: 0; visibility: hidden; } .sweet-alert button {-webkit-transition: all 500ms linear; -moz-transition: all 500ms linear; -o-transition: all 500ms linear; transition: all 500ms linear; background-color: #8CD4F5!important; color: white; border: none; box-shadow: none; font-size: 17px; font-weight: 500; -webkit-border-radius: 4px; border-radius: 5px; padding: 10px 32px; margin: 26px 5px 0 5px; cursor: pointer;font-family: font-family: 'El Messiri', sans-serif!important; } .sweet-alert button:focus { outline: none; box-shadow: 0 0 2px rgba(128, 179, 235, 0.5), inset 0 0 0 1px rgba(0, 0, 0, 0.05); } .sweet-alert button:hover { background-color: #083f88!important; } .sweet-alert button:active { background-color: #083f88!important; } .sweet-alert button.cancel { background-color: #C1C1C1; } .sweet-alert button.cancel:hover { background-color: #b9b9b9; } .sweet-alert button.cancel:active { background-color: #a8a8a8; } .sweet-alert button.cancel:focus { box-shadow: rgba(197, 205, 211, 0.8) 0px 0px 2px, rgba(0, 0, 0, 0.0470588) 0px 0px 0px 1px inset !important; } .sweet-alert button[disabled] { opacity: .6; cursor: default; } .sweet-alert button.confirm[disabled] { color: transparent; } .sweet-alert button.confirm[disabled] ~ .la-ball-fall { opacity: 1; visibility: visible; transition-delay: 0s; } .sweet-alert button::-moz-focus-inner { border: 0; } .sweet-alert[data-has-cancel-button=false] button { box-shadow: none !important; } .sweet-alert[data-has-confirm-button=false][data-has-cancel-button=false] { padding-bottom: 40px; } .sweet-alert .sa-icon { width: 80px; height: 80px; border: 4px solid gray; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; margin: 20px auto; padding: 0; position: relative; box-sizing: content-box; } .sweet-alert .sa-icon.sa-error { border-color: #F27474; } .sweet-alert .sa-icon.sa-error .sa-x-mark { position: relative; display: block; } .sweet-alert .sa-icon.sa-error .sa-line { position: absolute; height: 5px; width: 47px; background-color: #F27474; display: block; top: 37px; border-radius: 2px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 17px; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); right: 16px; } .sweet-alert .sa-icon.sa-warning { border-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-body { position: absolute; width: 5px; height: 47px; left: 50%; top: 10px; -webkit-border-radius: 2px; border-radius: 2px; margin-left: -2px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-warning .sa-dot { position: absolute; width: 7px; height: 7px; -webkit-border-radius: 50%; border-radius: 50%; margin-left: -3px; left: 50%; bottom: 10px; background-color: #F8BB86; } .sweet-alert .sa-icon.sa-info { border-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::before { content: ""; position: absolute; width: 5px; height: 29px; left: 50%; bottom: 17px; border-radius: 2px; margin-left: -2px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-info::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; margin-left: -3px; top: 19px; background-color: #C9DAE1; } .sweet-alert .sa-icon.sa-success { border-color: #A5DC86; } .sweet-alert .sa-icon.sa-success::before, .sweet-alert .sa-icon.sa-success::after { content: ''; -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; position: absolute; width: 60px; height: 120px; background: white; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success::before { -webkit-border-radius: 120px 0 0 120px; border-radius: 120px 0 0 120px; top: -7px; left: -33px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 60px 60px; transform-origin: 60px 60px; } .sweet-alert .sa-icon.sa-success::after { -webkit-border-radius: 0 120px 120px 0; border-radius: 0 120px 120px 0; top: -11px; left: 30px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); -webkit-transform-origin: 0px 60px; transform-origin: 0px 60px; } .sweet-alert .sa-icon.sa-success .sa-placeholder { width: 80px; height: 80px; border: 4px solid rgba(165, 220, 134, 0.2); -webkit-border-radius: 40px; border-radius: 40px; border-radius: 50%; box-sizing: content-box; position: absolute; left: -4px; top: -4px; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-fix { width: 5px; height: 90px; background-color: white; position: absolute; left: 28px; top: 8px; z-index: 1; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-success .sa-line { height: 5px; background-color: #A5DC86; display: block; border-radius: 2px; position: absolute; z-index: 2; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { width: 25px; left: 14px; top: 46px; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { width: 47px; right: 8px; top: 38px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .sweet-alert .sa-icon.sa-custom { background-size: contain; border-radius: 0; border: none; background-position: center center; background-repeat: no-repeat; } /* * Animations */ @-webkit-keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @keyframes showSweetAlert { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } @-webkit-keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @keyframes hideSweetAlert { 0% { transform: scale(1); -webkit-transform: scale(1); } 100% { transform: scale(0.5); -webkit-transform: scale(0.5); } } @-webkit-keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @keyframes slideFromTop { 0% { top: 0%; } 100% { top: 50%; } } @-webkit-keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @keyframes slideToTop { 0% { top: 50%; } 100% { top: 0%; } } @-webkit-keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @keyframes slideFromBottom { 0% { top: 70%; } 100% { top: 50%; } } @-webkit-keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } @keyframes slideToBottom { 0% { top: 50%; } 100% { top: 70%; } } .showSweetAlert[data-animation=pop] { -webkit-animation: showSweetAlert 0.3s; animation: showSweetAlert 0.3s; } .showSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .showSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideFromTop 0.3s; animation: slideFromTop 0.3s; } .showSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideFromBottom 0.3s; animation: slideFromBottom 0.3s; } .hideSweetAlert[data-animation=pop] { -webkit-animation: hideSweetAlert 0.2s; animation: hideSweetAlert 0.2s; } .hideSweetAlert[data-animation=none] { -webkit-animation: none; animation: none; } .hideSweetAlert[data-animation=slide-from-top] { -webkit-animation: slideToTop 0.4s; animation: slideToTop 0.4s; } .hideSweetAlert[data-animation=slide-from-bottom] { -webkit-animation: slideToBottom 0.3s; animation: slideToBottom 0.3s; } @-webkit-keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @keyframes animateSuccessTip { 0% { width: 0; left: 1px; top: 19px; } 54% { width: 0; left: 1px; top: 19px; } 70% { width: 50px; left: -8px; top: 37px; } 84% { width: 17px; left: 21px; top: 48px; } 100% { width: 25px; left: 14px; top: 45px; } } @-webkit-keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @keyframes animateSuccessLong { 0% { width: 0; right: 46px; top: 54px; } 65% { width: 0; right: 46px; top: 54px; } 84% { width: 55px; right: 0px; top: 35px; } 100% { width: 47px; right: 8px; top: 38px; } } @-webkit-keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } @keyframes rotatePlaceholder { 0% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 5% { transform: rotate(-45deg); -webkit-transform: rotate(-45deg); } 12% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } 100% { transform: rotate(-405deg); -webkit-transform: rotate(-405deg); } } .animateSuccessTip { -webkit-animation: animateSuccessTip 0.75s; animation: animateSuccessTip 0.75s; } .animateSuccessLong { -webkit-animation: animateSuccessLong 0.75s; animation: animateSuccessLong 0.75s; } .sa-icon.sa-success.animate::after { -webkit-animation: rotatePlaceholder 4.25s ease-in; animation: rotatePlaceholder 4.25s ease-in; } @-webkit-keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } @keyframes animateErrorIcon { 0% { transform: rotateX(100deg); -webkit-transform: rotateX(100deg); opacity: 0; } 100% { transform: rotateX(0deg); -webkit-transform: rotateX(0deg); opacity: 1; } } .animateErrorIcon { -webkit-animation: animateErrorIcon 0.5s; animation: animateErrorIcon 0.5s; } @-webkit-keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } @keyframes animateXMark { 0% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 50% { transform: scale(0.4); -webkit-transform: scale(0.4); margin-top: 26px; opacity: 0; } 80% { transform: scale(1.15); -webkit-transform: scale(1.15); margin-top: -6px; } 100% { transform: scale(1); -webkit-transform: scale(1); margin-top: 0; opacity: 1; } } .animateXMark { -webkit-animation: animateXMark 0.5s; animation: animateXMark 0.5s; } @-webkit-keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } @keyframes pulseWarning { 0% { border-color: #F8D486; } 100% { border-color: #F8BB86; } } .pulseWarning { -webkit-animation: pulseWarning 0.75s infinite alternate; animation: pulseWarning 0.75s infinite alternate; } @-webkit-keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } @keyframes pulseWarningIns { 0% { background-color: #F8D486; } 100% { background-color: #F8BB86; } } .pulseWarningIns { -webkit-animation: pulseWarningIns 0.75s infinite alternate; animation: pulseWarningIns 0.75s infinite alternate; } @-webkit-keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } @keyframes rotate-loading { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } /* Internet Explorer 9 has some special quirks that are fixed here */ /* The icons are not animated. */ /* This file is automatically merged into sweet-alert.min.js through Gulp */ /* Error icon */ .sweet-alert .sa-icon.sa-error .sa-line.sa-left { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-error .sa-line.sa-right { -ms-transform: rotate(-45deg) \9; } /* Success icon */ .sweet-alert .sa-icon.sa-success { border-color: transparent\9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-tip { -ms-transform: rotate(45deg) \9; } .sweet-alert .sa-icon.sa-success .sa-line.sa-long { -ms-transform: rotate(-45deg) \9; } /*! * Load Awesome v1.1.0 (http://github.danielcardoso.net/load-awesome/) * Copyright 2015 Daniel Cardoso <@DanielCardoso> * Licensed under MIT */ .la-ball-fall, .la-ball-fall > div { position: relative; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .la-ball-fall { display: block; font-size: 0; color: #fff; } .la-ball-fall.la-dark { color: #333; } .la-ball-fall > div { display: inline-block; float: none; background-color: currentColor; border: 0 solid currentColor; } .la-ball-fall { width: 54px; height: 18px; } .la-ball-fall > div { width: 10px; height: 10px; margin: 4px; border-radius: 100%; opacity: 0; -webkit-animation: ball-fall 1s ease-in-out infinite; -moz-animation: ball-fall 1s ease-in-out infinite; -o-animation: ball-fall 1s ease-in-out infinite; animation: ball-fall 1s ease-in-out infinite; } .la-ball-fall > div:nth-child(1) { -webkit-animation-delay: -200ms; -moz-animation-delay: -200ms; -o-animation-delay: -200ms; animation-delay: -200ms; } .la-ball-fall > div:nth-child(2) { -webkit-animation-delay: -100ms; -moz-animation-delay: -100ms; -o-animation-delay: -100ms; animation-delay: -100ms; } .la-ball-fall > div:nth-child(3) { -webkit-animation-delay: 0ms; -moz-animation-delay: 0ms; -o-animation-delay: 0ms; animation-delay: 0ms; } .la-ball-fall.la-sm { width: 26px; height: 8px; } .la-ball-fall.la-sm > div { width: 4px; height: 4px; margin: 2px; } .la-ball-fall.la-2x { width: 108px; height: 36px; } .la-ball-fall.la-2x > div { width: 20px; height: 20px; margin: 8px; } .la-ball-fall.la-3x { width: 162px; height: 54px; } .la-ball-fall.la-3x > div { width: 30px; height: 30px; margin: 12px; } /* * Animation */ @-webkit-keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); transform: translateY(145%); } } @-moz-keyframes ball-fall { 0% { opacity: 0; -moz-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -moz-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -moz-transform: translateY(145%); transform: translateY(145%); } } @-o-keyframes ball-fall { 0% { opacity: 0; -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -o-transform: translateY(145%); transform: translateY(145%); } } @keyframes ball-fall { 0% { opacity: 0; -webkit-transform: translateY(-145%); -moz-transform: translateY(-145%); -o-transform: translateY(-145%); transform: translateY(-145%); } 10% { opacity: .5; } 20% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 80% { opacity: 1; -webkit-transform: translateY(0); -moz-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } 90% { opacity: .5; } 100% { opacity: 0; -webkit-transform: translateY(145%); -moz-transform: translateY(145%); -o-transform: translateY(145%); transform: translateY(145%); } }

/* Tipso Bubble Styles */
.tipso_bubble,.tipso_bubble > .tipso_arrow{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.tipso_bubble{position:absolute;text-align:center;border-radius:6px;z-index:9999999}.tipso_style{}.tipso_title{border-radius:6px 6px 0 0}.tipso_content{word-wrap:break-word;padding:0.5em}.tipso_bubble.tiny{font-size:0.6rem}.tipso_bubble.small{font-size:0.8rem}.tipso_bubble.default{font-size:1rem}.tipso_bubble.large{font-size:1.2rem;width:100%}.tipso_bubble > .tipso_arrow{position:absolute;width:0;height:0;border:8px solid;pointer-events:none}.tipso_bubble.top > .tipso_arrow{border-top-color:#000;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;top:100%;left:50%;margin-left:-8px}.tipso_bubble.bottom > .tipso_arrow{border-bottom-color:#000;border-right-color:transparent;border-left-color:transparent;border-top-color:transparent;bottom:100%;left:50%;margin-left:-8px}.tipso_bubble.left > .tipso_arrow{border-left-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-right-color:transparent;top:50%;left:100%;margin-top:-8px}.tipso_bubble.right > .tipso_arrow{border-right-color:#000;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;top:50%;right:100%;margin-top:-8px}.tipso_bubble .top_right_corner,.tipso_bubble.top_right_corner{border-bottom-left-radius:0}.tipso_bubble .bottom_right_corner,.tipso_bubble.bottom_right_corner{border-top-left-radius:0}.tipso_bubble .top_left_corner,.tipso_bubble.top_left_corner{border-bottom-right-radius:0}.tipso_bubble .bottom_left_corner,.tipso_bubble.bottom_left_corner{border-top-right-radius:0}

/* ------------------- Sliding Panel ------------------------ */
.bonfire-slideout img{max-width:100%}.bonfire-slideout{position:fixed;overflow:auto;bottom:0;right:-100%;width:100%!important;height:100%!important;z-index:9999999999999!important;background-color:#85143b;-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%);-webkit-transition:-webkit-transform .8s ease,left 0s ease;-moz-transition:-moz-transform .8s ease,left 0s ease;-o-transition:-o-transform .8s ease,left 0s ease;-ms-transition:-ms-transform .8s ease,left 0s ease;transition:transform .8s ease,left 0s ease;-webkit-overflow-scrolling:touch}.bonfire-slideout-inner{max-width:100%;max-height:100%;overflow:auto}.bonfire-slideout-inner-inner{padding:40px}.bonfire-slideout-active{opacity:.99!important;left:0!important}.bonfire-slideout-active-translate{-webkit-transform:translateY(0);-moz-transform:translateY(0);-ms-transform:translateY(0);-o-transform:translateY(0);transform:translateY(0)}.bonfire-slideout-content{max-width:920px;margin:0 auto;font-size:14px;color:#fff}.bonfire-slideout-close{opacity:.5;position:absolute;top:0;right:0;cursor:pointer;margin:20px 40px 0 0;padding:20px;width:36px;height:36px;-webkit-transition:all .25s ease;-moz-transition:all .25s ease;-o-transition:all .25s ease;-ms-transition:all .25s ease;transition:all .25s ease;background:url(close.png) center center no-repeat}@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:240dpi){.bonfire-slideout-close{background-size:36px 36px!important;background:url(close@2x.png) center center no-repeat}}.bonfire-slideout-close:hover{opacity:.9}@media screen and (max-width:900px){.bonfire-slideout-close{position:relative;margin:0 auto 10px}.bonfire-slideout-content,.bonfire-slideout-content p{margin:10px auto;font-size:18px;line-height:25px}.bonfire-slideout-inner-inner{padding:10px 20px 20px}}



/* NEW STYLE */
.story-main {
  padding: 0;
  margin-top: -31px !important;
}
.story-banner-title {
  color: #c9952c;
  text-align: center;
  margin-top: 30px;
  font-family: 'andalusiaregular';
  font-size: 30px;
}
.story-inner {
  padding: 0;
}
.story-head {
  font-family: 'Omnes Semibold';
  background-color: #d51968;
  padding: 6px 10px;
  display: inline-block;
  font-size: 23px;
  font-style: normal;
  border-radius: 0px 10px;
  margin: 10px 0 10px 0;
}
.story-para {
  color: #85143b;
  font-size: 18px;
  font-family: 'Omnes Medium';
}
.story-inner img {
  margin-bottom: 10px;
}

/* SHOP */
.customers-main {
  padding-bottom: 60px;
}
.customers-list {
  display: flex;
  flex-flow: row wrap;
  width: 100%;
  padding: 0 10px;
}
.customers-list div {
  width: 50%;
  text-align: center;
  border: 1px solid #85143b;
  margin-top: -1px;
  margin-left: -1px;
  font-size: 16px;
  font-family: 'Omnes Medium';
  padding: 5px 0;
}
.customers-list.heading div {
  background: #85143b;
  color: #fff;
  font-size: 18px;
}
.customers-list.heading .customers-region {
  /* border-right: 2px solid #ffffff; */
  border-left: 1px solid #ffffff;
}

/*  RESPONSIVE  */
@media only screen and (max-width: 768px) {
}