/* CSS Document */

/* 

 == Index ========================
 
 1. Core Skeletons
 2. Layouts
 3. Sidebars
 4. Layout padding classes
 5. Layout margin classes
 6. Responsive queries

*/

/* ================================================================================== */
/* == Core Skeletons ================================================================ */
/* ================================================================================== */

.cushion { padding:0px 20px!important; }

.skeleton {
width: 980px;
margin: 0 auto;
padding:0;
position:relative; 
z-index:2; 

}

.full-width .component_skeleton  {
width: 980px;
position:relative; margin: 0 auto;

}

/* ================================================================================== */
/* == Responsive Layout ============================================================= */
/* ================================================================================== */

.layout_element { margin-right:40px; float: left; min-height: 1px; margin-bottom:30px; }
.layout_element img { max-width:100%; }

.one_half { width:470px;  }
.one_half_last { width:470px;  }

.one_third , .one_third_last { width:300px; }

.one_fourth , .one_fourth_last { width:215px;  }


.two_third , .two_third_last{ width:638px;  }
 
.three_fourth , .three_fourth_last { width:724px;  }

.one_fifth , .one_fifth_last  { width:163px;  }

.four_fifth ,.four_fifth_last { width:770px;  }



.two-third-width .layout_element , .one-third-width .layout_element {  float: left; min-height: 1px; padding-right:4%; margin-right:0; }

.two-third-width .one_half_last , .two-third-width .one_half  , .one-third-width .one_half_last , .one-third-width .one_half { width: 48%;   }

.two-third-width .one_third , .one-third-width .one_third { width: 30.35%;   }
.two-third-width .one_third_last  , .one-third-width .one_third_last { width: 30.35%;   }

.two-third-width .one_fourth , .one-third-width .one_fourth { width: 21.45%;  }
.two-third-width .one_fourth_last , .one-third-width .one_fourth_last { width: 21.45%;   }

.two-third-width .two_third , .one-third-width .two_third { width: 65.4%;  }
.two-third-width .two_third_last , .one-third-width .two_third_last { width: 65.4%;  }

.two-third-width .three_fourth , .one-third-width .three_fourth { width: 73.05%;  }
.two-third-width .three_fourth_last , .one-third-width .three_fourth_last { width: 73.05%;  }

.two-third-width .one_fifth  , .one-third-width .one_fifth { width:16.5%;  }
.two-third-width .one_fifth_last , .one-third-width .one_fifth_last { width:16.5%;   }

.two-third-width .four_fifth  , .one-third-width .four_fifth { width:78.2%;  }
.two-third-width .four_fifth_last , .one-third-width .four_fifth_last { width:78.2%; }




.one_half_last , div.one_third_last , .one_fourth_last , .two_third_last , .three_fourth_last , .one_fifth_last  , .four_fifth_last , .one_sixth_last , .five_sixth_last  { padding-right:0!important; clear:right; margin-right:0!important;}



/* ================================================================================== */
/* == Page Layouts & Sidebar ======================================================== */
/* ================================================================================== */

/* == Right Sidebar ========================== */

.hasRightSidebar .two-third-width { float:left; width:650px; padding-right:30px;}
.hasRightSidebar .sidebar { float:left; width:280px; padding-top:0; padding-left:20px; }

/* == Left Sidebar ========================== */

.hasLeftSidebar .two-third-width { float:right; width:650px; padding-left:30px; }
.hasLeftSidebar .sidebar { float:left; width:280px; padding-top:0; padding-right:20px   }

/* == Double Left Sidebars ======================= */

.hasDoubleLeftSidebar .one-third-width { float:right; width:420px; padding-left:20px;  }
.hasDoubleLeftSidebar .sidebar { float:left; width:240px; padding-top:0; padding-right:30px;  }

/* == Double Right Sidebars ======================= */

.hasDoubleRightSidebar .one-third-width { float:left; width:420px; padding-right:20px;  }
.hasDoubleRightSidebar .sidebar { float:right; width:240px; padding-top:0; padding-left:30px;   }


/* == Double Sidebars ======================= */

.hasDoubleSidebar .one-third-width { float:left; width:420px; padding-right:40px ;  padding-left:10px;}
.hasDoubleSidebar .sidebar { float:left; width:240px;  padding-top:0; padding-right:30px;  }
.hasDoubleSidebar .right-sidebar  { float:right; width:240px;  padding-top:0; padding-right:0px; }



/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:         top, left, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}