/***** Google fonts *****/
/* Open Sans */
 @import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

/* Roboto */
@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); 

/* Roboto Condensed */
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* Manrope */
@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200;300;400;500;600;700;800&display=swap');

@font-face { 
  font-family: 'Open Sans'; 

} 

html { 
  height: 100%;
}

* { 
  margin: 0;
  padding: 0;
}

/* tell the browser to render HTML 5 elements as block */
article, aside, figure, footer, header, hgroup, nav, section { 
  display:block;
}

body { 
  font: normal 0.9em/1.5em 'Open Sans', sans-serif;
  
  font-weight: 400;
  background: #fff;
  color: #3a3637;



}

p { 
  padding: 0 0 7px 0;
 
}

img { 
  border: 0;
  margin: 0px;
  padding: 0px;
  letter-spacing: 0px;
  right: 0px;
}

strong, b {
	font-weight: 700;
	color: #554f50;
}

h1, h2, h3, h4, h5, h6 { 
  font: normal 1em Manrope, sans-serif;

  font-weight: 800;
  color: #746b6d;
  letter-spacing: 0em;
  padding: 0 0 5px 0;
}

h1 {
	font-size: 140%;
}
h2 { 
  font-size: 140%;
}

h3 { 
  font-size: 140%;
}

h4, h5, h6 { 
	font-size: 120%;
}

a { 
  outline: none;
  text-decoration: none;
  color: #0280cb;
}

a:hover { 
  text-decoration: none;
  color: #55abde;

}

blockquote { 
  margin: 10px 0; 
  padding: 10px;
  /*font-size: 90%;*/
  color: #3a3637;
  /*text-indent: 1,5em;*/
  font: normal 85% Manrope, sans-serif;
  text-align: justify;
}
blockquote::before {
	content: '"';
}
blockquote::after {
	content: '"';
}

ul { 
  margin: 2px 0 22px 17px;
  font: normal 100% 'Open Sans', sans-serif;
  font-weight: 400;
}

ul li { 
  list-style-type: circle;
  margin: 0 0 6px 0; 
  padding: 0 0 4px 5px;
  line-height: 1.5em;
  
  font: normal 100% 'Open Sans', sans-serif;
  font-weight: 400;
}
ul li b{
	font: normal 100% 'Open Sans', sans-serif;
  font-weight: 700;
	color: #554f50;
}

ol { 
  margin: 8px 0 22px 20px;
}

ol li { 
  margin: 0 0 11px 0;
}

.left { 
  float: left;
  width: auto;
  margin-right: 10px;
}

.right { 
  float: right; 
  width: auto;
  margin-left: 10px;
}

.center { 
  display: block;
  text-align: center;
  margin: 20px auto;
}

#main, nav, #container, #logo, #site_content, footer { 
  margin-left: auto; 
  margin-right: auto;
}


#main {
  margin: 5px auto;
  width: 1024px;
  background: #fff; 
  padding-bottom: 0px;
  padding-left: 30px;
  padding-right: 10px;
  
  /*box-shadow: 0px 3px 5px rgba(150,150,150,0.5);*/
}


header { 
  background: transparent;
  /*height: 80px;*/
}

#about_us{
	
	padding: 10px 10px 0px 60px;
	margin-top: 2px;
	/*font: normal 0.9em 'Open Sans', sans-serif;*/
  	font-weight: 400;
  	font-size: 90%;
  	font-family: 'Open Sans', sans-serif;
	color: #3a3637;
	background-color: #fff;
	
	/*border-bottom: 1px solid #ddd;
	border: 1px solid #ddd;
	border-radius: 10px 10px 10px 10px;
	box-shadow: 5px 5px 7px rgba(150,150,150,0.5);*/
	
}
#about_us h1 {
  	font-weight: 800;
  	color: #877d7f;
  	font-size: 140%;
  	padding-bottom: 15px;
  	padding-left: 0px;
}

#about_us p {
	font-style: normal;
}

#about_us p b {
  	font-weight: 700;
  	color: #746b6d;
}

.two_div_inline{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.two_div_inline_left{
	display: inline-block;
	
}
.two_div_inline_right{
	display: inline-block;
	
}

#logo { 
  width: 400px;
  height: 80px;
  background: transparent;
  color: #888;
  padding: 0;
  float: left;
  vertical-align: bottom;
}

#logo h1, #logo h2 { 
  font: normal 250% 'Open Sans', sans-serif;
  border-bottom: 0;
  text-transform: none;
  margin: 0;
}

#logo_text h1, #logo_text h1 a { 
  padding: 20px 0 0 0;
  color: #444;
  text-decoration: none;
}

#logo_text h1 a .logo_colour { 
  color: #ccc;
}

#logo_text a:hover .logo_colour { 
  color: #444;
}

#logo_text h2 { 
  font-size: 140%;
  padding: 0 0 0 0;
  color: #222;
}

nav { 
  height: 24px;
  width: 600px;
  float: right;
  margin: auto 10px auto auto;
  /*padding-top: 0px;*/
  padding-bottom: 9px;
  color: #777;
  background-color: transparent;
  
  
} 

#site_content { 
  width: 1024px;
  overflow: hidden;
  margin: 0px auto 0px auto;
  /*padding: 15px 0px 15px 0;*/
  
  padding-left: 1px;
  padding-right: 15px;
  padding-top: 5px;
  
} 

.infobox {
	font: normal 100% 'Open Sans', sans-serif;
  	font-weight: 400;
	margin-top: 7px;
}

.infobox ul {
	font: normal 100% 'Open Sans', sans-serif;
  	font-weight: 400;
}

.infobox li {
	
	margin-top: 7px;
	
}

.infobox li a {
	color: #877d7f;
	text-decoration: none;
}
.infobox li a:hover {
	color:  #3a3637;
}
.infobox table a {
	color: #877d7f;
	text-decoration: none;
}
.infobox table a:hover {
	color:  #3a3637;
}


#sidebar_container { 
  float: right;
  width: 224px;
  margin: 25px 0 0 0;
}

.sidebar { 
  float: right;
  width: 300px;
  margin: 0 0 0 0;
  padding: 0px 10px 5px 10px;
}

.sidebar li {
	font: 100% 'Open Sans', sans-serif;
	margin-top: 7px;
}
.sidebar p {
	font: 100% 'Open Sans', sans-serif;
}

.sidebar h3, .content h1, .page_content h1 { 
  padding: 0 5px 5px 0;
  font: 200% 'Open Sans', sans-serif;
  text-shadow:  #FFF 1px 1px;
  margin: 0 1px;
  color: #444;
  text-transform: uppercase;
  
}

.sidebar h3 { 
  color: #444;
  font: 200% 'Open Sans', sans-serif;
  padding: 0 5px 5px 0;
}

.sidebar ul { 
  margin: 0 0 15px 0;
} 

.sidebar li a, .sidebar li a:hover { 
  color: #555;
  text-decoration: none;
} 

.sidebar li a:hover { 
  text-decoration: underline;
} 

.sidebar_item, .content_item { 
  padding: 15px 0;
}
/*
.sidebar a { 
  outline: none;
  text-decoration: none;
  color: #333;
}

.sidebar a:hover { 
  text-decoration: none;
  color: #888;
}
*/
.page_content { 
  text-align: left;

  margin: 0 0 15px 0;
  float: left;
  font-size: 120%;
  padding: 25px 0 0 0;
}


.content { 
  text-align: left;
  width: 1024px;
  margin: 0 0 0px 0;
  float: left;
  padding: 0px 0px 0px 0px;
}

.content ul, .page_content ul { 
  margin: 2px 0 7px 0px;
}

.content ul li, .page_content ul li, .sidebar ul li { 
  list-style-type: none;
  background: url(../image/bullet.png) no-repeat;
  margin: 0 0 0 0; 
  padding: 0 0 4px 28px;
  line-height: 1.4em;

}
/*
.content li a, .content li a:hover { 
  color: #444;
  text-decoration: none;
} 

.content li a:hover { 
  text-decoration: underline;
} 
*/

/*
.content a:hover { 
  text-decoration: none;
  color: #2492d4;
} 
*/

footer { 
  width: 930px;
  font: 100% 'Open Sans', sans-serif;
  height: 65px;
  padding: 20px 0 20px 20px;
  text-align: left;
  /*border-top: 1px solid #ddd;*/
  background: #eee;
}

footer p { 
  line-height: 1.7em;
  padding: 0 0 20px 0;

}

footer a { 
  color: #2d2a2b;
  text-decoration: none;
}

footer a:hover { 
  color: #2d2a2b;
  text-shadow: none;
  text-decoration: underline;
}


.form_settings { 
  margin: 15px 0 0 0;
  
}

.form_settings p { 
  padding: 0 0 4px 0;

}

.form_settings span { 
  float: left; 
  /*width: 120px;*/ 
  text-align: left;
}
  
.form_settings input, .form_settings textarea { 
  padding: 5px; 
  width: 400px; 
  font: normal 100% 'Open Sans', sans-serif;
  font-weight: 400;
  border: 1px solid #D5D5D5; 
  background: #FFF; 
  color: #47433F;
  border-radius: 7px 7px 7px 7px;
  -moz-border-radius: 7px 7px 7px 7px;
  -webkit-border: 7px 7px 7px 7px;  
}
  
.form_settings .submit { 
  font: 100% 'Open Sans', sans-serif;
  font-weight: 500; 
  border: 0; 
  /*width: 130px;*/
  width: auto; 
  margin: 0 0 0 182px; 
  /*height: 33px;*/
  height: auto;
  /*padding: 2px 0 3px 0;*/
  padding: 9px 18px 9px 18px;
  cursor: pointer; 
  background: #2f93ce; 
  -webkit-border-radius: .3em .3em .3em .3em ; 
  -moz-border-radius: .3em .3em .3em .3em ;
  border-radius: .3em .3em .3em .3em ;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);  
  color: #FFF;
  border: solid 0px #2f93ce;
  background: #2f93ce;
  text-shadow: 0px 0px #2f93ce;
}

.form_settings .submit:hover {
background: #3fa2dc;
}

.form_settings textarea, .form_settings select { 
  font: 100% 'Open Sans', sans-serif; 
  font-weight: 400;
  width: 400px;
}

.form_settings select { 
  width: 310px;
}

.form_settings .checkbox { 
  margin: 4px 0; 
  padding: 0; 
  width: 14px;
  border: 0;
  background: none;
}

.separator { 
  width: 100%;
  height: 0;
  border-top: 1px solid #D9D5CF;
  border-bottom: 1px solid #FFF;
  margin: 0 0 20px 0;
}
  
table { 
  margin: 0px 0 0px 0;

  padding: 0 0 0px 0;
}



table tr th, table tr td {
	margin: 0px;
	padding: 0px 
}
  
table tr td { 
  border: none;
  	margin: 0px;
	padding: 0px 
}



/**
Stylesheet for SooperFish by www.SooperThemes.com
Author: Jurriaan Roelofs
**/

/* Configuration of menu width */
html body ul.sf-menu ul,html body ul.sf-menu ul li { 
  width: 250px;
}

html body ul.sf-menu ul ul { 
  margin: 0 0 0 0px;
}

/* Framework for proper showing/hiding/positioning */
ul.sf-menu,ul.sf-menu * { 
  margin: 0;
  padding: 0;
  
}

ul.sf-menu { 
  display: block;
  position: relative;
  /*position: absolute;*/
  padding-right: 70px;
 
}
  
ul.sf-menu li { 
  display: block;
  list-style: none;
  float: left;
  position: relative;
  
}
  
ul.sf-menu li:hover { 
  visibility: inherit; /* fixes IE7 'sticky bug' */ 
}

ul.sf-menu a { 
  display: block;
  position: relative;
  /*position: absolute;*/
}
  
ul.sf-menu ul { 
  position: absolute;
  left: 0;
  width: 150px; 
  top: auto;
  left: -999999px;
}
  
ul.sf-menu ul a { 
  zoom: 1; /* IE6/7 fix */ 
}

ul.sf-menu ul li { 
  float: left; /* Must always be floated otherwise there will be a rogue 1px margin-bottom in IE6/7 */
  width: 150px;
}
  
ul.sf-menu ul ul { 
  top: 0;
  margin: 0 0 0 150px;
}

ul.sf-menu li:hover ul,ul.sf-menu li:focus ul,ul.sf-menu li.sf-hover ul, 
ul.sf-menu ul li:hover ul,ul.sf-menu ul li:focus ul,ul.sf-menu ul li.sf-hover ul,
ul.sf-menu ul ul li:hover ul,ul.sf-menu ul ul li:focus ul,ul.sf-menu ul ul li.sf-hover ul,
ul.sf-menu ul ul ul li:hover ul,ul.sf-menu ul ul ul li:focus ul,ul.sf-menu ul ul ul li.sf-hover ul { 
  left: auto;
}
  
ul.sf-menu li:hover ul ul,ul.sf-menu li:focus ul ul,ul.sf-menu li.sf-hover ul ul,
ul.sf-menu ul li:hover ul ul,ul.sf-menu ul li:focus ul ul,ul.sf-menu ul li.sf-hover ul ul,
ul.sf-menu ul ul li:hover ul ul,ul.sf-menu ul ul li:focus ul ul,ul.sf-menu ul ul li.sf-hover ul ul,
ul.sf-menu ul ul ul li:hover ul ul,ul.sf-menu ul ul ul li:focus ul ul,ul.sf-menu ul ul ul li.sf-hover ul ul { 
  left: -999999px;
}

/* Theming the menu */
ul#nav { 
  float: right;
}

ul#nav ul { 
  background: #fff;
  margin-top: 5px;
  padding-top: 10px;
  padding-bottom: 20px;
  border: 1px solid #aaa;
  /*box-shadow: 5px 7px 7px rgba(150,150,150,0.5);*/
  /* border-radius: 10px 10px 10px 10px; */
  font: 103% 'Open Sans', sans-serif;
}


ul#nav li a { 
  padding:5px 0px 5px 15px;
  font: 130% 'Open Sans', sans-serif;
  text-decoration: none;
  color: #777;
  margin-right: 2px;
}

ul#nav li a:focus, ul#nav li.selected a, ul#nav li.selected a:hover, ul#nav li.selected a:focus { 
  color: #ccc;
  text-shadow: none;
  background: #fff;
}
ul#nav li a:hover { 
  color: #000000;
  text-shadow: none;
  background: #fff;
}

ul#nav ul li a, ul#nav li.noselected a { 
  color: #777;
  text-shadow: none;
  margin-right: 5px;
  margin-left: 5px;
}

ul#nav ul li a:hover, ul#nav li.noselected a:hover { 
  color: #000000;
  margin-right: 5px;
  margin-left: 5px;
  background: #ddd;
}



/* Image Transitions */
ul#images {
  margin: 0 15px 10px 0;
  padding: 0;
  position: relative;
}

ul#images li {
  display: block;
  overflow: hidden;
  padding: 0;
  float: left;
  width: 200px;
  height: 220px;
  list-style: none;
}


.thumb img { 
      filter: none; /* IE6-9 */ 
      -webkit-filter: grayscale(0); 
      border-radius:5px; 
      background-color: #fff; 
      border: 1px solid #ddd; 
      padding:5px; 
    } 
    .thumb img:hover { 
      filter: gray; /* IE6-9 */ 
      -webkit-filter: grayscale(1); 
    } 
    .thumb { 
      padding:5px; 
    } 
    
      
/* Gallery */
.gallery img{
	margin:0px; 
	border:2px solid #fff; /* frame */
}
a.photo:hover img{	
	opacity: 0.8
}

a.single_photo{
	text-decoration: none;
	color: #444;
}

a.single_photo:hover{
	color: #777;
}

a.single_photo:hover img{
	
	opacity: 0.8
}
a.gallery_photo:hover img{
	
	opacity: 0.8
}
#gallery a:hover{
	
	opacity: 0.8
}

.active_header_red {
	text-decoration: none;
	}
		
a.active_header_red div {
	color: #ffffff;
	background: #fc4b53;
	/*background: linear-gradient(to top, #df444b, #fe747a);*/
}

a.active_header_red:hover div {
	background: #fd656c;
}

.active_header_green {
	text-decoration: none;
	}
		
a.active_header_green div {
	color: #ffffff;
	background: #88b637;
	/*background: linear-gradient(to top, #7ca533, #99c745);*/
}

a.active_header_green:hover div {
	background: #94c143;
}

.active_header_blue {
	text-decoration: none;
	}
		
a.active_header_blue div {
	color: #ffffff;
	background: #2f93ce;
	/*background: linear-gradient(to top, #2c89bf, #42aae7);*/
}

a.active_header_blue:hover div {
	background: #3fa2dc;
}

.active_header_gray {
	text-decoration: none;
	font-family: 'Open Sans', sans-serif;
	font-weight: 500;
	
	}
.active_header_gray p{
	font-size: 120%;
	padding-left: 5px;
}
	
a.active_header_gray div {
	color: #ffffff;
	background: #bbb;
	padding-left: 10px;
	padding-top: 7px;
	padding-bottom: 2px;
	border-radius: 7px 7px 0px 0px;
}

a.active_header_gray:hover div {
	background: #c5c5c5;
}

.active_header_viol {
	text-decoration: none;
	}
	
a.active_header_viol div {
	color: #ffffff;
	background: #bcb5c1;
	/*background: linear-gradient(to top, #72657c, #9a88a8);*/
}

a.active_header_viol:hover div {
	background: #ada4b3;

}

.active_header_gold {
	text-decoration: none;
	}
	
a.active_header_gold div {
	color: #ffffff;
	background: #f79319;
	/*background: linear-gradient(to top, #e1871a, #feb257);*/
}

a.active_header_gold:hover div {
	background: #fe9f2d;
}
/* important block */
.important_block {
	background-color: #fefce8;
	border: 1px solid #D5D5D5;
	/*border-radius: 10px 10px 10px 10px;*/
	margin: 15px 20px 20px 0px;
	padding: 10px 20px 7px 20px;
	font-size: 90%;
}
/*
.important_block a {
	color: #0280cb;
	text-decoration: none;
}
.important_block a:hover {
	color: #2492d4;
	text-decoration: none;
}
*/
/* order disable block */
.order_disable {
	color: #222;
	background-color: #fff;
	/*border: 1px solid #D5D5D5;*/
	/*border-radius: 10px 10px 10px 10px;*/
	margin: 15px 20px 20px 0px;
	padding: 10px 20px 7px 20px;
	font-size: 90%;
}
/*
.order_disable a {
	color: #0280cb;
	text-decoration: none;
}
.order_disable a:hover {
	color: #2492d4;
	text-decoration: none;
}
*/
.order_disable p {
	margin-top: -7px;
}

span.price_value {
	font-size: 125%;
	font-weight: 700;
	color: #554f50;
}

#price table {
	border-collapse: collapse;
	border: 1px solid #bbb;
}

#price table td {
   padding: 5px;
   border: 1px solid #bbb;
}



.table_price table {
	border-collapse: collapse;
	border: 1px solid #bbb;
	
	font: normal 95% 'Open Sans', sans-serif;
  	font-weight: 400;
}

.table_price table td {
   padding: 5px;
   border: 1px solid #bbb;
}
.table_price table a {
	color: #877d7f;
	text-decoration: none;
}
.table_price table a:hover {
	color:  #3a3637;
}



.product_box {
	/*background: #e7e7e7;*/
	
	border-radius: 10px 10px 0px 0px;
	/*box-shadow: 7px 7px 10px rgba(142,142,142,0.5);*/
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 1px;
	padding-bottom: 1px;
}
.product_box:hover {
	background: transparent;
	/*box-shadow: 5px 5px 10px rgba(142,142,142,0.5);*/
	/*
	padding-left: 1px;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 0px;
	*/
}
/**********************************************/
/* Block */
.block h3 {
    background: #fff; /* ���� ���� */
    border: 1px solid #aaa; /* ��������� ����� */
    border-radius: 7px 7px 0px 0px;
    /*box-shadow: 5px 5px 7px rgba(150,150,150,0.5);*/
   }
.block_content {
    background: #fff; /* ���� ���� */
    border: 1px solid #ccc;  /*��������� ����� */
    /*border-radius: 10px 10px 10px 10px;*/
    /*box-shadow: 5px 5px 7px rgba(150,150,150,0.5);*/
    
   }
   .block h3 {
    /* font-size: 16px;  ������ ������ */
    display: inline-block; /* ��������� ����� ������ ������ */
    position: relative; /* ������������� ���������������� */
    border-bottom: none; /* ������� ����� ����� */
    margin-bottom: -1px; /* �������� ����� �� ������� ����� */
    padding: 10px 10px; /* ���� ������ ��������� */
    vertical-align: middle;
    
   }
   .block h3::after {
    /* content: '';  ��������� ������ ���������� ��� ���� */
    display: block; /* ������� ������� */
    position: absolute; /* ���������� ���������������� */
    top: -1px; bottom: 0;
    left: -1px; right: -1px; /* ���� ���� ������ ������ � ������ ��������� */
    z-index: -1; /* ���� ��� ������ ������ */ 
   }
   .block_content {
    padding: 10px; /* ���� ������ ������ */
    min-height: 100px; /* ����������� ������ */
   }
   .block h3::after, .block_content {
    /* box-shadow: 0 0 7px #666;  ���� */
   }
   
   /* left tabs styles */
   .left_tabs {
   	background: #bcb5c1;
   	/*background: #7bb1cd;*/
   	color: #fff;
   	opacity: 1;
   	padding-top: 7px;
    	margin-bottom: 50px;
     	
    	font-size: 105%;
		/*border: 1px solid #fff;*/
   	border-radius: 7px 7px 0px 0px;
   	height: 30px;
   	width: 85px;
   
   	
   	text-align: center;
   	/* text rotation */
   	-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
   }
   
   .left_tabs:hover {
   	background: #ada4b3;
   	color: #fff
   	opacity: 1;
   }
   
   .left_tabs_selected {
   	background: #fff;
   	/*background: #7bb1cd;*/
   	color: #777;
   	opacity: 1;
   	padding-top: 7px;
    	margin-bottom: 50px;
    	
    	font-size: 105%;
		/*border: 1px solid #fff;*/
   	border-radius: 7px 7px 0px 0px;
   	height: 30px;
   	width: 85px;
   	
   	
   	
   	text-align: center;
   	/* text rotation */
   	-o-transform: rotate(-90deg);
		-ms-transform: rotate(-90deg);
		-moz-transform: rotate(-90deg);
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg);
   	
   }
 
 
 .footer {
 font-size: 90%;
 	background: #eee;
 	color: #746b6d;
 	/*border-top: 1px solid #ddd;
 	border-bottom: 1px solid #ddd;*/
 }
 
 .footer a {
 	color: #554f50;
 	
 }
 
 .footer a:hover {
 	color:  #877d7f;
 } 
 
 .header {
 	background:#eee;
 	color: #ccc;
 	font-size: 75%;
 	margin-bottom: 0px;
 	border-bottom: 1px solid #ddd;
 	box-shadow: 0px 2px 4px rgba(150,150,150,0.4);
 } 
 
 .header a {
   color: #ccc;
 	text-decoration: none;
 } 
 
 .header a:hover {
 	text-decoration: none;
 	color: #777;
 }   

.zoom_menu {
	padding-top: 3px;
	padding-bottom: 3px;
	height: 50px;
	width: 49px;
} 
   /**********************************************/
/* Tabs */
.tabs { 
	width: 100%; padding: 0px; margin: 0 auto;
	
	}
.tabs>input { display:none; }
.tabs>div { display: none;
	 margin-left: -1px;
    padding: 12px;
    padding-top: 24px;
    border: 1px solid #fff;
    background: #fff;
    /*box-shadow: 5px 5px 7px rgba(150,150,150,0.5);*/
}
.tabs>label {
    display: inline-block;
    padding: 12px 15px 12px 15px;
    //padding: 3px;
    margin: 0 0 0 0;
    
    /*font-family: Manrope;*/
	 font-weight: 400;
	 font-size: 100%;
    
    text-align: center;
    color: #3a3637;
    border: 3px solid #fff;
    border-radius: 10px 10px 0px 0px;
    
    background: #eee;
    cursor: pointer;
}

.tabs>label:hover {
	color: #3a3637;
	background: #ddd;
	
}
.tabs>input:checked + label {
    color: #3a3637;
    text-decoration: underline;
    border: 1px solid #fff;
    border-bottom: 1px solid #fff;
	 background: #fff;
    
    /*box-shadow: 0px 3px 5px rgba(150,150,150,0.5);*/
    
}
#tab_0:checked ~ #sheet_0,
#tab_1:checked ~ #sheet_1,
#tab_2:checked ~ #sheet_2,
#tab_3:checked ~ #sheet_3,
#tab_4:checked ~ #sheet_4,
#tab_5:checked ~ #sheet_5,
#tab_6:checked ~ #sheet_6 { display: block; }



.floating-menu {
  /*margin-top: -5px;*/  
  height: 31px;
  width: 1024px;
  color: #444;
  background-color: #fff;
  z-index: 9998;
	/*box-shadow: 0px 5px 35px rgba(150,150,150,0.5);*/
}

.floating-block {
	padding-top: 90px;
	padding-left: 20px;
	/*top: 10px;*/
	width: 200px;
	
}

.fixed-block {
	position: fixed;
	top: 0px;
	z-index: 999;
	
}


/**************************/
/* Slider */
.slidershow { 
position: relative;


  background: #fff;
  
  width: 210px;
  height: 210px;
  /*overflow: hidden;*/
 
  
}
@keyframes fade {
  0%{ opacity: 0; }
  10%{ opacity: 1; }
  20%{ opacity: 1; }
  30%{ opacity: 1; }
  40%{ opacity: 1; }
  50%{ opacity: 1; }
  60%{ opacity: 0; }
  70%{ opacity: 0; }
  80%{ opacity: 0; }
  90%{ opacity: 0;} 
  100% { opacity: 0; }
}	


.slidershow img { 
  position:absolute;

  margin-left: 50px;
  margin-top: 0px;
  z-index: 10;

  opacity:0; 
  animation-name: fade; 
  animation-duration: 30s; 
  animation-iteration-count: infinite; 
}
.slidershow img:nth-child(1) { animation-delay: 0s;  }
.slidershow img:nth-child(2) { animation-delay: 3s;  }
.slidershow img:nth-child(3) { animation-delay: 10s;  }
.slidershow img:nth-child(4) { animation-delay: 15s;  }
.slidershow img:nth-child(5) { animation-delay: 20s;  }
.slidershow img:nth-child(6) { animation-delay: 25s;  }

a.icon_menu img{
	margin-left: 1px;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	opacity: 1;
}
a.icon_menu:hover img{
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	opacity: 1;
}

/* Zoom image and icon */
/**************/
.fixedframe {
    border:0;
    margin:0px;

    overflow:hidden;
    position:relative;
    float:left;
    max-height: 100%;
    max-width: 100%;
}

.zoomimage {

    position:relative;

}

.zoom_image {
	width: 265px; 
	height: 220px; 
	padding-left: auto;
	padding-right: auto;
}

.zoom_image_wrap{
	padding: 10px;
	border: 1px solid #ddd;  
	background: #e7e7e7;
}

.zoomicon {

    width:50px;
    height:50px;
    position:relative;

}

/*blue button*/
.blue_button a { 
  font: 100% 'Open Sans';
  font-weight: 500;
  text-decoration: none;
  border: 0; 
  width: auto; 
  margin: 0 0 0 0; 
  height: auto;
  padding: 9px 18px 9px 18px;
  cursor: pointer; 
  background: #2f93ce; 
  -webkit-border-radius: .3em .3em .3em .3em ; 
  -moz-border-radius: .3em .3em .3em .3em ;
  border-radius: .3em .3em .3em .3em ;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
  box-shadow: 0 1px 2px rgba(0,0,0,.2);  
  color: #FFF;
  border: solid 0px #2f93ce;
  background: #2f93ce;
  text-shadow: 0px 0px #2f93ce;
}

.blue_button a:hover {
background: #3fa2dc;
color: #FFF;
}