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

  

	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;

		background: #ffffff; /* for container background color */

	}



	.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:5px 3px 5px 4px;

		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:970px;margin: 0;} 	

	/* two */  			.box.two{width:440px;} 

	/* three */  		.box.three{width:273px;} 

	/* Four   		.box.four{width:190px;} */

	/* Four  */		.box.four{width:225px;}

	/* 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;}

	/* .box.four.product{ height: 430px; } */

	.box.four .product_info{ /*height: 180px;*/ height:auto; }

 	/*



	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:0px !important;}	/* 5th May 2015 */ 

	.margin-b20{margin-bottom:20px !important;}	

	.margin-b30{margin-bottom:22px !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%; height:10px;}



	.space{

		clear:both;

		width:100%;

		position:relative;

		display:table;	

	}

.box.full .flex-direction-nav {

	display:none;

}