/*Copyright Victor Ruhe Samson GbR*/
@charset "utf-8";
/*@import url("http://fast.fonts.net/lt/1.css?apiType=css&c=5adb89b1-2736-4fca-b8d6-7d0e404019f8&fontids=692088");*/
@font-face{
font-family:"Century Gothic W01";
src:url("../font/692088/bd45538f-4200-4946-b177-02de8337032d.eot?#iefix");
src:url("../font/692088/bd45538f-4200-4946-b177-02de8337032d.eot?#iefix") format("eot"),
url("../font/692088/9908cdad-7524-4206-819e-4f345a666324.woff") format("woff"),
url("../font/692088/b710c26a-f1ae-4fb8-a9fe-570fd829cbf1.ttf") format("truetype"),
url("../font/692088/c9e387df-c0d3-42e1-8de6-78c41f68594c.svg#c9e387df-c0d3-42e1-8de6-78c41f68594c") format("svg");
	
}	
h1{  font-weight:100; font-size:38px; line-height:1.25em;}
h2{  font-weight:100; font-size:26px; line-height:39px;

font-size: 20px;
line-height: 1.5em;
margin: 0px 0px 10px;
padding: 10px 0px 0px;
color: #2F37B5;
}
h3{  font-weight:100; font-size:20px; line-height:30px;}
h4{ font-weight:100; font-size:18px; line-height:24px;}
h5{ font-weight:100; font-size:18px; line-height:24px;}

p{  font-weight:100; font-size:16px;
	line-height:24px; }

.ui-loader{ display:none;}

*{margin:0; padding:0; }
*::-moz-selection {
    background-color:#9EB0E6;
    color: #fff;
}
*::selection      {  background-color:#9EB0E6; color: #fff;} 


body{ font-family:"Century Gothic W01"; background-color:#fff; -webkit-font-smoothing: antialiased;}

a
{ -webkit-transition: all 0.7s ease-out; transition: all 0.7s ease-out; cursor:pointer;  text-decoration:none; }
/*border-bottom-style:solid; border-bottom-width:1px; padding-bottom:0.25em;*/

a, a:visited{color:#808080; }
ul
{ list-style:none;   }




#wrapper{position:relative; width:100%; height:auto; margin:0 auto;}

.center{position:relative; width:90%; max-width:1300px; height:auto; margin:0 auto;}




.cat-children,.product{ margin:auto; transition:all 0.5s ease-out; -webkit-transition:all 0.5s ease-out;}


/*Version 2.0*/

/*
.col:first-child{ margin-left:0;}
.col:last-child{ margin-right:0;}

.col{position: relative;  margin:1%; float:left;  }
.I		{ width:98%; }
.II		{ width:48%; }
.III	{ width:31.3333%;}
.IV		{ width:23%;}	
.V		{ width:18%;}
.VI		{ width:14.6666%;}
*/
.item-page { position: relative;  margin:1%;  width:98%; }
.cols-1, .moduletable-cols-1	
{ position: relative;  margin:1%; float:none;  width:98%; }
.cols-2, .moduletable-cols-2		
{ position: relative;  margin:1%; float:left;  width:48%; }
.cols-3, .moduletable-cols-3	
{ position: relative;  margin:1%; float:left;  width:31.3333%;}

.cols-32, .moduletable-cols-32	
{ position: relative;  margin:1%; float:left;  width:31.3333%;}
.cols-32:nth-child(2n+1){margin-left: 18.222%}
.cols-32:nth-child(2n+1){clear:both;}

.cols-4,.moduletable-cols-4		
{ position: relative;  margin:1%; float:left;  width:23%; transition:all 0.2s ease-out; -webkit-transition:all 0.5s ease-out;}
	
.cols-5	, .moduletable-cols-5	
{ position: relative;  margin:1%; float:left;  width:18%;}
#contact .costom:nth-child(5n+1){clear:both;}
.cols-6, .moduletable-cols-6	
{ position: relative;  margin:1%; float:left;  width:14.6666%; /*background-color:rgba(255, 255, 255, 1);*/ height:370px;}

.blog .span3:nth-child(4n+1){ clear:both;}
.blog-featured .cols-3:nth-child(3n+1){clear:both;}

.clear 	{ height:0; margin:0; padding:0; clear:both;}

#totop{ position:fixed; bottom:10%; right:5%; opacity:0; transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; z-index:9999; }
#totop a{ opacity:0.5; }


@media screen and (min-width: 1100px) {

	 
 }
@media screen and (min-width: 820px) and 
  (max-width: 1100px) { 
	.cols-4, .moduletable-cols-4			
	{ width:31.3333%;}
	.blog .span3:nth-child(4n+1){ clear:none;}
	.blog .span3:nth-child(3n+1){ clear:both;}
	  
	#contact .custom .cols-5{ width: 31.333%;}
	#contact .costom:nth-child(5n+1){clear:none;}
	#contact .costom:nth-child(3n+1){clear:both;}
	
	
   } 
@media screen and (min-width: 550px) and 
  (max-width: 820px)  {
	.cols-6 { width:31.3333%;}
	.cols-4, .moduletable-cols-4, .moduletable-cols-3	
	{ width:48%;}
	.cols-3	
	{ width:48%;}
	.blog-featured .cols-3:nth-child(3n+1){clear:none;}
	.blog-featured .cols-3:nth-child(2n+1){clear:both;}
	
	h1{  font-weight:100; font-size:30px; line-height:1.25em;}
	h2{  font-weight:100; 
	
	font-size: 20px;
	line-height: 1.5em;
	margin: 0px 0px 10px;
	padding: 10px 0px 0px;
	color: #2F37B5;
	}
	h3{  font-weight:100; font-size:20px; line-height:30px;}
	h4{ font-weight:100; font-size:16px; line-height:24px;}
	h5{ font-weight:100; font-size:16px; line-height:24px;}
	
	.blog .span3:nth-child(4n+1){ clear:none;}
	.blog .span3:nth-child(3n+1){ clear:none;}	
	.blog .span3:nth-child(2n+1){ clear:both;}
	  
	#contact .custom .cols-5{ width: 48%;}
	#contact .costom:nth-child(5n+1){clear:none;}
	#contact .costom:nth-child(3n+1){clear:none;}
	#contact .costom:nth-child(2n+1){clear:both;}
	  
	 .cols-32, .moduletable-cols-32	
	{  width:48%;}
	.cols-32:nth-child(2n){margin-left:1%}
	.cols-32:nth-child(2n+2){clear:none;}
	  
	.cols-32:nth-child(2n+1){clear:both;}
	
#after_content .moduletable_kn{display:none}
   } 
   
@media screen and (max-width: 550px) {
	.cols-6 { width:48%;}
	.cols-4, .cols-3, .cols-2, .moduletable-cols-4, .moduletable-cols-3, .moduletable-cols-2	{ width:98%;}
	
	
	.blog .span3:nth-child(4n+1){ clear:none;}
	.blog .span3:nth-child(3n+1){ clear:none;}	
	.blog .span3:nth-child(2n+1){ clear:both;}
	
	h1{  font-weight:100; font-size:30px; line-height:1.25em;}
	h2{  font-weight:100;
	
	font-size: 20px;
	line-height: 1.5em;
	margin: 0px 0px 10px;
	padding: 10px 0px 0px;
	color: #2F37B5;
	}
	h3{  font-weight:100; font-size:20px; line-height:30px;}
	h4{ font-weight:100; font-size:16px; line-height:24px;}
	h5{ font-weight:100; font-size:16px; line-height:24px;}
	
	#totop{ position:fixed; bottom:5%; right:50%; margin-right:-37px; opacity:0; transition:all 0.7s ease-out; -webkit-transition:all 0.7s ease-out; z-index:9999; }
	

	#contact .custom .cols-5{ width: 98%; float: none; margin: 1% auto;}
	#contact .costom:nth-child(5n+1){clear:none;}
	#contact .costom:nth-child(3n+1){clear:none;}
	#contact .costom:nth-child(2n+1){clear:none;}
	
	 .cols-32, .moduletable-cols-32	
	{  width:98%;}
	.cols-32:nth-child(2n){margin-left:1%}
	.cols-32:nth-child(2n+2){clear:both;}
#after_content .moduletable_kn{display:none}
}