/*======================================================================*\
|| #################################################################### ||
|| # Package - Joomla Template based on YJSimpleGrid Framework          ||
|| # Copyright (C) 2010  Youjoomla.com. All Rights Reserved.            ||
|| # license - PHP files are licensed under  GNU/GPL V2                 ||
|| # license - CSS  - JS - IMAGE files  are Copyrighted material        ||
|| # bound by Proprietary License of Youjoomla.com                      ||
|| # for more information visit http://www.youjoomla.com/license.html   ||
|| # Redistribution and  modification of this software                  ||
|| # is bounded by its licenses                                         ||
|| # websites - http://www.youjoomla.com | http://www.yjsimplegrid.com  ||
|| #################################################################### ||
\*======================================================================*/
@import url("styles.css");
body {
  line-height:28px;
}
.topout {
  display: block;
  position: relative;
  width: 100%;
  margin:0;
  padding:0;
  background-color: #2a3a49;
  background-image:url(../images/yj/topout2.jpg);
  background-repeat: no-repeat;
  background-position: center top;
  background-size:cover;
}
.topout:after {
  display:table;
  content:"";
}
h1,
h2,
h3,
h4,
h5,
h6 {
  line-height:1.47;
}
.yjsg_grid {
  padding:70px 0;
}
/* Module and Items titles */
.article_title,
.module_title {
  font-size:40px;
}
.module_subtitle {
  font-size:18px;
  color: #b3b3b3;
  padding-top:10px;
  line-height:32px;
}
/* Top menu*/
#topmenu_holder {
  margin-top:30px;
}
/* top level menu items */
ul.yjsgmenu li a,
ul.yjsgmenu.megadropline a.dlevel1a,
ul.yjsgmenu.megadropline .cleardropline,
ul.yjsgmenu.megadropline .cleardropline {
  padding:0px 20px;
  height:32px;
  line-height:32px;
  font-weight: 600;
  text-transform:uppercase;
  font-size:13px;
}
ul.yjsgmenu a span.yjm_has_desc,
ul.yjsgmenu a span.yjm_has_all,
ul.yjsgmenu.megadropline a.dlevel1a span.yjm_has_desc,
ul.yjsgmenu.megadropline a.dlevel1a span.yjm_has_all {
  padding: 10px 0;
}
/* sub levels menu items */
ul.yjsgmenu ul li a {
  line-height:35px;
  text-transform:none;
}
ul.yjsgmenu ul a span.yjm_has_desc,
ul.yjsgmenu ul a span.yjm_has_all {
  line-height:normal;
  padding:10px 0;
}
ul.yjsgmenu li a.yjanchor[class*='yjsg-button'] {
  height:28px;
  line-height:28px;
  padding:0 15px;
  font-weight:400;
}
.adminonly {
  font-family:'FontAwesome';
  position:absolute;
  top:0;
  right:15px;
  font-size:28px;
  color:#f1c40f;
  z-index:1000;
}
.adminonly:before {
  content: "\f1eb";
}
li.item321 {
  display:none;
}
/* buttons */
[class*='yjsg-button'] {
 margin-top:5px;
 -webkit-border-radius:2px;
 -khtml-border-radius:2px;
 -moz-border-radius:2px;
 border-radius:2px;
}
.yjsg-button {
  border-color:#e9e9e9;
}
 [class*='-blarge'] {
 font-size:15px;
}
 [class*='yjsg-button-clear'] {
 background:none;
 border:2px solid #fff;
 color:#fff;
 padding: 9px 16px;
}
[class*='yjsg-button-clear']:hover {
  color:#eb5858;
  background:#fff;
}
 [class*='yjsg-button-blue'] {
 background-color:#36b0e3;
}
[class*='yjsg-button-blue']:hover {
  background: #2ca0d1;
}
[class*='bjumbo'] {
 padding:20px;
 font-size:18px;
 text-align:center;
}
[class*='bupper'] {
 text-transform:uppercase;
}
/* grid combos */
.gray_out,
.blue_out,
.white_out,
.blue_light_out {
  display:block;
  position:relative;
  overflow:hidden;
  background:#fbfbfb;
  border-top:1px solid #eaeaea;
}
.blue_out {
  background: #36b0e3;
  border:none;
  color:#fff;
}
.white_out {
  background:#fff;
}
.blue_light_out {
  background: #F1F5F8;
  border-color:#e2e6e8;
}
.small_padding {
  padding:20px 0;
}
/* what we give to our customers */
.whatwegive .module_title {
  text-align:center;
  margin-bottom:70px;
}
.whatwegive .yjsg-row h2 {
  display:block;
  font-size:22px;
  margin:30px 0 15px 0;
}
.whatwegive .yjsg-row {
  margin-bottom:0px;
  padding-top:0;
  padding-bottom:0;
  -webkit-box-shadow: -1px -1px 18px 0px rgba(50, 50, 50, 0.06);
  -moz-box-shadow:    -1px -1px 18px 0px rgba(50, 50, 50, 0.06);
  box-shadow:         -1px -1px 18px 0px rgba(50, 50, 50, 0.06);
}
.whatwegive .yjsg-col-1-3 {
  border-right:1px solid #ebebeb;
  border-bottom:1px solid #ebebeb;
  padding:25px 15px;
  background:#fff;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  min-height:345px;
}
.whatwegive .yjsg-col-1-3:last-child {
  border-right:1px solid transparent;
}
.whatwegive .yjsg-row:last-child .yjsg-col-1-3 {
  border-bottom:none;
}
.whatwegive [class*='yjic'] {
  display:block;
  margin:20px auto;
  background:#fff;
  line-height:100px;
  text-align:center;
  width:100px;
  height:100px;
  font-size:48px;
  color:#eb5858;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
  -webkit-box-shadow: -1px -1px 22px 0px rgba(50, 50, 50, 0.06);
  -moz-box-shadow:    -1px -1px 22px 0px rgba(50, 50, 50, 0.06);
  box-shadow:         -1px -1px 22px 0px rgba(50, 50, 50, 0.06);
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.whatwegive .yjsg-row .yjsg-col-1-3:nth-child(even) [class*='yjic'],
.whatwegive .yjsg-row:nth-child(even) .yjsg-col-1-3:nth-child(odd) [class*='yjic'] {
  color:#2ca0d1;
}
.whatwegive .yjsg-row:nth-child(even) .yjsg-col-1-3:nth-child(even) [class*='yjic'] {
  color:#eb5858;
}
.whatwegive [class*='yjic']:before {
  line-height:100px;
}
.whatwegive .yjic-window-list-1:before {
  line-height:90px;
}
.whatwegive .yjsg-row .yjsg-col-1-3:nth-child(even):hover,
.whatwegive .yjsg-row:nth-child(even) .yjsg-col-1-3:nth-child(odd):hover {
  background:#2ca0d1;
  color:#fff;
}
.whatwegive .yjsg-row:first-child .yjsg-col-1-3:first-child:hover,
.whatwegive .yjsg-row:first-child .yjsg-col-1-3:last-child:hover,
.whatwegive .yjsg-row:nth-child(even) .yjsg-col-1-3:nth-child(even):hover {
  background:#eb5858;
  color:#fff;
}
.whatwegive .yjsg-row .yjsg-col-1-3:hover a {
  color:#191919;
}
.whatwegive .yjsg-row:first-child .yjsg-col-1-3:first-child:hover [class*='yjic'],
.whatwegive .yjsg-row:first-child .yjsg-col-1-3:last-child:hover [class*='yjic'],
.whatwegive .yjsg-row .yjsg-col-1-3:nth-child(even):hover [class*='yjic'],
.whatwegive .yjsg-row:nth-child(even) .yjsg-col-1-3:nth-child(odd):hover [class*='yjic'],
.whatwegive .yjsg-row:nth-child(even) .yjsg-col-1-3:nth-child(even):hover [class*='yjic'] {
  color:#fff;
  background:none;
  -webkit-box-shadow:none;
  -khtml-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  font-size:60px;
}
.whatwegive .yjsg-row .yjsg-col-1-3:hover h2 {
  color:#fff;
}
/*testimonials */
.testimonials {
  text-align:center;
  color:#b8c7db;
  padding:70px 0;
  background-color:#2a3a49;
  background-image:url(../images/yj/testimonials.jpg);
  background-position: center top;
  background-repeat: no-repeat;
  background-attachment:fixed;
  background-size:cover;
}
.testimonials p {
  text-align:left;
  margin-bottom:30px;
}
.testimonials .module_title {
  color:#c0cddd;
  margin-bottom:30px;
}
.testimonials .module_subtitle {
  color:#7d90a9;
}
.testimonial_by {
  color:#c0cddd;
  font-weight:700;
  font-style:italic;
  float:right;
}
.testimonial_member {
  display:block;
  text-align:right;
  clear:both;
  color:#eb5858;
  font-size:12px;
  margin-bottom:30px;
  font-style:italic;
}
.testimonial_member:hover {
  color:#7d90a9;
}
.testimonials .yjsg-row .yjsg-col-1-2:nth-child(even) .testimonial_by {
  float:left;
}
.testimonials .yjsg-row .yjsg-col-1-2:nth-child(even) .testimonial_member {
  text-align:left;
}
.testimonials [class*='yjsg-button'] {
  margin-top:50px;
}
/* yj timelines */
.yj_timelines {
  display:block;
  position:relative;
  text-align:center;
  max-height:120px;
  overflow:hidden;
  margin:20px 0 50px 0;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
}
.yj_timelines:hover {
  max-height:1800px;
}
.timeline_block {
  display:inline-block;
  position:relative;
  float:none;
  margin:0 0 0 -4px;
  padding:0;
  width:auto;
}
.timeline_top {
  padding:20px 60px;
  display:block;
  position:relative;
  border-bottom:1px solid #eaeaea;
  color:#cccccc;
}
.timeline_top:before {
  display:block;
  width:7px;
  height:7px;
  content:"";
  position:absolute;
  background:#fff;
  left:50%;
  margin-left:-7px;
  bottom:-7px;
  border:4px solid #eaeaea;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border-color 0.5s ease-in-out;
  -moz-transition: border-color 0.5s ease-in-out;
  -o-transition: border-color 0.5s ease-in-out;
  transition: border-color 0.5s ease-in-out;
}
.timeline_bottom {
  display:block;
  position:relative;
  margin:20px 0 0 0;
  text-transform:capitalize;
  color:#898989;
}
/* yj pricing timeline */

.yj_pricing_row .yj_timelines {
  max-height:200px;
}
.yj_pricing_row .timeline_block {
  width:33%;
}
.yj_pricing_row .timeline_top {
  font-size:28px;
}
.yj_pricing_row .timeline_active .timeline_top span {
  background:#fff;
  border:4px solid #eee;
  display:block;
  line-height:50px;
  margin:0 auto;
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  height:50px;
  width:50px;
}
.yj_pricing_row .timeline_bottom {
  font-size:18px;
  color:#ccc;
}
.yj_pricing_row .timeline_active .timeline_top {
  color:#eb5858;
}
.yj_pricing_row .timeline_active .timeline_top:before {
  border-color:#36b0e3;
}
.yj_pricing_row .timeline_active .timeline_bottom {
  color:#eb5858;
}
.yjacnf_container {
  border:none;
}
.yjacnf_toggler_style {
  background:#fff;
  border:1px solid #eaeaea;
  margin:0;
  border-top:none;
}
.yjacnf_toggler_style:first-child {
  border-top:1px solid #eaeaea;
}
.yjacnf_holder {
  border:1px solid #eaeaea;
  border-top:none;
  border-left:5px solid #eb5858;
}
ul.yjsgsliderPaginationTabs,
ul.yjsgsliderPaginationTabs li.active a,
.yjsg-hr-hrsolid:after {
  border-color:#eaeaea;
}
ul.yjsgsliderPaginationTabs li.active a {
  border-bottom-color: transparent;
}
.yjacnf_toggler_style .title_in {
  padding:10px 0px;
  position:relative;
  font-size:16px;
}
.yjacnf_toggler_style.active-header .title_in {
  font-weight:normal;
  color:#eb5858;
}
.yjacnf_toggler_style .title_in:before {
  content:"\f204";
  font-family:"FontAwesome";
  margin-right:10px;
  color:#ccc;
}
.yjacnf_toggler_style.active-header .title_in:before {
  content:"\f205";
  color:#eb5858;
}
/*reasons to join*/
.reasonstojoin .module_title {
  text-align:center;
}
.reasonstojoin .yjsg-col-1 {
  position:relative;
  border-left:1px solid #efefef;
  padding-left:40px;
}
.reasonstojoin img {
  padding-right:10px;
}
.reasonstojoin .yjsg-col-1:before {
  display:block;
  width:7px;
  height:7px;
  content:"";
  position:absolute;
  background:#fff;
  left:-8px;
  top:25px;
  border:4px solid #eb5858;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border-color 0.5s ease-in-out;
  -moz-transition: border-color 0.5s ease-in-out;
  -o-transition: border-color 0.5s ease-in-out;
  transition: border-color 0.5s ease-in-out;
}
.reasonstojoin .yjsg-col-1:hover:before {
  border-color:#36b0e3;
}
/* download all */
.downloadall {
  margin:-50px 0;
}
.downloadall h3 {
  font-size:32px;
  font-weight:600;
  float: left;
}
.downloadall p {
  font-size:17px;
  float: left;
}
.downloadall [class*='bjumbo'] {
  font-size:17px;
  margin-top:30px;
}
/* stay in touch */
.stayintouch {
  text-align:center;
}
.blue_out,
.blue_out .module_title,
.blue_out .module_subtitle,
.blue_out h3,
.blue_out h2,
.blue_out a {
  color:#fff;
}
.stayintouch .module_subtitle {
  margin-top:0;
}
.blue_out a {
  font-weight:600;
}





.blue_out a:hover {
  color:#121212;
}
.havequestion [class*='yjic'],
.stayintouch [class*='yjic'] {
  font-size:60px;
  display:block;
  margin:30px 0 40px 0;
}
.stayintouch .yjsg-col-1-3 {
  position:relative;
  z-index:0;
  overflow:hidden;
}
.stayintouch .yjsg-col-1-3:after {
  display:table;
  content:"";
  clear:both;
}
.stayintouch [class*='yjic'] {
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
}
.stayintouch .yjsg-col-1-3:hover .yjic-plane-paper-1 {
  transform: translate(30px, -30px);
  -webkit-transform: translate(30px, -30px);
  -o-transform: translate(30px, -30px);
  -moz-transform: translate(30px, -30px);
}
.stayintouch .yjsg-col-1-3:hover .yjic-network-2 {
  transform: translate(0, -30px);
  -webkit-transform: translate(0, -30px);
  -o-transform: translate(0, -30px);
  -moz-transform: translate(0, -30px);
}
.stayintouch .yjsg-col-1-3:hover .yjic-profile-nurse1 {
  transform:rotate(360deg);
  -webkit-transform:rotate(360deg);
  -o-transform: rotate(360deg);
  -moz-transform: rotate(360deg);
}
.stayintouch .fa {
  font-size:24px;
  margin:0 5px;
}
.stayintouch h3 {
    font-size: 28px;
    margin: 0;
    clear: both;
    display: block;
    padding: 70px 0 0 0;
}
.stayintouch p {
  margin:10px 0 70px 0;
  font-size:16px;
}
.stayintouch .yjsg-form-group-inline {
}
.stayintouch .yjsg-element-holder {
  width:30%;
  margin-right:20px;
}
.stayintouch .yjsg-element-holder.isbutton {
  width:10%;
}
.stayintouch .yjsg-element-holder input {
  padding:20px 15px;
  background:#40b4e4;
  border:2px solid #8ad1ef;
  color:#fff;
}
.stayintouch .yjsg-element-holder input.invalid {
  border-color:#ef8ab8;
}
.stayintouch .yjsg-element-holder .button {
  height: 44px;
  padding: 4px 22px;
  color:#36b0e3;
  background:#fff;
  border:2px solid #fff;
}
.stayintouch .yjsg-element-holder .button:hover {
  background:none;
  color:#fff;
  border:2px solid #8ad1ef;
}
#e::-webkit-input-placeholder, #n::-webkit-input-placeholder {
 color: #8ad1ef;
}
#e:-moz-placeholder, #n:-moz-placeholder {
 color: #8ad1ef;
}
#e::-moz-placeholder, #n::-moz-placeholder {
 color: #8ad1ef;
}
#e:-ms-input-placeholder, #n:-ms-input-placeholder {
 color: #8ad1ef;
}
/* footer */
.footer_out {
  display:block;
  position:relative;
  background:#fafafa;
  color:#ababab;
  border-top: 1px solid #ebebeb;
}
.footer_out .module_title {
  font-size:18px;
  text-transform:uppercase;
  color:#999;
}
#yjsg7 {
  padding-bottom:40px;
}
.yjsgsfx-footermenu .defaultmenu li a {
  border-bottom: 1px solid #ebebeb;
  position:relative;
  padding:0 0 0 20px;
}
.yjsgsfx-footermenu .defaultmenu li a.alast {
  border:none;
}
.yjsgsfx-footermenu .defaultmenu li a:before {
  content:'';
  display:block;
  height:5px;
  width:5px;
  position:absolute;
  background:#eb5858;
  left:0;
  top:10px;
  border:3px solid #efefef;
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
#footer {
  padding:0 15px 30px 15px;
}
#youjoomla {
  padding:0;
}
.yjsgcp {
  display:block;
  width:100%;
  border-bottom: 3px solid #ebebeb;
  margin:0 0 10px 0;
}
.yjsgcp .policy {
  float:right;
  margin:0 0px 0 15px;
}
.joomla_license {
  display:block;
  position:relative;
  font-size:12px;
  line-height:18px;
}
.yjsglogo {
  right:0;
}
/* dark */
.footer_out.dark {
  background:#243240;
  color:#708192;
  border:none;
}
.footer_out.dark .module_title {
  color:#708192;
}
.footer_out.dark .yjsgsfx-footermenu .defaultmenu li a {
  border-bottom: 1px solid #3b4d5e;
}
.footer_out.dark .yjsgsfx-footermenu .defaultmenu li a:before {
  border:3px solid #3b4d5e;
}
.footer_out.dark .yjsgsfx-footermenu .defaultmenu li a:hover,
.footer_out.dark .yjsgsfx-footermenu .defaultmenu li a.isactivea {
  background:#283847;
  color:#b9c6d4;
}
.footer_out.dark a:hover {
  color:#b9c6d4;
}
.footer_out.dark .yjsgcp {
  border-bottom: 3px solid #3d4d5f;
}
/* extensions */
.view-itemlist.joomlaextensions #midblock > .inside-container {
  padding-left:20px;
  padding-right:20px;
  overflow:hidden;
}
.yj_extension {
  display:block;
  position:relative;
  height:380px;
  overflow:hidden;
  border:3px solid #fafafa;
  margin:0px 0 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}
.yj_extension.darken {
  background:#2c3f52;
}
.yj_extension.darken:before {
  opacity:0.3;
  font-family:'v5icons';
  content:'b';
  font-size:124px;
  position:absolute;
  top:70px;
  left:15px;
  color:#3a5169;
}
.yjextensionscat .yj_extension.darken:before {
  content:'o';
}
.yjwpcat .yj_extension.darken:before {
  content:'m';
}
.extension_buttons {
  display:none;
  position:absolute;
  text-align:center;
  top:70px;
  left:0;
  right:0;
  bottom:0;
  z-index:200;
}
.yj_extension.darken .extension_buttons {
  display:block;
}
.extension_buttons [class*='yjsg-button'] {
  padding:0 10px;
}
.extension_buttons [class*='yjsg-button-yellow'] {
  color:#2c3f52;
}
.yj_extension a.imagelink {
  border:8px solid #fff;
  display:block;
  max-width:100%;
  max-height: 358px;
  overflow:hidden;
  position:relative;
}
.yjextensionscat .yj_extension {
  max-height: 370px;
}
.yjextensionscat .yj_extension a.imagelink {
  max-height: 348px;
}
.yj_extension img {
  width:100%;
  max-width:100%;
  display:block;
  position:relative;
  z-index:210;
}
img.desaturate {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  filter: grayscale(100%);
}
.yj_extension_title {
  display:block;
  position:relative;
  padding:0;
  margin:0;
  min-height:50px;
  line-height:50px;
  background:#fff;
  border-bottom:3px solid #fafafa;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.yj_extension_title:after {
  content:'';
  display:table;
  clear:both;
}
a.yj_extension_link {
  font-weight: 400;
  text-transform:capitalize;
  padding:0 0 0 5px;
  font-size:20px;
  color: #4c6881;
  max-width:50%;
  display:block;
  float:left;
  overflow:hidden;
}
a.yj_extension_link.longer {
  line-height:25px;
  max-width:150px;
  font-size:18px;
}
a.yj_extension_link:hover {
  color:#36b0e3;
}
.itemicons {
  font-size:12px;
  display:block;
  float:right;
  height:50px;
  line-height:54px;
  margin:0 10px 0 0;
  position:relative;
  overflow:hidden;
  color:#aaaaaa;
}
.itemicons a {
  color:#aaaaaa;
}
.itemicons [class*='yjic'] {
  position:relative;
  display:inline-block;
  width:20px;
}
.itemicons [class*='yjic']:before {
  font-size:16px;
  display:block;
  position:absolute;
  left:0px;
  top:-13px;
  right:0;
  bottom:0;
}
a.itemicons:hover,
.itemicons a:hover {
  color:#eb5858;
}
a.youvoted,
a.youvoted:hover,
a.youvoted:focus {
  color:#ccc;
}
/* ribbons */
.ribbon-holder {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: 0px;
  right: 0px;
  z-index:500;
}
.ribbon {
  font: bold 15px Sans-Serif;
  color: #fff;
  background:#36b0e3;
  text-align: center;
  text-transform:uppercase;
  -webkit-transform: rotate(45deg);
  -moz-transform:    rotate(45deg);
  -ms-transform:     rotate(45deg);
  -o-transform:      rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -0px;
  top:10px;
  width: 120px;
 background:;
}
.ribbon-free {
  background:#3FC380;
}
.ribbon-hot {
  background:#E74C3C;
}
.ribbon-holder.obs {
  width:135px;
  height:135px;
}
.ribbon-obs {
  background:#DB0A5B;
  top:18px;
  left:35px;
  padding:7px 20px;
  width:100%;
}
/* pagination */
.yjpagination {
  display:block;
  margin:30px 0 15px 0;
}
.yjpagination ul li,
.yjpagination ul li a,
.yjpagination ul li span {
  border:none;
}
.yjpagination ul li span,
.yjpagination ul li span:hover {
  color:#ccc;
  background:none;
}
.yjpagination ul li a {
  border-bottom:3px solid #fafafa;
  margin-right:10px;

  color:#4c6881;
}
.yjpagination ul li a:hover {
  color:#eb5858;
}
.yjpagination .yjsg-pagination-prev span {
  padding-left:0;
}
.paginaton_results {
  float:right;
  font-size:12px;
  color:#4c6881;
  border-bottom:3px solid #fafafa;
}
#productlisttabs .yjsgsliderPaginationTabs {
  border:none;
}
#productlisttabs ul.yjsgsliderPaginationTabs a {
  background:none;
  border:none;
  font-size:36px;
  color:#708192;
  margin-top:30px;
}
#productlisttabs ul.yjsgsliderPaginationTabs li.active a {
  color:#b9c6d4;
}
#productlisttabs ul.yjsgsliderPaginationTabs a .subtitle {
  font-size:14px;
  display:block;
  clear:both;
  margin:10px 0;
}
.view-itemlist.joomlatemplates .topout {
  background-image:url(../images/yj/yjsplash.jpg);
  background-position: center bottom;/*padding-bottom:100px;*/
/*  background-size:100%;*/
}
.topsingleout {
  display:none;
  position:relative;
  margin:70px 0 0 0;
  background:url(../images/yj/topsingleout.png);
}
.headings {
  display:block;
  padding: 30px 0;
  margin-bottom: 70px;
  color: #e2ebf8;
  text-align: center;
  overflow:hidden;
  background:url(../images/yj/topsingleout.png);
}
.headings .heading_title {
  color: #e2ebf8;
  font-size: 48px;
}
#productlisttabs {
  margin-bottom:70px;
}
#productlisttabs,
#productlisttabs .heading_title {
  color:#e2ebf8;
}
#productlisttabs .heading_title {
  margin:0;
  font-size:38px;
}
#productlisttabs .introtext {
  padding:10px 0px;
  max-width:800px;
  margin:0 auto;
  font-size:16px;
}
#productlisttabs .yjsgTabContent {
  padding:60px 0;
}
.templatesearch {
  margin:70px 0 20px 0;
}
.templatesearch input {
  padding:12px 12px;
  width:410px;
  border:3px solid #fafafa;
  background:none;
  text-align:center;
}
/* live search */
.LiveSearchResults,
.LiveSearchResults .LiveSearchResult,
.LiveSearchResults .LiveSearchResultHover {
  border-color:#efefef;
}
.LiveSearchHeader {
  background:none;
}
.LiveSearchResults .LiveSearchResultHover {
  background:#efefef;
}
.LiveSearchResults a {
  max-width:90%;
}
.LiveSearchResults a.hovered,
.LiveSearchResults a:hover {
  color:#eb5858;
}
.LiveSearchExpander {
  color:#444;
}
.LiveSearchResults .LiveSearchExpandDetails,
.LiveSearchResults .LiveSearchExpandDetails a:HOVER,
.LiveSearchResults .LiveSearchExpandDetails a.hovered {
  background:none;
}
.LiveSearchExpandDetails:before {
  content:"\f196";
  font-family: "FontAwesome";
  font-size:14px;
}
.LiveSearchResults a.next,
.LiveSearchResults a.back,
.LiveSearchResults a.next:hover,
.LiveSearchResults a.back:hover {
  background:none;
  color: #eb5858;
}
#defaultfeedLiveSearch::-webkit-input-placeholder {
 color: #cbcbcb;
}
#defaultfeedLiveSearch:-moz-placeholder {
 color: #cbcbcb;
}
#defaultfeedLiveSearch::-moz-placeholder {
 color: #cbcbcb;
}
#defaultfeedLiveSearch:-ms-input-placeholder {
 color: #cbcbcb;
}
/* item view */
.producttitle {
  display:block;
  position:relative;
  margin: 0px 0 90px 0;
  text-align:center;
  padding:50px 0;
  background:url(../images/yj/topsingleout.png);
}
.producttitle h1 {
  color:#e2ebf8;
  margin:0;
  font-size: 48px;
}
.producttitle span {
  display:block;
  clear:both;
  font-size:18px;
  margin:10px 0 0 0;
}
.itemimage {
  max-height:800px;
  overflow:hidden;
  display:block;
  position:relative;
  border:1px solid #eaeaea;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
.itemdetails {
  display:block;
  padding:0 0 0 30px;
  border-left:1px solid #eaeaea;
  position:relative;
}
.ctas {
  display:block;
  text-align:center;
  border:1px solid #eaeaea;
  background:#fafafa;
  padding:25px 0;
  margin:0 0 25px 0;
}
.wicon {
  margin:5px;
  font-size:16px;
  position:relative;
  padding-left:50px;
  overflow:hidden;
}
.wicon [class^="yjic-"],
.wicon .likesicon {
  display:block;
  position:absolute;
  top:0;
  left:10px;
  padding:0 10px 0 0;
  height:42px;
  line-height:44px;
  border-right:1px solid #dddddd;
}
.yjsg-button.wicon {



  color:#eb5858;
}
.yjsg-button.wicon:hover {
  color:#36b0e3;
  background:#fff;
}
.yjsg-button-color.wicon [class^="yjic-"],
.wicon .likesicon {
  border-color:#f99898;
}
.yjsg-button-blue.wicon [class^="yjic-"] {
  border-color:#77d0f6;
}
.ctas .youvoted .likesicon,
.ctas .youvoted span {
  color:#f99898;
}
.ctas .signupnow {
  clear:both;
  display:block;
  max-width:260px;
  margin:10px auto;
  float:none;
  text-transform:uppercase;
}
.itimeline:before {
  display:block;
  width:7px;
  height:7px;
  content:"";
  position:absolute;
  background:#fff;
  left:-8px;
  margin-top: 6px;
  border:4px solid #eaeaea;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border-color 0.5s ease-in-out;
  -moz-transition: border-color 0.5s ease-in-out;
  -o-transition: border-color 0.5s ease-in-out;
  transition: border-color 0.5s ease-in-out;
}
.itimeline:hover:before {
  border-color:#36b0e3;
}
.detail {
  padding:0 0 20px 0;
  display:block;
}
span.subinfo {
  display:block;
  font-weight:bold;
  float:none;
  clear:both;
  margin:0 0 20px 0;
}
.detail_timeline {
  display:block;
  position:relative;
  text-align:center;
  max-height:120px;
  overflow:hidden;
  margin:20px 0 50px 0;
  -webkit-transition: max-height 0.8s;
  -moz-transition: max-height 0.8s;
  transition: max-height 0.8s;
}
.detail_timeline:hover {
  max-height:1800px;
}
.timelinedetail {
  display:inline-block;
  position:relative;
  float:none;
  margin:0 0 0 -4px;
  padding:0;
  width:auto;
}
.timelinename {
  padding:20px 40px;
  display:block;
  position:relative;
  border-bottom:1px solid #eaeaea;
  color:#cccccc;
}
.timelinename:before {
  display:block;
  width:7px;
  height:7px;
  content:"";
  position:absolute;
  background:#fff;
  left:50%;
  margin-left:-7px;
  bottom:-7px;
  border: 4px solid #eaeaea;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: border-color 0.5s ease-in-out;
  -moz-transition: border-color 0.5s ease-in-out;
  -o-transition: border-color 0.5s ease-in-out;
  transition: border-color 0.5s ease-in-out;
}
.timelineinfo {
  display:block;
  position:relative;
  margin:20px 0 0 0;
  text-transform:capitalize;
  color:#898989;
}
.timelinedetail:hover a {
  color:#eb5858;
}
.timelinedetail:hover .timelinename:before {
  border-color:#36b0e3;
}
.productchangelog,
.opendialog {
  background: white;
  padding:0;
  max-width:1200px;
  max-height:800px;
  overflow:auto;
  margin: 40px auto;
  position: relative;
}
.spacing {
  padding:20px;
}
.smaller {
  max-width:600px;
}
.productchangelog {
  font-family: Monaco, menlo, Consolas, monospace, serif;
}
.productchangelog .title {
  margin-bottom:10px;
}
.jversions {
  margin:0 10px;
}
.featureimg {
  font-family:'v5icons';
  display:block;
  overflow:hidden;
  height:180px;
  padding:0;
  position:relative;
  margin:0 10px 45px 10px;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.featureimg:before {
  display:block;
  font-size:88px;
  margin-top:75px;
  color:#fff;
}
.adminfeature {
  background:#eb6a5a;
}
.adminfeature:before {
  content:'1';
}
.megamenufeature {
  background:#2898cd;
}
.megamenufeature:before {
  content:'l';
}
.seofeature {
  background:#266590;
}
.seofeature:before {
  content:"\e01d";
}
.responsivefeature {
  background:#fd6120;
}
.responsivefeature:before {
  content:"\e00e";
  margin-left:-50px;
}
.responsivefeature:after {
  content:"\e00d";
  display:block;
  font-size:54px;
  margin:-18px 0 0 90px;
  color:#fff;
}
.shotcodesfeature {
  background:#4bd6c1;
}
.shotcodesfeature:before {
  content:'p';
}
.fontsfeature {
  background:#f99b1c;
}
.fontsfeature:before {
  content:"\e015";
}
/* Styles for dialog window */

.yj_extension_quick {
  background: #fff;
  padding:0;
  text-align: left;
  max-width:900px;
  height:600px;
  margin: 40px auto;
  position: relative;
  overflow:hidden;
  display:table;
}
.popupleft {
  display:table-cell;
  overflow:hidden;
  width:450px;
}
.popupleft_in {
  height:450px;
  overflow:hidden;
  display:block;
}
.popupleft img {
  width:100%;
  max-width:100%;
}
.popupright {
  display:table-cell;
  padding:50px 20px;
  margin:0;
  vertical-align:top;
}
.relatedextensions {
  padding-bottom:70px;
}
.relatedextensions .module_title {
  margin-bottom:70px;
}
.relatedextensions .extrows {
  padding:0;
}
.relatedextensions .extrows [class*='yjsg-col-'] {
  padding:0;
  background:#F1F5F8;
  display:block;
}
/*.secondrow [class*='yjsg-col-']{
  float:right;
}*/
.ext_desc {
  display:block;
  padding:30px 50px;
  overflow:hidden;
  height:300px;
  color:#2f475c;
}
.relatedextensions .ext_img {
  width:100%;
  display:block;
  overflow:hidden;
  height:300px;
}
.relatedextensions .ext_img img {
  width:100%;
  display:block;
}
.relatedextensions .singlecol .ext_img img {
  margin:-140px 0 0 0;
}
.relatedextensions .ext_title {
  font-size:18px;
  text-transform:uppercase;
  line-height:28px;
  font-weight:600;
}
.relatedextensions .ext_more_info {
  clear:both;
  display:block;
  font-style:italic;
  font-weight:600;
}
/* rel templates */
#related_templates {
  margin:50px 0 0 0;
  padding:0;
  display:block;
  list-style:none;
}
#related_templates li {
  display:inline-block;
  margin:0 35px;
  padding:0;
}
#related_templates li a {
  display:block;
}
#related_templates li a span {
  display:block;
  overflow:hidden;
}
#related_templates li a span.ext_img,
#related_templates li a span.ext_img img {
  width:100%;
  height:auto;
}
#related_templates li a span.ext_title {
  margin-top:10px;
}
#related_templates li a span.ext_img {
  max-height:280px;
  border:5px solid #9be2ff;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
#related_templates li a span.ext_title {
  font-size:22px;
  line-height:50px;
  font-weight:normal;
  height:50px;
}
/* pricing tables */
.yjplanxtdended,
.yjplanextdholder {
  overflow:visible;
}
.yjplanxtdended.yjplans ul li.lastrow {
  display:block;
}
.yjplanxtdended.yjplans ul li.row0 {
}
.yjplanxtdended.yjplans ul li.row1 {
  font-size:48px;
  height:120px;
  line-height:120px;
  padding:0;
  background:#fafafa;
  color:#ddd;
}
.yjplanxtdended.yjplans .yjic-coins-2 {
  display:block;
  margin-top:10px;
}
.yjplanxtdended.yjplans ul.isactive {
  background:#36b0e3;
  border-color:#4dc0f0;
}
.yjplanxtdended.yjplans ul.isactive li {
  border-color:#4dc0f0;
}
.yjplanxtdended ul li.yjplanstitle {
  background:#fff;
  border:none;
  color:#ddd;
  font-size:28px;
  height:70px;
  line-height:70px;
  padding:0;
}
.yjplanxtdended.yjplans ul.isactive li.yjplanstitle,
.yjplanxtdended.yjplans ul.isactive li.row1 {
  background:#3db6e9;
  color:#fff;
}
div.yjplanextdholder.separated ul li.yjplanstitle,
.yjplanxtdended ul.isactive,
.yjplanxtdended ul.lastcolumn,
.yjplanxtdended ul.firstcolumn li.yjplanstitle,
.yjplanxtdended ul.firstcolumn,
.yjplanxtdended ul.lastcolumn li.yjplanstitle {
  -webkit-border-radius:0px;
  -khtml-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.yjplanxtdended ul,
.yjplanxtdended ul.lastcolumn,
.yjplanxtdended ul li {
  border-color:#eaeaea;
  position:relative;
}
.yjplanxtdended ul li {
  min-height:50px;
  overflow:visible;
}
.yjplanxtdended .planicons {
  font-size:20px;
}
.yjplanxtdended .planicons.fa-check,
.yjplanxtdended .planicons.fa-toggle-on {
  color: #26C281;
}
.yjplanxtdended .planicons.fa-remove {
  color:#ddd;
}
.yjplanxtdended.yjplans ul.isactive span.planicons {
  color:#fff;
}
.yjplanxtdended .yjsg-button {
  color:#eb5858;
  text-transform:uppercase;
  width:80%;
  font-weight:600;
  border-width:2px;
  border-color:#f0f0f0;
}
.yjplanxtdended.yjplans ul.isactive .yjsg-button {

  background:#fff;
  color:#3db6e9;
  border-color:#fff;
}
.includebranding {
  display:block;
  position:absolute;
  top:0;
  font-size:20px;
  width:100%;
  height:50px;
  padding:0;
  margin:0;
}
.branding {
  text-align:left;
}
input[type=checkbox].addcpch {
  position:absolute;
  z-index:1;
  top:0;
  left:0;
  width:100%;
  height:50px;
  -moz-opacity: 0.01;
  -khtml-opacity: 0.01;
  opacity: 0.01;
  padding:0;
  margin:0;
}
.includebranding .fa {
  position:relative;
}
.includebranding .fa:before {
  position:absolute;
  top:-8px;
  left:80px;
}
.yjcheck {
  display:block;
  position:relative;
  height:16px;
  width:40px;
  border:2px solid #ccc;
  -webkit-border-radius:8px;
  -khtml-border-radius:8px;
  -moz-border-radius:8px;
  border-radius:8px;
  margin:0px auto;
  top:8px;
}
.includebranding .yjcheck {
  position:absolute;
  right:50px;
  top:15px;
}
.yjcheck .bubble {
  border:2px solid #ccc;
  display:block;
  position:absolute;
  left:-2px;
  top:-2px;
  width:16px;
  height:16px;
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
  margin-left:0px;
}
.yjplanxtdended.yjplans ul.isactive .yjcheck.check-off,
.yjplanxtdended.yjplans ul.isactive .yjcheck .bubble {
  border-color:#fff;
}
.yjcheck.check-off,
.yjcheck.check-off .bubble {
  background:none;
}
.yjcheck.check-on {
  background:#26C281;
  border-color:#26C281;
}
.yjcheck.check-on .bubble {
  background:#fff;
  border-color:#fff;
  border-color:#fff;
  margin-left:25px;
  height:12px;
  width:12px;
  top:0px;
}
.yjplanxtdended.yjplans ul.isactive .yjcheck.check-on {
  background:#fff;
  border-color:#fff;
}
.yjplanxtdended.yjplans ul.isactive .yjcheck.check-on .bubble {
  background:#3db6e9;
  border-color:#3db6e9;
}
.singleplans .yjplanextdholder:nth-child(2n) .planname,
.joomlaplans .yjplanextdholder:nth-child(2n):hover .planname {
  color:#3db6e9;
}
.singleplans .yjplanextdholder:nth-child(2n) .planprice,
.joomlaplans .yjplanextdholder:nth-child(2n):hover .planprice {
  color:#3db6e9;
}
.singleplans .yjplanextdholder:nth-child(2n) .planicons {
}
span.istip {
  color: #ddd;
  font-size:14px;
  position:absolute;
  top:10px;
  right:5px;
}
span.istip:after {
  font-size:14px;
  width:230px;
  text-align:left;
  margin-left: -115px;
  background:#fff;
  color:#555;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.5);
  -moz-box-shadow:    0px 0px 8px 0px rgba(50, 50, 50, 0.5);
  box-shadow:         0px 0px 8px 0px rgba(50, 50, 50, 0.5);
}
span.istip:before {
  display:none;
}
.tabssfx-yjsgsfx-yjplanxt ul.yjsgsliderPaginationTabs {
  text-align:center;
  margin-bottom:80px
}
.tabssfx-yjsgsfx-yjplanxt .yjsgsliderLoader {
  display:none;
}
.tabssfx-yjsgsfx-yjplanxt ul.yjsgsliderPaginationTabs li {
  text-align:center;
  float:none;
  display:inline-block;
}
.tabssfx-yjsgsfx-yjplanxt div.tabpills ul.yjsgsliderPaginationTabs li {
  margin:0 15px;
}
.tabssfx-yjsgsfx-yjplanxt div.tabpills ul.yjsgsliderPaginationTabs li a {
  border:1px solid #eaeaea;
  font-size:18px;
  -webkit-border-radius:4px;
  -khtml-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.tabssfx-yjsgsfx-yjplanxt div.tabpills ul.yjsgsliderPaginationTabs li.active a {
  background:#3db6e9;
  color:#fff;
  border:2px solid #3db6e9;
}
#yjsgsliderChrome_bodybottom1 .yjsgsliderActive,
.yjaccm {
}
/* popups */
.mfp-iframe-holder .mfp-content {
  max-width:1200px;
}
.yjextension-preview {
}
/* at start */
.my-mfp-slide-bottom .zoom-anim-dialog {
  opacity: 0;
  -webkit-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  transition: all 0.2s ease-out;
  -webkit-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -moz-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -ms-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  -o-transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
  transform: translateY(-20px) perspective( 600px ) rotateX( 10deg );
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
  opacity: 1;
  -webkit-transform: translateY(0) perspective( 600px ) rotateX( 0 );
  -moz-transform: translateY(0) perspective( 600px ) rotateX( 0 );
  -ms-transform: translateY(0) perspective( 600px ) rotateX( 0 );
  -o-transform: translateY(0) perspective( 600px ) rotateX( 0 );
  transform: translateY(0) perspective( 600px ) rotateX( 0 );
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing .zoom-anim-dialog {
  opacity: 0;
  -webkit-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
  -moz-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
  -ms-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
  -o-transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
  transform: translateY(-10px) perspective( 600px ) rotateX( 10deg );
}
/* Dark overlay, start state */
.my-mfp-slide-bottom.mfp-bg {
  opacity: 0.01;
  -webkit-transition: opacity 0.3s ease-out;
  -moz-transition: opacity 0.3s ease-out;
  -o-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-slide-bottom.mfp-ready.mfp-bg {
  opacity: 0.8;
}
/* animate out */
.my-mfp-slide-bottom.mfp-removing.mfp-bg {
  opacity: 0;
}
.paint1 {
  background: #16A085;
}
.paint2 {
  background: #2ECC71;
}
.paint3 {
  background: #27AE60;
}
.paint4 {
  background: #3498DB;
}
.paint5 {
  background: #2980B9;
}
.paint6 {
  background: #9B59B6;
}
.paint7 {
  background: #8E44AD;
}
.paint8 {
  background: #34495E;
}
.paint9 {
  background: #2C3E50;
}
.paint10 {
  background: #22313f;
}
.paint11 {
  background: #F1C40F;
}
.paint12 {
  background: #F39C12;
}
.paint13 {
  background: #E67E22;
}
.paint14 {
  background: #D35400;
}
.paint15 {
  background: #E74C3C;
}
.paint16 {
  background: #C0392B;
}
.paint17 {
  background: #eb6a5a;
}
.paint18 {
  background: #2898cd;
}
.paint29 {
  background: #266590;
}
.paint22 {
  background: #fd6120;
}
/* edit item*/
.tpl_component #adminForm input,
.tpl_component #adminForm select,
.tpl_component #adminForm textarea {
  background:#fff;
  height:auto;
  border: 1px solid #e9e9e9;
  -webkit-border-radius:0px;
  -khtml-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
}
.tpl_component #adminForm td {
  padding: 5px;
}
.tpl_component #adminForm input.tagsLoading {
  color:red;
  position:relative;
  background: url(../images/ajaxloader.gif) no-repeat right center;
}
.ui-menu-item {
  cursor:pointer;
}
.ui-menu-item:hover {
  color:#fff;
  background:#eb5858;
}
.ui-accordion-header {
  display:block!important;
  window:100%;
  clear:both;
  margin:10px 0;
}
.ui-accordion-content {
}
#k2ExtraFieldsValidationResults {
  display:none;
}
.edititem {
  display:block;
  position:absolute;
  left:10px;
  top:10px;
  padding:10px 10px 0 10px;
  background:#F7CA18;
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.edititem span {
  color:#121212;
  font-size:24px;
}
.ui-accordion .ui-accordion-content {
  border-top: 0;
  height:auto!important;
  overflow:hidden;
}
/* yj blog*/ 
.youjoomlablog .holders {
  padding:70px 0;
}
.yj_blog {
  display:block;
  padding:0 0 0 105px;
  position:relative;
}
.yjsg-blogposts {
  display:block;
  position:relative;
}
.blogpost_out {
  border-left:1px solid #e2e6e8;
  padding:0 10px 50px 40px;
  display:block;
  position:relative;
}
.yjsg-blogposts:first-child .blogpost_out {
  padding-top:40px;
}
.blogpost {
  display:table;
  margin:0;
  padding:30px;
  border:1px solid #e2e6e8;
  position:relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.blogimagelink {
  display:table-cell;
  width:215px;
  max-width:215px;
  text-align:center;
  overflow:hidden;
  float:left;
  margin:0 30px 0 0;
  position:relative;
  vertical-align:top;
}
.blogintro {
  display:table-cell;
  overflow:hidden;
  position:relative;
  vertical-align:top;
}
.blogtitle {
  text-transform:uppercase;
  font-size: 22px;
  font-weight:600;
  margin:0 0 10px 0;
  line-height:32px;
}
.blogtitle a {
  color:#4c6881;
}
.blogtitle a:hover {
  color:#eb5858;
}
.blogdate {
  display:block;
  position:absolute;
  left:-105px;
  height:65px;
  width:65px;
  background:#F1F5F8;
  border:1px solid #e2e6e8;
  text-align:center;
  color:#5f83a2;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  -webkit-border-radius:3px;
  -khtml-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.blogdate_day {
  font-size:32px;
  display:block;
  padding:7px 0 0 0;
}
.blogdate_month {
  display:block;
  font-size:13px;
  margin:0;
}
.blogdate:before {
  display: block;
  content: "";
  position: absolute;
  height:1px;
  background:#e2e6e8;
  width:40px;
  right:-40px;
  top:31px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.blogpost:after {
  display: block;
  content: "";
  position: absolute;
  height:1px;
  background:#e2e6e8;
  width:39px;
  left:-38px;
  top:31px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.blogpost:before {
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  position: absolute;
  background: #fff;
  left:-49px;
  top:24px;
  border: 4px solid #e2e6e8;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.blogpost p > br:first-child {
  display:none;
}
.blogpost_out:hover .blogpost,
.blogpost_out:hover .blogpost:before {
  border-color:#c2d3e0;
}
.blogpost_out:hover .blogdate {
  background:#c2d3e0;
  color:#4c6881;
  border-color:#c2d3e0;
}
.blogpost_out:hover .blogpost:after,
.blogpost_out:hover .blogdate:before {
  background:#c2d3e0;
}
.blog_info {
  display:block;
  overflow:hidden;
  font-size:13px;
  color:#b3b3b3;
  margin:0 0 10px 0;
}
.blog_info span.infobit {
  display:inline-block;
  margin:0 10px 0 0;
}
.blog_info a,
.infobit.comments_count {
  color:#a5b7c0;
}
.infobit [class*='yjic']{
  margin-right:5px;
}
/* blog menu */
#blogmenu {
  display:block;
  position:relative;
}
#blogmenu ul {
  margin:0px;
  padding:30px 0 10px 0;
  border-left:1px solid #e2e6e8;
  display:block;
  position:relative;
}
#blogmenu ul li {
  list-style:none;
  padding:0 0 15px 40px;
  display:block;
  position:relative;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#blogmenu ul li:before {
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  position: absolute;
  background: #fff;
  left:-8px;
  top:7px;
  border: 4px solid #e2e6e8;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#blogmenu ul li:after {
  display: block;
  content: "";
  position: absolute;
  height:1px;
  background:#e2e6e8;
  width:28px;
  left:5px;
  top:14px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
#blogmenu ul li a {
  color:#a5b7c0;
}
#blogmenu ul li a:hover,
#blogmenu li.activeCategory a {
  color:#4c6881;
}
#blogmenu li:hover:after,
#blogmenu li.activeCategory:after {
  background:#c2d3e0;
}
#blogmenu li:hover:before,
#blogmenu li.activeCategory:before {
  border-color:#c2d3e0;
}
/* item view */
.blogitem_blogpost_out {
  display:block;
  position:relative;
  padding:0 20px 0 0;
}
.blogitem_blogpost {
  display:block;
  position:relative;
  padding:0 0 40px 0;
  border-bottom:2px solid #e2e6e8;
}
.blogitem_imagelink {
  display:block;
  width:100%;
  max-width:100%;
  text-align:center;
  overflow:hidden;
}
.blogitem_imagelink img {
  display:block;
  width:100%;
  max-width:100%;
  overflow:hidden;
}
.blogitem_bloginfo {
  display:block;
  overflow:hidden;
  border-top:1px solid #e2e6e8;
  border-bottom:1px solid #e2e6e8;
  padding:20px 0;
  line-height:50px;
  color:#b9b9b9;
}
.blogitem_bloginfo .infobit {
  float:left;
  display:block;
  overflow:hidden;
  width:auto;
  padding:0 50px 0 0;
}
.blogitem_bloginfo [class*='yjic']:before {
  font-size:18px;
  position:absolute;
  margin-top:15px;
  margin-left:-25px;
}
.blogitem_bloginfo .authoravatar {
  float:left;
  display:block;
  overflow:hidden;
  margin:0 20px 0 0;
}
.blogitem_bloginfo .authoravatar img {
  width:50px;
  height:50px;
  overflow:hidden;
  -webkit-border-radius:50%;
  -khtml-border-radius:50%;
  -moz-border-radius:50%;
  border-radius:50%;
}
.blogitem_blogtitle {
  text-transform:uppercase;
  font-size:30px;
  margin:30px 0;
}
.blogitem_blogtitle a {
  color:#4c6881;
}
.blogitem_blogtitle a:hover {
  color:#eb5858;
}
.blogitem_blogintro {
  display:block;
  overflow:hidden;
  margin: 30px 0;
}
.blogitem_comments {
  display:block;
  overflow:hidden;
  margin:30px 0;
}
.blogitem_tags,
.blogitem_socials {
  display:block;
  overflow:hidden;
  margin:30px 0 0 0;
}
/* related items */
.blogitem_related {
  display:block;
  position:relative;
  overflow:hidden;
  padding:40px 0;
  border-bottom:2px solid #e2e6e8;
  margin:0 0 40px 0;
}
.blogitem_related .yjsg-row {
  padding:0;
}
.related_heading {
  margin:0 0 30px 0;
  padding:0;
  font-size:18px;
  font-weight:600;
}
.related_image {
  max-height:160px;
  height:160px;
  display:block;
  overflow:hidden;
}
.related_image img {
  display:block;
  width:100%;
  height:160px;
}
.related_title {
  font-size:16px;
  display:block;
  margin:15px 0 0 0;
  color:#4c6881;
}
.related_title:hover {
  color:#eb5858;
}
/* blog tags module */
#yjblogtags {
  display:block;
  overflow:hidden;
  padding:0 0 0 0px;
  margin:40px 0 0 0;
}
#yjblogtags a {
  padding:5px 8px;
  margin:3px 1px;
  color:#888;
}
#yjblogtags a:hover,
.blogitem_tags a:hover ,
.detail.tags a:hover{
  background:#36b0e3;
  color:#fff;
  border-color:#36b0e3;
}
/* author */
.youjoomla-author-page {
  display:block;
  position:relative;
}
.youjoomla-author {
  display:table;
  overflow:hidden;
  padding:0;
  margin:0 10px 50px 0;
  padding: 30px;
  background: #F1F5F8;
  border: 1px solid #e2e6e8;
  color: #5f83a2;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.author-avatar,
.author-info {
  display:table-cell;
  overflow:hidden;
  vertical-align:top;
}
.author-avatar {
  width:120px;
}
.author-title {
  margin:0 0 20px 0;
  padding:0;
}
/* questions */
.yjquestionsrow {
  padding:0;
}
.yjquestions {
  display:table;
  overflow:hidden;
  position:relative;
  overflow:hidden;
  width:100%;
}
.yjquestions_category {
  display:table-cell;
  vertical-align:top;
  width:25%;
  font-size:18px;
  line-height:28px;
  position:relative;
}
.yjquestions_category:before {
  display: block;
  width: 10px;
  height: 10px;
  content: "";
  position: absolute;
  background: #fff;
  right:-9px;
  top:5px;
  border: 3px solid #36b0e3;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index:100;
}
.yjquestions_category:after {
  display: block;
  width:40px;
  height:1px;
  content: "";
  position: absolute;
  background: #e2e6e8;
  right:-40px;
  top:12px;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index:80;
}
.yjquestionslist {
  display:table-cell;
  vertical-align:top;
  position:relative;
  list-style:none;
  margin:0;
  padding:0 0 0 30px;
  border-left: 1px solid #e2e6e8;
}
.yjquestionslist > li {
  display:block;
  position:relative;
  margin:0;
  border-left: 1px solid #e2e6e8;
  padding:0 0 30px 40px;
  margin:0 0 0 10px;
}
.yjquestionslist > li:before {
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  position: absolute;
  background: #fff;
  left:-6px;
  top:7px;
  border: 3px solid #e2e6e8;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
  z-index:100;
}
.yjquestionslist > li:hover:before,
.yjquestionslist > li.yjopenacc:before {
  border-color:#36b0e3;
}
.yjquestion_title {
  color:#b3b3b3;
  display:block;
  position:relative;
  cursor:pointer;
  font-size:16px;
}
.yjquestionslist .yjquestions_info {
  display:none;
  position:relative;
  overflow:hidden;
  color:#b3b3b3;
}
.yjopenacc .yjquestion_title,
.yjquestions_category a {
  color:#36b0e3;
}
/* quick search */
.yjsg-row.qsearch {
  margin-left:25%;
  padding:0;
}
.yjsg-row.qsearch .yjsg-col-1 {
  border-left: 1px solid #e2e6e8;
  padding-bottom:100px;
}
.qsearch-in {
  border: 1px solid #e2e6e8;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  padding:10px;
  margin:0 0 0 30px;
  position:relative;
  width:100%;
  max-width:350px;
}
.qsearch-in-holder {
  display:block;
  position:relative;
}
.qsearch-in-holder:before {
  display:block;
  height:40px;
  width:48px;
  background:#fff;
  content:"";
  left:-17px;
  top:-18px;
  border-bottom: 1px solid #e2e6e8;
  position:absolute;
}
/* team */
.team-members {
  margin:70px 0;
}
.team-member {
  display:block;
  position:relative;
  border:1px solid #e2e6e8;
  overflow:hidden;
  text-align:center;
  padding:0;
  margin:40px 20px;
  -webkit-border-radius: 3px;
  -khtml-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.team-member-top {
  display:block;
  position:relative;
  background:#F1F5F8;
  border-bottom:1px solid #e2e6e8;
  padding:20px;
  color:#4c6881;
}
.team-member-name {
  font-size:18px;
  font-weight:600;
}
.team-member-position {
  font-style:italic;
  color:#6b95b4;
}
.team-member-photo {
  display:block;
  height:150px;
  width:150px;
  margin:20px auto;
  margin-bottom:-85px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  overflow:hidden;
}
.team-member-photo img {
  display:block;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  height:150px;
  width:150px;
}
.team-member-info {
  display:block;
  overflow:hidden;
  width:100%;
  border-bottom:0px solid #e2e6e8;
}
.team-member-socials {
  display:block;
  overflow:hidden;
  margin:95px 0 20px 0;
}
.team-member-socials a {
  display:inline-block;
  height:30px;
  width:30px;
  line-height:30px;
  font-size:20px;
  margin:0 10px;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  color:#fff;
  background:#36b0e3;
}
/* contact us */
.contactus {
  margin-bottom:70px;
}
.contactus .yjsg-col-1-3 {
  padding:50px;
  height:630px;
  color:#092537;
  position:relative;
}
.contactus h2 {
  margin:50px 0 65px 0;
}
.contactus h3 {
  margin-bottom:50px;
}
.contactus [class*='yjic']:before {
  display:block;
  font-size:72px;
  margin-bottom:50px;
}
.contactkb {
  background:#F1F5F8;
}
.contactkb [class*='yjic']:before {

  color:#eb5858;
}
.contactforum {
  background:#e5f2fb;
}
.contactforum [class*='yjic']:before {
  color:#2ca0d1;
}
.contactc {
  background:#d9eefd;
}
.contactc [class*='yjic']:before {
  color:#02b59f;
}
.contactus a {
  position:absolute;
  bottom:70px;
  right:30px;
  left:30px;
}
/* Yj contact us */
.yjcontact_left .module_title {
  font-size:18px;
  font-weight:600;
  margin:0;
  padding:15px 20px;
}
.yjcontact_left .defaultmenu {
  padding:15px 30px;
}
.yjcontact_left .defaultmenu li {
  position:relative;
  border-left: 1px solid #e2e6e8;
  padding:15px 0;
}
.yjcontact_left .defaultmenu li a,
.yjcontact_left .defaultmenu li a:hover {
  position:relative;
  padding-left:20px;
  border:none;
  background:none;
}
.yjcontact_left .defaultmenu li a:before {
  display: block;
  width: 7px;
  height: 7px;
  content: "";
  position: absolute;
  background: #fff;
  left:-8px;
  top:8px;
  border: 4px solid #e2e6e8;
  -webkit-border-radius: 50%;
  -khtml-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  -webkit-transition: all 0.5s ease-in-out;
  -moz-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.yjcontact_left .defaultmenu li a:hover:before,
.yjcontact_left .defaultmenu li a.isactivea:before {
  border-color: #c2d3e0;
}
.yjcontact_right.intro .yjcontact_inputholder {
  height:330px;
}
#yjcontactFormcontainer textarea,
#yjcontactFormcontainer input[type="text"],
#yjcontactFormcontainer select {
  -webkit-box-shadow:none;
  -khtml-box-shadow:none;
  -moz-box-shadow:none;
  box-shadow:none;
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
#yjcontactFormcontainer {
  -webkit-border-radius:2px;
  -khtml-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
}
/* yj testimonials */
.yj_testimonials {
  display:block;
  position:relative;
  margin:70px 0;
}
.yj_testimonials .yjsg-row {
  padding:0;
}
.yj_testimonials .yjsg-row:first-child {
  border-top:1px solid #ccdeeb;
}
.yj_testimonials .yjsg-col-1-2 {
  padding:50px;
  height:400px;
  color:#092537;
  position:relative;
  background:#F1F5F8;
  text-align:center;
  border:1px solid #ccdeeb;
  border-top:none;
}
.yj_testimonials .yjsg-row:nth-child(odd) .yjsg-col-1-2:nth-child(odd) {
  background-color:#e3eff9;
}
.yj_testimonials .yjsg-row:nth-child(even) .yjsg-col-1-2:nth-child(even) {
  background-color:#e3eff9;
}
.yj_testimonials .yjsg-col-1-2 + .yjsg-col-1-2 {
  border-left:none;
}
.yj_testimonials .yjsg-col-1-2:last-child {
  border-right:1px solid #ccdeeb;
}
.yj_testimonials .yjsg-col-1-2 h3 {
  margin:0 0 20px 0;
}
.t_author,
.t_date {
  font-style: italic;
  color: #6b95b4;
  margin:20px 0 0 0;
  display:inline-block;
}
/* affilliates */

.affiliates {
  background: #F1F5F8;
  margin:70px 0 140px 0;
  padding:0;
  border: 1px solid #e2e6e8;
  color: #092537;
}
.affiliates .yjsg-col-1 {
  border-bottom: 1px solid #e2e6e8;
  padding:50px 0;
}
.affiliates .yjsg-col-1-2 {
  padding:50px;
  height:450px;
  background: #d9eefd;
}
.affiliates .yjsg-col-1-2:nth-child(2) {
  background: #e5f2fb;
}
.affiliates h2 {
  text-align:center;
}
.affiliates h2 span {
  display:block;
  font-size:108px;
  text-align:center;
  color:#eb5858;
  font-weight:600;
}
.affilbutton {
  position:absolute;
  left:20%;
  right:20%;
  bottom:40px;
}
/* promotions */

html.promotions .topout {
  background-image:url(../images/yj/promotions.jpg);
}
html.promotions .headings {
  margin:70px 0 150px 0;
}
.promo_holder {
  border:2px dashed #e2e6e8;
  margin:10px 10px 35px 10px;
  text-align:center;
  padding:0 0 20px 0;
  display:block;
  overflow:hidden;
  position:relative;
}
.promo_image {
  display:block;
  overflow:hidden;
  border-bottom:2px dashed #e2e6e8;
}
.promo_holder h3 {
  font-size:30px;
  margin: 35px 0 10px 0;
}
.promo_ammount {
  color:#eb5858;
  display:block;
  font-size:50px;
  line-height:50px;
  overflow:hidden;
}
.promo_off {
  font-size:30px;
  font-weight:600;
  margin-left:10px;
}
.promo_product {
  color:#B2C8D4;
  font-style:italic;
  font-weight:600;
  margin-bottom:10px;
  display:block;
}
.promo_partnerinfo {
  display:block;
  height:150px;
  line-height:150px;
  padding:0 15px;
}
.promo_partnerinfo_in {
  display: inline-block;
  vertical-align: middle;
  line-height:28px;
}
.promo_buttons {
  display:block;
  overflow:hidden;
  margin:0 15px;
}
.promo_buttons .yjsg-button {
  margin-left:15px;
}
.coupon_code {
  color:#5f83a2;
  clear:both;
  display:block;
  font-style:italic;
  font-weight:600;
  margin:15px 0;
}
.coupon_shown {
  background:#F1F5F8;
  color:#5f83a2;
  border-color:#e2e6e8;
  clear:both;
  display:block;
  margin:0;
  line-height:38px;
  font-size:16px;
  font-weight:600;
  border:1px solid #e2e6e8;
}
.footermenu li.item-470 {
  display:none;
}
/* sticky menu */
.yjsg-sticky.yjmovemenu.fixed {
  padding:5px 0;
}
.yjsg-sticky.yjmovemenu.fixed a {
  font-size:11px;
}
.yjmovemenu.fixed #yjsgheadergrid {
  max-width:1200px;
  margin:0 auto;
  padding:5px 15px;
  float:none;
  display:block;
  position:relative;
}
.yjmovemenu.fixed #yjsgheadergrid:after {
  content:"";
  display:table;
  clear:both;
}
.yjmovemenu.fixed #topmenu_holder {
  margin-top:0px;
}
a.sticky_logo {
  display:none;
}
.yjmovemenu.fixed a.sticky_logo {
  display:block;
  height:52px;
  width:135px;
  position:absolute;
  left:15px;
  top: -4px;
  background:url(../images/yj/logo-fixed.png) no-repeat 0px center;
  background-size:90%;
}
/* productsearch in item view */
.productsearch {
  display:block;
  position:absolute;
  right:0;
  top:0;
  text-align:center;
  background:#fafafa;
  color:#ccc;
  border:1px solid #eaeaea;
  border-top:none;
  width:30px;
  height:30px;
  line-height:30px;
  z-index:500;
}
#psearch_container {
  display:none;
}




/*! Social Likes v3.0.4 by Artem Sapegin - http://sapegin.github.com/social-likes - Licensed MIT */.social-likes,.social-likes__widget{display:inline-block;padding:0;vertical-align:middle!important;word-spacing:0!important;text-indent:0!important;list-style:none!important}.social-likes{opacity:0}.social-likes_visible{opacity:1;-webkit-transition:opacity .1s ease-in;transition:opacity .1s ease-in}.social-likes>*{display:inline-block;visibility:hidden}.social-likes_vertical>*{display:block}.social-likes_visible>*{visibility:inherit}.social-likes__widget{display:inline-block;position:relative;white-space:nowrap}.social-likes__widget:after,.social-likes__widget:before{display:none!important}.social-likes_vertical .social-likes__widget{float:left;clear:left}.social-likes__button,.social-likes__counter,.social-likes__icon{text-decoration:none;text-rendering:optimizeLegibility}.social-likes__button,.social-likes__counter{display:inline-block;margin:0;outline:0}.social-likes__button{position:relative;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.social-likes__button:before{content:"";display:inline-block}.social-likes__icon{position:absolute;top:0;left:0}.social-likes__counter{display:none;position:relative}.social-likes__counter_single,.social-likes_ready .social-likes__counter{display:inline-block}.social-likes_ready .social-likes__counter_empty{display:none}.social-likes_vertical .social-likes__widget{display:block}.social-likes_notext .social-likes__button{padding-left:0}.social-likes_single-w{position:relative;display:inline-block}.social-likes_single{position:absolute;text-align:left;z-index:99999;visibility:hidden;opacity:0;-webkit-transition:visibility 0 .11s,opacity .1s ease-in;transition:visibility 0s .11s,opacity .1s ease-in;-webkit-backface-visibility:hidden;backface-visibility:hidden}.social-likes_single.social-likes_opened{visibility:visible;opacity:1;-webkit-transition:opacity .15s ease-out;transition:opacity .15s ease-out}.social-likes__button_single{position:relative}.social-likes{min-height:36px;margin:-6px}.social-likes,.social-likes_single-w{line-height:19px}.social-likes__widget{margin:6px;color:#000;background:#fff;border:1px solid #ccc;border-radius:3px;line-height:19px}.social-likes__widget:active,.social-likes__widget:focus,.social-likes__widget:hover{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff;cursor:pointer}.social-likes__button,.social-likes__counter{vertical-align:middle;font-family:"Helvetica Neue",Arial,sans-serif;font-size:13px;line-height:20px;cursor:inherit}.social-likes__button{padding:1px 6px 1px 20px;font-weight:400;border-right:0}.social-likes__icon{width:20px;height:18px;margin-top:1px;background-repeat:no-repeat;background-position:50% 50%}.social-likes__counter{min-width:12px;padding:1px 4px;font-weight:400;text-align:center;border-left:1px solid #ccc}.social-likes__widget:active>.social-likes__counter,.social-likes__widget:focus>.social-likes__counter,.social-likes__widget:hover>.social-likes__counter,.social-likes__widget_active>.social-likes__counter{position:relative;border-left-color:transparent}.social-likes__widget:active>.social-likes__counter:before,.social-likes__widget:focus>.social-likes__counter:before,.social-likes__widget:hover>.social-likes__counter:before,.social-likes__widget_active>.social-likes__counter:before{content:"";position:absolute;top:0;bottom:0;left:-1px;border-left:1px solid;opacity:.4}.social-likes_vertical{margin:-6px}.social-likes_vertical .social-likes__widget{margin:6px}.social-likes_notext{margin:-3px}.social-likes_notext .social-likes__widget{margin:3px}.social-likes_notext .social-likes__button{width:18px}.social-likes_notext .social-likes__icon{width:100%;background-position:center center}.social-likes__widget_single{margin:0}.social-likes_single{margin:-12px 0 0;padding:4px 0;background:#fff;border:1px solid #ccc;border-radius:3px}.social-likes__single-container{width:100%;display:table}.social-likes_single .social-likes__widget{float:none;display:table-row;margin:0;border:0;border-radius:0;background:0 0}.social-likes_single .social-likes__button{display:block;padding:2px 6px 2px 24px}.social-likes_single .social-likes__icon{margin-left:4px;margin-top:2px}.social-likes_single .social-likes__counter{display:table-cell;padding:2px 8px 2px 4px;border-left:0;text-align:right}.social-likes_single .social-likes__widget:active>.social-likes__counter:before,.social-likes_single .social-likes__widget:focus>.social-likes__counter:before,.social-likes_single .social-likes__widget:hover>.social-likes__counter:before{display:none}.social-likes__icon_single{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAaElEQVR42mIxL/zLgATkgXgBECcC8QOYIBOagvVA7ADEa4FYAV0RIxDPAeIUKD8VygeJM7BABf8DsScQ/4HyzwGxB1QcrKgByUpk9h8YnwlJElkBiiYmBiIAbRUx0s46FizhgwEAAgwAkmYQfIjC7tcAAAAASUVORK5CYII=)}.social-likes__widget_active,.social-likes__widget_single:active,.social-likes__widget_single:focus,.social-likes__widget_single:hover{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#3673f4;border-color:#3673f4;color:#fff}.social-likes__widget_active .social-likes__icon_single,.social-likes__widget_single:active .social-likes__icon_single,.social-likes__widget_single:focus .social-likes__icon_single,.social-likes__widget_single:hover .social-likes__icon_single{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAANCAYAAAB7AEQGAAAAYklEQVR42mL4//8/AxKWB+L9QKyALI6u4Nx/CDiLrBCmgBGIdwOxEVQRiN4DFWcAE1DAAsR/gBgkwIjEBzMaGBAAmf0Hzgea1IDm+P9o/AYmBiIAbRUx0s46FizhgwEAAgwAAJd9Vn3NlgwAAAAASUVORK5CYII=)}.social-likes__icon_facebook{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaklEQVR42mJ0Cp7jycDAMBeIJRnwg+dAnMxEpGIGqJq5THgULwFicSBmBGJbmCYWPCYWAvEbdEF8GmCK/yMLMjGQCLBpsIW6GwaQ/UC6Ddj8cBjJZOr44TkJ6l+ANKSAGEQofgpKGgABBgAWcxAZp2KpkQAAAABJRU5ErkJggg==)}.social-likes__widget_facebook:active,.social-likes__widget_facebook:focus,.social-likes__widget_facebook:hover{background:#425497;border-color:#425497}.social-likes__widget_facebook:active .social-likes__icon_facebook,.social-likes__widget_facebook:focus .social-likes__icon_facebook,.social-likes__widget_facebook:hover .social-likes__icon_facebook{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAYAAABWdVznAAAAaUlEQVR42mL6//+/JxA/+08YgNR4MoIYDAwMkgzEgedMeBQvAWJxIGYEYluomCQLHtMKgfgNuiA+DTDF/5EFmRhIBNg02ELdDQPIfiDdBlCw/sclRzU/PCdB/QuQhhQQgwjFT4E4GSDAAMuiQX7Tr7YFAAAAAElFTkSuQmCC)}.social-likes__icon_twitter{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAYAAABSgIzaAAAA9ElEQVR42mKU3vqak4GB4TcQ/2HABFxAXA3EzkD8DIjbgfg+ECuwAIkwIHYD4gSoAchgORD7IfEDgPgpEGczAQlBII4C4kNAbIikSAqIfdEMYgRiMSD+B7JxJ9SZFkB8Foj3A/FWIP4KVYgO5gHxFpBGNSA+DsS2UIVOUIwLfAYRIKe+gGoiFpyDaTwJxEVA/J0ITd+hXgNrBIETMCcQADOA+D26RpCn/+LRdAuI62EcmMb/0IjOx6H5ATSu4a4ChaoPEMcAsTUQy6Bp+AfEy4C4EIjfIEuANG4B4rvQVKEOTWYfoKG3HYgfoluvPm8jA0CAAQAqvDQ/IXqkWQAAAABJRU5ErkJggg==)}.social-likes__widget_twitter:active,.social-likes__widget_twitter:focus,.social-likes__widget_twitter:hover{background:#00b7ec;border-color:#00b7ec}.social-likes__widget_twitter:active .social-likes__icon_twitter,.social-likes__widget_twitter:focus .social-likes__icon_twitter,.social-likes__widget_twitter:hover .social-likes__icon_twitter{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAMCAQAAAD4iURRAAAAo0lEQVQYGQXBsSoEAACA4Z8YKIO6yXLzjYrkHS5Wm5GyYPMAUgarMikpGZQHsFh4BZPhJi9wJdzn+7JkQZJk2bl3TzYNbGTfvUVJ8gyYmdjJMd6sS9bMAHwbZ+QHMy9OHQDgWtn1CgAALpUtAADAnpITUwAAU6tKtn0BALiSkjkXfgHAhxUpybwjvwA+DSVl7MEEwJ87A0lKRs7cenTj0FCSpH8xHAhkcGt6PAAAAABJRU5ErkJggg==)}.social-likes__icon_plusone{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAABD0lEQVR42nTSsUtCURTH8eszSGgIgkqSoHBQh7QpbAlBcRCJ2staHFoa+hNyzqXBoan+gMDdoWgymkwkBxMiggo3a3Cp76WfcJHXgQ/nvfveue+ewwt08luGmEEdcwgjZP7iFrtmIqaUn5SXkUEDA+wZn/CwgQgetHYjC+JbZCOANWf9VXmobDd+c4vu8YgoalhFFpf4VL8rmMW8vR/3lEQV2yijhUO99KzeQ7p+95wjneAMQcRQ1JfsNA/wrc1T46KaznyMJqZxrcIvdNRf3957Gm8JO0ggjRx+cKpN21h0B7GJDw3EOGPvYuQ3ctvgC+K4w7nOfoQlFP4rsg+usI4Lrff0Z7QnCyqpffMrwAC15jTuOMaeqQAAAABJRU5ErkJggg==)}.social-likes__widget_plusone:active,.social-likes__widget_plusone:focus,.social-likes__widget_plusone:hover{background:#dd4241;border-color:#dd4241}.social-likes__widget_plusone:active .social-likes__icon_plusone,.social-likes__widget_plusone:focus .social-likes__icon_plusone,.social-likes__widget_plusone:hover .social-likes__icon_plusone{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAAMCAYAAAC5tzfZAAAA5klEQVR42myRvQrCMBSFUyehmyC4Zte1OPoALi6+gy/j6uobiINbF3Fx6tDFpZtSUFzEPxQxnksPchty4WvSJPeek5vIOWcQMViCFuiApqliDUbGD0kCeyLzAfiAI4i5VkM+CfiChdpIXRU2lNSgYAR6ysCB441jAkrfXs7KM1YXq3PuicUxuIO2/GvZKSh4n4xrcugKniwq88L3O+GmVB0GlKxWElsl2IEt1d4qsctu/ruXskqiFKXtL2WzRiQJ6McJWO8Jc/AA/dDj7niPDb2LpRU4e+q1x7VMkM5cSMZ7mBA/AQYALgmaWsDGGiQAAAAASUVORK5CYII=)}.social-likes__icon_pinterest{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAYAAAB/9ZQ7AAABCUlEQVR42nTRPUvDUBTG8ZtoKYogTsGCoAXtUqFuBR1c/AZddNbRQUqhH0Eo6KKDb0gpXQUHBxF0Kg6KFAWh4qI4KxQRtKXxf+C5OEgP/Ehu8uTclwSN0VmnWsE6shjEF05QwZMFQr04QB3vKOmjGlZxiZxTcE0Pi9jCGD402xnOsYNF67yBGwWP8IaCwhe4xjxmLDyNUySxjGGk3F/5Wcb9Rib04FNLu9LYmk2ih1cbVLXmKXTRwoPCc8jgES/WpYymlhOpSxoxdjXTNn7spo19nYbN1ME9hjTexLE/OqsAC/jGknYf6Yxv/U592LrkcYdn+VehrgmM4ND1r8CHB7CnX96v4l8BBgB54jWa5GM+bAAAAABJRU5ErkJggg==)}.social-likes__widget_pinterest:active,.social-likes__widget_pinterest:focus,.social-likes__widget_pinterest:hover{background:#cc002b;border-color:#cc002b}.social-likes__widget_pinterest:active .social-likes__icon_pinterest,.social-likes__widget_pinterest:focus .social-likes__icon_pinterest,.social-likes__widget_pinterest:hover .social-likes__icon_pinterest{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAANCAQAAADV/FywAAAAvklEQVQYGQXBsUoUAACA4f/i8MBB0TdINCQQhHoDaXRzagkkopYGhRYfwKWhSYLDZ2ixNyiTVp1cXMQgaDpNsa6v70vy3DcTt34ZeyRlaIzPXnvpAy6tK2+wIwuSZ/75Yphz3+XQjS3JVzwOe0Z+463kCBu58dHIT/fW5IEzUys58NeqK6eSJ/44NZM5r2yaurTkoRNsK8kuLlybYt9AycAnd5a98M5TScmsH44lSVIyb2JbkiSDZNF7I0mS9B8IOsS5z/yrNgAAAABJRU5ErkJggg==)}