@import url('https://fonts.googleapis.com/css?family=Abel|Dancing+Script');

@import url('https://fonts.googleapis.com/css?family=Roboto:300');

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* CSS Document by majo johny*/





body{ font-family:Arial, Helvetica, sans-serif; font-family: 'Roboto', sans-serif; font-size:16px;line-height:24px;color:#333333;  }



h1, h2, h3, h4, h5, h6{font-family: 'Roboto Condensed', sans-serif; text-transform:uppercase; color:#333333;}




a { color:#000000;}
a:hover { color:#dcaa49; text-decoration:none;}


.clr { clear:both;}

.padd_not { padding:0px;}

.padd_lt_not { padding-left:0px;}

.padd_rt_not { padding-right:0px;}

.bordos2 { border-right:1px solid #eeeeee;}

.soci { float:right;}

.soci a { float:right; margin-left:15px; color:#ffffff; font-size:16px;}

.soci a:hover { color:#000000;}

.bord_btm { border-bottom:1px solid #dddddd; padding:10px 0px;}

.marg_btm { margin-top:40px;}

.marg_gap { margin:50px auto;}

.marg_gapp { margin-top:50px;}

.max_widtho { max-width:100%;}

.marg_top { margin-top:10px;}

.mar_top { margin-top:30px;}

.mar_btm { margin-bottom:30px;}





.menu_outer{ background-color:#3a454b; width:100%; min-height:40px; font-size:16px; text-transform: uppercase;font-family: 'Roboto Condensed', sans-serif; }

.read{ color:#d80781;font-family: 'Dancing Script', cursive; font-size:20px;}

.read:hover { color:#000000; text-decoration:none;}

.gift { background-image:url(../images/nice_bg.jpg); width:100%; min-height:300px;}

.bg_img { background-image:url(../images/gift_banner.jpg); min-height:300px; background-repeat: no-repeat; background-position:top right;font-family: 'Dancing Script', cursive; font-size:24px; padding-top:80px; line-height:30px; color:#ffffff;}





.product_outer { width:100%; min-height:420px; padding-top:5px; padding-bottom:20px; }
a .product_outer:hover {box-shadow: 0px 0px 5px #dddddd;}

.product_outer2 { width:100%; min-height:300px; padding-top:5px; padding-bottom:20px; border:1px solid #eeeeee; }
a .product_outer2:hover {box-shadow: 0px 0px 5px #dddddd;}

.image_box { width:80%; height:200px; margin:10%; overflow:hidden;}

.read_more { background-color:#000000; font-size:14px; padding:5px 10px; color:#ffffff; letter-spacing:1px; text-transform: uppercase;}

.read_more:hover { background-color:#dcaa49; text-decoration:none; color:#ffffff;}

.meroon{ color:#dd0079; font-weight:bold;}



.footer_banner { width:100%;min-height:200px;  background-image:url(../images/foot_bg.jpg); background-attachment:fixed; background-position: bottom;font-family: 'Dancing Script', cursive; color:#ffffff; font-size:40px; line-height:40px; padding-top:60px; text-shadow: 0px 2px #000000; margin-top:30px; }



.top_bar { width:100%; background-color:#ed1b26;  color:#ffffff; padding:5px 10px; font-size:12px; min-height:30px;}

.top_bar a { color:#ffffff;}

.foot_ul { margin:0px; padding:0px; list-style-type:none;}

.foot_ul li a { color:#000000; text-decoration:none;}

.foot_ul li a:hover { color:#FF0000;}

.foot_hd { border-bottom:1px solid #eeeeee; padding-bottom:10px; font-size:20px;}

.foot_hd  i { margin-right:5px; display:none;}

.foot_outer { border-top:1px solid #eeeeee; width:100%;}








.header { width:100%; background-color:#FFFFFF; box-shadow: 0px 0px 5px #cccccc; min-height:80px; z-index:500; position:relative; padding:10px;}
.navbar { float:right; font-size:18px; margin:0px;}
.navbar li { padding:0px 0px;}
.navbar li a:hover { background-color:#FFFFFF;}


.box_sadow { background-color:#FFFFFF;box-shadow: 0px 0px 5px #cccccc;}

.headere { width:100%; background-color:#ffffff; padding:20px 0px; font-size:14px;}

.bordos { border:5px solid #eeeeee; padding:30px; margin:0px 0px 20px 20px;}

.inside_hd { font-family: 'Roboto', sans-serif; color:#000000; font-size:35px; text-align:left;}

.mar_too { margin-top:30px; margin-bottom:50px; min-height:500px;}

.scroller { width:100%; overflow:hidden;}

.relate {border-bottom:1px solid #eeeeee; padding-bottom:20px; margin-top:50px;}



.scroller li a { color:#00CC00; font-size:15px;}

.scroller li a:hover { color:#333333; text-decoration:none;}

#zoominage { width:100%; height:400px; cursor: move;}

#zoominage:hover { cursor: crosshair;}

#zoominage:visited { cursor: crosshair;}


.footer_top { box-shadow: 0px 0px 5px #cccccc; width:100%; min-height:100px; margin-top:50px; padding-bottom:30px;}
.footer_top a { margin:0px 10px;}


.social { margin:0px; padding:0px;}
.social li { display: inline; padding:5px 10px; margin-top:20px;}

.social .facebook { background-color:#475993;}
.social .youtube { background-color:#f61c0d;}
.social .instagram { background-color:#7e22b7;}

.social li a { color:#ffffff;}

.social .facebook:hover { background-color:#314176;}
.social .youtube:hover { background-color:#cd1003;}
.social .instagram:hover { background-color:#5c1886;}

.footer { width:100%; background-color:#000000; min-height:20px; text-align:center; color:#ffffff; padding:10px 0px;}
.top_menu { margin:0px 10px;}
.inner_zoom { width:90%; overflow:hidden;}

.subsco { width:100%; height:35px; border:1px solid #dddddd;}

.min_heit { min-height:500px;}
.marg_topss { margin-top:30px; min-height:350px;}
.head_out { margin-top:30px;}
.cupencode { width:50px; height:50px; padding:10px; font-size:20px; text-align:center; font-weight:bold; border:1px solid #000000; margin-right:15px;}
.bg_gfs { border:1px solid #dddddd; text-align:center; margin:50px 0px; padding:50px;}


@media (max-width:768px){

.clr2{ clear:both;}

.disnon { display:none;}

.mnibisixe { font-size:13px;}

.zoominage {}
.mobi_text .button-primary { text-align:center; float:none; margin:0px auto; margin-top:10px;}
.social li { margin-bottom:30px; line-height:34px;}
.mobi_cen { text-align:center; border-bottom:1px solid #666666; padding-bottom:10px;!important}
.mobi_cen2 { text-align:center;}

}





@media (min-width:768px){



}



@media (min-width:992px){



}



@media (min-width:1200px){



}