/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 990px;
}

/* Containers
----------------------------------------------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 990px;
}
.container_12 .content .grid_8, .container_12 .grid_8.search{
	width: 630px;
}

/* Grid >> Global
----------------------------------------------------------------------------------------------------*/


.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 15px;
	margin-right: 15px;
}



.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12 {
	position:relative;
}


/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
	margin-left: 0;
}

.omega {
	margin-right: 0;
}

/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .grid_1 {
	width:60px;
}

.container_12 .grid_2 {
	width:140px;
}

.container_12 .grid_3 {
	width:220px;
}

.container_12 .grid_4 {
	width:300px;
}

.container_12 .grid_5 {
	width:380px;
}

.container_12 .grid_6 {
	width:460px;
}

.container_12 .grid_7 {
	width:540px;
}

.container_12 .grid_8 {
	width:620px;
}

.container_12 .grid_9 {
	width:700px;
}

.container_12 .grid_10 {
	width:780px;
}

.container_12 .grid_11 {
	width:860px;
}

.container_12 .grid_12 {
	width:950px;
}




/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .prefix_1 {
	padding-left:80px;
}

.container_12 .prefix_2 {
	padding-left:160px;
}

.container_12 .prefix_3 {
	padding-left:240px;
}

.container_12 .prefix_4 {
	padding-left:320px;
}

.container_12 .prefix_5 {
	padding-left:400px;
}

.container_12 .prefix_6 {
	padding-left:480px;
}

.container_12 .prefix_7 {
	padding-left:560px;
}

.container_12 .prefix_8 {
	padding-left:640px;
}

.container_12 .prefix_9 {
	padding-left:720px;
}

.container_12 .prefix_10 {
	padding-left:800px;
}

.container_12 .prefix_11 {
	padding-left:880px;
}



/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .suffix_1 {
	padding-right:80px;
}

.container_12 .suffix_2 {
	padding-right:160px;
}

.container_12 .suffix_3 {
	padding-right:240px;
}

.container_12 .suffix_4 {
	padding-right:320px;
}

.container_12 .suffix_5 {
	padding-right:400px;
}

.container_12 .suffix_6 {
	padding-right:480px;
}

.container_12 .suffix_7 {
	padding-right:560px;
}

.container_12 .suffix_8 {
	padding-right:640px;
}

.container_12 .suffix_9 {
	padding-right:720px;
}

.container_12 .suffix_10 {
	padding-right:800px;
}

.container_12 .suffix_11 {
	padding-right:880px;
}



/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .push_1 {
	left:80px;
}

.container_12 .push_2 {
	left:160px;
}

.container_12 .push_3 {
	left:240px;
}

.container_12 .push_4 {
	left:320px;
}

.container_12 .push_5 {
	left:400px;
}

.container_12 .push_6 {
	left:480px;
}

.container_12 .push_7 {
	left:560px;
}

.container_12 .push_8 {
	left:640px;
}

.container_12 .push_9 {
	left:720px;
}

.container_12 .push_10 {
	left:800px;
}

.container_12 .push_11 {
	left:880px;
}



/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/


.container_12 .pull_1 {
	left:-80px;
}

.container_12 .pull_2 {
	left:-160px;
}

.container_12 .pull_3 {
	left:-240px;
}

.container_12 .pull_4 {
	left:-320px;
}

.container_12 .pull_5 {
	left:-400px;
}

.container_12 .pull_6 {
	left:-480px;
}

.container_12 .pull_7 {
	left:-560px;
}

.container_12 .pull_8 {
	left:-640px;
}

.container_12 .pull_9 {
	left:-720px;
}

.container_12 .pull_10 {
	left:-800px;
}

.container_12 .pull_11 {
	left:-880px;
}




/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

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

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

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

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}

.likely,
.likely__widget {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: inline-block;
  margin: 0;
  padding: 0;
  word-spacing: 0!important;
  text-indent: 0!important;
  list-style: none!important;
  font-weight: 400;
  font-size: inherit
}

.likely {
  opacity: 0;
  margin-bottom: 20px;
}

.likely_visible {
  opacity: 1;
  transition: opacity .1s ease-in
}

.likely>* {
  display: inline-block;
  visibility: hidden
}

.likely_visible>* {
  visibility: inherit
}

.likely__widget {
  display: inline-block;
  position: relative;
  white-space: nowrap
}

.likely__button,
.likely__counter {
  text-decoration: none;
  text-rendering: optimizeLegibility;
  display: inline-block;
  margin: 0;
  outline: 0
}

.likely__button {
  position: relative;
  user-select: none;
  font-size: 10px;
  letter-spacing: 0.5pt;
  text-transform: uppercase;
}

.likely__counter {
  position: relative;
  font-weight: 400;
  font-size: 12px;
}

.likely_ready .likely__counter {
  display: inline-block
}

.likely_ready .likely__counter_empty {
  display: none
}

.likely__widget,
.likely__icon,
.likely__button,
.likely__counter {
  vertical-align: top;
}

.likely__widget {
  transition: background .33s ease-out, color .33s ease-out, fill .33s ease-out;
  line-height: inherit
}

.likely__widget:hover,
.likely__widget:active,
.likely__widget:focus {
  transition: none;
  cursor: pointer
}

.likely__icon {
  position: relative;
  text-align: left;
  display: inline-block
}

.likely svg {
  position: absolute
}

.likely__button,
.likely__counter {
  line-height: inherit;
  cursor: inherit
}

.likely__button:empty {
  display: none
}

.likely__counter {
  text-align: center
}

.likely .likely__widget {
  color: #000;
  background: #ececec;
  background: rgba(231, 231, 231, .8)
}

.likely .likely__counter {
  background-size: 1px 1px;
  background-repeat: repeat-y;
  background-image: linear-gradient(to right, rgba(0, 0, 0, .2)0, rgba(0, 0, 0, 0).5px, rgba(0, 0, 0, 0)100%)
}

.likely-light .likely__widget {
  color: #fff;
  fill: #fff;
  background: rgba(236, 236, 236, .16);
  text-shadow: rgba(0, 0, 0, .2)0 0 .33em
}

.likely-light .likely__counter {
  background-image: linear-gradient(to right, rgba(255, 255, 255, .4)0, rgba(255, 255, 255, 0).5px, rgba(255, 255, 255, 0)100%)
}

.likely__widget_facebook {
  fill: #425497
}

.likely__widget_facebook:hover,
.likely__widget_facebook:active,
.likely__widget_facebook:focus {
  background: rgba(207, 212, 229, .8)
}

.likely-light .likely__widget_facebook:hover,
.likely-light .likely__widget_facebook:active,
.likely-light .likely__widget_facebook:focus {
  text-shadow: #425497 0 0 .25em;
  background: rgba(66, 84, 151, .7)
}

.likely__widget_twitter {
  fill: #00b7ec
}

.likely__widget_twitter:hover,
.likely__widget_twitter:active,
.likely__widget_twitter:focus {
  background: rgba(191, 237, 250, .8)
}

.likely-light .likely__widget_twitter:hover,
.likely-light .likely__widget_twitter:active,
.likely-light .likely__widget_twitter:focus {
  text-shadow: #00b7ec 0 0 .25em;
  background: rgba(0, 183, 236, .7)
}

.likely__widget_gplus {
  fill: #dd4241
}

.likely__widget_gplus:hover,
.likely__widget_gplus:active,
.likely__widget_gplus:focus {
  background: rgba(246, 207, 207, .8)
}

.likely-light .likely__widget_gplus:hover,
.likely-light .likely__widget_gplus:active,
.likely-light .likely__widget_gplus:focus {
  text-shadow: #dd4241 0 0 .25em;
  background: rgba(221, 66, 65, .7)
}

.likely__widget_vkontakte {
  fill: #526e8f
}

.likely__widget_vkontakte:hover,
.likely__widget_vkontakte:active,
.likely__widget_vkontakte:focus {
  background: rgba(211, 218, 227, .8)
}

.likely-light .likely__widget_vkontakte:hover,
.likely-light .likely__widget_vkontakte:active,
.likely-light .likely__widget_vkontakte:focus {
  text-shadow: #526e8f 0 0 .25em;
  background: rgba(82, 110, 143, .7)
}

.likely__widget_pinterest {
  fill: #cc002b
}

.likely__widget_pinterest:hover,
.likely__widget_pinterest:active,
.likely__widget_pinterest:focus {
  background: rgba(242, 191, 202, .8)
}

.likely-light .likely__widget_pinterest:hover,
.likely-light .likely__widget_pinterest:active,
.likely-light .likely__widget_pinterest:focus {
  text-shadow: #cc002b 0 0 .25em;
  background: rgba(204, 0, 43, .7)
}

.likely {
  font-size: 14px;
  line-height: 20px
}

.likely .likely__widget {
  border-radius: 3px;
  height: 22px
}

.likely .likely__widget+.likely__widget {
  margin-left: 14px
}

.likely .likely__icon {
  width: 22px;
  height: 22px
}

.likely .likely__button {
  padding: 1px 4px 1px 0
}

.likely .likely__counter {
  padding: 1px 4px
}

.likely svg {
  left: 3px;
  top: 3px;
  width: 16px;
  height: 16px
}

.likely-big {
  font-size: 18px;
  line-height: 28px
}

.likely-big .likely__widget {
  border-radius: 4px;
  height: 32px
}

.likely-big .likely__widget+.likely__widget {
  margin-left: 18px
}

.likely-big .likely__icon {
  width: 32px;
  height: 32px
}

.likely-big .likely__button {
  padding: 2px 6px 2px 0
}

.likely-big .likely__counter {
  padding: 2px 6px
}

.likely-big svg {
  left: 4px;
  top: 4px;
  width: 24px;
  height: 24px
}

.likely-small {
  font-size: 12px;
  line-height: 14px
}

.likely-small .likely__widget {
  border-radius: 2px;
  height: 18px
}

.likely-small .likely__widget+.likely__widget {
  margin-left: 12px
}

.likely-small .likely__icon {
  width: 18px;
  height: 18px
}

.likely-small .likely__button {
  padding: 2px 3px 2px 0
}

.likely-small .likely__counter {
  padding: 2px 3px
}

.likely-small svg {
  left: 3px;
  top: 3px;
  width: 12px;
  height: 12px
}