@charset "utf-8";

/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,400i,500,700');

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {

	border:0;

	outline:0;

	font-size:100%;

	background:transparent;

	margin:0;

	padding:0;

}

 section, footer, aside, nav, main, article, figure {

    display: block;

} 


a{ text-decoration:none!important; outline:none!important; color:#4a90e2;}

a:hover{ text-decoration:none!important; color:#333;}

a.active{ text-decoration:none;}

a:focus{ color:#333;}
.container{ width:75%;}

body{ margin:0px!important; padding:0px!important; 	font-family: 'Roboto', sans-serif;  font-size:13px; letter-spacing:0.70px;overflow-x: hidden!important;}

.main_wrapper{position:absolute; bottom:0;}

.top_hold{ width:100%; height:auto; float:left; position:absolute; top:0px; z-index:99; background:rgba(0,0,0,0.3); }

.header{ width:100%; height:auto; float:left; background-color:#fff; box-shadow: 0 3px 3px -3px rgba(0, 0, 0, 0.2); z-index:50; float:left; }

.logo { display:inline-block; width:auto; height:auto; float:left;  }

.logo img{transition: all 0.5s ease;}

header nav {text-align: center; margin:0 auto; }

header nav ul {margin: 0 ;padding: 0; float:right; margin-top:22px; }


header nav ul li {	display: block;	font-weight:normal;position: relative;	text-align:center;	float:left; }


header nav ul li a {color: #292b73; line-height: 18px;	padding:10px 20px 10px 20px; overflow: hidden;text-transform:uppercase;	text-decoration:none;display:block; font-weight:400!important;  }

header nav ul li:hover{ color:#0474c9; border-radius:30px;  background: rgba(3,123,142,1);
background: -moz-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,123,142,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(232,86,120,1)));
background: -webkit-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -o-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -ms-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: linear-gradient(to bottom, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037b8e', endColorstr='#e85678', GradientType=0 ); }

.menu_hold{ width:100%; height:150px; background:rgba(0 0 0 0.8);}

header nav ul li:hover a{ text-decoration:none; color:#fff;  } 

header nav ul li ul{  margin-top:0; padding:0px; position:absolute; z-index:999; display:none;  transition:1s ease-in-out 1s; left:0px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }


header nav ul li ul li {  margin: 0 auto; text-align: left; width:280px; color:#555!important; list-style:none;  border:0; background-color: #038b94; transition:1s ease-in-out 1s; }

header nav ul li ul li:hover{ color:#1c3765; padding:0px;}

header nav ul li ul li a{ color:#fff!important;  display:block; padding:10px 15px; text-decoration:none; width:280px; border:0px!important; text-transform:uppercase;  background-color: #038b94; }

header nav ul li ul li:hover a{ background: rgba(3,123,142,1);
background: -moz-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,123,142,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(232,86,120,1)));
background: -webkit-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -o-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -ms-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: linear-gradient(to bottom, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037b8e', endColorstr='#e85678', GradientType=0 ); color:#fff!important; border:0px!important;}

header nav ul li:hover ul{ display:block; transition:1s ease-in-out 1s;}

.icon_top{ font-size:18px;}

.current{  color:#fff; border-radius:30px; background: rgba(3,123,142,1);
background: -moz-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,123,142,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(232,86,120,1)));
background: -webkit-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -o-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -ms-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: linear-gradient(to bottom, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037b8e', endColorstr='#e85678', GradientType=0 ); }



/*header nav ul li:hover .current{background:#8a6b00;}*/

.mean-container a.meanmenu-reveal { margin-right: 25px; margin-top: 45px;}

.ie8 .current:after {	display: none;}

.top_list{ width:100%; height:auto; float:left; margin-top:4px;}
.top_list ul{ margin:0px; padding:0px;}
.top_list ul li{ list-style:none; display:inline-block;  color:#fff; font-weight:300;}
.top_list ul li a{ color:#fff; padding:0px 10px;}
.top_list ul li:hover a{color:#e85677;}
.language_list{ width:100%; height:auto; float:right;}
.language_list ul{ margin:0px; padding:0px; float:right;}
.language_list ul li{ list-style:none; float:left; padding:0px 8px; font-size:18px;}
.language_list ul li a{ color:#999;}
.search_hold{ width:auto; height:auto; position:relative; margin-top:15px; float:right;}
.search_wrap{ width:215px; height:auto; background:#f1f1f1; border-radius:15px; padding:6px; float:right;}
.search_btn{ width:20px; height:20px; position:absolute; right:5px; top:8px; cursor:pointer;}
.top_strip{ width:100%;}

.banner{ width:100%; height:100%; float:left; margin-top:100px; background:url(../images/bg.jpg) no-repeat center; background-size:cover; position:relative;   }

.banner_caption{ width:100%; height:auto; text-align:center; position:absolute; bottom:10%; right:5%;}
.banner_caption h1{ text-align:right; font-size:48px; color:#fff; text-transform:uppercase; font-weight:700; width:100%; text-shadow:1px 1px 1px #333;}
.banner_caption h2{ text-align:right; font-size:24px; color:#fff; text-transform:uppercase; font-weight:300; width:100%;  text-shadow:1px 1px 1px #333;}
.btn_buy{ width:120px; background:#e85677; text-align:center; color:#fff; padding:10px; float:right; border-radius:5px; margin-top:10px; text-transform:uppercase;  font-weight:600;}
.btn_buy a{ color:#fff;}
.bg-overlay{display: block;  height: 100%; opacity: 0.70;  position: absolute; top: 0;  width: 100%;  z-index: 0; transition:0.40s ease-in 0.40s;}
.banner_caption p{ text-align:justify; color:#000; margin-top:10px; line-height:22px; width:40%;}
.btn_more{ width:150px; height:auto; margin:0 auto; text-align:center; display:table; padding:10px; color:#fff; background:#003770; text-transform:uppercase; font-weight:600; margin-top:30px;}
.btn_more a{ color:#fff; display:block;}
.btn_more:hover{ background:#1c3765;}
.bg-overlay.bg-overlay-dark { background:rgba(0,0,0, 0.70);}
.adimg_space{ width:100%; height:auto; float:left;  margin-bottom:35px;}
.adimg_space img{ width:100%; border-radius:5px;}
.sidebar{ width:100%; height:auto; float:left;}

.subscribe_area{ width:100%; height:auto; float:left; padding:20px 10px; background:#ae2f6e; }
.subscribe_area h2{ text-align:left; font-size:15px; color:#fff; text-transform:uppercase; font-weight:600; width:100%;  margin-top:10px; float:left;}
.inpt_bx{ width:50%; height:auto; display:inline;}
.btn_email{ width:120px;  text-align:center; color:#fff; padding:7.5px; float:right; border-radius:5px; text-transform:uppercase;  font-weight:600; border:0px; background: rgba(3,123,142,1);
background: -moz-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,123,142,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(232,86,120,1)));
background: -webkit-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -o-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -ms-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: linear-gradient(to bottom, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037b8e', endColorstr='#e85678', GradientType=0 );}

.shop_wrapper{ width:100%; height:auto; float:left; margin-top:30px;} 
.shopbox_cld{ width:100%; height:auto;float:left; background:#ec008c; padding:20px; margin-bottom:30px; border-radius:5px;}
.madbox_cld{ width:100%; height:auto; float:left; background:#ed1c24; padding:20px; margin-bottom:30px; border-radius:5px;}
.amrbox_cld{ width:100%; height:auto; float:left; background:#0e9d49; padding:20px; margin-bottom:30px; border-radius:5px;}
.flrbox_cld{ width:100%; height:auto; float:left; background:#0ecab6; padding:20px; margin-bottom:30px; border-radius:5px;}
.kidbox_cld{ width:100%; height:auto; float:left; background:#00aeef; padding:20px; margin-bottom:30px; border-radius:5px;}
.plgbox_cld{ width:100%; height:auto; float:left; background:#39b54a; padding:20px; margin-bottom:30px; border-radius:5px;}
.cafbox_cld{ width:100%; height:auto; float:left; background:#fa5511; padding:20px; margin-bottom:30px; border-radius:5px;}
.jwebox_cld{ width:100%; height:auto; float:left; background:#92278f; padding:20px; margin-bottom:30px; border-radius:5px;}
.shop_wrapper h3{ font-size:16px; color:#fff; text-align:center; text-transform:uppercase; margin-top:8px; }
.shop_icon{ text-align:center;}
.fix-nav {

 /* this make our menu fixed top */

    z-index: 9999;

    position: fixed;

    left: 0;

    top: 0;
    right:0;

    width: 100%;

}

html{overflow-x:hidden;}

.fix-body {

 /* this will adjust body top margin to prevent content jumping when nav gets fix  */

    margin-top:105px;

 /* adjust as per height of your menu */

}
.top_strip{ width:100%; height:auto; float:left; background:#fff; padding:3px 0px; background: rgba(3,123,142,1);
background: -moz-linear-gradient(left, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(3,123,142,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(232,86,120,1)));
background: -webkit-linear-gradient(left, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -o-linear-gradient(left, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -ms-linear-gradient(left, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: linear-gradient(to right, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037b8e', endColorstr='#e85678', GradientType=1 );}
.left_txt{ width:50%; height:auto; float:left; color:#999; font-weight:600;  }
.right_txt{ width:50%; height:auto; float:right; color:#999; font-weight:normal; text-align:right;  }


/*Service holder*/
.service_wrapper{ width:100%; min-height:380px; float:left; position:relative; background:url(../images/about-bg1.html) no-repeat center; background-attachment:fixed; padding:70px 0px 50px 0px;}
.service_wrapper h2{ font-size:30px; font-weight:300; color:#333; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; }
.service_hold{ width:100%; height:auto; float:left; background:#fff;  margin-bottom:15px; margin-top:40px;}
.img_area{ width:100%; height:auto;  text-align:center;}
.img_area img{ width:200px; height:200px; text-align:center; border-radius:50%;}
.txt_service{ width:100%; height:auto; float:left;  padding:28px 0px; position:relative;}
.service_wrapper h3{ font-size:16px; font-weight:600; color:#222; text-align:center; margin-top:15px; text-transform:uppercase; line-height:22px; }
.service_wrapper p{ text-align:center; line-height:22px; color:#777; margin-top:10px; font-weight:400;}
.more_service{ width:100px; height:auto; margin:0 auto; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; margin-top:20px; background:#39b54a; padding:8px; margin-top:15px; border-radius:5px;}
.more_service a{ color:#fff;}
.more_service:hover a{ color:#fff;}

.more_service2{ width:100px; height:auto; margin:0 auto; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; margin-top:20px; background:#fb2a96; padding:8px; margin-top:15px; border-radius:5px;}
.more_service2 a{ color:#fff;}
.more_service2:hover a{ color:#fff;}

.more_service3{ width:100px; height:auto; margin:0 auto; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; margin-top:20px; background:#12d6c1; padding:8px; margin-top:15px; border-radius:5px;}
.more_service3 a{ color:#fff;}
.more_service3:hover a{ color:#fff;}



/* Promo area */

.promo_wrapper{ width:100%; min-height:380px; float:left; position:relative; background:url(../images/bg2.jpg) no-repeat center top; padding:70px 0px 70px 0px; background-size:cover;}
.promo_wrapper h2{ font-size:30px; font-weight:300; color:#fff; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; }
.promo_hold{ width:100%; height:auto; float:left;  margin-top:40px;}
.promo_hold:hover img{-webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */
    filter: blur(2px);}
.cate_small{ font-size:10px; color:#F06; text-align:left; float:left; font-weight:600; text-transform:uppercase; width:100%; margin-bottom:10px;}
.promo_img{ width:100%; height:auto; float:left;  padding:0px ; position:relative;border-top-left-radius:5px; border-top-right-radius:5px; }
.promo_img img{ width:100%; border-top-left-radius:5px; border-top-right-radius:5px;}
.promo_wrapper h3{ font-size:14px; font-weight:600; color:#333; text-align:left; text-transform:uppercase; line-height:22px; }
.promo_wrapper h3 a{ color:#333;}
.promo_wrapper h3:hover a{ color:#028792;}
.promo_wrapper p{ text-align:center; line-height:22px; color:#777; margin-top:10px; font-weight:400;}
.title_hold{ width:100%; height:auto; float:left; background:#fff; padding:20px 10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.more_info{ width:100px; height:auto; margin:0 auto; text-align:center; color:#fff; text-transform:uppercase; font-size:12px; margin-top:20px; background:#e85677; padding:8px; margin-top:15px; border-radius:5px; display:none; position:absolute; top:40%; left:35%;}
.more_info a{color:#fff;}
.promo_hold:hover .more_info{display:block;}
.title_hold h3{ font-size:14px!important; font-weight:600; color:#333; text-align:left; margin-bottom:10px; text-transform:uppercase; line-height:22px; }


/*News Area*/
.news_wrapper{ width:100%; height:auto; float:left; padding:50px 0px; background:#f6f7f8;}
.news_wrapper h2{ font-size:30px; font-weight:300; color:#333; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; margin-top:20px;}
.news_wrapper h3{ font-size:16px; font-weight:600; color:#333; text-align:left; margin-bottom:10px; text-transform:capitalize; line-height:22px; }
.news_wrapper h3 a{ color:#333;}
.news_wrapper h3:hover a{ color:#f77485;}
.news_hold{ width:100%; height:auto; float:left; margin-top:40px;}
.news_hold:hover img{-webkit-filter: blur(2px); /* Safari 6.0 - 9.0 */  filter: blur(2px);}
.news_img{ width:100%; height:auto; float:left;}
.news_img > img{ width:100%;  border-top-left-radius:5px; border-top-right-radius:5px; }
.news_txt1{ width:100%; height:auto; float:left; background:#fff; padding:15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.news_txt{ width:100%; height:auto; float:left; background:#fff; padding:15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; min-height:160px;}
.news_txt p{ text-align:left!important;}
.news_wrapper p{ text-align:left; line-height:22px;  color:#777; font-weight:300;}
.love_icon{width:auto; float:left; display:inline; color:#f77485; margin-top:10px; display:none;}
.read_more{ width:auto; float:left; font-size:16px; color:#222; text-transform:uppercase; margin:10px 0px;}
.read_more a{ color:#222;}
.read_more:hover a{color:#4a90e2;}
.news_img{ width:100%; position:relative; }
.news_img img{ width:100%;}


/*Brand Area*/

.brand_wrapper{ width:100%; min-height:350px; float:left; position:relative; background:url(../images/bg3.jpg) no-repeat center top; padding:50px 0px 50px 0px; background-size:cover;}
.brand_wrapper h2{ font-size:30px; font-weight:300; color:#333; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; margin-top:20px;}
.brands_list{ background:#fff; text-align:center; padding:15px 15px;}
.brand_wrap{ width:100%; height:auto; float:left; margin-top:50px;}

/*Footer*/


.footer{ width:100%; height:auto; float:left; background:#fff; padding:60px 0px 30px 0px; font-size:13px; font-weight:400; border-top:1px solid #ccc;  }

.footer h3{ font-size:14px; color:#333; margin-bottom:10px; font-weight:600; text-transform:uppercase;}
.footer p{ text-align:justify; line-height:22px; color:#222; margin-top:10px; float:left;}
.foot_links{ width:100%; height:auto; float:left;}
.foot_links ul{ margin:0px; padding:0px;}
.foot_links ul li{ list-style:none;  line-height:24px; color:#222;}
.foot_links ul li:hover a{ color:#003770;}
.foot_links ul li a{ color:#222;}
.contact_address{ width:100%; height:auto; float:left; line-height:22px; color:#222;}
.google_map{ width:100%; height:auto; float:left;}
.google-map { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; }
.google-map iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}
.foot_btm{ width:100%; height:auto; float:left; background: rgba(232,86,120,1);
background: -moz-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,86,120,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(3,123,142,1)));
background: -webkit-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: -o-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: -ms-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: linear-gradient(to right, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85678', endColorstr='#037b8e', GradientType=1 ); padding:15px 0px;}
.google-maps { position: relative; padding-bottom: 40%; height: 0; overflow: hidden; }
.google-maps iframe { position: absolute;  top: 0;left: 0; width: 100% !important; height: 100% !important;}
.copy{ text-align:left; color:#fff;}
.foot_btmmenu{ width:100%; height:auto; float:right;}
.foot_btmmenu ul{ margin:0px; padding:0px; float:right;}
.foot_btmmenu ul li{ list-style:none; float:left; padding:0px 5px; color:#fff; text-align:right;}
.foot_btmmenu ul li a{ color:#222;}
.foot_logo{ width:100%; height:auto; float:left; }
.social_list{ width:100%; height:auto; float:left; margin-top:5px;}
.social_list ul{ margin:0px; padding:0px;}
.social_list ul li{ list-style:none; float:left; padding-right:15px; font-size:22px;}
.social_list ul li a{ color:#222;}
.line{ width:15px; background:#4a90e2; height:2px; display:inline-block; margin-right:10px;}
.inblk{ display:inline-block;}
.f-contact {  color: #222;   display: block;   line-height: 20px;    padding-bottom: 14px;    padding-left: 34px; position: relative;}
.f-contact::before {   content: "";  height: 28px;  left: 0;   position: absolute;  top: 0;  width: 28px;}
.f-contact__address::before {  content: "";  font-family: "FontAwesome";  font-size: 24px;  margin-top: 0px; color: #f87586;}
.f-contact__phone::before {  content: "";   font-family: "FontAwesome";  font-size: 24px;  margin-top: 0px; color: #f87586;}
.f-contact__email::before {   content: "";   font-family: "FontAwesome";   font-size: 20px;   margin-top: 0px;color: #f87586;}
.f-contact__time::before {   content: "\f017";   font-family: "FontAwesome";   font-size: 20px;   margin-top: 0px;color: #f87586;}


/*Page*/


.page_banner{ width:100%; height:auto; float:left; position:relative; margin-top:115px;}
.page_banner img{ width:100%;}
.page_container{ width:100%; height:auto; float:left;  }
.about_pagewrapper{ width:100%; height:auto; float:left; padding:50px 0px 0px;}
.caption_hold{ width:400px; height:400px; position:absolute; bottom:12%; left:10%; background:rgba(255,255,255,0.8); padding:8px; border-radius:50%; border:4px solid #39b54a;}
.banner_logo{ width:100%; height:auto; margin-top:50px; text-align:center;}
.banner_logo img{ width:auto;}
.latest_offer{ width:150px; height:auto; background:#5ebb46; text-align:center; color:#fff; padding:12px 10px; margin:0 auto; margin-top:20px; border-radius:5px; display:table; font-weight:600; text-transform:uppercase;}
.latest_offer a{ color:#fff;}
.page_banner h1{ font-size:36px; color:#5ebb46; text-align:center; margin-top:5px; font-weight:300; text-transform:uppercase;}
.breadcrumb{ background:none; padding-left:0px; float:none; margin-bottom:0px; text-align:center; margin:0 auto;}
.breadcrumb ol li a{ color:#fff!important;}
.red{color:#ef3d23; font-weight:700;}
.breadcrumb > .active{ color:#fff;}
.breadcrumb-item a{ color:#333;}
.about_txt{ width:100%; height:auto; float:left;}
.about_img{ width:100%; height:auto; float:left;}
.aboutpage_img img{ width:100%;}
.about_pagewrapper p{ text-align:center; line-height:24px; color:#555; margin-top:10px;}
.about_pagewrapper h2{ font-size:30px; font-weight:400; color:#222; text-align:center; margin-bottom:10px;  text-transform:uppercase; }
.about_pagewrapper small{ font-size:12px; color:#777; text-align:center!important; float:none!important; margin:0 auto; display:table;}
.about_pagewrapper h3{ font-size:20px; font-weight:300; color:#222; text-align:center; margin:15px 0px; text-transform:uppercase; line-height:22px; }
.about_pagewrapper h3 a{ color:#fff;}
.about_img > img{ width:100%;}
.contact_bar{ width:100%; height:auto; float:left; background:#ddd; padding:20px;}
.contact_bar h3{ color:#003770; text-align:left; font-size:18px; margin-top:10px;}
.contact_btn{ width:150px; height:auto; padding:10px; background:#003770; border-radius:5px; text-align:center; color:#fff; cursor:pointer;}
.contact_btn a{ color:#fff;}
button.accordion { background-color: #eee;  color: #003770;  cursor: pointer;  padding: 8px;  width: 100%; border: none;  text-align: left; outline: none;  font-size: 14px;  transition: 0.4s;}
button.accordion.active, button.accordion:hover { background-color: #ddd;}
button.accordion:after { content: '\02795'; font-size: 13px;  color: #777;  float: right;  margin-left: 5px;}
button.accordion.active:after { content: "\2796";}
div.panel { padding: 0 5px;  background-color: white;  max-height: 0; overflow: hidden; transition: 0.6s ease-in-out;  opacity: 0;}
div.panel.show { opacity: 1;  max-height:100%; }
.panel{ margin-bottom:10px;}
.prop_img{ width:100%; height:auto; float:left; margin-top:30px;}
.prop_img img{ width:100%;}
.txt_contact {  height: 40px;   margin-bottom: 10px;  width: 100%;}
.txtarea_contact{ height:120px!important; float:left; resize:none;}
.sub_cont{ width:100px; float:left; border-radius:5px; background: rgba(3,123,142,1);
background: -moz-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(3,123,142,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(232,86,120,1)));
background: -webkit-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -o-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: -ms-linear-gradient(top, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
background: linear-gradient(to bottom, rgba(3,123,142,1) 0%, rgba(29,43,115,1) 49%, rgba(232,86,120,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#037b8e', endColorstr='#e85678', GradientType=0 ); text-align:center; color:#fff; padding:10px; color:#fff; border:0px; margin-top:10px;}
.contact_address{ width:100%; height:auto; float:left; background:#262d73; color:#fff; padding:60px 40px;}
.contact_address p{ color:#fff!important; }
.contact_address .f-contact { color:#fff!important; }
.about_pagewrapper li {  line-height: 24px;  list-style-position: inside; color:#555;}
.map_holder{ width:100%; height:auto; float:left;}
.map_holder .google-maps{ padding-bottom:50%;}
/*Page Css*/
.business_hold{ width:100%; height:auto; float:left; background:#93c23d; padding:80px 0px;}
.business_hold h2{ font-size:36px; font-weight:300; color:#fff; text-align:center; margin-bottom:10px; text-transform:uppercase; line-height:22px; }
.business_hold p{ text-align:center; line-height:24px; color:#fff; margin-top:10px; font-weight:400;}
.line_wrap3{ width:50px; height:4px;  background:#fff; margin-top:20px; text-align:center; margin:0 auto; margin-top:20px; }

.contact_btn{ width:150px; float:left; height:auto; background:#4a90e2; text-align:center; color:#fff; padding:10px; float:right; font-weight:normal; margin-top:25px;}
.news_hold{ width:100%; height:auto; float:left;}

.mall_wrapper{width:100%; height:auto; float:left; background:#f6f7f8; padding:50px 0px; margin-top:20px;}
.mall_wrapper h3{ font-size:20px; font-weight:600; color:#fff; text-align:center; margin:10px 0px; text-transform:uppercase; line-height:22px; }
.mall_wrapper p{color:#fff; text-align:justify;}
.mission_wrap{ width:100%; height:auto; float:left; padding:30px; background:#1d2c73; border-radius:5px;  min-height:232px; }
.vision_wrap{ width:100%; height:auto; float:left; padding:30px ; background:#fa5511; border-radius:5px;  min-height:232px;}
.value_wrap{ width:100%; height:auto; float:left; padding:30px; background:#00aeef; border-radius:5px;  min-height:232px; }
.fun{ width:100%; height:auto; float:left; background:#ed1c24; padding:50px 15px; text-align:center; color:#fff; font-size:36px; text-transform:uppercase;border-radius:5px; margin-bottom:20px;}
.happy{ width:100%; height:auto; float:left; background:#39b54a; padding:50px 15px; text-align:center; color:#fff; font-size:36px; text-transform:uppercase;border-radius:5px; margin-bottom:20px;}
.family{ width:100%; height:auto; float:left; background:#0ecab6; padding:50px 15px; text-align:center; color:#fff; font-size:36px; text-transform:uppercase;border-radius:5px; margin-bottom:20px;}
.shopping{ width:100%; height:auto; float:left; background:#ec008c; padding:50px 15px; text-align:center; color:#fff; font-size:36px; text-transform:uppercase;border-radius:5px; margin-bottom:20px;}
.fresh{ width:100%; height:auto; float:left; background:#F60; padding:50px 15px; text-align:center; color:#fff; font-size:36px; text-transform:uppercase;border-radius:5px; margin-bottom:20px;}
.house{ width:100%; height:auto; float:left; background:#606; padding:50px 15px; text-align:center; color:#fff; font-size:36px; text-transform:uppercase;border-radius:5px; margin-bottom:20px;}
.smile_wrapper{ width:100%; height:auto; float:left; margin-top:30px;}
.smile_wrapper h3{ text-align:center;color:#fff; font-size:14px;}

.madina_area{ width:100%; height:auto; float:left; margin-bottom:20px;}
.madina_offers{ width:100%; height:auto; float:left;}
.madina_area p{ text-align:justify;}
.madina_off1{ width:100%; height:auto; float:left;  position:relative; }
.madina_off1 img{border-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; text-align: center; width:100%; margin-top:30px;}
.madina_off{ width:100%; height:auto; float:left;  position:relative; border:1px solid #ddd; border-radius:5px; }
.madina_off img{border-radius:5px; border-bottom-left-radius:0px; border-bottom-right-radius:0px; text-align: center;
display: table;
float: none;
margin: 0 auto;
padding: 50px 0px;}
.madina_off:hover img{}
.offer_titarea{ width:100%; height:auto; float:left; bottom:0px; left:0; background:rgba(94,187,70,0.9); padding:10px 15px; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.madina_offers h3{ color:#fff; text-align:left; font-size:14px!important; text-transform:capitalize!important; font-weight:600; margin-bottom:0px; margin-top:0px;}
.date_area{ font-size:12px; color:#fff; }
.media_hold{ width:100%; float:left; height:auto; padding-top:50px; padding-bottom:50px; background:#f6f7f8;}
.media_hold h2{ font-size:30px; font-weight:400; color:#222; text-align:center; margin-bottom:30px!important;  text-transform:uppercase; margin-bottom:15px; }
.view_area{ font-size:12px; color:#fff; text-align:center;}
.view_area a{ color:#fff;}
.shop_area{ width:100%; height:auto; float:left; margin-bottom:20px; padding-bottom:50px;}
.shop_offers{ width:100%; height:auto; float:left;}
.shop_area p{ text-align:justify;}
.shop_area h2{ text-align:left;}

.sidebar_info{ width:100%; height:auto; float:left; background:#f6f7f8; padding:30px 15px; text-align:left; border-radius:5px; min-height: 290px;
padding: 50px 30px;}
.sidebar_info h3{ color:#fff; text-align:left; font-size:14px!important; text-transform:capitalize!important; font-weight:600; margin-bottom:0px; margin-top:0px;}


.blog_hold{ width:100%; height:auto; float:left;}
.blog_hold h2{font-size:24px; font-weight:400; color:#000; margin-bottom:0px; padding:10px 0px; text-transform:capitalize; text-align:left;margin-top: 20px;}
.news_wrapper p{  line-height:22px; text-align:justify; margin-top:15px;}
.blog_img{ width:100%; height:auto; float:left; position:relative;}
.blog_img img{ width:100%;}
.blog_txt{ width:100%; height:auto; float:left;}
.blog_txt h3 {  font-size: 18px; font-weight: 600;  color: #000;  text-align: left; margin-bottom: 10px; text-transform: Capitalize; line-height: 22px;  height: auto; margin-top: 20px;}
.blog_txt h3 a{color:#000;}
.date{ width:80px; background:#e85477; color:#fff; text-align:center; padding:5px; position:absolute; right:20px; bottom:20px; font-weight:700; font-size:16px; border-radius:5px;}

.inside_img{ width:100%; height:auto; float:left; border:1px solid #ccc;}
.inside_img img{ width:100%;}
.right_border{ border-right:1px solid #ddd;}
.side_bar{ width:100%; padding:20px 20px; float:left; background:#fff;}
.search_in{ width:100%; height:auto; float:left; position:relative; background:#f6f7f8; border:1px solid #ddd; height:34px; padding-left:5px;}
.search_btn{ width:34px; height:34px; position:absolute; right:0; top:0; background:#e85477; text-align:center; padding-top:5px;}
.search_hold{ width:100%; height:auto; float:left;  position:relative;}

.recent_wrap{width:100%; height:auto; float:left; margin-top:30px;}
.recent_wrap ul{ margin:0px; padding:0px;}
.recent_wrap ul li{ list-style:none; float:left; margin-bottom:10px; width:100%;}
.recent_wrap ul li a{ color:#222;}
.right{ text-align:right; float:right;}
.recent_wrap ul li:hover a{ color:#e85477;}
.recent_wrap h3{font-size: 16px; font-weight: 600;  color: #000;  text-align: left; margin-bottom: 10px; text-transform: Uppercase; line-height: 22px;  height: auto; margin-bottom: 10px;}
.recent_wrap h4{font-size: 13px; font-weight: 400;  color: #000;  text-align: left; text-transform: Capitalize; line-height: 22px;  height: auto; margin-top: 0px; margin-bottom: 0px;}

.img_hold{ width:25%; height:auto; float:left;}
.txt_hold{ width:75%; height:auto; float:left;}
.img_hold img{ width:60px; height:60px;  border-radius:5%; border:1px solid #ddd;}
.small_date{ float:left; color:#ccc; text-align:left; font-size:12px;}
.brand_list{ width:100%; height:auto; float:left; background:#fff; padding:50px 20px; margin-top:30px; text-align:center; box-shadow:2px 2px 8px #ddd; min-height:200px;}
.brand_list:hover{ box-shadow:none;}
.brand_list:hover img{-webkit-filter: blur(0.5px); /* Safari 6.0 - 9.0 */  filter: blur(0.5px);}
.floor_info{ width:100%; height:auto; float:left;}
.floor_info img{ width:100%;}
.modal-header{background: rgba(232,86,120,1);
background: -moz-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(232,86,120,1)), color-stop(49%, rgba(29,43,115,1)), color-stop(100%, rgba(3,123,142,1)));
background: -webkit-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: -o-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: -ms-linear-gradient(left, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
background: linear-gradient(to right, rgba(232,86,120,1) 0%, rgba(29,43,115,1) 49%, rgba(3,123,142,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e85678', endColorstr='#037b8e', GradientType=1 ); text-transform:uppercase; color:#fff;}
.modal-body {  position: relative; padding: 30px 15px; text-align: center; font-size:16px; text-transform:uppercase;}
.time_icon{ font-size:48px; color:#e65678;}
button.close{color:#fff; opacity:1;}
.close:focus, .close:hover{color:#fff; text-shadow:none; opacity:1;}

/***********************media*******************************/


 @media only screen and (min-width: 1920px) and (max-width: 5000px) {.bx-wrapper img{width:100%;} .inblk{display:table;}}
 @media only screen and (min-width: 1400px) and (max-width: 1920px) {.bx-wrapper img{width:100%;}.inblk{display:table;}}



 @media only screen and (min-width: 960px) and (max-width: 1199px) {.container{ width:95%;} .subscribe_area h2{ font-size:13px;} .shop_wrapper h3{ font-size:13px;}}

 

 @media only screen and (min-width: 768px) and (max-width: 959px) { .container{ width:95%;} .promo_wrapper h2{ font-size:24px;} .service_wrapper h2{ font-size:24px;} .shop_wrapper h3{ font-size:12px;} .subscribe_area h2{ margin-top:0px;}.shopbox_cld { padding:20px 5px;}  .kidbox_cld{ padding:20px 5px;}.foot_logo img{ width:100%;} .current{ background:transparent; border-radius:0px;} .navbar-collapse{height:250px;}}

 

 @media only screen and (min-width: 768px) and (max-width: 1040px) {}

 

 @media only screen and (min-width: 480px) and (max-width: 767px) { .navbar-nav{width:100%;} .container{ width:100%;} .promo_wrapper h2{ font-size:24px;} .service_wrapper h2{ font-size:24px;} .shop_wrapper h3{ font-size:12px;} .subscribe_area h2{ margin-top:0px;} .shopbox_cld { padding:20px 5px;}  .kidbox_cld{ padding:20px 5px;}.foot_logo img{ width:100%;} .current{ background:transparent; border-radius:0px;} .subscribe_area{ margin-top:20px;} .subscribe_area h2{ font-size:14px;text-align:center; margin-bottom:10px;} .inpt_bx{ width:75%;} .shop_wrapper .col-md-3.col-sm-3.col-xs-12{ width:50%;} .promo_wrapper h2{ font-size:18px;} .news_wrapper h2{ font-size:18px;} .brand_wrapper h2{ font-size:18px;} .service_wrapper h2{ font-size:18px;} .page_banner{margin-top:115px;} .mission_wrap{ margin-bottom:15px;} .vision_wrap{ margin-bottom:15px;} .value_wrap{ margin-bottom:15px;} .foot_logo img{ width:auto;} .navbar-collapse{height:250px;} .footer h3{float:left; margin-top:10px; width:100%;} .inblk{width:100%; float:left;} }

  

 @media only screen and (min-width: 320px) and (max-width: 480px) {.navbar-nav{width:100%;} .container{ width:100%; padding:0px;} .current{ background:transparent; border-radius:0px;} .subscribe_area{ margin-top:20px;} .subscribe_area h2{ font-size:13px;text-align:center; margin-bottom:10px;} .inpt_bx{ width:100%;} .shop_wrapper .col-md-3.col-sm-3.col-xs-12{ width:50%;} .shop_wrapper h3{ font-size:12px;} .shopbox_cld { padding:20px 5px;}  .kidbox_cld{ padding:20px 5px;} .promo_wrapper h2{ font-size:18px;} .news_wrapper h2{ font-size:18px;} .service_wrapper h2{ font-size:18px;} .left_txt{ width:100%;} .right_txt{ width:100%;} .top_list ul{ margin:0 auto; text-align:center;} .language_list ul{ margin:0 auto; display:table; float:none;}.mean-container a.meanmenu-reveal {margin-top:60px;} .page_banner{margin-top:138px;} .mission_wrap{ margin-bottom:15px;} .vision_wrap{ margin-bottom:15px;} .value_wrap{ margin-bottom:15px;} .foot_logo img{ width:auto;}.banner_caption h2{font-size:14px;} .banner_caption  h1{font-size:18px;} body{overflow-x: hidden!important;} .navbar-collapse{height:250px;} .footer h3{float:left; margin-top:10px; width:100%; } .inblk{width:100%; float:left;} .banner{margin-top:135px;}}

 

 @media only screen and (max-width: 320px){}