/*
* V0.2
* Copyright 2014, Siksdesign Ltd.
* www.siksdesign.com
*/

.container{
  margin-left: auto;
  margin-right: auto;
}

.column_1,
.column_2,
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9,
.column_10,
.column_11,
.column_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.row { margin-bottom: 40px }

/* Desktop */
/*@media only screen and (min-width: 1280px) {
    
body { min-width: 1200px }
.container { width: 1200px }

.container .column_1  { width: 80px }
.container .column_2  { width: 180px }
.container .column_3  { width: 280px }
.container .column_4  { width: 380px }
.container .column_5  { width: 480px }
.container .column_6  { width: 580px }
.container .column_7  { width: 680px }
.container .column_8  { width: 780px }
.container .column_9  { width: 880px }
.container .column_10 { width: 980px }
.container .column_11 { width: 1080px }
.container .column_12 { width: 1180px }

/* `Prefix *!/
.container .prefix_1  { padding-left: 100px }
.container .prefix_2  { padding-left: 200px }
.container .prefix_3  { padding-left: 300px }
.container .prefix_4  { padding-left: 400px }
.container .prefix_5  { padding-left: 500px }
.container .prefix_6  { padding-left: 600px }
.container .prefix_7  { padding-left: 700px }
.container .prefix_8  { padding-left: 800px }
.container .prefix_9  { padding-left: 900px }
.container .prefix_10 { padding-left: 1000px }
.container .prefix_11 { padding-left: 1100px }
    
/* `Suffix *!/
.container .suffix_1  { padding-right: 100px }
.container .suffix_2  { padding-right: 200px }
.container .suffix_3  { padding-right: 300px }
.container .suffix_4  { padding-right: 400px }
.container .suffix_5  { padding-right: 500px }
.container .suffix_6  { padding-right: 600px }
.container .suffix_7  { padding-right: 700px }
.container .suffix_8  { padding-right: 800px }
.container .suffix_9  { padding-right: 900px }
.container .suffix_10 { padding-right: 1000px }
.container .suffix_11 { padding-right: 1100px } 

/* Responsive classes *!/
.hidden { display: none; visibility: hidden }
.visible-phone   { display: none !important }
.visible-tablet  { display: none !important }
.visible-notebook { display: none !important }
.visible-desktop { display: inherit !important }
.hidden-desktop  { display: none !important }
}*/

/* Notebook */
@media only screen and (min-width: 980px){

body { min-width: 960px } 
.container { width: 960px }
    
.container .column_1  { width: 60px }
.container .column_2  { width: 140px }
.container .column_3  {width: 220px }
.container .column_4  { width: 300px }
.container .column_5  { width: 380px }
.container .column_6  { width: 460px }
.container .column_7  { width: 540px }
.container .column_8  { width: 620px }
.container .column_9  { width: 700px }
.container .column_10 { width: 780px }
.container .column_11 { width: 860px }
.container .column_12 { width: 940px }

/** `Prefix **/
.container .prefix_1  { padding-left: 80px }
.container .prefix_2  { padding-left: 160px }
.container .prefix_3  { padding-left: 240px }
.container .prefix_4  { padding-left: 320px }
.container .prefix_5  { padding-left: 400px }
.container .prefix_6  { padding-left: 480px }
.container .prefix_7  { padding-left: 560px }
.container .prefix_8  { padding-left: 640px }
.container .prefix_9  { padding-left: 720px }
.container .prefix_10 { padding-left: 800px }
.container .prefix_11 { padding-left: 880px }
    
/** `Suffix **/
.container .suffix_1  { padding-right: 80px }
.container .suffix_2  { padding-right: 160px }
.container .suffix_3  { padding-right: 240px }
.container .suffix_4  { padding-right: 320px }
.container .suffix_5  { padding-right: 400px }
.container .suffix_6  { padding-right: 480px }
.container .suffix_7  { padding-right: 560px }
.container .suffix_8  { padding-right: 640px }
.container .suffix_9  { padding-right: 720px }
.container .suffix_10 { padding-right: 800px }
.container .suffix_11 { padding-right: 880px } 
    
/** Responsive classes **/
.hidden-phone { display: inherit !important }
.hidden-tablet { display: inherit !important }
.hidden-notebook { display: none !important }
.hidden-desktop { display: inherit !important }

.visible-phone { display: none !important }
.visible-tablet { display: none !important }
.visible-notebook { display: inherit !important }
.visible-desktop { display: none !important }
}

/* Tablet */
@media only screen and (min-width: 760px) and (max-width: 980px) {

body { min-width: 720px } 
.container { width: 720px }

.alpha { margin-left: 0 }
.omega { margin-right: 0 }

.container .column_1  { width: 40px }
.container .column_2  { width: 100px }
.container .column_3  { width: 160px }
.container .column_4  { width: 220px }
.container .column_5  { width: 280px }
.container .column_6  { width: 340px }
.container .column_7  { width: 400px }
.container .column_8  { width: 460px }
.container .column_9  { width: 520px }
.container .column_10 { width: 580px }
.container .column_11 { width: 640px }
.container .column_12 { width: 700px }

/* `Prefix */
.container .prefix_1  { padding-left: 60px }
.container .prefix_2  { padding-left: 120px }
.container .prefix_3  { padding-left: 180px }
.container .prefix_4  { padding-left: 240px }
.container .prefix_5  { padding-left: 300px }
.container .prefix_6  { padding-left: 360px }
.container .prefix_7  { padding-left: 420px }
.container .prefix_8  { padding-left: 480px }
.container .prefix_9  { padding-left: 540px }
.container .prefix_10 { padding-left: 600px }
.container .prefix_11 { padding-left: 660px }

/** `Suffix **/
.container .suffix_1  { padding-right: 60px }
.container .suffix_2  { padding-right: 120px }
.container .suffix_3  { padding-right: 180px }
.container .suffix_4  { padding-right: 240px }
.container .suffix_5  { padding-right: 300px }
.container .suffix_6  { padding-right: 360px }
.container .suffix_7  { padding-right: 420px }
.container .suffix_8  { padding-right: 480px }
.container .suffix_9  { padding-right: 540px }
.container .suffix_10 { padding-right: 600px }
.container .suffix_11 { padding-right: 660px }
  
/** Responsive classes **/
.hidden-phone { display: inherit !important }
.hidden-tablet { display: none !important }
.hidden-notebook { display: inherit !important }
.hidden-desktop { display: inherit !important }
.visible-phone { display: none !important }
.visible-tablet { display: inherit !important }
.visible-notebook { display: none !important }
.visible-desktop { display: none !important }
}

/* Mobile */
@media only screen and (min-width: 0px) and (max-width: 760px) {

.column_1,
.column_2,
.column_3,
.column_4,
.column_5,
.column_6,
.column_7,
.column_8,
.column_9,
.column_10,
.column_11,
.column_12 {
  display: block !important;
  float: none !important;
  margin-left: 10px;
  margin-right: 10px;
}
    
* Responsive classes *
.hidden-phone { display: none !important }
.hidden-tablet { display: inherit !important }
.hidden-notebook { display: inherit !important }
.hidden-desktop { display: inherit !important }
.visible-phone { display: inherit !important }
.visible-tablet { display: none !important }
.visible-notebook { display: none !important }
.visible-desktop { display: none !important }


/* Fallback example for browsers that don't support 3D transforms (and no JS fallback) */
.no-csstransforms3d .st-pusher,
.no-js .st-pusher {
	padding-left: 250px;
}   

}

.container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0; }
.row:after,
.clearfix:after {
  clear: both; }
.row,
.clearfix {
zoom: 1; }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}