*{ padding:0px; margin:0px; border:0px; }
body, html { background-color:#fff;}
h1, p, h3, ul, li, a{ font-family: 'Raleway', sans-serif;}

h2{ font-family: 'Pacifico', cursive;}

h1{ font-size:50px;}
h2{ font-size:36px;}
h3{ font-size:32px;}
h4{ font-size:25px;}
h5{ font-size:22px;}
h6{ font-size:18px;}

div.clr {clear:both;}
a{ text-decoration:none;}

/***********************************************/
div.hraderbg{ width:100%; height:80px; padding-top:7px; padding-bottom:13px;
background-image: linear-gradient(left, #9b0f00 33%, #222222 33%);

	/*Browser Syntax*/
	background-image: -webkit-linear-gradient(left, #9b0f00 33%, #222222 33%);
	background-image: -moz-linear-gradient(left, #9b0f00 33%, #222222 33%);
	background-image: -o-linear-gradient(left, #9b0f00 33%, #222222 33%);
	background-image: -ms-linear-gradient(left, #9b0f00 33%, #222222 33%);
	 box-shadow:0 4px 3px -3px #787878; 		
}
div.header{ width:100%; margin:0 auto;  height:100px; }
div.logo{float:left;}

div.logo img{ width:250px; float:left; padding-left:0px;margin-left:15px;}
div.navi{float:right; padding-top:20px;}
div.navi ul
{
	list-style: none;
	position: relative;
	display: inline-table;
	float:right; z-index:100;
}
div.navi ul ul {
	display: none;
}
div.navi ul li:hover > ul {
		display: block;
	}
div.navi ul:after {
		content: ""; clear: both; display: block;
	}


div.navi ul li
{float:right ;
}
div.navi ul li a
{
	color:#fff; font-weight:500;
	text-decoration:none;
	font-size:13px;
	height:45px;
	line-height:45px;
	text-align:center;
	display:block;
	padding-left:20px;
	padding-right:20px;
	float:right; 
	
	box-shadow: inset 0 0 0 0 #fff;
	-webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;

}

div.navi ul li label
{
	color:#fff; font-weight:500;
	text-decoration:none;
	font-size:13px;
	height:45px;
	line-height:45px;
	text-align:center;
	display:block;
	padding-left:20px;
	padding-right:20px;
	float:right; 
	
	box-shadow: inset 0 0 0 0 #fff;
	-webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;

}
div.navi ul li a:hover{box-shadow: inset 0 100px 0 0 #222;}

div.navi ul ul {
		position: absolute; top: 100%;
		list-style:none; float:left; text-align:left;
		
	}
div.navi ul ul li {
			float: none; text-align:left;
			
		}
div.navi ul ul li a {
				color:#ccc;  border:0px solid #fff; text-align:left; display:block; background-color:#787878; float:none;
				
			}
div.navi ul ul li a:hover
{ background-color:#323232; border:0px solid #fff;
}
div.mobilen{ display:none;}
@media (max-width: 1024px){
div.header{ width:95%;}}

@media (max-width: 960px){
div.header{ width:90%;} 
div.logo img{ width:250px;}

div.navi ul li a{ 	padding-left:10px;	padding-right:10px; font-size:13px;	height:37px;	line-height:37px;}

}


@media (max-width: 800px){
div.hraderbg{ width:100%; height:120px; background-image: linear-gradient(left, #9b0f00 33%, #9b0f00 33%);

	/*Browser Syntax*/
	background-image: -webkit-linear-gradient(left, #9b0f00 33%, #9b0f00 33%);
	background-image: -moz-linear-gradient(left, #9b0f00 33%, #9b0f00 33%);
	background-image: -o-linear-gradient(left, #9b0f00 33%, #9b0f00 33%);
	background-image: -ms-linear-gradient(left, #9b0f00 33%, #222222 33%);
	 box-shadow:0 4px 3px -3px #787878; 		}
div.logo{ float:none; margin:0 auto; width:250px;}
div.logo img{ float:none; }
div.navi{ display:none;}
div.mobilen{ display:block; clear:both; width:300px; height:30px; margin:0 auto; padding-top:7px; }
div.mobilen select{ width:100%; height:30px; background-color:#787878; color:#fff;}
}
@media (max-width: 580px){
	div.mobilen{ width:250px;}
}
/**********************************************************************************************/
div.gads{ width:960px; height:119px; padding-bottom:13px; padding-top:13px; margin:0 auto;}
@media (max-width: 1024px){
div.gads{ width:95%;}}
@media (max-width: 960px){
div.gads{ width:90%; height:auto; clear:both; overflow:hidden;}}
/***************************************************************************************************/
div.sliderbg{ width:100%; height:426px; background-size:cover; position:relative;} 
/*** div.sliderbg{ width:100%; height:426px; background-image:url(../images/slider-1.jpg); background-size:cover; position:relative;} ***/
div.sliderlapi{ width:1000px; position:absolute; left: 0;right: 0;
padding:40px 20px 40px 20px; border:1px solid #222; top:150px; background-color: rgba(255, 255, 255, 0.5); text-align:center; margin:0 auto;}
div.sliderlapi h3{color:#9b0f00; font-weight:500;text-align:center;font-family:pacifico;position:relative;top:-30px;}
div.slider{ width:900px; position:absolute; left: 0; right: 0; bottom:150px; text-align:center; margin:0 auto;}
div.slider-left{ float:left; width:75%;}
div.clrater img{display: inline-block; vertical-align: baseline;}
.slider-left-text{ color:#898989; font-weight:200; font-style:italic;
	text-decoration:none;
	font-size:20px;
	height:50px;
	line-height:50px;
	display:block;
	padding-left:20px; background-color:#fff; border-radius:7px; border:3px solid #9b0f00; width:100%; }
div.slider-right{ float:right; width:22%;}
.slider-left-butt{ color:#fff; font-family:pacifico; cursor:pointer;
	text-decoration:none; border-radius:7px;
	font-size:20px;
	height:55px;
	line-height:55px;
	text-align:center;
 width:100%;	display:block; 
	border:3px solid #9b0f00; background-color:#df4f03; -moz-box-shadow:    1px 1px 1px #323232;
  -webkit-box-shadow:  1px 1px #323232;
  box-shadow:          1px 1px 1px  #323232;
}

.slider-left-butt:hover{ box-shadow: inset 0 100px 0 0 #df4f03;}

@media (max-width: 1024px){
div.sliderlapi{ width:85%; left:5%; text-align:center;}
div.sliderlapi h1{ font-size:40px;}
div.slider{ width:80%; left:10%;}


}
@media (max-width: 910px){
div.slider{position:relative;top:280px;text-align:center;}
}
@media (max-width: 960px){
div.sliderlapi{ width:90%; left:2.2%; text-align:center;}
div.slider{ width:85%; left:7%;}}

@media (max-width: 800px){
div.sliderlapi{ width:90%; left:2.2%; text-align:center;}
div.sliderlapi h1{ font-size:30px;}
div.slider{ width:85%; left:7%;}
div.slider-left{ float:none; margin:0 auto;}
div.slider-right{ float:none;  margin:0 auto; width:250px; margin-top:1px;}

}
@media (max-width: 750px){
div.sliderlapi h1{ font-size:26px;}
}
@media (max-width: 650px){
div.sliderlapi{ width:90%; left:2.2%; text-align:center; top:200px;padding:40px 20px 80px 20px;}
div.sliderlapi h1{ font-size:36px;}
}
@media (max-width: 580px){
div.sliderlapi{ width:90%; left:1%; text-align:center; top:180px;}
div.sliderlapi h1{ font-size:36px;}
.slider-left-text{ padding-left:5px;}
}
@media (max-width: 400px){
	div.slider-left{ width:230px; padding-left:0px;}
div.sliderlapi{ width:87%; text-align:center; top:150px; padding:30px 10px 50px 10px;}
div.sliderlapi h1{ font-size:36px;}
}


@media (max-width: 440px){
div.slider{position:relative;top:310px;left:2%;}
div.sliderlapi{ width:87%; text-align:center; top:150px; padding:30px 10px 70px 10px;}
}
/****************************************************************************/
div.wcome{ width:850px; margin:0 auto; text-align:center; padding-top:20px; padding-bottom:10px;} 
div.wcome h2{ font-weight:300; color:#9b0f00; }
div.wcome h6{ float:right;}
div.wcome p{ font-size:13px; line-height:22px; color:#898989;}

@media (max-width: 1024px){
div.wcome{ width:95%;}
}
@media (max-width: 960px){
div.wcome{ width:90%;}
div.wcome h2{ line-height:36px;}
}

/*****************************************************************************/
div.appstbg{ width:100%; padding-bottom:50px;  padding-top:50px; clear:both; overflow:hidden; background-color:#fbcc49;}
div.appst{ width:1050px; margin:0 auto; height:auto;}
div.appst-cont{ width:75%; float:left;}
div.appst-cont h3{ color:#1c1c1c; font-weight:100;}
div.appst-img{ float:right; width:20%;}
div.appst-img a{ padding-right:20px; display:block;}
@media(max-width : 1024px){
div.appst{ width:95%; }
}
@media(max-width : 960px){
div.appst{ width:90%;}
div.appst-cont{ width:70%; float:left;}
div.appst-cont h3{ font-size:26px;}
div.appst-img{ float:right; width:25%;}
}
@media(max-width : 800px){
div.appst-cont{ width:100%; float:none;}
div.appst-cont h3{ font-size:36px; text-align:center;}
div.appst-img{ float:none; margin:0 auto; width:200px; padding-top:20px;}
}
/*********************************************************************************************************/
div.webdesignbg{ width:100%; padding-top:40px; clear:both; overflow:hidden; background-image:url(../images/webdesignbg.jpg); 
padding-bottom:30px;}
div.webdesign{ width:1050px; margin:0 auto;}
div.webdesign h2{ font-weight:600; color:#9b0f00; margin-bottom:20px;}
div.webdesign p{ font-size:15px; line-height:30px; color:#787878;}

section.web-secDeal{ width:30%; float:left; margin-right:5%;}
section.web-secDeal img{ width:85%;}
section.web-secDeal p{ font-size:14px; color:#3d3d3d; line-height:20px; padding-top:22px; font-weight:600;}
section.web-secDeal ul{ list-style-image: url('../images/catagori-1.png'); line-height:24px; padding-left:22px; padding-top:20px;}
section.web-secDeal ul a{ color:#3d3d3d; font-weight:600; font-size:15px;}
section.web-secDeal ul a:hover{ color:#9b0f00;}
section.web-secDeal h6{color:#3d3d3d; font-weight:600; font-size:20px;}


section.web-sectop{ width:30%; float:left; margin-right:5%;}
section.web-sectop img{ width:85%;}
section.web-sectop p{ font-size:14px; color:#3d3d3d; line-height:20px; padding-top:22px; font-weight:600;}
section.web-sectop ul{ list-style-image: url('../images/catagori-1.png'); line-height:24px; padding-left:22px; padding-top:20px;}
section.web-sectop ul a{ color:#3d3d3d; font-weight:600; font-size:15px;}
section.web-sectop ul a:hover{ color:#9b0f00;}
section.web-sectop h6{color:#3d3d3d; font-weight:600; font-size:20px;}
.web-sectop-a{color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:10px 25px 10px 25px; font-size:15px;
	display:inline-block; background-color:#9b0f00;}
.web-sectop-a:hover{ background-color:#3d3d3d;}

section.web-sec1{ width:30%; float:left; margin-right:5%;min-height:100px;}
section.web-sec1 img{ width:100%;}
section.web-sec1 p{ font-size:14px; color:#3d3d3d; line-height:20px; padding-top:22px; font-weight:600;}
section.web-sec1 ul{ list-style-image: url('../images/catagori-1.png'); line-height:24px; padding-left:22px; padding-top:20px;}
section.web-sec1 ul a{ color:#3d3d3d; font-weight:600; font-size:15px;}
section.web-sec1 ul a:hover{ color:#9b0f00;}
section.web-sec1 h6{color:#3d3d3d; font-weight:600; font-size:20px;}
.web-sec1-a{color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:10px 25px 10px 25px; font-size:15px;
	display:inline-block; background-color:#9b0f00;}
.web-sec1-a:hover{ background-color:#3d3d3d;}

.web-det-a{color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:5px 15px 5px 15px; font-size:15px;
	display:inline-block; background-color:#9b0f00;}
.web-det-a:hover{ background-color:#3d3d3d;}

.web-bp-a{color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:5px 10px 5px 10px; font-size:15px;
	display:inline-block; background-color:#9b0f00;}
.web-bp-a:hover{ background-color:#3d3d3d;}


.web-tel-a{color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:5px 15px 5px 15px; font-size:15px;margin-bottom:15px;
	 background-color:#9b0f00;vertical-align:middle;margin-top:15px;}
.web-tel-a:hover{ background-color:#3d3d3d;}


section.web-sec2{ width:30%; float:right;}
section.web-sec2 table{ min-height:100px;}
.web-sec2-table{ width:100px; padding-right:20px; background-image:url(../images/web-sec2-table.png); background-repeat:no-repeat; 
text-align:center;}

.web-sec2-jeton{ width:20px; padding-right:2px; background-repeat:no-repeat;font-weight:200; font-size:18px; color:#fff;
text-align:center;}

.web-jeton-a{width:30%;color:#fff; text-decoration:none; border-radius:5px;
 text-align:center; padding:0px 15px 0px 15px; font-size:12px;
	display:inline-block; background-color:#9b0f00;margin-top:10px;}
        
        .web-jeton-b{width:30%;color:#fff; text-decoration:none; border-radius:5px;
 text-align:center; padding:0px 15px 0px 15px; font-size:12px;
	display:inline-block; background-color:#f4c625;margin-top:10px;}
        
        
.web-sec2-a{ color:#9b0f00; font-weight:600;}
.web-sec2-a:hover{ color:#3d3d3d;}

section.web-sec2 span{ display:block; clear:both; overflow:hidden; width:100%; height:1px; background-color:#ddd; margin-top:25px;
margin-bottom:25px;}
section.web-sec2 p{ font-size:14px; color:#3d3d3d; line-height:18px; font-weight:600;}
section.web-secdivider{ clear:both; width:100%; height:70px;}
@media (max-width: 1024px){
div.webdesign{ width:95%;}
}
@media (max-width: 960px){
div.webdesign{ width:90%;}
}
@media(max-width: 1024px){
section.web-sectop{width:100%;text-align:center;}
section.web-secDeal{width:100%;text-align:center;}
section.web-sec2{width:100%;text-align:center;}
}
@media(max-width : 800px) {
section.web-sec1{ width:70%; float:none; margin-right:0%; margin:0 auto; text-align:center; padding-bottom:30px;}
section.web-sec2{ width:70%; float:none; margin-right:0%; margin:0 auto; text-align:center; padding-bottom:30px;}
section.web-sec1 ul{ list-style-image:none; list-style:none;}
.web-sec2-table{ height:100px; clear:both; overflow:hidden;}
}

@media(max-width : 580px) {
section.web-sec1{ width:100%; float:none; margin-right:0%; text-align:center; padding-bottom:30px;}
section.web-sec2{ width:100%; float:none; margin-right:0%; text-align:center; padding-bottom:30px;}
}

/***************************************************************************************/
div.resturentbg{ width:100%; padding-top:50px; clear:both; overflow:hidden; padding-bottom:50px;}

div.resturent-top{ width:720px; margin:0 auto;  text-align:center; padding-bottom:40px;}
div.resturent-top p{ color:#222222; font-size:14px; padding-top:20px; font-weight:600; padding-left:20px; padding-right:20px;}
div.resturent-top h2{ font-weight:600; color:#9b0f00; font-family:pacifico;}



div.resturent{ width:1050px; margin:0 auto; text-align:center;}
div.resturent h2{ font-weight:600; color:#9b0f00;}
div.resturent p{ font-size:15px; line-height:30px; color:#787878;}


section.resturent-sec1{ width:29%; float:left; margin-right:4.7%; text-align:center; border:1px solid #898989;
padding:5px 5px 0px 5px; padding-bottom:25px;}
section.resturent-sec1:hover{ background-color:#ddd;}
section.resturent-sec1 img{ width:100%;}
section.resturent-sec1 p{ font-size:13px; color:#898989;}
section.resturent-sec1 a{color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:11px 25px 11px 25px; font-size:15px;
	display:inline-block; background-color:#9b0f00;}
section.resturent-sec1 a:hover{ background-color:#3d3d3d;}

section.resturent-sec2{ width:29%; padding:5px 5px 0px 5px; float:right; text-align:center;  border:1px solid #898989; padding-bottom:25px;}
section.resturent-sec2:hover{ background-color:#ddd;}
section.resturent-sec2 img{ width:100%;}
section.resturent-sec2 p{ font-size:13px; color:#898989;}
section.resturent-sec2 a{ color:#fff; text-decoration:none; border-radius:5px; font-size:20px;
 text-align:center; padding:11px 25px 11px 25px; font-size:15px;
	display:inline-block; background-color:#9b0f00;}
section.resturent-sec2 a:hover{ background-color:#3d3d3d;}
section.resturent-secdivider{ clear:both; width:100%; height:70px;}
@media (max-width: 1024px){
div.resturent-top{ width:95%;}
div.resturent{ width:95%;}
section.resturent-sec1{  margin-right:4.5%;}
}
@media (max-width: 960px){
div.resturent-top{ width:90%;}
div.resturent{ width:90%;}
section.resturent-sec1{  margin-right:4%;}

}

@media(max-width : 800px) {
section.resturent-secdivider{ display:none;}
div.resturent{ width:70%;}
section.resturent-sec1{ width:98.5%; float:none; margin-bottom:20px; clear:both; margin-right:0%; overflow:hidden; }
section.resturent-sec2{ width:98.5%; float:none;  margin-bottom:20px; margin-right:0%; clear:both; overflow:hidden;}

}
@media(max-width : 650px) {
div.resturent{ width:80%;}
section.resturent-sec1{ width:100%; float:none; margin-right:0%; text-align:center; padding-bottom:30px;}
section.resturent-sec2{ width:100%; float:none; margin-right:0%; text-align:center; padding-bottom:30px;}
}
/*****************************************************************************/
div.subscribebg{ width:100%; padding-top:100px; padding-bottom:100px; clear:both; overflow:hidden; background-image:url(../images/subcribebg.jpg);}
div.subscribe{ width:600px; margin:0 auto;  text-align:center;}
div.subscribe h2{ color:#9b0f00; font-weight:600px;}
.subscribe-text{  width:550px; height:50px; font-size:15px; color:#333; padding-left:10px; background-color: rgba(255, 255, 255, 0.1);
border:3px solid #3d3d3d; border-radius:7px; float:none; clear:both; overflow:hidden;  margin-top:30px; margin-bottom:30px; font-size:25px;}
.subscribe-butt{  width:255px; height:60px; background-color:#9b0f00; font-size:20px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; float:none; font-weight:500;}
.subscribe-butt:hover{ background-color:#3d3d3d;}
div.subscribe p{ color:#787878; line-height:30px; font-size:15px; padding-top:30px;}
@media (max-width: 750px){
div.subscribe{ width:90%;}
.subscribe-text{ float:none; margin:0 auto; display:block;}
.subscribe-butt{ float:none; margin:0 auto; display:block; margin-top:20px;}
}
@media (max-width: 650px){
div.subscribe{ width:90%;}
.subscribe-text{ float:none; display:block; width:99%; margin-left:0px;}
.subscribe-butt{ float:none; margin:0 auto; display:block; margin-top:20px;}
}
@media (max-width: 580px){
div.subscribe h2{ font-size:30px;}
}


/****************************************************************************/
div.contactusbg{ width:100%; padding-top:75px; padding-bottom:75px; background-color:#222222; clear:both; overflow:hidden;}
div.contactus{ width:1050px; margin:0 auto;} 
div.contactus h2{ font-weight:300; color:#fff; margin-bottom:17px; padding-bottom:20px; 
border-bottom:1px solid #ddd;}

div.contactus-getit{ width:30%; float:left; padding-top:50px;}
div.contactus-getit-1{ width:80%; background-image:url(../images/contapp-1.png); padding-left:20%; color:#fff; font-size:20px; background-repeat:no-repeat; height:45px; text-align:center; padding-top:20px; font-weight:500;}
div.contactus-getit a{ color:#fff;}
div.contactus-getit a:hover{ color:#838383;}

div.contactus-getit-2{ width:80%; background-image:url(../images/contapp-2.png); padding-left:20%; color:#fff; font-size:20px; background-repeat:no-repeat; height:45px; text-align:center; padding-top:20px; margin-top:20px;}


div.contactus-input{ width:65%; float:right; padding-top:20px;}

.contactus-text1{ width:45%; color:#fff; font-size:18px; border-bottom:1px solid #ccc; padding-left:1%; height:35px; margin-bottom:25px;
float:left; background-color: rgba(34, 34, 34, 0.1);}
.contactus-text2{ width:45%; color:#fff; font-size:18px; border-bottom:1px solid #ccc; padding-left:1%; height:35px; margin-bottom:25px; 
float:right; display:block; background-color: rgba(34, 34, 34, 0.1);}
.contactus-mess1{ width:99%; color:#fff; font-size:18px; border-bottom:1px solid #ccc; padding-left:1%; height:35px; margin-bottom:25px;
float:none; clear:both; overflow:hidden; background-color: rgba(34, 34, 34, 0.1);}

.contactus-butt{color:#fff; text-decoration:none; font-size:20px; float:right;
 text-align:center; padding:14px 20px 14px 20px; font-size:15px;
	display:inline-block; background-color:#222; border:1px solid #9b0f00; cursor:pointer; -webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;}
.contactus-butt:hover{ border-radius:11px; background-color:#787878; -webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;}
@media (max-width: 1024px){
div.contactus{ width:95%;}
}
@media (max-width: 960px){
div.contactus{ width:90%;}
div.contactus h2{ line-height:36px;}
div.contactus-getit-1{ font-size:16px;}
div.contactus-getit-2{ font-size:16px;}
}
@media (max-width: 800px){
div.contactus{ width:90%;}
div.contactus h2{ border-bottom:none; text-align:center;}
div.contactus-getit{ width:300px; float:none; margin:0 auto;}
div.contactus-input{ width:100%; float:none; margin:0 auto;}
.contactus-text1{ float:none; margin-bottom:20px; width:100%;}
.contactus-text2{ float:none; margin-bottom:20px; width:100%;}
.contactus-butt{ float:none; width:100%;}
}
/*******************************************************************************/


div.intmanubg{ width:100%; height:68px; padding-top:20px; padding-bottom:13px; background-color:#f4c625; background-image:url(../images/manubg.jpg); background-repeat:repeat-x;margin-bottom:20px;}
div.intcommbg2{ width:100%; height:68px; padding-top:20px; padding-bottom:13px; background-color:#f4c625; background-image:url(../images/manubg.jpg); background-repeat:repeat-x;margin-bottom:20px;}
div.intmanu{ width:1050px; margin:0 auto; height:auto;}
div.intmanu ul
{
	list-style: none;
	position: relative;
	display: inline-table;
	float:left; z-index:100;
}
div.intmanu ul ul {
	display: none;
}
div.intmanu ul li:hover > ul {
		display: block;
	}
div.navi ul:after {
		content: ""; clear: both; display: block;
	}


div.intmanu ul li
{float:left ;
}
div.intmanu ul li a
{
	color:#222222; font-weight:600;
	text-decoration:none;
	font-size:20px;
	height:55px;
	line-height:55px;
	text-align:center;
	display:block;
	padding-left:5px;
	padding-right:5px;
	float:left; 
	
	box-shadow: inset 0 0 0 0 #f4c625;
	-webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;

}
div.intmanu ul li a:hover{box-shadow: inset 0 100px 0 0 #9b0f00; border-radius:7px; color:#fff; }

div.intmanu ul ul {
		position: absolute; top: 100%;
		list-style:none; float:left; text-align:left;
		
	}
div.intmanu ul ul li {
			float: none; text-align:left;
			
		}
div.intmanu ul ul li a {
				color:#ccc;  border:0px solid #fff; text-align:left; display:block; background-color:#787878; float:none;
				
			}
div.intmanu ul ul li a:hover
{ background-color:#323232; border:0px solid #fff;
}
div.intmobilen{ display:none;}
@media (max-width: 1024px){
div.intmanu{ width:95%;}}

@media (max-width: 960px){
div.intmanu{ width:90%;} 
}

@media (max-width: 800px){
div.intmobilen{ display:block; clear:both; width:300px; height:40px; margin:0 auto; padding-top:7px; }
div.intmobilen select{ width:100%; height:40px; background-color:#787878; color:#fff;}
div.intmanu{ width:300px;}
div.intmanu ul li a{ font-size:18px; padding-left:10px; padding-right:10px; }
}
@media (max-width: 580px){
	div.intmobilen{ width:250px;}
	div.intmanu ul li a{ font-size:16px;}
}
/**************************************************************************************/
div.intytube-contbg{ width:1050px; margin:0 auto; clear:both;} 
div.intytube-contbg h3{ font-weight:500; padding-bottom:40px;}
div.intytubebg{ width:58%; float:left;}
div.intytube{ width:100%; height: auto;}
div.intytube-butt{ width:100%; height:130px; padding-top:40px; clear:both;}
div.intytube-butt img{ width:21.25%; float:left; margin-right:5%;}
div.intytube-butt img:hover{cursor:pointer;}
div.intytube-snet{  width:100%; padding-top:10px;}
div.intytube-snet-serv{  width:100%; padding-top:20px;clear:both;}
div.intytube-snet-serv a{ width:21.25%; float:left; margin-right:2%;}

div.intytube-snet img{ float:left; margin-right:3%; width:37%; display:block;margin-bottom:10px;cursor:pointer;}
div.intytube-snet img:hover{ opacity:.7;}

/*****************************************************************************************/


div.intcon{ width:38%; float:right;}
section.intcon-top{ width:100%; padding:15px 0px 15px 0px; border-bottom:1px solid #ddd;  border-top:1px solid #ddd; 
font-size:32px; color:#3d3d3d; height:auto; font-weight:600;text-align:center;color:#9b0f00;}
section.intcon-body{ width:100%; font-size:16px; color:#3d3d3d; height:auto; line-height:30px; padding-top:15px;}
section.intcon-body a{ width:100%; font-size:16px; color:#3d3d3d; height:auto; line-height:30px; padding-top:15px;}
section.intcon-body img{ vertical-align:middle;}
section.intcon-body-serv{ width:100%; font-size:16px; color:#3d3d3d; height:auto; line-height:30px; padding-top:15px;}
section.intcon-body-serv a{font-size:16px; color:#fff; height:auto; line-height:30px;}
section.intcon-body-serv img{ vertical-align:middle;}

/**************************************************************************************/
section.sectionAddComment{ width:1050px; margin:0 auto; padding-top:50px; clear:both; overflow:hidden;margin-bottom:20px;} 
section.sectionAddComment h3{ font-weight:500; padding-bottom:40px;}

section.intcon-body-occas{ width:100%; font-size:16px; color:#3d3d3d; height:auto; line-height:30px; padding-top:15px;}
section.intcon-body-occas a{font-size:16px; color:#fff; height:auto; line-height:30px;}
section.intcon-body-occas img{ vertical-align:middle;}

div.intcon span{ width:100%; height:1px; background-color:#ddd; clear:both; display:block; margin-top:20px; margin-bottom:20px;}
@media (max-width: 1024px){
div.intytube-contbg{ width:95%;}
}
@media (max-width:960px){
div.intytube-contbg{ width:90%;}
}
@media (max-width: 800px){
div.intytubebg{ width:100%; float:none; clear:both; padding-bottom:40px; overflow:hidden;}
div.intcon{ width:100%; float:none; clear:both;}
div.intytube{ height:auto;}

}
@media (max-width: 650px){
div.intytube-butt{ width:100%; height:auto; clear:both; overflow:hidden;}  
	div.intytube-snet a{ float:none; clear:both; overflow:hidden; display:block; width:60%; margin:0 auto;}
}
/**********************************************************************************************/
div.int-inputbg{ width:1050px; margin:0 auto;  padding-top:40px; padding-bottom:40px; clear:both; overflow:hidden;text-align:center;}

div.result-addPhoto{ width:100%; border:1px solid #222; top:165px;color: #3d3d3d; text-align:center; margin:0 auto; border-radius:11px;border-color:#9b0f00;margin-bottom:15px;margin-top:15px;padding:15px;}
div.result-addComm{ width:70%; border:1px solid #222; top:170px;color: #3d3d3d; text-align:center; margin:0 auto; border-radius:11px;border-color:#9b0f00;margin-bottom:15px;margin-top:10px;padding:15px;}
div.result-connect{ width:65%; border:1px solid #222; top:150px;color: #3d3d3d; text-align:center; margin:0 auto; border-radius:11px;border-color:#9b0f00;margin-bottom:15px;}
div.result-connect h3{ color:#3d3d3d; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:20px;font-family: 'Pacifico', cursive;}
div.result-connect a{ width:65%; color:#3d3d3d; height:auto; line-height:30px; padding-top:15px;}

div.int-input{ width:65%; border:1px solid #222; top:150px;color: #9b0f00; text-align:center; margin:0 auto; border-radius:11px;border-color:#9b0f00;}
div.int-input h3{ color:#9b0f00; border-bottom:1px solid #ddd; margin-bottom:10px; padding-bottom:20px;font-family: 'Pacifico', cursive;}

.int-input-text1{ width:60%; color:#222222; font-size:18px; padding-left:1%; height:50px; margin-bottom:25px;
float:left; background-color:#f3f3f3; clear:both;}

.int-input-mess1{ width:99%; min-height:200px; color:#222222; font-size:18px; padding-left:1%; height:35px; margin-bottom:25px;
float:none; clear:both; overflow:hidden; background-color:#f3f3f3;}

.int-input-butt{color:#fff; text-decoration:none; font-size:20px;
 text-align:center; padding:14px 20px 14px 20px; font-size:15px;
	display:inline-block; background-color:#222; border:1px solid #9b0f00; cursor:pointer; -webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;}
.int-input-butt:hover{ border-radius:11px; background-color:#787878; -webkit-transition: all ease 1.5s;
	-moz-transition: all ease 1.5s;
	transition: all ease 1.5s;}
@media (max-width: 1024px){
div.int-inputbg{ width:95%;}
div.int-input{ width:100%;}
}
@media (max-width: 960px){
.int-input-text1{ width:80%;}
}
@media (max-width: 800px){
.int-input-butt{ float:none; width:100%;}
.int-input-text1{ width:99%;}
div.int-input h2{ text-align:center; margin-bottom:0px; border-bottom:none;}
}
/******************************************************************************************/
div.search-product{  width:1050px; margin:0 auto; padding-top:20px; padding-bottom:20px; clear:both; overflow:hidden; align:center;} 
div.deal-product{  text-align:center;width:1050px; margin:0 auto; padding-top:20px; padding-bottom:20px; clear:both; overflow:hidden;} 
section.searchbg{ width:285px; height:auto; background-color:#efefef; float:left;}
section.searchbg h5{ height:65px; line-height:65px; text-align:center; display:block; color:#fff; font-weight:500; background-color:#9b0f00;}
section.searchbg h6{ height:65px; line-height:65px; display:block; color:#222; font-weight:500; padding-left:20px; border-bottom:1px solid #aeaeae; 
}
section.searchcont{ width:94%; padding-left:6%; border-bottom:1px solid #aeaeae; padding-top:20px; padding-bottom:40px; clear:both; 
line-height:24px;}
section.searchcont p{ color:#616161; font-size:15px; font-weight:500;}
section.searchcont a{ color:#9b0f00; text-align:center; position:relative; bottom:-15px; display:block;}
section.searchcont a:hover{ color:#3d3d3d;}
/*********************************************/
div.modalDialogCuisine {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

div.modalDialogCuisine h2{color:#9b0f00;}

div.modalDialogCuisine:target {
	opacity:1;
	pointer-events: auto;
}

div.modalDialogCuisine > div {
	width: 830px;
        height: 420px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #efefef;
}

/************************************************/

/* separate the list from surrounding elements */
div.modalDialogCuisine ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

div.modalDialogCuisine ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}
/* horizontal position of each column */

div.modalDialogCuisine ol li.column1 { margin-left: 0em; }
div.modalDialogCuisine ol li.column2 { margin-left: 15em; }
div.modalDialogCuisine ol li.column3 { margin-left: 30em; }
div.modalDialogCuisine ol li.column4 { margin-left: 45em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

div.modalDialogCuisine li.reset
{
  margin-top: -18em;
}
/* anchor styling */
div.modalDialogCuisine ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
div.modalDialogCuisine ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}
/********************************************************/
/*********************************************/
div.modalDialogRate {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

div.modalDialogRate h2{color:#9b0f00;}

div.modalDialogRate:target {
	opacity:1;
	pointer-events: auto;
}

div.modalDialogRate > div {
	width: 300px;
        height: 250px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #efefef;
}

/************************************************/

/* separate the list from surrounding elements */
div.modalDialogRate ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

div.modalDialogRate ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}
/* horizontal position of each column */

div.modalDialogRate ol li.column1 { margin-left: 0em; }
div.modalDialogRate ol li.column2 { margin-left: 15em; }
div.modalDialogRate ol li.column3 { margin-left: 30em; }
div.modalDialogRate ol li.column4 { margin-left: 45em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

div.modalDialogRate li.reset
{
  margin-top: -12em;
}
/* anchor styling */
div.modalDialogRate ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
div.modalDialogRate ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}
/********************************************************/
/*********************************************/
div.modalDialogService {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

div.modalDialogService h2{color:#9b0f00;}

div.modalDialogService:target {
	opacity:1;
	pointer-events: auto;
}

div.modalDialogService > div {
	width: 900px;
        height: 300px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #efefef;
}

/************************************************/

/* separate the list from surrounding elements */
div.modalDialogService ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

div.modalDialogService ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}
/* horizontal position of each column */

div.modalDialogService ol li.column1 { margin-left: 0em; }
div.modalDialogService ol li.column2 { margin-left: 15em; }
div.modalDialogService ol li.column3 { margin-left: 30em; }
div.modalDialogService ol li.column4 { margin-left: 45em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

div.modalDialogService li.reset
{
  margin-top: -12em;
}
/* anchor styling */
div.modalDialogService ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
div.modalDialogService ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}
/********************************************************/
/*********************************************/
div.modalDialogOccasion {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.4);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

div.modalDialogOccasion h2{color:#9b0f00;}

div.modalDialogOccasion:target {
	opacity:1;
	pointer-events: auto;
}

div.modalDialogOccasion > div {
	width: 900px;
        height: 300px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #efefef;
}

/************************************************/

/* separate the list from surrounding elements */
div.modalDialogOccasion ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

div.modalDialogOccasion ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}
/* horizontal position of each column */

div.modalDialogOccasion ol li.column1 { margin-left: 0em; }
div.modalDialogOccasion ol li.column2 { margin-left: 15em; }
div.modalDialogOccasion ol li.column3 { margin-left: 30em; }
div.modalDialogOccasion ol li.column4 { margin-left: 45em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

div.modalDialogOccasion li.reset
{
  margin-top: -12em;
}
/* anchor styling */
div.modalDialogOccasion ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
div.modalDialogOccasion ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}

/********************************************************/
/*********************************************/
div.modalDialogPhoto {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

div.modalDialogPhoto h2{color:#9b0f00;}

div.modalDialogPhoto:target {
	opacity:1;
	pointer-events: auto;
}

div.modalDialogPhoto > div {
	width: 900px;
        height: 800px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #efefef;
}

/************************************************/

/* separate the list from surrounding elements */
div.modalDialogPhoto ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

div.modalDialogPhoto ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}
/* horizontal position of each column */

div.modalDialogPhoto ol li.column1 { margin-left: 0em; }
div.modalDialogPhoto ol li.column2 { margin-left: 15em; }
div.modalDialogPhoto ol li.column3 { margin-left: 30em; }
div.modalDialogPhoto ol li.column4 { margin-left: 45em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

div.modalDialogPhoto li.reset
{
  margin-top: -12em;
}
/* anchor styling */
div.modalDialogPhoto ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
div.modalDialogPhoto ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}

/********************************************************/


/*********************************************/
div.modalDialogLieux {
	position: fixed;
	font-family: Arial, Helvetica, sans-serif;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: rgba(0,0,0,0.5);
	z-index: 99999;
	opacity:0;
	-webkit-transition: opacity 400ms ease-in;
	-moz-transition: opacity 400ms ease-in;
	transition: opacity 400ms ease-in;
	pointer-events: none;
}

div.modalDialogLieux h2{color:#9b0f00;}

div.modalDialogLieux:target {
	opacity:1;
	pointer-events: auto;
}

div.modalDialogLieux > div {
	width: 900px;
        height: 300px;
	position: relative;
	margin: 10% auto;
	padding: 5px 20px 13px 20px;
	border-radius: 10px;
	background: #efefef;
}

/************************************************/

/* separate the list from surrounding elements */
div.modalDialogLieux ol
{
  margin: 0 0 1em 2em;
  padding: 0;
}

div.modalDialogLieux ol li
{
  /* Stipulate the height of each item so that 
  vertical return = items * height */

  line-height: 1.2em;

  /* Clear the default margins & padding 
  so we can style the list from scratch */

  margin: 0;
  padding: 0;
}

/* If li position is left static, Internet 
Explorer disables hyperlinks in the list 
in all but the final column.

This rule will be processed only by 
Internet Explorer because only IE believes 
that there’s a level above HTML: */

* html ol li
{
	position: relative;
}
/* horizontal position of each column */

div.modalDialogLieux ol li.column1 { margin-left: 0em; }
div.modalDialogLieux ol li.column2 { margin-left: 16em; }
div.modalDialogLieux ol li.column3 { margin-left: 33em; }
div.modalDialogLieux ol li.column4 { margin-left: 45em; }

/* Bring the first item of each column 
back up to the level of item 1.
Vertical return = items * height.
Here, 5 items * 1.2em line-height = 6em */

div.modalDialogLieux li.reset
{
  margin-top: -12em;
}
/* anchor styling */
div.modalDialogLieux ol li a
{
  display: block;
  width: 7em;
  text-decoration: none;
}
div.modalDialogLieux ol li a:hover
{
  color: #FFF; /* white */
  background-color: #A52A2A; /* brown */
}

/********************************************************/
.close {
	background: #606061;
	color: #FFFFFF;
	line-height: 25px;
	position: absolute;
	right: -12px;
	text-align: center;
	top: -10px;
	width: 24px;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border-radius: 12px;
	-moz-box-shadow: 1px 1px 3px #000;
	-webkit-box-shadow: 1px 1px 3px #000;
	box-shadow: 1px 1px 3px #000;
}

.close:hover { background: #00d9ff; }


section.productbgBP{ width:100%; height:auto; float:right;}
section.productbgBP h4{ padding-bottom:20px; border-bottom:3px solid #aeaeae; display:block; color:#9b0f00; font-weight:500;}

section.bgcgu{width:100%; margin-left:10%;padding:0}
section.bgnews{width:100%; height:auto;float:right; background-image:url(../images/webdesignbg.jpg);}
section.productbgnews{ width:90%; height:auto; float:right;}
section.productbgnews h3{ padding-top:20px;padding-bottom:20px; border-bottom:3px solid #aeaeae; display:block; color:#9b0f00; font-weight:500;}
section.productbg{ width:70%; height:auto; float:right;}
section.productbg h4{ padding-bottom:20px; border-bottom:3px solid #aeaeae; display:block; color:#9b0f00; font-weight:500;}
section.product{ width:100%; height:auto; clear:both; overflow:hidden; border-bottom:1px solid #aeaeae;  padding-top:40px; padding-bottom:40px;}
section.product h3{ padding-bottom:20px; border-bottom:none; display:block; color:#9b0f00; font-weight:500;}
section.product h7{ padding-bottom:20px; border-bottom:none; display:block; color:#9b0f00; font-weight:500;}
section.product a{ padding-bottom:20px; border-bottom:none; color:#9b0f00; font-weight:500;}
section.productbp{ width:100%; height:auto; clear:both; overflow:hidden; border-bottom:1px solid #aeaeae;  padding-top:40px; padding-bottom:40px;}
section.productbp h3{ padding-bottom:20px; border-bottom:none; display:block; color:#9b0f00; font-weight:500;}
section.productbp h7{ padding-bottom:20px; border-bottom:none; display:block; color:#9b0f00; font-weight:500;}
section.productbp a{border-bottom:none; color:#9b0f00; font-weight:500;}



section.productHeadnews{ width:100%; height:auto; clear:both; overflow:hidden; border-bottom:1px solid #aeaeae;  padding-top:40px; padding-bottom:20px;margin-bottom:10px;color:#9b0f00;}
section.productHeadnews h5{ border-bottom:none; display:block; font-weight:500;}
section.productHeadnews h6{ border-bottom:none; display:block; color:#9b0f00; font-weight:500;}



section.addProductComment{ width:100%; height:auto; clear:both; overflow:hidden;text-align:center;  padding-top:10px; padding-bottom:20px;}
section.addProductComment h3{ border-bottom:none; display:block; color:#9b0f00; font-weight:500;font-family:pacifico;}
section.addProductComment h6{ border-bottom:none; display:block; color:#9b0f00; font-weight:500;}

section.productnews{ width:100%; height:auto; clear:both; overflow:hidden; border-bottom:1px solid #aeaeae;  padding-top:20px; padding-bottom:20px;}
section.productnews h5{ border-bottom:none; display:block; font-weight:500;}
section.productnews h6{ border-bottom:none; display:block; color:#9b0f00; font-weight:500;}


section.product-img-bp{ width:28.10%; float:left;}
section.product-img-bp span{padding-left:15%;font-size:18px; color:#9b0f00; font-weight:400;padding-top:6%;}
section.product-img-bp img{ width:100%;}
section.product-img-bp a{ color:#fff;margin-top:6%;text-align:center;}

section.product-img{ width:28.10%; float:left;}
section.product-img span{padding-left:15%;font-size:18px; color:#9b0f00; font-weight:400;padding-top:6%;}
section.product-img img{ width:100%;}
section.product-cont{  width:51%; float:left; padding-left:6%; padding-right:6%; line-height:30px; font-size:18px; color:#222; font-weight:600;}

section.product-comment{  width:42%; float:left; padding-left:6%; padding-right:6%; line-height:30px; font-size:18px; color:#222; font-weight:600;}
section.product-review{ width:23%; float:right; padding-top:30px;}
section.product-review1{ width:100%; padding-bottom:10px;}

.product-review-butt{  width:100%; height:45px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; float:none; font-weight:500;}

.product-recherche-butt{  width:100px; height:40px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; font-weight:500;position: relative;bottom: -100px;}
.product-recherche2-butt{  width:100px; height:30px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; font-weight:500;margin-top:10px;margin-bottom:10px;}
.product-recherche3-butt{  width:100px; height:40px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; font-weight:500;position: relative;bottom: -110px;}
.product-rechercheCuisine-butt{  width:100px; height:40px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; font-weight:500;position: relative;bottom: -110px;}
.product-rechercheServ-butt{  width:100px; height:40px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; font-weight:500;position: relative;bottom: -60px;}

.product-rechercheAddComm-butt{  width:100px; height:40px; background-color:#9b0f00; font-size:15px; color:#fff; border-radius:7px;
text-align:center; cursor:pointer; font-weight:500;position: relative;}


.product-review-butt:hover{ background-color:#3d3d3d;}
section.product-butt{ width:300px; height:auto; clear:both; overflow:hidden; padding-top:40px;}

@media (max-width: 1024px){
div.search-product{ width:95%;}
section.searchbg{ width:27.10%;}
}
@media (max-width: 960px){
div.search-product{ width:90%;}
section.product-img{ width:26%;}
section.product-cont {padding-left:3%; padding-right:3%; font-size:16px;}
section.product-review{ width:21%;}

}
@media (max-width: 800px){
section.searchbg{ width:285px; margin:0 auto; float:none;}

section.productbg{ width:100%; float:none; padding-top:50px;}
}
@media (max-width: 750px){
section.productbg h3{ font-size:25px;}
section.product-img{ width:250px; margin:0 auto; clear:both; overflow:hidden; float:none; padding-bottom:20px;}
section.product-cont { width:60%; padding-left:6%; padding-right:6%; font-size:18px;}
}
@media (max-width: 580px){ 
section.productbg h3{ text-align:center;}
section.product-cont{ width:100%; padding-left:0px; padding-right:0px; clear:both; overflow:hidden; float:none; padding-bottom:20px; text-align:center;}
section.product-review{ width:150px; float:none; margin:0 auto;} 
section.product-butt{ width:100%;}
}


div.search-pager{  width: 100%;}
section.page-product{ width:100%; float:bottom; text-align:center; padding-top:10px; display:inline-block;}
section.page-product a{ color:#9b0f00; font-weight:600;}
section.page-product a:hover{ color:#3d3d3d;}


div.photo_user {margin-top:40px;}
div.photo_user ul li {float:left;height:150px; width:150px; text-align:center; list-style:none outside;}
div.photo_user ul li img {border:0;outline:none;}



/*********************************************************************/
footer.footerbg{ width:100%; padding-top:60px; padding-bottom:60px; background-color:#f4c625; clear:both; overflow:hidden;}
div.footer-cont{ width:1050px; margin:0 auto;} 
div.footer-cont span{ display:block; clear:both; overflow:hidden; width:100%; height:1px; background-color:#222; margin-bottom:40px;}
div.footer-cont-img{ width:525px; margin:0 auto; padding-bottom:50px; clear:both; overflow:hidden;}
div.footer-cont img{ width:85px; float:left; margin-left:10px; margin-right:10px;}
div.footer-cont a{ color:#222; font-size:18px; text-align:center; display:block;}
@media (max-width: 1024px){
div.footer-cont{ width:95%;}
}


@media (max-width: 960px){
div.footer-cont{ width:90%;}
}
@media (max-width: 800px){
div.footer-cont{ width:90%;}
div.footer-cont-img{ width:100%;}
div.footer-cont img{ width:16.5%;}
}
@media (max-width: 750px){
div.footer-cont img{ width:16%;}
}
@media (max-width: 650px){
div.footer-cont img{ width:15%;}
}
@media (max-width: 580px){
div.footer-cont img{ width:14%;}
}
@media (max-width: 400px){
div.footer-cont img{ width:12%;}
}

#customBtn{
 display: inline-block;
 background:#dd4b39;
 color:white;
 width:200px;
 height:25px;
 border-radius:5px;
 white-space:nowrap; 
 margin-bottom:15px; 
}


customGPlusSignIn:hover {
background:#e74b37;
cursor:hand;
}


span.label{
font-weight:bold;
}




span.icon {
      background:url('https://google-developers.appspot.com/+/images/branding/btn_red_32.png') transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 25px;
      border-right: #bb3f30 1px solid;
    }
span.buttonText {
      display: inline-block;
      vertical-align: middle;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
      /* Use the Roboto font that is loaded in the <head> */
      font-family: 'Roboto',arial,sans-serif;
    }
    
    
    
    
    #shareBtnMail{
 display: inline-block;
 background:#9b0f00;
 color:white;
 width:170px;
 height:25px;
 border-radius:2px;
 white-space:nowrap; 
 margin-bottom:15px; 
}


customShareMail:hover {
background:#e74b37;
cursor:hand;
vertical-align:middle;
}

div.DivLibAccueil{vertical-align:middle;display:inline-block;}
div.AccueilRate{vertical-align:middle;display:inline-block;}


div.contener{text-align:center;}
div.shareContentButton{text-align:left;display:none;}
div.shareContenerFb{text-align:left;vertical-align:middle;text-align:center;display:inline-block;}
div.shareContenerMail{text-align:left;vertical-align:middle;text-align:center;display:inline-block;padding-top:3px;}

span.iconMail {
      background:url(../images/email_white.png) transparent 5px 50% no-repeat;
      display: inline-block;
      vertical-align: middle;
      width: 35px;
      height: 25px;
      border-right: #bb3f30 1px solid;
    }
span.buttonTextMail {
      display: inline-block;
      vertical-align: middle;
      padding-left: 10px;
      padding-right: 10px;
      font-size: 12px;
      /* Use the Roboto font that is loaded in the <head> */
      font-family: 'Roboto',arial,sans-serif;
    }
    
    
    
/* start blog */
.blog_list{
	margin-top: 2%;
}
.blog_list h4 a{
	text-transform:capitalize;
	line-height: 1.5em;
	font-size: 1.4em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.blog_list h5 a:hover{
	color: #FF61A0;
}
.blog_list h6{
	margin-top: 1%;
	text-transform:capitalize;
	line-height: 1.5em;
	font-size:1em;
	color: #666666;
	-webkit-text-stroke: 0.2px;
	font-family: 'Open Sans', sans-serif;
}
.blog_list h6 a{
	color: #FF61A0;
	-webkit-transition: all 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;	
}
.blog_list h6 a:hover{
	color: #666666;
}

.main1{
	margin: 4% 0 0 20px;
}

.content h2{
	font-weight:700;
	line-height: 1.5em;
	font-size: 1.5em;
	color: #555555;
	text-transform: uppercase;
	padding: 10px 0;
	border-bottom: 1px solid rgb(209, 209, 209);
}

.blog_para{
	margin: 2% 0;
}
.blog_para p a{
	float: left;
	margin-right: 4%;
}
.blog_para p a img{
	margin-top: 10px;
}

p.para1 {
	margin: 2% 0;
	font-size: 1em;
	color: #777777;
	line-height: 1.8em;
	font-family: 'Open Sans', sans-serif;
}

.clear{clear:both;}/* clear float */


div.contenerRate{padding:10px;text-align:center;}
div.noteRate{width:70%;display:inline-block;vertical-align:middle;text-align:left; /* on rétablit l'alignement du texte */}
div.libRate{width:10%;display:inline-block;vertical-align:middle;text-align:right;color:#9b0f00; font-weight:500;vertical-align:middle; }
div.libRate h6{display:inline-block;vertical-align:middle;text-align:right;color:#9b0f00; font-weight:300; vertical-align:middle;}

section.Advertise{ width:100%; height:auto; clear:both; overflow:hidden;  padding-top:20px; padding-bottom:5px;font-weight:500;}
section.Advertise span{ font-weight:500;}
section.Advertise input{margin-left:3%;color:#9b0f00; font-weight:500;}

section.comment{ width:100%; height:auto; clear:both; overflow:hidden;  padding-top:20px; padding-bottom:5px;font-weight:500;}
div.ContenerComment{width:100%;margin-top:20px;}
div.LibtitreComment{width:10%;display:inline-block;vertical-align:middle;text-align:right;color:#9b0f00; font-weight:500;vertical-align:middle; }
div.ctxtcomment{width:70%;display:inline-block;vertical-align:middle;}
section.comment textarea{width: 70%;
	height: 120px;
	border: 3px solid #cccccc;
	padding: 5px;
	font-family: Tahoma, sans-serif;
        margin-left:10px;
	background-position: bottom right;
	background-repeat: no-repeat;
        }
div.titreComment{width:70%;display:inline-block;vertical-align:middle;}
div.titreComment input{display:inline-block;   
     border: 0;
    outline: 0;
    margin-left:10px;
    background: transparent;
    border-bottom: 2px solid #cccccc;
    width: 30%;
    vertical-align:middle;}
    
div.titreNews{width:70%;display:inline-block;vertical-align:middle;}
div.titreNews input{display:inline-block;   
     border: 0;
    outline: 0;
    margin-left:10px;
    background: transparent;
    border-bottom: 2px solid #cccccc;
    width: 80%;
    vertical-align:middle;}
	
div.titrePub{width:70%;display:inline-block;vertical-align:middle;}
div.titrePub input{display:inline-block;   
     border: 0;
    outline: 0;
    margin-left:10px;
    background: transparent;
    border-bottom: 2px solid #cccccc;
    width: 80%;
    vertical-align:middle;}
    
div.imgNews{
    text-align:center;
    margin-bottom:20px;
}

div.infonews{
margin-bottom:15px;

}


div.newsContent{
margin-bottom:15px;
}

.errorMessages {
                display: none;
                list-style-type: disc;
                margin: 0 10px 15px 10px;
                padding: 8px 35px 8px 30px;
                color: #B94A48;
                background-color: #F2DEDE;
                border: 2px solid #EED3D7;
                border-radius: 4px;
                text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
}
.errorMessages span {
        font-weight: bold;
}


span.chartLogin{color:#9b0f00; font-size:16px;font-weight:300;float:right;}
span.chartTypeUser{color:#000; font-size:15px;font-weight:300;float:right;