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

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

@charset "utf-8";

.x-bg *, .x-bg *:before, .x-bg *:after {

    box-sizing: border-box;

    outline: medium none;

}

ul{ list-style:none;}

/* Original design work, including graphics and all related scripts, Copyright (c) OCDesignsOnline.com, All Rights Reserved. Used with permission by Top-Stones-Crystal-Quartz-Amethyst. */



/* General page formatting

-------------------------------------------------- */

/* --- wall background --- */

.x-bg															{ background:#FFF none; padding:0;  }

.x-bg-02														{ background: url(img/bg.jpg) 0 0 repeat; padding:0; } /* optional second inset bg */

.x-bg, .x-bg-02, .x-content								{     margin: 0 auto;

    text-align: center;

    vertical-align: top;

    text-align: center;

   }

.x-bg, .x-bg-02, .x-content								{ margin:0 auto; text-align:center; vertical-align:top; box-sizing: border-box;

    outline: medium none;}

/* --- content area bg and width --- */

.x-content, .x-vaca    			{     width: 100%;

    max-width: 1250px; }

 #x-foot{ width:100%}

.x-content														{ background:transparent none; padding:10px 0 !important; overflow:hidden; }

.x-tbar li{ background:none;}

/* --- left column width --- */

#LeftPanel,

#x-side-srch, #x-side-cats,

#x-side-news, #x-side-feat			      				{ width:240px !important; }



/* --- main column width --- */

#CentralArea, #x-main, #x-main-fcat, 

#x-main-feat, #x-main-prom,

#x-main-tabs		       									{ width:1000px; }



/*--- side gutters padding --- */

#LeftPanel														{ padding:0 0 0 0px !important; } /* optional left column padding left */

#CentralArea, #x-main                       			{ padding:0 0px 0 0 !important; } /* optional right column padding right */

#CentralArea #x-main									{ padding:0 !important; }



/* --- custom content settings general --- */

.x-bg *                                     						{ font-family:"Open Sans", Arial, Tahoma, Sans-serif; text-decoration:none; }

.x-bg, .x-bg p, .x-bg a, .x-bg li, .x-bg table		{ font-size:13px; color:#000; }





#CentralArea li, #x-main li				    			{ }



/* --- section title bars settings --- */

#LeftPanel .x-tbar, #x-main .x-tbar,  

#x-main h2													{ background-color:transparent; background-position:center top; background-repeat:no-repeat; }

.x-bg #LeftPanel .x-tbar									{  }

.x-bg #x-main .x-tbar									{margin-top: 20px; }

.x-bg #x-main h2											{ height:39px; line-height:39px; }

#x-gall-main input {

    display: none;

}

#gal1:checked ~ #content1, #gal2:checked ~ #content2, #gal3:checked ~ #content3, #gal4:checked ~ #content4, #gal5:checked ~ #content5, #gal6:checked ~ #content6, #gal7:checked ~ #content7, #gal8:checked ~ #content8, #gal9:checked ~ #content9, #gal10:checked ~ #content10 {

    display: block;

}

.product-image-container {

    display: none;

}

/* --- main general editable title bar --- */

#x-main h2													{ color:#FFF; text-align:left; font-size:18px; font-weight:bold; font-family:Georgia, "Times New Roman", Times, Serif; background-image:url(images/x-main-tbar-h2bg.png); margin:0 0 0px;  clear:both; }

#tableau1 input {

    display: none;

}

#x-main-tabs {

    width: 100%;

    height: auto;

    margin: 0 0 13px;

}

#x-main-tabs input {

    display: none;

}

#x-main .x-ttba {

    width: 98%;

    text-align: left;

    margin: 0;

    padding: 8px 10px 0;

}

#x-main-tabs label .x-ttba .x-ffac {

   

    padding-right: 28px !important;

	padding-left:20px;

	    border: 1px solid red;

		background: #000 url(img/plus.png) 98% center no-repeat;

}

#x-template #x-main .x-tmid1{ padding: 10px 0;

   }

.hi-mob {

    display: block;

}



.tab .section {

      display: none;

	  margin-bottom: 6px !important;

	      margin-bottom: 6px;

    width: 96%;

	    overflow: hidden;

    margin: auto;

	    background-size: 100% !important;

	margin-left:10px;

	text-align:left;

	border-top: none !important;

    border: 1px solid #e07436;

	background:url(img/bg-cont.png) 2px 0 repeat-y;

}

#tab11:checked ~ .hi-mob #lt1, #tab12:checked ~ .hi-mob #lt2, #tab13:checked ~ .hi-mob #lt3, #tab14:checked ~ .hi-mob #lt4, #tab15:checked ~ .hi-mob #lt5 {

    background-image: url(img/moin.png);

}

.tab label {

   float: left;

    width: 96%;

    margin-left: 10px;

    display: inline-block;

}

.hi-mob label {

    color: #000;

    font-size: 16px;

    line-height: 30px;

    font-family: 'Roboto', sans-serif;

    font-weight: bold;

    text-align: left;

	    border-bottom: none;

    padding-left: 10px;

    margin-bottom: 6px;

    position: relative;

	text-transform:uppercase;

    background:url(img/plus.png) right center no-repeat;

	border:1px solid #e07436;

}

.discription .tab {

   width: 100%;

    margin: auto;

}

.product .discription {

    float: left;

    width: 99%;

    margin-top: 10px;

    text-align: left;

    border: 1px solid #dddddd;

}

#content1 p, #content2 p, #content3 p, #content4 p, #content5 p,{ height: auto;

    padding: 20px;

    text-align: left !important;

    overflow: hidden;}

#tab11:checked ~ #content1, #tab12:checked ~ #content2, #tab13:checked ~ #content3, #tab14:checked ~ #content4, #tab15:checked ~ #content5, #tab6:checked ~ #content6, #tab11:checked ~ #content1, #tab12:checked ~ #content2, #tab13:checked ~ #content3, #tab14:checked ~ #content4, #tab15:checked ~ #content5, #tab16:checked ~ #content6 {

    display: block;

}

.tab input {

    display: none;

}









/* --- text titles settings --- */

#CentralArea h1, #x-main h1							{ color:#000; text-align:center; font:bold 18px/21px "Open Sans", Arial, Tahoma, Sans-serif; margin:0;     padding: 15px 0 15px; } /* listing main title */

#CentralArea h5, #x-main h5		            		{ color:#d90000; text-align:left; font:bold 13px/18px "Open Sans", Arial, Tahoma, Sans-serif; margin:0; padding:5px 0 10px; } /* listing section subtitles */

.tbm{ background:url(img/tbm.png) 0 0 no-repeat; height: 35px;     margin-bottom: 20px;}



.tbm1 {

    background: url(img/bg-tbm1.png) 0 0 no-repeat;

    height: 35px;

}

/* --- text boxes general - solid with border --- */

#LeftPanel .x-tbar, #LeftPanel .x-prom			{ width:240px; } /* side section dimensions */

#LeftPanel .x-tmid, #x-side-feat #x-feat			{ width:208px; } /* side section dimensions with border */

#LeftPanel .x-tins											{ width:240px; } /* side section dimensions with border and padding */

#x-main .x-tbar, #x-main .x-prom					{ } /* main section dimensions */

#x-main .x-tmid, #x-main-feat #x-feat			{  } /* main section dimensions with border */

#x-main .x-tins												{ background:#ececec;  border-top: none; } /* main section dimensions with border and padding */

#LeftPanel .x-tmid, #x-side-feat #x-feat,

#x-main .x-tmid, #x-main-feat #x-feat			{ background:#FFF none; }

#LeftPanel .x-tmid,

#x-side-feat #x-feat, #x-main-feat #x-feat		{ border-left:1px solid #EEE; border-right:1px solid #EEE; }

#LeftPanel .x-ttop, #x-main .x-ttop					{  }

#LeftPanel .x-tbtm, #x-main .x-tbtm,

#x-side-feat #x-feat, #x-main-feat #x-feat		{  }



/* --- sections corner rounding --- */

#LeftPanel .x-ttop, #x-main .x-ttop					{ } /* optional box rounded corners */

#LeftPanel .x-tbtm, #x-main .x-tbtm,

#x-side-feat #x-feat, #x-main-feat #x-feat		{ } /* optional box rounded corners */

#LeftPanel .x-ttop.x-tbtm, 

#x-main .x-ttop.x-tbtm									{ 

    background: url(img/bg-tab.png) 0 0 repeat-y;

	padding-top:10px;

}

.im{ display:none;}

#x-main-gall{}

/* --- sections inner shadow --- */

#x-main .x-tmid											{ }



/* --- sections spacing --- */

#LeftPanel .x-tbtm, #x-main .x-tbtm,

#LeftPanel .x-prom, #x-main .x-prom,

#x-side-feat #x-feat, #x-main-feat #x-feat		{ display:block; }



/* --- text boxes inset padding --- */

#LeftPanel .x-tins						    				{ padding: 10px 20px 0px;

    background: url(img/bg-left.png) 0 0 repeat-y;

} /* text box inset padding */

#x-main .x-tins												{ padding:10px 0px 10px;  } /* text box inset padding */



/* --- toggle left column elements for store/listing display only --- */

#LeftPanel .x-temp,

#x-template #LeftPanel .x-home              		{ display:none !important; } /* promo boxes on store only */

#x-template #LeftPanel .x-temp              		{ display:block !important; } /* promo boxes on template only */



/* --- search and news checkbox selects --- */

#x-head-srch p, #x-side-srch  p,

#x-side-news .x-tmid p.x-ckbx						{ line-height:16px; margin:0 0 10px; }

#x-head-srch #descr, 

#x-side-srch #descr,

#x-side-news .x-tmid #general						{ margin:1px 5px 0 0; }



/* --- template image gallery settings --- */

#x-temp-gall, #x-gall-main, #x-gall-thmb		{ text-align:center; margin:0 auto;}

#x-temp-gall .x-cntr, #x-gall-main .x-cntr		{ display:table-cell; vertical-align:middle; text-align:center; }

#x-temp-gall img, #x-gall-main img				{ margin:0 auto; display:block; border:0 none; width:auto; height:auto; }

#x-temp-gall .x-hide 										{ display:none !important; } /* hide unused gallery image slots */

#x-temp-gall #x-gall-thmb h5							{ text-align:center; margin:0; padding:0 0 5px; width:100%; clear:both; } /* thumbs text title */

#x-temp-gall #x-gall-thmb h5 span					{ display:inline-block; width:18px; height:18px;  } /* thumbs title icon */



/* --- category page font overrides do not change --- */

.x-bg #CentralArea .v4stabl,

.x-bg #CentralArea .r3									{ /* width:717px; margin:0 20px 0 0; */ }

.x-bg #CentralArea .r3, 

.x-bg #CentralArea .r3 p,

.x-bg #CentralArea .r3 li,

.x-bg #CentralArea .r3 table,

.x-bg #CentralArea .r3 a,

.x-bg #CentralArea .r3 a:link, 

.x-bg #CentralArea .r3 a:visited,

.x-bg #CentralArea .r3 a:active 						{ color:#555; }

.x-bg #CentralArea .r3 a:hover, 

.x-bg #CentralArea .r3 .fpcc .countClass			{ color:#000; }

/* top right view options */

.x-bg #CentralArea .v4stabl,

.x-bg #CentralArea .v4stabl a							{ color:#555; font-size:11px; }

.x-bg #CentralArea .v4stabl a:hover				{ color:#000; }

/* additional search results suggestions */

.x-bg #CentralArea .v4snexp div						{ color:#000; font-size:14px; font-weight:bold; padding:15px 0 5px; } /* title line */

.x-bg #CentralArea .v4snexp ul li					{ background-image:url(images/x-tbul.png); padding-bottom:10px; } /* bullet icon */

.x-bg #CentralArea .v4snexp ul li,

.x-bg #CentralArea .v4snexp ul li a					{ color:#555; } /* options text, links */

.x-bg #CentralArea .v4snexp ul li a					{ text-decoration:underline; }

.x-bg #CentralArea .v4snexp ul li a:hover		{ color:#000; } /* options links hover */





#x-head-lbox2 {

 background: url(img/bg-soc.png) top center no-repeat;

    height: 70px;

    overflow: hidden;

    position: relative;

    margin: -70px auto 0;

    z-index: 2;

    max-width: 1250px;

}

#x-head-lbox2 #nav li {

    float: left;

	background:url(img/li-a.png) 8px center no-repeat;

    font-family: 'Roboto', sans-serif;

    color: #fff;

    padding: 0px 5px 0 25px;

    position: relative;

    line-height: 40px;

}

#x-head-lbox2 #nav li:first-child{ background:none;}

#x-head-lbox2 #nav1 li {

   background: url(img/li-a.png) left center no-repeat;

    font-family: 'Roboto', sans-serif;

    color: #fff;

    padding: 0px 5px 0 5px;

    position: relative;

    line-height: 40px;

}

#x-head-lbox2 #nav1 li:first-child { background:none;

}

#nav1 {

    float: right;

    color: #6c3a07;

    line-height: 40px;

    font-family: 'Open Sans', serif;

    text-align: center;

}

#x-head-lbox2 ul li a {

    display: inline-block;

    font-size: 16px;

	

    text-transform: uppercase;

  

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-weight: normal;

}

#x-head-lbox2 ul#nav1 li a {

    display: inline-block;

    font-size: 16px;

	padding:0px 25px;

	

    text-transform: uppercase;

  

    font-family: 'Roboto', sans-serif;

    color: #fff;

    font-weight: normal;

}

#nav1 a:hover {

    color: #e17132 !important;

}

#nav a:hover {

    color: #e17132;

}

.tab #content1.section p, .tab #content2.section p, .tab #content3.section p, .tab #content4.section p, .tab #content5.section p{  font-family: 'Roboto', sans-serif;  color: #000; font-size:14px;

    font-weight: normal;}

	

.tab #content1.section p span{  font-family: 'Roboto', sans-serif;  color: #000; font-size:14px;

    font-weight: bold;}

#x-head-lbox2 ul li {

    float: left;

    font-family: 'Roboto', sans-serif;

    color: #fff;

    padding: 0px 5px 0 25px;

    position: relative;

    line-height: 60px;

}

/* Header formatting

-------------------------------------------------- */

/* --- head main --- */

#x-head{ 

  padding-top: 10px;

    background: url(img/bg-hed.png) top center no-repeat;

    width: 100%;

   }

#x-head-logo												{ position: relative; float: none;} /* position logo homepage link */

#leftmenu {

    display: none;

}

#menu {

    display: none;

}

/* --- search box --- */

#x-head-srch												{ position:absolute; left:692px; top:55px; width:275px; }

#x-head-srch, 

#x-head-srch-sbox,

#x-head-srch-bttn											{ height:31px; line-height:31px; border:0 none !important; background:transparent none;}

#x-head-srch-sbox										{ width:217px; color:#555; font-size:13px; padding:0 10px; font-style:italic; float:left; } /* input box */

#x-head-srch-bttn											{ width:36px; float:right;  } /* float submit button link */

#x-head-srch p.x-ckbx									{ color:#888; font-size:12px; line-height:16px; margin:0; padding:10px 0 0 10px; text-align:left; clear:both; }



/* --- menu bar image links --- */

#x-head-menu{

    background: url(images/bg-menu.png) 0 0 no-repeat;

    overflow: hidden;

    float: left;

	height: 55px;

}

#x-head-promo{    display: inline-block;

    padding: 10px;

    float: left;

}

#x-head-menu a                              				{ height: 38px;

    position: relative;

    float: left;

	margin-top: 8px;

    display: block;}

#x-head-menu a#x-head-menu-01					{  width:210px; background-image:url(images/x-head-menu-01.png); }

#x-head-menu a#x-head-menu-02					{  width:114px; background-image:url(images/x-head-menu-02.png); }

#x-head-menu a#x-head-menu-03					{  width:193px; background-image:url(images/x-head-menu-03.png); }

#x-head-menu a#x-head-menu-04					{  width:164px; background-image:url(images/x-head-menu-04.png); }

#x-head-menu a#x-head-menu-05					{  width:116px; background-image:url(images/x-head-menu-05.png); }

#x-head-menu a#x-head-menu-06					{  width:164px; background-image:url(images/x-head-menu-06.png); }

#x-head-menu a#x-head-menu-01:hover  		{ background-image:url(images/x-head-menu-01h.png); }

#x-head-menu a#x-head-menu-02:hover   		{ background-image:url(images/x-head-menu-02h.png); }

#x-head-menu a#x-head-menu-03:hover   		{ background-image:url(images/x-head-menu-03h.png); }

#x-head-menu a#x-head-menu-04:hover   		{ background-image:url(images/x-head-menu-04h.png); }

#x-head-menu a#x-head-menu-05:hover   		{ background-image:url(images/x-head-menu-05h.png); }

#x-head-menu a#x-head-menu-06:hover   		{ background-image:url(images/x-head-menu-06h.png); }





#x-head-promo .promo2{ display:none;}

/* Left panel formatting

-------------------------------------------------- */

/* --- side categories menu --- */

#x-side-cats.x-tbar	h3									{    background: url(img/bg-cat.png) 0 0 no-repeat;

    background-size: 100%;

    height: 44px;

    font-size: 14px;

    color: #221f1f;

    line-height: 48px;

    font-family: 'Roboto', sans-serif;

    text-align: left;

    padding-left: 30px;

	font-weight:normal;

    text-transform: uppercase;

} 

#x-side-cats.x-tbar	h3 span									{ font-weight:bold; line-height:45px;     

   

} /* section title bar */

#x-side-cats .x-tmid, #x-side-cats .x-tbtm		{ width:240px !important; border-width:0 !important; background:url(img/bg-left.png) 0 0 repeat-y;  } 

.x-bg #LeftPanel .x-bklt1 {

   

   

}

#x-side-news p {

    color: #000;

	text-align:left;

	margin-bottom:10px;

    font-weight: normal;

	margin-left: 9px;

    font-size: 13px;

    line-height: 15px;

    font-family: 'Roboto', sans-serif;

}

#x-side-news-bttn {

    color: #000;

    background: url(img/bg-botton.png) 0 center no-repeat;

    padding: 5px 35px;

    background-size: 100%;

	line-height: 30px;

	    font-weight: bold;

}

#x-side-news-bttn {

    

    font-size: 16px;

}

#LeftPanel #x-side-news {

   

   

	margin-top: 15px;



}

#x-main #x-main-desc.x-tbar1 h2 {

    

    height: 44px;

    line-height: 45px;

	

    text-align: left;

   

}

#x-main #x-main-desc.x-tbar1 .x-tmid{ background:#fff;}

#x-main #x-main-desc.x-tbar1 h5{ display:none;}

.x-bg #LeftPanel .x-bklt1 h2{

    padding: 20px 10px;

}

/* remove bg and border if needed */

#LeftPanel .lev1												{ margin:0px; -webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}

#LeftPanel .lev1 h2						    				{     background: #ececec;

    border-bottom: 1px solid #000;

	height: 25px;

}

#LeftPanel .lev1 h2 a, #LeftPanel .lev1 span {

    font-size: 14px;

    line-height: 17px;

    font-weight: normal;

}



#LeftPanel .lev1 h2:last-child	{-webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;}

#LeftPanel .lev1 h2.first a				    				{ border-top:0 none; background: #000 url(img/l-hov.png) 5px center no-repeat; color:#fff;}

#LeftPanel .lev1 h2.first			    				{ border-top:0 none; background:#000; color:#fff;}

#LeftPanel .lev1 h2 a	        				{ 

    font-size: 14px;

	color:#000;

	font-style:italic;

    background: url(img/l.png) 5px center no-repeat;

    text-transform: uppercase;

    font-weight: bold;

    font-family: 'Open Sans', sans-serif;

	padding: 0px 10px 0px 24px;

}

#LeftPanel .lev1 li	        				{ 

    font-size: 14px;

	color:#000;

   background: url(img/l.png) 8px center no-repeat;

   

    font-weight: normal;

   font-family: 'Roboto', sans-serif;

	padding: 0px 10px 0px 10px;

}

#mystery{  margin-top: 15px;}

#lbox {

  margin-bottom: 20px;

    margin-top: 15px;

}

#LeftPanel .lev1 h2 a:hover{background: #000 url(img/l-hov.png) 5px center no-repeat; color:#fff; -webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}

#LeftPanel .lev1 h2:hover a{

    color: #fff;

    background: #000 url(img/l-hov.png) 5px center no-repeat;

	-webkit-border-bottom-right-radius: 10px;

    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-bottomright: 10px;

    -moz-border-radius-bottomleft: 10px;

    border-bottom-right-radius: 10px;

    border-bottom-left-radius: 10px;

}

#LeftPanel .lev1 li a, #LeftPanel .lev1 li span {

    font-size: 14px;

	    color: #000;

    line-height: 30px;

	

    font-family: 'Roboto', sans-serif;

	font-weight:bold;

    padding: 6px 20px;

   

    background: url(img/bg-l.png) 18px center no-repeat;

}

#LeftPanel .lev1 li:hover	{ color:#fff; background:#e07436 url(img/l-hov.png) 8px center no-repeat;}

#LeftPanel .lev1 li a:hover	{ color:#fff; }





#x-topc {

       width: 100%;

    height: 24px;

    margin: 0 auto;

    text-align: right;

    margin-top: 20px;

    line-height: 24px;

    margin-bottom: -30px;

}

#x-head-lbox1 {

  display: inline-block;

    max-width: 1250px;

    margin: auto;

	    margin: 0 0 -36px auto;

    text-align: left;

    width: 100%;

}

#x-topc span {

    background:  url(https://www.sunandfuninoc.com/id/oc-splash.png) right center no-repeat;

    padding-right: 34px;

    display: block;

    max-width: 1250px;

    margin: auto;

    font-family: Verdana, Geneva, sans-serif;

    font-size: 11px;

    font-weight: normal;

    color: #000;

}

.fat a:nth-child(3), .fat a:nth-child(6) {

	

}

/* Homepage formatting

-------------------------------------------------- */

/* --- main promo banner image full width --- */

#x-main-babg												{ width:976px; height:auto; margin:0 auto; padding:10px 0 0; overflow:hidden; display:none; }

#x-main-bann												{ /* width:942px; height:410px; margin:0 auto; */ }



/* --- main rotating banner --- */

#x-main-bann, #x-slider								{ width:942px; height:410px !important; position:relative; }

#x-main-bann												{ margin:0 auto; background:transparent url(images/x-main-bann-01.jpg) 0 0 no-repeat; } /* parent div */

#x-slider								  						{ margin:0 auto; overflow:hidden; } /* banner image size */

#x-slider img							  						{ border:0 none; }

#x-slider li							  						{ position:absolute; top:0; left:0; }

#x-slider .caption						  					{ opacity:0.8; background:#000; height:33px; padding:5px 0 0; color:#FFF; text-align:center; font:25px/1 Georgia, "Times New Roman", Times, Serif; z-index:200; display:none !important; }

.prev-link, .next-link					  					{ display:block; width:24px; height:24px; background-repeat:no-repeat; background-position:left top; position:absolute; bottom:10px; z-index:300; }

.prev-link								  						{ left:10px; background-image:url(images/prev.png ); }

.next-link								  						{ left:40px; background-image:url(images/next.png ); }

.circle									  						{ display:block; width:16px; height:16px; background:url(images/circle-empty.png ) 0 0 no-repeat; position:absolute; bottom:10px; z-index:300; }

.circle-current							  					{ background-image:url(images/circle-full.png ); }

/* --- moving the pagination buttons to the center 940 --- */

.circle[rel="0"]												{ right:502px !important; }

.circle[rel="1"]												{ right:486px !important; }

.circle[rel="2"]												{ right:470px !important; }

.circle[rel="3"]												{ right:454px !important; }



.fat{ padding: 0px 12px;

    width: 100%;

    display: inline-block; text-align:center}

.fat a{ margin: 5px;

    max-width: 305px;

    height: 175px;


    display: inline-block;

}

.fat a:hover {opacity: 0.62;

filter: alpha(opacity =62);}

.fat .fat1 a:last-child{}	

.fat .fat2 a:last-child{ margin:10px 0px 10px 0px}	



/* --- main featured categories images --- */

#x-main-fcat													{ width:100%; margin:0 auto; } /* section title bar */

#x-main-fcat img											{ width: 305px;

    

    /* margin: 13px 0 0 13px; */

    float: left;}

#x-main-fcat img.x-first									{ margin-left:0; }



/* --- main featured items --- */

#x-main-feat.x-tbar										{ background-image:url(images/x-main-tbar-feat.png); } /* section title bar */

#x-main-feat #x-feat										{ overflow:hidden; padding:0 0 9px; } /* background image */

#x-main-feat #x-feat .x-fp								{ width:168px; height:290px; background:transparent url(images/x-main-fbox.png) center top no-repeat; margin:13px 0 0 13px; float:left; }

#x-main-feat #x-feat .x-fp:first-child,

#x-main-feat #x-feat .x-fp:nth-child(5),

#x-main-feat #x-feat .x-fp:nth-child(9)			{ margin-left:0; }

#x-main-feat #x-feat .x-fp a,

#x-main-feat #x-feat .x-fp a span					{ text-align:left; font-size:12px; line-height:14px; display:block; overflow:hidden; text-decoration:none; }

#x-main-feat #x-feat .x-fp a .title					{ color:#555; height:42px; margin:15px 8px 20px; text-align:center; }

#x-main-feat #x-feat .x-fp a .title:hover			{ color:#000; }

#x-main-feat #x-feat .x-fp a .price					{ color:#555; font:bold 14px/30px "Open Sans", Arial, Tahoma, Geneva, Sans-serif; height:30px; display:block; padding:0 12px 50px; }

#x-main-feat #x-feat .x-fp a .thumb				{ width:168px; height:160px; display:table-cell; vertical-align:middle; text-align:center; }

#x-template #x-main-feat #x-feat .x-fp a .thumb { display:block; }

#x-main-feat #x-feat .x-fp a .thumb img			{ max-height:140px; width:auto; max-width:140px; margin:10px auto; }

/* remove borders for feat items box */

#x-main-feat #x-feat										{ width:717px; border-left:0 none; border-right:0 none; border-bottom:0 none; }







/* Template formatting

-------------------------------------------------- */

/* --- template description section --- */

#x-template #x-main #x-main-gall h1				{color: #221f1f;

    font-family: 'Roboto', sans-serif;

    font-size: 16px;

    background-size: 100%;

    background: url(img/bg-h1.png) 0 0 no-repeat;

    text-align: left;

    text-transform: uppercase;

    padding-left: 80px !important;

    font-weight: bold;

    margin: 0;

    height: 44px;

    padding: 10px 0 0px;

    line-height: 28px;

	

}

.bac{  background: url(img/aft-cat.png) 0 0 no-repeat;

    width: 100%;

    height: 30px;}

#x-main #x-main-gall.x-tbar							{ background-image:url(images/x-main-tbar-gall.png); } /* section title bar */

#x-main #x-main-desc.x-tbar	h3						{ background-image: url(img/bg-item.png);

   

    height: 44px;

	font-size:14px;

	   

    line-height: 45px;

	color:#221f1f;

    text-align: left;

    padding-left: 65px;

    text-transform: uppercase;

    font-weight: normal;

 } 

#x-main #x-main-desc.x-tbar	h3 span {

    font-weight: bold;

    line-height: 45px;

}/* section title bar */

#x-template #x-main .x-tmid img					{  }

#x-template #x-main .x-tmid						{ font-family: 'Open Sans', sans-serif;

    line-height: normal;

    font-size: 13px;

    padding: 10px 0 0 0;

    color: #171717;

    font-weight: normal;

	background:url(img/bg-gal.png) 0 0 repeat-y;

}

#x-template #x-main .x-tmid p{ font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #000;

    font-weight: normal;

}

#x-template #x-main .x-tmid p span{ font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #000;

    font-weight: bold;

}

#content1 .section{font-family: 'Roboto', sans-serif;

    font-size: 14px;

    color: #000;

    font-weight: normal;

}

/* --- template image gallery -- thumbs side --- */

#x-temp-gall													{     padding-top: 30px;}

#x-temp-gall #x-gall-main								{  margin-bottom:4px; float:left; } /* set spacing and border of main img holder */

#x-temp-gall #x-gall-main,

#x-temp-gall #x-gall-main .x-cntr					{     width: 670px;

    height: 600px;

    margin-left: 25px;

   /* background: url(img/bg-img.png) 0 0 no-repeat;*/} /* set main img holder size */

#x-template #x-main #x-gall-main img			{ width:auto; height:auto; max-width:100%; max-height:100%;	-moz-box-shadow: 0px 0px 8px 0px #000;

-webkit-box-shadow: 0px 0px 8px 0px #000;

-o-box-shadow: 0px 0px 8px 0px #000;

box-shadow: 0px 0px 8px 0px #000;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=8); background:#969b9d;

 } /* set main img size */

#x-temp-gall #x-gall-thmb								{ width:240px; float:right; margin-right: 35px; /*background:url(img/bg-thum.png) 0 0 no-repeat;*/ height:650px;} /* thumbs gallery container */

#x-temp-gall #x-gall-thmb h5							{ color: #fff;

    font-size: 12px;

    font-weight: normal;

    text-align: center;

    text-transform: uppercase;

	font-family: 'Roboto', sans-serif;

	padding: 2px 5px 5px 5px;

	background:#000

} /* thumbs text title */

#x-temp-gall #x-gall-thmb .x-hold					{  background:#FFF none; margin:8px 0 5px 7px; display:block; float:left; } /* set spacing and border of thumb holders */

#x-temp-gall #x-gall-thmb .x-hold:hover			{  }

#x-temp-gall #x-gall-thmb .x-hold,

#x-temp-gall #x-gall-thmb .x-cntr					{width: 110px;

    height: 110px; -moz-box-shadow: 0px 0px 8px 0px #000;

-webkit-box-shadow: 0px 0px 8px 0px #000;

-o-box-shadow: 0px 0px 8px 0px #000;

box-shadow: 0px 0px 8px 0px #000;

filter:progid:DXImageTransform.Microsoft.Shadow(color=#000, Direction=NaN, Strength=8); background:#969b9d } /* set thumb holders size */

#x-template #x-main #x-gall-thmb img			{ max-width: 110px;

    max-height: 110px; } /* set thumbs size */



/* --- dynamic button single --- */

#x-temp-bttn	   			  									{ width:100%; margin:0 auto; overflow:hidden; text-align:center; }

#x-temp-bttn div, #x-temp-bttn div a				{ width:93px; height:26px; display:block; cursor:pointer; }

#x-temp-bttn div#x-temp-bbin						{ background:transparent url(images/x-temp-bbin.png) left top no-repeat; margin:0 auto 13px; }

@media screen and (max-width:500px) 			{ #x-temp-bttn { display:none !important; } 
.tab .section { margin-left: 5px} } /* remove buttons on mobile view */



/* --- template specs table --- */

#x-main #x-spec.x-tbar									{ width:279px; background-image:url(img/bg-spef.png); margin:0 auto; padding-top:39px; float:right; margin-right: 10px;} /* section title bar */

#x-main #x-spec .x-tmid								{ width:277px !important; }

#x-main #x-spec table									{ width:277px; border:0 none; border-collapse:collapse; margin:0 auto; padding:0; }

#x-main #x-spec table th, 

#x-main #x-spec table td								{ color:#555; text-align:left; font-size:13px; line-height:16px; border:1px solid #EEE; padding:5px 10px; }

#x-main #x-spec table th								{ color:#555; font-weight:normal; width:40%; }



/* --- template terms tabs --- */

#x-main-tabs												{ }

#x-main-tabs label img										{    }

#x-main-tabs label img#x-main-ttab-01				{  margin-left:5px; }

#x-main-tabs label img#x-main-ttab-02				{  }

#x-main-tabs label img#x-main-ttab-03				{  }







/* Footer

-------------------------------------------------- */

/* --- footer left aligned --- */



#x-foot p{ max-width: 1250px;

    margin: auto;

    text-align: center;}

#x-foot															{ height:130px; background: url(img/bg-foot.png) center center no-repeat; text-align:left; }

#x-foot-subm							    				{  }

#x-foot-copy							    					{ padding:5px 0 0 20px; }



/* --- footer menu links --- */

#x-foot-subm, #x-foot-subm a						{ color:#fff; font-size:14px; line-height:16px; font-family: 'Roboto', sans-serif;     text-align: center;}

#x-foot-subm a												{ font-weight:normal; }

#x-foot-subm a:hover									{ color:#e07334; }



/* --- footer copyright --- */

#x-foot-copy { color:#e07334; font-size:11px; line-height:16px; font-family: 'Roboto', sans-serif; font-weight:normal;     text-align: center;     text-transform: uppercase;}

 #x-foot-copy a							{ color:#e07334; font-size:11px; line-height:16px; font-family: 'Roboto', sans-serif; font-weight:bold;     text-align: center;     text-transform: uppercase;}

#x-foot-copy a												{ }

#x-foot-copy a:hover										{ color:#d90000; }

#x-foot-subm span{ padding:0 20px;}

#x-foot-subm span:hover{ color:#fff;}

#tab11:checked ~ #lt1, #tab12:checked ~ .hi-mob #lt2, #tab13:checked ~ .hi-mob #lt3, #tab14:checked ~ .hi-mob #lt4, #tab15:checked ~ .hi-mob #lt5, tab16:checked ~ .hi-mob #lt6 {

    padding-left: 10px !important;

    background: url(img/moin.png) right center no-repeat;

}

.x-copy-ocdo img{ padding:0px 10px;}

#tab1:checked ~ #x-main-ttrm-01, #tab2:checked ~ #x-main-ttrm-02, #tab3:checked ~ #x-main-ttrm-03, #tab4:checked ~ #x-main-ttrm-04, #tab5:checked ~ #x-main-ttrm-05, #tab6:checked ~ #x-main-ttrm-06, #tab11:checked ~ #x-main-ttrm-01, #tab12:checked ~ #x-main-ttrm-02, #tab13:checked ~ #x-main-ttrm-03, #tab14:checked ~ #x-main-ttrm-04, #tab15:checked ~ #x-main-ttrm-05, #tab16:checked ~ #x-main-ttrm-06 {

    display: block;

	background-image: url(img/moin.png);

	

}

#tab11:checked ~ .hi-mob #lt1, #tab12:checked ~ .hi-mob #lt2, #tab13:checked ~ .hi-mob #lt3, #tab14:checked ~ .hi-mob #lt4, #tab15:checked ~ .hi-mob #lt5 {

    background-image: url(img/moin.png);

	border-bottom: none;

	margin-bottom: 0;

}

#x-main-tabs label .x-ttba .x-ffac:checked ~ #x-main-ttrm-01{ } 

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

	#x-topc{ max-width:98%;}

	#x-head{ max-width:98%;}

	

	.x-content, #x-head, #x-foot, .x-vaca{ max-width: 98%;}

	#x-main {     width: 77%;}

	

	.im{ display:block; background: url(img/hh.png); padding: 10px 5px; height:100px}
.im ul { display:none}
	.im li{ background:none;}

	#x-main #x-main-desc.x-tbar1 h2{ display:none;}

	

}

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

#leftmenu {display:none}

#leftmenu ~ #LeftPanel,

#social {

    display: none;

}

.fat a{ margin: 10px 10px 10px 0px;}

#CentralArea p, #x-main p, #x-main .x-tmid ul{ width:100%;}

#menu {

    display: block;

    position: relative;

}

#CentralArea, #x-main, #x-main-fcat, #x-main-feat, #x-main-prom, #x-main-tabs {

    width: 980px;

    margin: auto !important;

	float:none;

}

#menu label:after {

    background-image: url(img/x-head-mnav-icod.png);

    background-position: right center;

    background-repeat: no-repeat;

    color: #000000;

    content: "";

    height: 30px;

    position: absolute;

    right: 30px;

    top: 2px;

    width: 30px;

}



#x-head-lbox2 ul li a{ font-size: 12px; line-height: 40px;}

#x-head-lbox2 ul#nav1 li a{font-size: 12px;

    line-height: 40px;

    padding: 0 5px;

}

#menu label {

    background: #df6f30;

    color: #fff;

    display: inline-block;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

    padding-left: 25px;

    text-transform: uppercase;

        max-width: 320px;

    text-align: left;

    width: 100%;

    position: relative;

}

#leftmenu:checked ~ #LeftPanel{

    display: block;

    float: none;

    margin: auto !important;

    text-align: center;

}

}

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

	#x-head-menu {

    display: none;

}

#x-template #x-main #x-main-gall h1{ background: url(img/hh2.png) 0 0 repeat-x; padding-left: 10px !important;

    height: auto;

    border-bottom: 2px solid #000;}

#x-head-promo .promo1{ display:none;}

#x-head-promo .promo2{ display:block;}



	#x-main #x-main-call {

    width: 100%;

	}

	#x-main-tabs {

    display: none;

}

#tab11:checked ~ #x-main-ttrm-01 {

    display: block !important;

}



.hi-mob {

    display: block;

}

#x-foot {

    height: 60px;

    background: none;

    text-align: center;

	    background: transparent url(images/x-foot.png) -4px 0 no-repeat;

}

#x-temp-gall #x-gall-main, #x-temp-gall #x-gall-main .x-cntr {

    width: 500px;

    height: auto;

    max-width: 100%;

    max-height: 500px;

    margin: auto;

    display: inline-block;

    float: none;

    text-align: center;

}



#x-temp-gall #x-gall-thmb {

    width: 100%;

    margin: 10px auto;

    display: inline-block;

    float: none;

    text-align: center;

	    background: none;

		    height: auto;

}

	#x-main-dtab label img {

    width: 180px;

    height: 29px;

    float: left;

    margin-left: 10px;

    cursor: pointer;

}

#x-main-tabs label img {

    height: 27px;

    float: left;

    margin-left: 0px;

	width:180px;

}

#x-main .x-tbtm, #x-main-tabs			        { max-width:100%; }

#CentralArea, #x-main, #x-main-feat, #x-main .x-tbar, #x-main .x-ttop, #x-main .x-tmid, #x-main .x-tbtm, #x-main-tabs{  max-width:100%;}

#x-main-tabs {

    height: auto;

    background: transparent url(images/x-main-ttop.png) 0 29px no-repeat;

    text-align: left;

}



#x-main #x-main-desc.x-tbar {

    background-image: url(img/bg-item.png);

    background-position: 0px 5px;

	background-size:100%;

}

.hi-mob {

    display: block;

    text-align: center;

    background: #969696;

    margin-bottom: 2px;

}

#x-head-menu a#x-head-menu-01 {

    left: 0px;}

	#x-head-menu a#x-head-menu-02 {

    left: 50px;}

	#x-head-menu a#x-head-menu-03 {

    left: 160px;}

	#x-head-menu a#x-head-menu-04 {

    left: 285px;}

	#x-head-menu a#x-head-menu-05 {

    left: 350px;}

	#x-head-menu a#x-head-menu-06 {

    left: 475px;}

	#x-head-brnd{ display:none;}

	#x-head {

   

    border-bottom: 0;

}

		#leftmenu {display:none}

#leftmenu ~ #LeftPanel,

#social {

    display: none;

}

#leftmenu:checked ~ #LeftPanel{

    display:block;

}

#x-main {

    max-width: 100%;

    float: none;

    display: inline-block;

}

	

	#LeftPanel{ width:100%; margin:0;}

	#LeftPanel { width:240px !important; float:none !important; margin:auto !important}

#menu{ display:block; position:relative;}

#x-head-lbox2 #nav li {

    float: left;

    font-family: 'Roboto', sans-serif;

    color: #fff;

    padding: 0px 5px 0 15px;

    position: relative;

    line-height: 60px;

}

#x-head-lbox2 {

    background: url(img/bg-soc.png) 0 0 no-repeat;

    height: 70px;

    background-size: 100%;

    overflow: hidden;

    position: relative;

    margin: -50px auto 0;

    z-index: 2;

}

#x-head-lbox2 #nav1 li {

    font-family: 'Roboto', sans-serif;

    color: #fff;

    padding: 0px 5px 0 8px;

    position: relative;

    line-height: 60px;

}

#menu label {

    background: #df6f30;

    color: #fff;

    display: inline-block;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

    padding-left:25px;

    text-transform: uppercase;

    width: 100%;

	text-align: left;

	position:relative;

}

#menu label:after {

    background-image: url(img/x-head-mnav-icod.png);

    background-position: right center;

    background-repeat: no-repeat;

    color: #000000;

    content: "";

    height: 30px;

    position: absolute;

    right: 30px;

    top: 2px;

    width: 30px;

}

#leftmenu:checked ~ #menu label:after {

    background-image: url(img/x-head-mnav-icou.png);

    z-index: 2;

}





#x-head-menu a{ display:none;}

#x-head-brnd{ display:none;}

#x-head{ border-bottom:none; }

#x-main-fcat img {

    width: 164px;

   

  

    float: left;

}

#x-head-logo{ position:relative;     text-align: center;

    width: 100%;     margin: auto;

    }

	#x-head-promo {

    display: inline-block;

    padding: 10px;

    float: left;

    float: none;

}

#leftmenu {display:none}

#leftmenu ~ #LeftPanel,

#social {

    display: none;

}

#leftmenu:checked ~ #LeftPanel{

    display:block;

}

#x-topc {

    max-width: 98%;

}

	#x-head-cont {

    

    float: none;

    text-align: center;

    margin: auto;

    display: inline-block;

    margin-top: 15px;

}



.hi-mob{

    display: block;

    text-align: center;

    background: #000 ;

margin-bottom: 2px;

}

.hi-mob label{

	width: 96%;
text-align: left;

}

.fat a{ max-width: 305px; float:none; text-align:center; margin: 10px auto;    height: auto;}



.fat {

    

    width: 100%;

     

    margin: auto;

    text-align: center;

}

#x-head-lbox2 ul li a{ font-size: 12px; line-height: 20px;}

#x-head-lbox2 ul#nav1 li a{font-size: 12px;

    line-height: 30px;

    padding: 0 5px;

}

#x-main{ max-width:76%;}

#x-head-lbox2 #nav1 li {

    padding: 0px 5px 0px 5px;

    line-height: 20px;

}



.fat .fat2 a{ max-width: 305px; float:none; text-align:center; margin: auto;}

#x-head-lbox2 #nav li{ padding:0px 5px 0px 5px; line-height:20px;}

.fat .fat2{

    

    width: 100%;

    

    margin: 10px auto;

    text-align: center;

}

.fat .fat2 a:last-child{ margin:0;}

#tableau1 label {

    display: inline-block;

    text-align: left;

    padding: 0px;

    color: #fff;

    text-transform: uppercase;

    font-size: 16px;

    font-family: Arial, Helvetica, sans-serif;

    line-height: 42px;

	    background:#d90000 url(img/sprite.png) right -280px no-repeat;

}



#x-foot {

    height: auto;

    background: none;

    text-align: center;

      background: transparent url(images/x-foot.png) 0px 0 no-repeat;

    background-size: 100%;

}

#x-main-tabs{ display:none; }

.hi-mob{

    display: block;}

	#x-main .x-tins{ background:none; padding:0}

#tab11:checked ~ #x-main-ttrm-01{display:block !important}

#x-main-dtab{ display:none;}

#x-main-dtxt-01{display:none !important}

#tab11:checked ~ #x-main-dtxt-01{display:block !important}

#x-main-tabs{ display:none;}



#tab11:checked ~ #x-main-ttrm-01{display:block !important}

#x-main-ttrm-01{ display:block !important;}

  #tableau1 label {

  padding-left: 10px !important;}

  #x-temp-gall #x-gall-thmb img {

    max-width: 70px;

    max-height: 70px;

    width: auto;

    height: auto;

}

#x-main #x-main-desc.x-tbar	h3{ }

#x-temp-gall #x-gall-thmb .x-hold, #x-temp-gall #x-gall-thmb .x-cntr {

        width: 110px;

    height: 110px;

	float: none;



    text-align: center;

    display: inline-block;

}



#x-main-fcat {

    width: 100%;

    text-align: center;

}

#LeftPanel ul li a, #LeftPanel ul li span, #x-main-fcat a, #x-main-fcat a img, #x-main-tabs img, #x-main-feat .x-fp * {

    display: inline-block;

}

}

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

		#leftmenu {display:none}

#leftmenu ~ #LeftPanel,

#social {

    display: none;

}

#x-template #x-main #x-main-gall h1{ background: url(img/hh.png) 0 0 repeat;

    height: auto; padding-left:8px !important;}

#leftmenu:checked ~ #LeftPanel{

    display:block;

}

#x-main .x-tins{ background:none; border:none;}

#x-foot-copy {

    padding: 0px 80px 0;

}

#x-main {

    width: 100%;

}

#x-temp-gall {

    width: 100%;

}	

	#LeftPanel{ width:100%; margin:0;}

	#LeftPanel { width:240px !important; float:none !important; margin:auto !important}

#menu{ display:block; position:relative;}

#menu label {

    background: #df6f30;

    color: #fff;

    display: inline-block;

    font-size: 20px;

    height: 40px;

    line-height: 40px;

    margin-bottom: 10px;

    padding-left:25px;

    text-transform: uppercase;

    width: 100%;

	text-align: left;

	position:relative;

}

#menu label:after {

    background-image: url(img/x-head-mnav-icod.png);

    background-position: right center;

    background-repeat: no-repeat;

    color: #000000;

    content: "";

    height: 30px;

    position: absolute;

    right: 30px;

    top: 2px;

    width: 30px;

}

#leftmenu:checked ~ #menu label:after {

    background-image: url(img/x-head-mnav-icou.png);

    z-index: 2;

}





#x-head-menu a{ display:none;}

#x-head-brnd{ display:none;}

#x-head{ border-bottom:none; padding-top: 20px; height: 200px;}

#x-head-logo{ position:relative;     text-align: center; 

    width: 100%;     float: left;}

#x-head-ship{ position: relative;     width: 100%; left: inherit; top: inherit; padding-top: 20px;}

#x-head-lacalisation{ position: relative !important;     width: 100% !important; right: inherit !important; top: inherit !important;}

#x-head-contact{ position: relative;     width: 100%; left: inherit; top: inherit; padding-top: 10px;}

 img{ max-width:100%;}

#x-temp-gall #x-gall-main img {

    max-width: 350px !important;

}

#x-temp-gall #x-gall-main, #x-temp-gall #x-gall-main .x-cntr {

    width: 350px;

}





#x-temp-gall #x-gall-thmb .x-hold, #x-temp-gall #x-gall-thmb .x-cntr {

}

#x-temp-gall #x-gall-thmb img {

    max-width: 70px;

    max-height: 70px;

}

#x-main #x-spec.x-tbar {

    width: 279px;

    background-image: url(img/bg-spef.png);

    margin: 0 auto;

    padding-top: 39px;

    float: none;

    text-align: center;

    margin-right: 10px;

    margin: auto;

}

#x-main #x-main-desc.x-tbar {

        background-image: url(img/bg-item.png);

    background-position: 0px 10px;

}

#x-main-gall .x-tmid .x-tins {

    height: auto;

}

.hi-mob {

    display: block;

    text-align: center;

    background: #000;

    margin-bottom: 2px;

}

#x-head-cont {

    float: none;

    text-align: center;

    margin: auto;

    display: inline-block;

    margin-top: 20px;

}

#x-main-fcat{ width:100%; text-align:center;}

#x-main-fcat img {

    width: 168px;


    

    float: left;

    text-align: center;

    display: inline-block !important;

}

#LeftPanel ul li a, #LeftPanel ul li span, #x-main-fcat a, #x-main-fcat a img, #x-main-tabs img, #x-main-feat .x-fp *{ display:inline-block; }

#x-main-fcat img.x-first{  }

}

@media only screen and (max-width: 480px){
	.hi-mob label {
    width: 96%;
    text-align: left;
    margin: 0 5px 5px;
}

	#x-head-contact img{ width:100%;}

	#x-temp-gall #x-gall-main, #x-temp-gall #x-gall-main .x-cntr {

    width: 100%; height: auto;}

	#x-temp-gall, #x-gall-main, #x-gall-thmb{ margin:0;}

	#x-temp-gall #x-gall-main img{ max-width: 100%; }

	#x-main .x-tbtm, #x-main-tabs			        { width:100%; display:block; overflow:hidden; }

	#x-temp-gall #x-gall-thmb .x-hold, #x-temp-gall #x-gall-thmb .x-cntr {

    width: 50px;

    height: 50px;

}

#x-temp-gall #x-gall-thmb img {

    max-width: 50px;

    max-height:50px;}

	#x-main .x-tins {

    padding: 10px 0px 15px;

}

#x-main-fcat{ width:100%; text-align:center; margin:auto; display: inline-block;}

#x-main-fcat img{ margin: auto; display:inline-block; float:none; text-align:center; width:auto;}

#x-main-fcat img.x-first{ margin:auto; display:inline-block; float:none; text-align:center; width:auto; }

#x-head-cont {

    float: none;

    text-align: center;

    margin: auto;

    display: inline-block;

    margin-top: 20px;

}

#x-temp-gall #x-gall-thmb {

    width: 100%;

    /* float: right; */

    text-align: center;

    display: inline-block;

    margin: 10px auto;

	max-width:100%;

	

}



#x-main-dtxt{ width:100%;}

.hi-mob{

    display: block;

    text-align: center;

    background: #000 ;

margin-bottom: 2px;

}

#x-template #x-main .x-tmid #x-gall-main img {

    width: auto;

    max-width: 100% !important;

}

#x-main #x-main-ship {

    margin: 10px 0 18px;

}

#x-gall-main {

    width: 100%;}

.hi-mob label{

	width: 96%;

text-align: left;

}

#x-main-dtab{ display:none;}

#x-main-dtxt-01{display:none !important}

#tab11:checked ~ #x-main-dtxt-01{display:block !important}

#x-main-tabs{ display:none;}

#x-main-ttrm-01{display:none !important}

#tab11:checked ~ #x-main-ttrm-01{display:block !important}

#tableau label {

  padding-left: 10px !important;}

  #tableau1 label {

  padding-left: 10px !important;}

  #x-foot img {

    float: none;

    padding: 0px ;

}



#x-temp-gall #x-gall-thmb .x-hold, #x-temp-gall #x-gall-thmb .x-cntr {

    width: 55px;

    height: 55px;

	float: none;

    text-align: center;

    display: inline-block;

}

#x-temp-gall #x-gall-thmb img {

    max-width: 55px !important;

    max-height: 55px !important;

}

#x-foot-subm a{ float: none;

    text-align: center;

    margin: auto;

    display: inherit;}

	#x-foot-subm span{ display:none;}

	#x-foot-copy {

    padding: 0px 0 5px 2px;

    text-align: center;

}

#x-foot{ background: #000; }

#x-main-gall .x-tmid .x-tins {

    height: auto;

}

}
@media only screen and (max-width: 435px) {
	.im li:first-child img { width:65%}
.im li:last-child img { width:71%}
}