/* ----------------------------------------------------
  
	File Name: rt-css-framework.css
	By: Tolga Can
	http://themeforest.net/user/stmcan	
	
------------------------------------------------------- */  

	@import url("normalize.css");


/* ----------------------------------------------------
#
#
#	
#			CONTENTS AND SIDEBARS
#
#
#
------------------------------------------------------- */
 

	.content{ /* content area */
		width:646px;
		float:left;
		margin:0 20px 0 0;
		padding:0;
	}

	.content.right{ /* content right */ 
		float:right;
		margin:0 0 0 20px;  
	}	
	
	.fullwidth{/* full width */
		width:980px;
		float:none;
		display:block;
		margin:0 auto;
	}

	.sidebarwidth{/* page width for pages with sidebar */
		width:980px;
		float:none;
		display:block;
		margin:0 auto;
	}		
	
	.sidebar{ /* sidebar area */
		width:313px;
		float:right;
		margin:0;
	}
	
	.sidebar.left{ /* sidebar left */ 
		margin:0;
	}

	/* resolutions bigger than 1030px*/
	@media only screen and (min-width: 1030px)  { 
		.sidebar.right.fixed{position:fixed;margin-left:666px;}
		.sidebar.left.fixed{position:fixed;}	
	}
		
	/* Tablet (Portrait) 	768px */
	@media only screen and (min-width: 768px) and (max-width: 959px) { 
		
		.responsive .fullwidth{width:748px;} /* full width */
		.responsive .sidebarwidth{width:748px;} /* full width */
		.responsive .sidebarwidth .content{width:492px;}/* content area */

		.responsive .sidebar{  width:236px;  } /* sidebar area */
		.responsive .sidebar .box{ width:196px !important;}
	}
	
	
	/* Mobile (portrait) 	320px */
	@media only screen and (max-width: 767px) { 
		.responsive .fullwidth,			/* full width */
		.responsive .sidebarwidth, 		/* content width for pages with sidebar */
		.responsive .sidebarwidth .content, 	/* content area */ 
		.responsive .sidebar				/* sidebar area */				
		{
			width:320px;
			margin:0 auto;
		}

		
		.responsive .sidebar .box 		/* boxes in sidebar area */		
		{
			width:280px !important;
		}
				
		
		.responsive .sidebar.left, /* sidebar left */
		.responsive .sidebar.right /* sidebar right */ 
		{margin:0;}
	}

	/* Mobile (Landscape) 	480px */
	@media only screen and (min-width: 480px) and (max-width: 767px){
		.responsive .fullwidth,			/* full width */
		.responsive .sidebarwidth, 		/* content width for pages with sidebar */
		.responsive .sidebarwidth .content, 	/* content area */
		.responsive .sidebar				/* sidebar area */				
		{
			width:460px !important;
			margin:0 auto;
		}
		
		.responsive .sidebar .box 		/* boxes in sidebar area */		
		{
			width:420px !important;
		}
		
		
		.responsive .sidebar.left, /* sidebar left */
		.responsive .sidebar.right /* sidebar right */ 
		{margin:0;}
	} 



/* ----------------------------------------------------
#
#
#	
#			COLUMNS
#
#
------------------------------------------------------- */


	/* columns common style */
	.box{
		margin:0 10px;
		display:inline; 
		float:left;
		border:0;
		overflow:hidden;
		padding:20px;
		background:#fff;
	} 
	
	/* full width */
	.box.full,.box.one{
		margin-left:0 !important;
		margin-right:0 !important;
		clear:both;
		float:none;
		display:block;
		width:940px;
	} 

	/* box border with shadow */
	.box .padding-div{  
		margin:20px 10px 1px 10px;
		overflow:hidden;
	}

	/* box border with shadow */
	.box.border{  
		-moz-box-box-shadow:inset 0 0 0 1px #F0F0F0, 2px 2px 1px  RGBa(0,0,0, 0.035); 		
		-webkit-box-shadow:inset 0 0 0 1px #F0F0F0, 2px 2px 1px  RGBa(0,0,0, 0.035); 		
		box-shadow:inset 0 0 0 1px #F0F0F0, 2px 2px 1px  RGBa(0,0,0, 0.035); 		
	}
	
	.box.white{
		background:#fff;
	} 
	
	/* box on sidebar */
	.sidebar .box{
		float:none;
		clear:both;
		position:relative;
		display:block;
		margin:0 0 20px 0;
		width:273px;
		z-index: 1;
	} 

	/* box on sidebar under .boxes or .products-row */
	.sidebar .products-row .box, .sidebar .boxes .box{
		float:left;
		clear:none;
		position:relative;
		display:block;
	}

	/* columns in columns*/
	.box .box{
		border: 0 none !important;
		box-shadow: none !important;
		margin: 0;
		padding: 0;
	}
	
	/* Max image width */
	.box img{
		/*max-width:100% !important;*/
	}

	/*
	columns for full width
	*/
	
	/* one */			.box.full,.box.one{width:940px;margin: 0;} 	
	/* two */  			.box.two{width:440px;} 
	/* three */  		.box.three{width:273px;} 
	/* Four */  		.box.four{width:190px;} 
	/* Five */  		.box.five{width:140px;}  
	/* 2:3 column */  	.box.two-three{width:606px;} 
	/* 3:4 column */ 	.box.three-four{width:690px;} 
	/* 4:5 column */  	.box.four-five{width:740px;}
	
 
	/*
	columns for pages with sidebar
	*/
	
	/* one */			.sidebarwidth .box.full, .sidebarwidth .box.one{width:606px;margin: 0;} 	
	/* two  */			.sidebarwidth .box.two{width:273px;} 
	/* three */			.sidebarwidth .box.three{width:162px;} 
	/* Four */			.sidebarwidth .box.four{width:106px;} 
	/* Five */ 			.sidebarwidth .box.five{width:73px;} 
	/* 2:3 column */ 	.sidebarwidth .box.two-three{width:384px;} 
	/* 3:4 column */ 	.sidebarwidth .box.three-four{width:439px;} 
	/* 4:5 column */	.sidebarwidth .box.four-five{width:472px;} 
	

 	/*
	columns in columns
	*/
	 
	.box .box{margin:0 2%;padding:0;}
	
	/* one  */  .box .box.one{width:100% !important;} 
	/* two  */  .box .box.two{width:48% !important;} 
	/* three */ .box  .box.three{width:30.66% !important;} 
	/* Four */ .box .box.four{width:22% !important;} 
	/* Five */ .box  .box.five{width:16.8% !important;} 
	/* 2:3 column */ .box .box.two-three{width:65.34% !important;} 
	/* 3:4 column */ .box .box.three-four{width:74% !important;} 
	/* 4:5 column */ .box .box.four-five{width:79.2% !important;}	 
		
	/* first and last column fix*/
	.box.first{margin-left:0px !important;} 
	.box.last{margin-right:0px !important;}
	
	/* boxes clear - holder for boxes */
	.boxes{
		clear:both;
		display:block;
	} 
	
/* ----------------------------------------------------
  
		Tablet (Portrait) 	768px

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


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

		/*
		columns for full width
		*/	

		/* one */			.responsive .box.full,.responsive .box.one{width:708px;} 	
		/* two */  		.responsive .box.two{width:324px;}	
		/* three */  		.responsive .box.three{width:196px;}	
		/* Four */  		.responsive .box.four{width:132px;}	
		/* Five */  		.responsive .box.five{width:93px;}
		/* 2:3 column */  	.responsive .box.two-three{width:452px;}	
		/* 3:4 column */ 	.responsive .box.three-four{width:516px;}	
		/* 4:5 column */ 	.responsive .box.four-five{width:554px;}


		/*
		columns for pages with sidebar
		*/
		
		/* one */			.responsive .sidebarwidth .box.full,.responsive .sidebarwidth .box.one{width:452px;} 
		/* two  */ 		.responsive .sidebarwidth .box.two{width:196px;} 
		/* three */ 		.responsive .sidebarwidth .box.three{width:110px;} 
		/* Four */ 		.responsive .sidebarwidth .box.four{width:68px;} 
		/* Five */ 		.responsive .sidebarwidth .box.five{width:42px;} 
		/* 2:3 column */ 	.responsive .sidebarwidth .box.two-three{width:281px;} 
		/* 3:4 column */ 	.responsive .sidebarwidth .box.three-four{width:324px;} 
		/* 4:5 column */ 	.responsive .sidebarwidth .box.four-five{width:349px;}

		/*
		columns in columns for full width
		*/ 
		
		/* two  */  .responsive .box .box.two{width:48% !important;} 
		/* three */ .responsive .box .box.three,  
		/* Four */ .responsive .box .box.four,
		/* Five */ .responsive .box  .box.five,
		/* 2:3 column */ .responsive .box .box.two-three,
		/* 3:4 column */ .responsive .box .box.three-four,
		/* 4:5 column */ .responsive .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;}
		
		/*
		columns in columns for pages with sidebar
		*/ 
		
		/* two  */  .responsive .sidebarwidth .box .box.two,
		/* three */ .responsive .sidebarwidth .box .box.three,
		/* Four */ .responsive .sidebarwidth .box .box.four,
		/* Five */ .responsive .sidebarwidth .box .box.five,
		/* 2:3 column */ .responsive .sidebarwidth .box .box.two-three,
		/* 3:4 column */ .responsive .sidebarwidth .box .box.three-four,
		/* 4:5 column */ .responsive .sidebarwidth .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;} 

	}
	

/* ----------------------------------------------------
  
		Mobile (Portrait) 	320px

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

	/*
	columns for full width
	*/

    @media only screen and (max-width: 767px) {
	
		/* one */			.responsive .box.full,.responsive .box.one, 
		/* two */  		.responsive .box.two, 
		/* three */  		.responsive .box.three,
		/* Four */  		.responsive .box.four, 
		/* Five */  		.responsive .box.five, 
		/* 2:3 column */  	.responsive .box.two-three, 
		/* 3:4 column */ 	.responsive .box.three-four, 
		/* 4:5 column */ 	.responsive .box.four-five,
		
		/*
		columns for pages with sidebar
		*/
		
		/* one */			.responsive .sidebarwidth .box.full,.responsive .sidebarwidth .box.one,
		/* two  */ 		.responsive .sidebarwidth .box.two,
		/* three */ 		.responsive .sidebarwidth .box.three,
		/* Four */ 		.responsive .sidebarwidth .box.four,
		/* Five */ 		.responsive .sidebarwidth .box.five,
		/* 2:3 column */ 	.responsive .sidebarwidth .box.two-three,
		/* 3:4 column */ 	.responsive .sidebarwidth .box.three-four,
		/* 4:5 column */ 	.responsive .sidebarwidth .box.four-five
						{
							width:280px;
							margin-left:0;
							margin-right:0;
						}

		/*
		columns in columns
		*/
		 
		.responsive .box .box{margin:0 2%;padding:0;}
		
		/* two  */  .responsive .box .box.two,
		/* three */ .responsive .box  .box.three,
		/* Four */ .responsive .box .box.four,
		/* Five */ .responsive .box  .box.five,
		/* 2:3 column */ .responsive .box .box.two-three,
		/* 3:4 column */ .responsive .box .box.three-four,
		/* 4:5 column */ .responsive .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;} 		



		/* min-height fix */
		.responsive .box,.responsive ul.products li.box{
			min-height: 100% !important;
			height: 100% !important;
		}							
	}
		 
	

/* ----------------------------------------------------
  
		Mobile (Landscape) 	480px

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

	/*
	columns for full width
	*/

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

		/* one */			.responsive .box.full,.responsive .box.one, 
		/* two */  		.responsive .box.two, 
		/* three */  		.responsive .box.three,
		/* Four */  		.responsive .box.four, 
		/* Five */  		.responsive .box.five, 
		/* 2:3 column */  	.responsive .box.two-three, 
		/* 3:4 column */ 	.responsive .box.three-four, 
		/* 4:5 column */ 	.responsive .box.four-five,
		
		/*
		columns for pages with sidebar
		*/
		
		/* one */			.responsive .sidebarwidth .box.full,.responsive .sidebarwidth .box.one,
		/* two  */ 		.responsive .sidebarwidth .box.two,
		/* three */ 		.responsive .sidebarwidth .box.three,
		/* Four */ 		.responsive .sidebarwidth .box.four,
		/* Five */ 		.responsive .sidebarwidth .box.five,
		/* 2:3 column */ 	.responsive .sidebarwidth .box.two-three,
		/* 3:4 column */ 	.responsive .sidebarwidth .box.three-four,
		/* 4:5 column */ 	.responsive .sidebarwidth .box.four-five
						{
							width:420px;
							margin-left:0;
							margin-right:0;
						}

		/*
		columns in columns
		*/
		 
		.responsive .box .box{margin:0 2%;padding:0;}
		
		/* two  */  .responsive .box .box.two,
		/* three */ .responsive .box  .box.three,
		/* Four */ .responsive .box .box.four,
		/* Five */ .responsive .box  .box.five,
		/* 2:3 column */ .responsive .box .box.two-three,
		/* 3:4 column */ .responsive .box .box.three-four,
		/* 4:5 column */ .responsive .box .box.four-five
		{width:100% !important;margin:0 0 20px 0;} 						
		
	}
	
	
	
	
/* ----------------------------------------------------
#
#
#	
#			EASY MARGINS, LINES, SPACES, ETC. 
#
#
------------------------------------------------------- */


	/* margins */
	.margin-t0{margin-top:0px !important;}	
	.margin-t1{margin-top:1px !important;}	
	.margin-t10{margin-top:10px !important;}	 
	.margin-t20{margin-top:20px !important;}
	.margin-t30{margin-top:30px !important;}
	.margin-b0{margin-bottom:10px !important;}	 
	.margin-b10{margin-bottom:10px !important;}	 
	.margin-b20{margin-bottom:20px !important;}	
	.margin-b30{margin-bottom:30px !important;}
	.margin-b0{margin-bottom:0 !important;}
	.margin-t0{margin-top:0 !important;}
	.margin-l0{margin-left:0 !important;}
	.margin-r0{margin-right:0 !important;}

	/* padding */
	.padding-t0{padding-top:0px !important;}	
	.padding-t1{padding-top:1px !important;}	
	.padding-t10{padding-top:10px !important;}	 
	.padding-t20{padding-top:20px !important;}
	.padding-t30{padding-top:30px !important;}
	.padding-b0{padding-bottom:0px !important;}	 
	.padding-b10{padding-bottom:10px !important;}	 
	.padding-b20{padding-bottom:20px !important;}	
	.padding-b30{padding-bottom:30px !important;}
	.padding-b0{padding-bottom:0 !important;}
	.padding-t0{padding-top:0 !important;}
	.padding-l0{padding-left:0 !important;}
	.padding-r0{padding-right:0 !important;}


	/* no margin no padding */
	.nomargin{
		margin-left:0 !important;
		margin-bottom:0 !important; 
		margin-right:0 !important; 
		margin-top:0 !important;
	}
	
	.nopadding{
		padding-left:0 !important;
		padding-bottom:0 !important; 
		padding-right:0 !important; 
		padding-top:0 !important;		
	}
	
	.clear{clear:both;width:100%;}

	.space{
		clear:both;
		width:100%;
		position:relative;
		display:table;	
	}