/**
 Theme Name: wpXtreme Bootstrap Theme
 Theme URI: http://wpxtre.me/store/theme/xtreme
 Description: The default wpXtreme theme, for site and blog
 Author: wpXtreme <info@wpxtre.me>
 Author URI: http://wpxtre.me/
 Version: 4.0.0
 Tags: wpXtreme
 Text Domain: wpxtreme
 Domain Path: localization
 */

/*======================================================================================================================
  >>> TABLE OF CONTENTS

1.0 Fonts
2.0 Body
3.0 Navigation

10.0 OVERRIDE GIST (GitHub) Theme
15.0 Users Manager
  15.1 Login
  15.2 Sign Up
  15.3 Edit Profile
  15.4 Ask Reset Password
  15.5 Ask Resend Unlock URL
  15.6 Reset Password
16.0 Api Key

*/

/*-----------------------------------------------------------
 1.0 FONTS
 ----------------------------------------------------------*/

@font-face
{
  font-family : 'source_sans_problack';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-black-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-black-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-black-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-black-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-black-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_problack_italic';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-blackitalic-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-blackitalic-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-blackitalic-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-blackitalic-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-blackitalic-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_probold';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bold-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bold-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bold-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bold-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bold-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_probold_italic';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bolditalic-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bolditalic-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bolditalic-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bolditalic-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-bolditalic-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_proextralight';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralight-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralight-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralight-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralight-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralight-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_proXLtIt';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralightitalic-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralightitalic-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralightitalic-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralightitalic-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-extralightitalic-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_proitalic';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-italic-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-italic-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-italic-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-italic-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-italic-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_prolight';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-light-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-light-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-light-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-light-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-light-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_prolight_italic';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-lightitalic-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-lightitalic-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-lightitalic-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-lightitalic-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-lightitalic-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_proregular';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-regular-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-regular-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-regular-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-regular-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-regular-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_prosemibold';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibold-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibold-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibold-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibold-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibold-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

@font-face
{
  font-family : 'source_sans_proSBdIt';
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibolditalic-webfont.eot');
  src         : url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibolditalic-webfont.eot') format('embedded-opentype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibolditalic-webfont.woff') format('woff'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibolditalic-webfont.ttf') format('truetype'),
  url('http://wpxtre.me/wp-content/themes/xtreme/assets/fonts/sourcesanspro-semibolditalic-webfont.svg') format('svg');
  font-weight : normal;
  font-style  : normal;

}

/* =====================================================================================================================
 * EXPERIMENTAL
 * =====================================================================================================================
 */

/* =====================================================================================================================
 * 2.0 BODY
 * =====================================================================================================================
 */

body
{
  background-color : #f4f4f4;
  font-family      : 'source_sans_proregular';
}

#wpxtreme-new-game
{
  padding-top : 32px;
}

/* OoO */
a
{
  outline : none !important;
}

/* =====================================================================================================================
 * 3.0 NAVIGATION
 * =====================================================================================================================
 */

.wpxtreme-header
{
  z-index          : 999;
  background-color : #32394e;
  width            : 100%;
  min-height       : 150px;
}

.wpxtreme-header a
{
  outline : none;
}

/* Middle header in home page */
.wpxtreme-middle-header
{
  background-color : #32394e;
  height           : 64px;
}

.wpxtreme-middle-header > div > div
{
  text-align  : center;
  padding-top : 18px;
}

.wpxtreme-middle-header li
{
  display        : inline;
  list-style     : none;
  margin         : 0 38px;
  font-size      : 22px;
  text-transform : uppercase;
}

/* Responsive */
@media (max-width : 1200px )
{
  .wpxtreme-middle-header li
  {
    margin : 0 24px;
  }
}

@media (max-width : 980px )
{
  .wpxtreme-middle-header li
  {
    font-size : 16px;
    margin    : 0 20px;
  }
}

@media (max-width : 768px )
{
  .wpxtreme-middle-header li
  {
    margin : 0 20px;
  }
}

@media (max-width : 600px )
{
  .wpxtreme-middle-header li
  {
    margin : 0 16px;
  }
}

@media (max-width : 480px )
{
  .wpxtreme-middle-header li
  {
    font-size : 14px;
    margin    : 0 10px;
  }
}

.wpxtreme-middle-header li a,
.wpxtreme-middle-header li a:link,
.wpxtreme-middle-header li a:visited
{
  text-decoration    : none;
  color              : #aaa;
  -webkit-transition : color linear 0.2s;
  -moz-transition    : color linear 0.2s;
  -ms-transition     : color linear 0.2s;
  -o-transition      : color linear 0.2s;
  transition         : color linear 0.2s;
}

.wpxtreme-middle-header li a:active,
.wpxtreme-middle-header li a:focus,
.wpxtreme-middle-header li a:hover
{
  color : #fff;
}

/* Waypoint body fixes */
body.fixes .wpxtreme-header
{
  position : fixed;
  top      : -70px;
}

body.fixes #wpxtreme-new-game
{
  margin-top : 148px;
}

/* Waypoint body fixes for home */
body.fixes .wpxtreme-middle-header
{
  position : fixed;
  top      : 0;
  width    : 100%;
  z-index  : 9999;
}

body.fixes #wpxtreme-central-home
{
  margin-top : 64px;
}

#xtreme-nav
{
  -webkit-transition : all linear 0.2s;
  -moz-transition    : all linear 0.2s;
  -ms-transition     : all linear 0.2s;
  -o-transition      : all linear 0.2s;
  transition         : all linear 0.2s;
}

.wpxtreme-header .navbar-toggle .icon-bar
{
  background-color : #fff;
}

#xtreme-top-nav
{
  margin : 24px 0;
}

/* Back to Home */
#xtreme-top-nav .pull-left a
{
  margin-right : 16px;
}

/* Signin/Signup */
#xtreme-top-nav .pull-right a
{
  margin-left : 16px;
}

/* < 600px */
@media (max-width : 600px )
{
  /* Tools navbar */
  #xtreme-top-nav a span
  {
    display : none;
  }

}

/* Avatar */
#xtreme-top-nav img.avatar
{
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

/* Logo */
#xtreme-nav a.navbar-brand span
{
  display : none;
}

#xtreme-nav a.navbar-brand
{
  outline            : none;
  background-image   : url("http://wpxtre.me/wp-content/themes/xtreme/assets/images/logo-226x60.png");
  background-repeat  : no-repeat;
  display            : block;
  height             : 60px;
  margin             : 0;
  padding            : 0;
  width              : 226px;
  -webkit-transition : all linear 0.2s;
  -moz-transition    : all linear 0.2s;
  -ms-transition     : all linear 0.2s;
  -o-transition      : all linear 0.2s;
  transition         : all linear 0.2s;
}

/* < 1024px */
@media (max-width : 1024px )
{
  #xtreme-nav a.navbar-brand
  {
    width : 57px;
  }
}

/* < 767px */
@media (max-width : 767px )
{
  /* Logo */
  #xtreme-nav a.navbar-brand
  {
    margin-left : 12px;
  }

  /* Hide download for mobile - if present */
  #xtreme-top-nav .pull-left a:nth-child(3)
  {
    display : none;
  }

  /* Navigation collapse */
  .navbar-collapse
  {
    border             : none;
    -moz-box-shadow    : none;
    -webkit-box-shadow : none;
    box-shadow         : none;
    background-color   : #333;
    position           : relative;
  }

}

#wpxtreme-navigation-collapse
{
  padding : 0;
}

/* Main menu */
#xtreme-nav ul
{
  margin : 8px 0 0 0;
}

#xtreme-nav ul li:last-child a
{
  padding-right : 0;
}

#xtreme-nav ul a,
#xtreme-nav ul a:link,
#xtreme-nav ul a:visited
{
  background-color   : transparent;
  text-transform     : uppercase;
  color              : #ccc;
  font-size          : 16px;
  -webkit-transition : color linear 0.2s;
  -moz-transition    : color linear 0.2s;
  -ms-transition     : color linear 0.2s;
  -o-transition      : color linear 0.2s;
  transition         : color linear 0.2s;
}

#xtreme-nav ul a:hover,
#xtreme-nav ul a:focus,
#xtreme-nav ul a:active
{
  color : #fff;
}

#xtreme-nav li.current-menu-item a
{
  color : #fff;
}

body.home #xtreme-nav .pull-right
{
  float : none !important;
}

body.home #xtreme-nav ul a
{
  font-size : 20px;
  margin    : 0 18px;
}

/* =====================================================================================================================
 * HOME PAGE
 * =====================================================================================================================
 */

body.home #wpxtreme-new-game,
body.error404 #wpxtreme-new-game
{
  padding-top : 0;
}

/* Box cover image */
#wpxtreme-home
{
  min-height              : 1000px;
  background-image        : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/background.jpg);
  background-attachment   : fixed;
  background-position     : right center;
  padding                 : 30px;
  box-shadow              : inset 0 110px 200px -30px rgba(0, 0, 0, 0.74);
  -webkit-box-shadow      : inset 0 110px 200px -30px rgba(0, 0, 0, 0.74);
  -webkit-background-size : cover;
  -moz-background-size    : cover;
  -o-background-size      : cover;
  background-size         : cover;
  -webkit-transition      : all ease 0.3s;
  -moz-transition         : all ease 0.3s;
  -ms-transition          : all ease 0.3s;
  -o-transition           : all ease 0.3s;
  transition              : all ease 0.3s;
}

/* Logo */
@media ( min-width : 320px)
{
  #wpxtreme-home img.logo
  {
    width  : 150px;
    height : 40px;
    margin : 0 0 0 16px;
  }
}

@media ( min-width : 768px)
{
  #wpxtreme-home img.logo
  {
    width  : auto;
    height : auto;
    margin : 0;
  }
}

#wpxtreme-home > .clearfix
{
  position : relative;
  z-index  : 1;
}

#wpxtreme-home .wpxtreme-blur
{
  position         : absolute;
  top              : -32px;
  width            : 100%;
  height           : 120px;
  z-index          : -1;
  background-color : rgba(0, 0, 0, 0.5);
}

/* Login signup */
#wpxtreme-home .login-signup
{
  margin : -3px 15px 14% 0;
}

#wpxtreme-home .login-signup a
{
  margin      : 0px 10px;
  width       : 130px;
  height      : 40px;
  line-height : 150%;
  font-size   : 18px;
}

body #wpxtreme-home .login-signup a.btn i.glyphicon
{
  font-size   : 15px;
  margin-left : 12px;
}

#wpxtreme-home a.wpxtreme-user,
#wpxtreme-home a.wpxtreme-user:link,
#wpxtreme-home a.wpxtreme-user:visited
{
  color           : #eee;
  text-decoration : none;
}

#wpxtreme-home a.wpxtreme-user
{
  color : #eee;
}

/* Avatar */
#wpxtreme-home .wpxtreme-user img
{
  border                : 2px solid rgba(255, 255, 255, 0.5);
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

@media ( min-width : 320px)
{
  #wpxtreme-home .wpxtreme-user img
  {
    width  : 40px;
    height : 40px;
  }

  #wpxtreme-home a.display-name
  {
    display : none;
  }
}

@media ( min-width : 480px)
{
  #wpxtreme-home a.display-name
  {
    display : inline;
  }
}

@media ( min-width : 768px)
{
  #wpxtreme-home .wpxtreme-user img
  {
    width  : auto;
    height : auto;
  }
}

/* Learn more button */

body #wpxtreme-home .btn.learn-more
{
  margin       : 48px 16px;
  height       : 60px;
  line-height  : 57px;
  border-width : 2px;
  border-color : #fff;
  width        : auto;
  font-size    : 22px;
  padding      : 0 3em;
}

body #wpxtreme-home .btn.learn-more:hover
{
  border-color : #398439;
}

@media (min-width : 768px)
{
  body #wpxtreme-home img.logo
  {
    width  : 200px;
    margin : 13px 20px;
  }
}

@media (min-width : 1024px)
{
  body #wpxtreme-home h2, #wpxtreme-home h3
  {
    font-size : 5em;
    margin    : 0;
  }
}

/* < 572px */
/*@media (max-width : 1024px )*/
/*{*/
/*#wpxtreme-home*/
/*{*/
/*min-height : 640px;*/
/*}*/
/*}*/

#wpxtreme-home
{
  text-align : center;
  padding    : 32px 0;
}

#wpxtreme-home h2,
#wpxtreme-home h3
{
  font-family : 'source_sans_probold';
  color       : #fff;
  font-size   : 5em;
}

@media (min-width : 320px )
{
  #wpxtreme-home h2,
  #wpxtreme-home h3
  {
    font-size : 2em;
  }
}

@media (min-width : 600px )
{
  #wpxtreme-home h2,
  #wpxtreme-home h3
  {
    font-size : 4em;
  }
}

@media (min-width : 1024px )
{
  #wpxtreme-home h2,
  #wpxtreme-home h3
  {
    font-size : 5em;
  }
}

#wpxtreme-home h3
{
}

/* Video */
#wpxtreme-video
{
}

#wpxtreme-video img
{
  border                : 4px solid #fff;
  margin-bottom         : 24px;
  -moz-box-shadow       : 0 2px 3px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow    : 0 2px 3px rgba(0, 0, 0, 0.5);
  box-shadow            : 0 2px 3px rgba(0, 0, 0, 0.5);
  -moz-border-radius    : 2px;
  -webkit-border-radius : 2px;
  border-radius         : 2px;
}

/* Central Home */
#wpxtreme-central-home
{
  padding : 64px 0;
}

#wpxtreme-central-home h2
{
  text-align : center;
}

#wpxtreme-central-home h3,
#wpxtreme-central-home img,
#wpxtreme-central-home p
{
  text-align     : center;
  text-transform : uppercase;
}

#wpxtreme-central-home h2
{
  margin : 0 0 64px;
}

@media (min-width : 320px )
{
  #wpxtreme-central-home h2
  {
    font-size : 2em;
  }
}

@media (min-width : 600px )
{
  #wpxtreme-central-home h2
  {
    font-size : 42px;
  }
}

#wpxtreme-central-home img
{
  margin : 0 auto;
}

#wpxtreme-central-home .wpxtreme-home-box h4:before
{
  display : block;
  margin  : 0 auto 16px;
  content : "";
  width   : 64px;
  height  : 64px;
}

/* 3. Satisfied */

#wpxtreme-satisfied
{
  padding          : 64px 0;
  background-color : #32394e;
}

#wpxtreme-satisfied h2
{
  font-size : 42px;
  margin    : 0 0 64px;
}

#wpxtreme-satisfied h3
{
  border-bottom  : 1px solid #bbb;
  padding-bottom : 16px;
}

#wpxtreme-satisfied h3,
#wpxtreme-satisfied h4
{
  text-transform : uppercase;
  text-align     : center;
  color          : #fff;
}

#wpxtreme-satisfied h4
{
  font-size : 64px;
}

#wpxtreme-satisfied a
{
  width     : 180px;
  font-size : 18px;
  margin    : 16px auto;
  display   : block;
}

#wpxtreme-satisfied p
{
  text-align : center;
  color      : #fff;
  margin     : 16px 32px
}

#wpxtreme-satisfied small
{
  color     : #eee;
  font-size : 20px;
}

/* Odometer */
.wpxtreme-counters
{
  margin     : 16px 0 0;
  text-align : center;
  font-size  : 42px;
  color      : #88a255;
}

.wpxtreme-counters em
{
  color     : #888;
  font-size : 12px;
  display   : block;
}

.wpxtreme-counters .wpxtreme-count
{
  display : inline-block;
  margin  : 0 22px;
}

/* 4. Feature Plugin */

#wpxtreme-feature-plugin
{ }

#wpxtreme-feature-plugin h3
{
  color      : #666;
  text-align : center;
  font-size  : 46px;
  margin-top : 64px;
}

#wpxtreme-feature-plugin .carousel
{ }

#wpxtreme-feature-plugin .carousel .carousel-indicators li
{
  width              : 16px;
  height             : 10px;
  border-color       : #ccc;
  background-color   : #ddd;
  -webkit-transition : all linear 0.2s;
  -moz-transition    : all linear 0.2s;
  -ms-transition     : all linear 0.2s;
  -o-transition      : all linear 0.2s;
  transition         : all linear 0.2s;
}

#wpxtreme-feature-plugin .carousel .carousel-indicators li:hover,
#wpxtreme-feature-plugin .carousel .carousel-indicators li.active
{
  margin           : 1px;
  width            : 16px;
  height           : 10px;
  border-color     : #f90;
  background-color : #f90;
}

#wpxtreme-feature-plugin .carousel .carousel-control
{
  color            : #333;
  text-shadow      : none;
  background-image : none;
}

#wpxtreme-feature-plugin .carousel .carousel-inner > .item
{
  padding : 64px 0 180px;
}

#wpxtreme-feature-plugin .carousel .carousel-inner img
{
  width  : 200px;
  height : 200px;
  margin : 0 auto;
}

#wpxtreme-feature-plugin .carousel .carousel-caption h3,
#wpxtreme-feature-plugin .carousel .carousel-caption p
{
  color       : #333;
  text-shadow : none;
  font-size   : 22px;
}

#wpxtreme-feature-plugin .carousel .carousel-caption a,
#wpxtreme-feature-plugin .carousel .carousel-caption a:link,
#wpxtreme-feature-plugin .carousel .carousel-caption a:visited,
#wpxtreme-feature-plugin .carousel .carousel-caption a:active,
#wpxtreme-feature-plugin .carousel .carousel-caption a:focus
{
  color       : #333;
  text-shadow : 0 0 8px #fff;
}

#wpxtreme-feature-plugin .carousel .carousel-caption h3
{
  font-size : 40px;
}

#wpxtreme-feature-plugin .carousel .carousel-caption p
{
  font-size   : 22px;
  color       : #555;
  font-family : 'source_sans_proXLtIt';
}

/* 5. Customers */

#wpxtreme-customer
{
  background-color : #88a255;
}

#wpxtreme-customer h3
{
  color         : #485529;
  text-align    : center;
  font-size     : 46px;
  margin-top    : 64px;
  margin-bottom : 64px;
}

#wpxtreme-customer .wpxtreme-feedback-item
{
  margin : 16px auto;
}

#wpxtreme-customer .wpxtreme-feedback-item img
{
  /*float                 : left;*/
  margin-right          : 32px;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

#wpxtreme-customer .wpxtreme-feedback-item:nth-child(2n) img
{
  /*margin-left  : 32px;*/
  /*margin-right : 0;*/
  /*float        : right;*/
}

#wpxtreme-customer .wpxtreme-feedback-item .feedback-content-box
{
}

#wpxtreme-customer .wpxtreme-feedback-item p
{
  font-family : 'Times New Roman';
  font-size   : 28px;
  font-style  : italic;
  color       : #fff;
  padding     : 16px 0 0 48px;
}

#wpxtreme-customer .wpxtreme-feedback-item p.comment-author
{
  font-size  : 22px;
  text-align : right;
}

#wpxtreme-customer .wpxtreme-feedback-item blockquote
{
  border  : none;
  padding : 0;
  margin  : 0;
  color   : #fff;
}

#wpxtreme-customer .wpxtreme-feedback-item blockquote p:before,
#wpxtreme-customer .wpxtreme-feedback-item blockquote p:after
{
  content     : "\201C";
  font-size   : 120px;
  line-height : 1;
  font-style  : normal;
  position    : absolute;
}

#wpxtreme-customer .wpxtreme-feedback-item blockquote p:before
{
  top  : -10px;
  left : 4px;
}

#wpxtreme-customer .wpxtreme-feedback-item blockquote p:after
{
  content : "\201D";
  bottom  : -20px;
}

#wpxtreme-customer .wpxtreme-feedback-item blockquote p
{ }

#wpxtreme-customer .wpxtreme-feedback-item p.comment-author
{
  position : relative;
}

#wpxtreme-customer .wpxtreme-feedback-item a
{
  color : #fff;
}

/* =====================================================================================================================
 * SIDEBARS
 * =====================================================================================================================
 */

#sidebar .nav-title
{
  border-bottom  : 1px solid #ddd;
  color          : #778;
  font-size      : 18px;
  margin         : 0 2px 12px;
  padding-bottom : 8px;
  text-align     : left;
}

/* =====================================================================================================================
 * PAGE CONTENT AND WORDPRESS THEME ALIGNMENTS
 * =====================================================================================================================
 */

.content
{
  position : relative;
}

.content h2,
.content h3
{
  border-bottom  : 1px solid #ccc;
  color          : #666;
  margin-bottom  : 24px;
  padding-bottom : 12px;
  text-align     : right;
}

.content h3
{
  text-align : left;
}

.content p,
.content .paragraph ul
{
  color       : #444;
  font-family : source_sans_prolight;
  font-size   : 18px;
  line-height : 30px;
}

.content strong,
.content b
{
  font-family : 'source_sans_probold';
  color       : #444;
  font-weight : normal !important;
}

.content .paragraph ul
{
}

.content .paragraph ul li
{ }

/* Make the image responsive */
.content img
{
  display   : block;
  max-width : 100%;
  height    : auto;
}

/* Standard alignments for images */
img.aligncenter
{
  display      : block;
  text-align   : center;
  margin-left  : auto !important;
  margin-right : auto !important;
}

img.alignleft
{
  margin-right : 32px;
  float        : left;
}

img.alignright
{
  margin-left : 32px;
  float       : right;
}

/* =====================================================================================================================
 * BLOG
 * =====================================================================================================================
 */
body.category-blog .container .panel
{
  -webkit-transition : all linear 0.2s;
  -moz-transition    : all linear 0.2s;
  -ms-transition     : all linear 0.2s;
  -o-transition      : all linear 0.2s;
  transition         : all linear 0.2s;
}

body.category-blog .container .panel.wpxtreme-blog-opacity
{
  opacity : 0;
  filter  : alpha(opacity=0);
}

/* Author avatar in blog list */
.post-it-author-date
{
  left     : -38px;
  padding  : 0;
  position : relative;
  top      : -12px;
}

/* Avatar image */
.post-it-author-date .avatar
{
  float    : left;
  margin   : 0 -24px 0 0;
  position : relative;
}

.post-it-author-date .avatar img
{
  border                : 4px solid #248dc1;
  margin                : 0;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

.post-it-author-date .calendar
{
  float                 : left;
  background-color      : #248dc1;
  margin-top            : 6px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

.post-it-author-date .calendar div
{
  float       : left;
  color       : #fff;
  font-size   : 26px;
  line-height : 100%;
  min-height  : 52px;
  min-width   : 40px;
  padding     : 12px 6px;
  text-align  : right;
}

.post-it-author-date .calendar .day
{
  color : #fff;
  width : 68px;
}

.post-it-author-date .calendar .month
{
  color       : #eee;
  font-size   : 16px;
  line-height : 24px;
  text-align  : center;
  padding     : 4px 12px;
}

.post-it-author-date .calendar .year
{
  color       : #eee;
  float       : none;
  font-family : source_sans_probold;
  font-size   : 14px;
  min-height  : 1px;
  padding     : 0;
  text-align  : center;
}

/* Popover author bio */
.wpxm-single-meta-author .popover
{
  min-width : 520px;
}

.wpxm-single-meta-author .popover img
{
  float                 : left;
  margin-right          : 32px;
  border                : 4px solid #248dc1;
  margin                : 0;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

/* Comments */
.number-of-comments
{
  color     : #248dc1;
  font-size : 56px;
  margin    : -4px 0 0 8px;
}

.number-of-comments:hover
{
  color : #156b91;
}

.number-of-comments a
{
  color       : #fff;
  display     : block;
  font-family : source_sans_probold;
  font-size   : 16px;
  left        : 2px;
  position    : absolute;
  text-align  : center;
  top         : 14px;
  width       : 50px;
}

/* Single post meta*/
.wpxm-single-meta-author
{
  display        : block;
  font-size      : 13px;
  letter-spacing : 0;
  margin         : 8px;
}

.wpxm-single-meta-date
{
  color      : #aaa;
  font-style : italic;
}

/* Navigation */
#nav-below.navigation
{
  background-color      : #444;
  margin                : 16px 0;
  padding               : 16px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

#nav-below.navigation .nav-previous
{
  float : left;
}

#nav-below.navigation .nav-next
{
  float : right;
}

#nav-below.navigation a
{
  color          : #ddd;
  text-transform : uppercase;
  font-size      : 16px;
}

#nav-below.navigation a:hover,
#nav-below.navigation a:focus,
#nav-below.navigation a:active
{
  color : #fff;
}

/* Comments */
#respond label
{
  display : block;
}

textarea#comment
{
  resize      : vertical;
  width       : 99%;
  height      : 200px;
  font-family : "Lucida Console", Monaco, Courier, "Courier New", monospace;
}

/* Super title */

body.category h1,
body.archive h1
{
  text-align : right;
  color      : #999;
}

/* =====================================================================================================================
 * COMMENTS LIST
 * =====================================================================================================================
 */

/* Main wrapper */
.commentlist,
.commentlist li
{
  list-style : none outside none;
  margin     : 0 0 0 32px;
  padding    : 0;
  position   : relative;
}

/* Discussions */

.commentlist .comment-body
{
  border                : 1px solid #bfccd1;
  margin                : 0 0 16px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

.commentlist .comment-body:before,
.commentlist .comment-body:after
{
  /* Dark */
  border-color : transparent #bfccd1 transparent transparent;
  border-style : solid;
  border-width : 8px;
  content      : "";
  display      : block;
  height       : 0;
  left         : -16px;
  top          : 8px;
  position     : absolute;
  width        : 0;
}

.commentlist .comment-body:after
{
  border-color : transparent #f2f8fa transparent transparent;
  left         : -15px;
}

/* Avoid pingback */
.pingback .comment-body
{
  background-color : #f7f7f7;
}

.pingback .comment-body:before,
.pingback .comment-body:after
{
  border : none;
}

.pingback .comment-body
{
  padding : 8px;
}

/* Reply */
.commentlist .comment-body .reply
{
  padding : 8px;
}

.commentlist .comment-body .reply:after
{
  content : '';
  display : block;
  clear   : both;
}

.commentlist .comment-body p
{
  font-family : source_sans_proregular;
  font-size   : 15px;
  line-height : 20px;
  margin      : 16px;
}

.commentlist li .comment-author cite.fn
{
}

.commentlist li .comment-author .says
{
  display : none;
}

.commentlist li .comment-author cite.fn,
.commentlist li .comment-meta
{
  background-color      : #f2f8fa;
  border-bottom         : 1px solid #e1edf1;
  display               : block;
  float                 : none;
  padding               : 6px;
  -moz-border-radius    : 4px 4px 0 0;
  -webkit-border-radius : 4px 4px 0 0;
  border-radius         : 4px 4px 0 0;
}

.commentlist li .comment-author cite.fn
{
  display      : inline-block;
  float        : left;
  margin-left  : 0;
  margin-right : 8px;
}

.commentlist li .comment-author cite.fn a
{
}

ol.commentlist li img.avatar
{
  position              : absolute;
  left                  : -64px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

/* Response */
.commentlist > li ul.children
{
  list-style : none;
  padding    : 0;
  margin     : 0 0 0 32px;
}

/* Form */
#commentform
{
  margin-bottom : 16px;
}

/* =====================================================================================================================
 * SIDEBARS COMMENTS
 * =====================================================================================================================
 */

ul.wpxm-sidebar-last-comment
{
  list-style : none;
  margin     : 0;
  padding    : 0;
}

ul.wpxm-sidebar-last-comment li
{
  margin         : 0 0 8px;
  padding-bottom : 8px;
  border-bottom  : 1px dotted #aaa;
}

ul.wpxm-sidebar-last-comment li:last-child
{
  border-bottom : none;
}

ul.wpxm-sidebar-last-comment li img
{
  margin                : 0 4px 0 0;
  float                 : left;
  border                : 2px solid #248dc1;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

ul.wpxm-sidebar-last-comment li a
{
  font-size : 11px;
}

/*-----------------------------------------------------------
 10.0 OVERRIDE GIST (GitHub) Theme
 ----------------------------------------------------------*/

.gist table .line-numbers,
.gist table .line-data,
.gist-data .line-pre
{
  font-family : Monaco, Lucida Console, monospace !important;
  font-size   : 13px !important;
  color       : #fff;
}

.gist table.highlight
{
  background-color      : transparent !important;
  color                 : #fff !important;
  font-weight           : normal !important;
  margin                : 0 !important;
  padding               : 0 !important;
  -moz-border-radius    : 0 !important;
  -webkit-border-radius : 0 !important;
  border-radius         : 0 !important;
}

.gist .gist-syntax
{
  background-color : transparent !important;
}

.gist .gist-file
{
  border : none !important;
}

.gist .gist-file #readme
{
  font-family      : Monaco, Lucida Console, monospace !important;
  font-size        : 13px !important;
  text-shadow      : none;
  color            : #333;
  background-color : #fcfcfc;
  padding          : 16px;
}

.gist .gist-file h1
{
  border-bottom  : 1px solid #eee;
  padding-bottom : 8px;
  font-size      : 21px;
}

.gist .gist-file h2
{
  border-bottom : 1px solid #eee;
  padding       : 0 0 8px;
  color         : inherit;
  font-family   : inherit;
  font-size     : 18px;
  margin        : 16px 0;
  text-align    : left;
}

#changelog .gist .gist-file h2
{
  line-height           : 32px;
  background-color      : #ddd;
  border                : medium none;
  color                 : #444;
  margin-top            : 32px;
  padding               : 0 16px;
  text-shadow           : none;
  font-size             : 14px;
  font-weight           : bold;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

#changelog .gist .gist-file h3
{
  color       : #888;
  float       : right;
  font-size   : 12px;
  font-weight : normal;
  margin      : -38px 8px 0 0;
  line-height : 100%;
  border      : none;
}

.gist .gist-file h3
{
  font-size : 16px;
}

#changelog .gist .gist-file h4
{
  color     : #555;
  font-size : 13px;
  margin    : 0 0 0 4px;
}

.gist .gist-file h4
{
  font-size : 15px;
}

.gist .gist-file h5
{
  font-size : 13px;
}

#changelog .gist .gist-file ul
{
}

#changelog .gist .gist-file ul li
{
  font-size   : 12px;
  line-height : 150%;
  margin      : 0;
}

.gist .line-numbers
{
  border           : none !important;
  background-color : #eee !important;
  color            : #333 !important;
  padding-left     : 32px !important;
}

.gist .gist-file .gist-data
{
  background-color : transparent !important;
}

.gist .line-data
{
  width                 : 100% !important;
  background-color      : #333 !important;
  -moz-border-radius    : 0 0 0 2px !important;
  -webkit-border-radius : 0 0 0 2px !important;
  border-radius         : 0 0 0 2px !important;
}

.gist .gist-data
{
  border                : none !important;
  -moz-border-radius    : 3px 3px 0 0 !important;
  -webkit-border-radius : 3px 3px 0 0 !important;
  border-radius         : 3px 3px 0 0 !important;
}

.gist .line,
.gist .line-number
{
  margin : 4px 0 !important;
}

.gist-meta
{
  background-color      : #eee !important;
  -moz-border-radius    : 0 0 3px 3px !important;
  -webkit-border-radius : 0 0 3px 3px !important;
  border-radius         : 0 0 3px 3px !important;
}

.gist-syntax .c
{
  color : #2b839f !important;
}

.gist-syntax .err
{
  background-color : #e3d2d2;
  color            : #a61;
}

.gist-syntax .k
{
  color       : #fc0 !important;
  font-weight : normal !important;
}

.gist-syntax .o
{
  color : #fff !important;
}

.gist-syntax .cm
{
  color : #8da5bf !important;
}

.gist-syntax .cp
{
  color       : #fbb53c !important;
  font-weight : normal !important;
}

.gist-syntax .c1
{
  color      : #998;
  font-style : italic;
}

.gist-syntax .cs
{
  color       : #999;
  font-style  : italic;
  font-weight : bold;
}

.gist-syntax .gd
{
  background-color : #fdd;
  color            : #000;
}

.gist-syntax .gd .x
{
  background-color : #faa;
  color            : #000;
}

.gist-syntax .ge
{
  color      : #000;
  font-style : italic;
}

.gist-syntax .gr
{
  color : #a00;
}

.gist-syntax .gh
{
  color : #999;
}

.gist-syntax .gi
{
  background-color : #dfd;
  color            : #000;
}

.gist-syntax .gi .x
{
  background-color : #afa;
  color            : #000;
}

.gist-syntax .go
{
  color : #888;
}

.gist-syntax .gp
{
  color : #555;
}

.gist-syntax .gs
{
  font-weight : bold;
}

.gist-syntax .gu
{
  color : #aaa;
}

.gist-syntax .gt
{
  color : #a00;
}

.gist-syntax .kc
{
  color       : #000;
  font-weight : bold;
}

.gist-syntax .kd
{
  color       : #000;
  font-weight : bold;
}

.gist-syntax .kp
{
  color       : #000;
  font-weight : bold;
}

.gist-syntax .kr
{
  color       : #000;
  font-weight : bold;
}

.gist-syntax .kt
{
  color       : #458;
  font-weight : bold;
}

.gist-syntax .m
{
  color : #099;
}

.gist-syntax .s
{
  color : #a4c160 !important;
}

.gist-syntax .na
{
  color : #fc0 !important;
}

.gist-syntax .nb
{
  color : #0086b3;
}

.gist-syntax .nc
{
  color       : #458;
  font-weight : bold;
}

.gist-syntax .no
{
  color : teal;
}

.gist-syntax .ni
{
  color : purple;
}

.gist-syntax .ne
{
  color       : #900;
  font-weight : bold;
}

.gist-syntax .nf
{
  color       : #900;
  font-weight : bold;
}

.gist-syntax .nn
{
  color : #555;
}

.gist-syntax .nt
{
  color : #ffa730 !important;
}

.gist-syntax .nv
{
  color : #ddd !important;
}

.gist-syntax .ow
{
  color       : #000;
  font-weight : bold;
}

.gist-syntax .w
{
  color : #bbb;
}

.gist-syntax .mf
{
  color : #099;
}

.gist-syntax .mh
{
  color : #099;
}

.gist-syntax .mi
{
  color : #099;
}

.gist-syntax .mo
{
  color : #099;
}

.gist-syntax .sb
{
  color : #d14;
}

.gist-syntax .sc
{
  color : #d14;
}

.gist-syntax .sd
{
  color : #d14;
}

.gist-syntax .s2
{
  color : #d14;
}

.gist-syntax .se
{
  color : #d14;
}

.gist-syntax .sh
{
  color : #d14;
}

.gist-syntax .si
{
  color : #d14;
}

.gist-syntax .sx
{
  color : #d14;
}

.gist-syntax .sr
{
  color : #009926;
}

.gist-syntax .s1
{
  color : #a4c160 !important;
}

.gist-syntax .ss
{
  color : #990073;
}

.gist-syntax .bp
{
  color : #999;
}

.gist-syntax .vc
{
  color : teal;
}

.gist-syntax .vg
{
  color : teal;
}

.gist-syntax .vi
{
  color : teal;
}

.gist-syntax .il
{
  color : #099;
}

/* =====================================================================================================================
 * CODE COLORED
 * =====================================================================================================================
 */

.codecolorer-container
{
  padding : 4px 0;
}

.codecolorer,
.codecolorer *,
.codecolorer-container,
.codecolorer-container *
{
  font-size   : 13px !important;
  line-height : 22px !important;
}

div.codecolorer-container a
{
  text-decoration : underline
}

.vibrant,
.codecolorer
{
  white-space           : nowrap;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
  border                : none !important;
}

.codecolorer p
{
  color : #2b839f;
  font  : 13px/1.4em Monaco, Lucida Console, monospace;
}

.comment-body .vibrant,
.comment-body .codecolorer
{
  -moz-border-radius    : 0;
  -webkit-border-radius : 0;
  border-radius         : 0;
}

.codecolorer-container table td.line-numbers
{
  background-color      : #333 !important;
  color                 : #eee !important;
  width                 : auto;
  border-right          : 1px solid #666 !important;
  white-space           : normal;
  -moz-border-radius    : 2px 0 0 2px;
  -webkit-border-radius : 2px 0 0 2px;
  border-radius         : 2px 0 0 2px;
}

.codecolorer-container table td
{
  width : 100%
}

/* =====================================================================================================================
 * FOOTER
 * =====================================================================================================================
 */

#wpxtreme-newsletter
{
  padding-top   : 32px;
  text-align    : center;
  margin-bottom : -102px;
}

#wpxtreme-newsletter form h4
{
  color : #666;
}

#wpxtreme-newsletter form p
{
  color       : #888;
  font-style  : italic;
  line-height : 100%;
  font-size   : 13px;
  margin      : 0 0 12px;
}

#wpxtreme-footer-newletter
{
  display : block;
  margin  : 8px auto !important;
  width   : 100px;
}

#wpxtreme-newsletter .input-group-btn .btn
{
  height           : 48px;
  background-color : #5cb85c;
}

div.wpxtreme-theme-dashed
{
  display    : table;
  width      : 100%;
  height     : 1px;
  border-top : 1px dashed #bbb;
}

div.wpxtreme-theme-dashed.top
{
  padding-top : 16px;
}

div.wpxtreme-theme-dashed.bottom
{
  padding-bottom : 16px;
}

#wpxtreme-footer
{
  background-color : #fff;
  border-top       : 1px solid #e5e5e5;
  padding-top      : 102px;
}

#wpxtreme-footer h4
{
  border-bottom  : 2px solid #bbb;
  color          : #444;
  font-size      : 16px;
  padding-bottom : 16px;
  text-align     : center;
  height         : 32px;
}

#wpxtreme-footer ul
{
  list-style-type : square;
}

#wpxtreme-footer ul li
{
  line-height   : 26px;
  margin-bottom : 2px;
}

#wpxtreme-footer ul li a
{
  display               : block;
  padding               : 0 8px;
  color                 : #888;
  font-size             : 14px;
  text-shadow           : 0 0 8px #fff;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

#wpxtreme-footer h4 a.rsswidget img
{
  margin-bottom : 3px;
}

/* Social */
ul.social
{
  list-style : none;
  padding    : 0;
  margin     : 0 auto 16px auto;
  display    : table;
}

ul.social li
{
  display     : inline;
  float       : left;
  margin-left : 16px;
}

/* < 1200px */
@media (max-width : 1200px )
{
  /* Social */
  ul.social li
  {
    margin-left : 8px;
  }

}

ul.social li a
{
  padding           : 0;
  display           : block;
  width             : 32px;
  height            : 32px;
  background-repeat : no-repeat;
}

ul.social li.facebook a
{
  background-image : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/social_facebook.png);
}

ul.social li.twitter a
{
  background-image : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/social_twitter.png);
}

ul.social li.youtube a
{
  background-image : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/social_youtube.png);
}

ul.social li.google a
{
  background-image : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/social_google.png);
}

ul.social li.feed-rss a
{
  background-image : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/social_feed.png);
}

#wpxtreme-footer div.row:nth-child(1) ul
{
  margin-bottom : 16px;
}

#wpxtreme-footer div.row:nth-child(2)
{
  border-top    : 1px dashed #ccc;
  border-bottom : 1px dashed #ccc;
  padding       : 16px 2px;
}

#wpxtreme-footer div.row:nth-child(2) .pull-right
{
  text-align : right;
}

/*-----------------------------------------------------------
 15.0 Users Manager
 ----------------------------------------------------------*/

/*-----------------------------------------------------------
 15.1 Login
 ----------------------------------------------------------*/
/* Main container */
#wpxum-signin-view.wpxum-content
{
  border : none;
  width  : 496px;
  margin : 0 auto;
}

/* Button social facebook */
#wpxum-signin-view.wpxum-content .wpxum-social-buttons button
{
  color                 : #fff;
  background-color      : #3276b1;
  display               : block;
  width                 : 100%;
  margin                : 8px auto;
  border                : none;
  padding               : 12px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

/* Input username and password */
#wpxum-signin-view.wpxum-content form[name="wpxum_signin"] > div input[type="text"],
#wpxum-signin-view.wpxum-content form[name="wpxum_signin"] > div input[type="email"],
#wpxum-signin-view.wpxum-content form[name="wpxum_signin"] > div input[type="password"]
{
  color   : #111;
  display : inline-block;
  width   : 280px !important;
}

/* form labels */
#wpxum-signin-view.wpxum-content form[name="wpxum_signin"] > div label
{
  display      : inline-block;
  min-width    : 120px;
  text-align   : right;
  margin-right : 8px;
}

#wpxum-signin-view input#remember
{
  margin : 0px 0 1px 152px;
}

/* Remember */
#wpxum-signin-view.wpxum-content form[name="wpxum_signin"] > div.wpxum-signin-remember label
{
  margin-left : 24%;
}

/* Sign in button */
#wpxum-signin-view.wpxum-content form[name="wpxum_signin"] > .wpxum-signin-signin-button
{
  text-align : center;
}

/*-----------------------------------------------------------
 15.2 Sign Up
 ----------------------------------------------------------*/

#wpxum-signup-view.wpxum-content
{
  padding : 16px;
  width   : 496px;
  margin  : 0 auto;
}

/* Social */
#wpxum-signup-view.wpxum-content .wpxum-social-buttons
{
  display        : block;
  width          : 80%;
  margin         : 0 auto 8px;
  padding-bottom : 16px;
  margin-bottom  : 16px;
  border-bottom  : 1px solid #aaa;
}

/* Button social facebook */
#wpxum-signup-view.wpxum-content .wpxum-social-buttons button
{
  color                 : #fff;
  background-color      : #3276b1;
  display               : block;
  width                 : 100%;
  margin                : 8px auto;
  border                : none;
  padding               : 12px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

/* Rows */
#wpxum-signup-view form > div
{
  margin-bottom : 8px;
}

#wpxum-signup-view div > label
{
  display      : inline-block;
  min-width    : 120px;
  text-align   : right;
  margin-right : 8px;
}

#wpxum-signup-view input[type="text"],
#wpxum-signup-view input[type="email"],
#wpxum-signup-view input[type="password"],
#wpxum-signup-view input[type="url"],
#wpxum-signup-view input[type="number"],
#wpxum-signup-view select
{
  color   : #111;
  display : inline-block;
  width   : 280px;
}

#wpxum-signup-view .wpxum-signup-newsletter
{
  padding               : 16px 0px;
  text-align            : center;
  border                : 1px solid #e5e5e5;
  margin                : 16px;
  background-color      : rgba(0, 0, 0, 0.02);
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

/* Sign up button */
#wpxum-signup-view.wpxum-content form[name="wpxum_signup"] > .wpxum-signup-signup-button
{
  text-align : center;
}

/*-----------------------------------------------------------
 15.3 Edit Profile
 ----------------------------------------------------------*/

#wpxum-profile-view
{ }

/* Rows */
#wpxum-profile-view form > div
{
  margin-bottom : 8px;
}

#wpxum-profile-view div > label
{
  min-width    : 200px;
  text-align   : right;
  margin-right : 8px;
}

#wpxum-profile-view input[type="text"],
#wpxum-profile-view input[type="email"],
#wpxum-profile-view input[type="password"],
#wpxum-profile-view input[type="url"],
#wpxum-profile-view input[type="number"],
#wpxum-profile-view select
{
  color   : #111;
  display : inline-block;
  width   : 280px;
}

#wpxum-profile-view button
{
  color : #222;
  float : right;
}

#wpxum-profile-view .wpxum-signup-newsletter
{
  padding               : 16px 0px;
  text-align            : center;
  border                : 1px solid #e5e5e5;
  margin                : 16px;
  background-color      : rgba(0, 0, 0, 0.02);
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

/*-----------------------------------------------------------
 15.4 Ask Reset Password
 ----------------------------------------------------------*/

#wpxum-ask-reset-password-view
{ }

/* form labels */
#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] > div label
{
  display      : inline-block;
  min-width    : 110px;
  text-align   : right;
  margin-right : 8px;
}

/* Input username */
#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] > div input[type="text"],
#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] > div input[type="email"]
{
  color   : #111;
  display : inline-block;
  width   : 380px !important;
}

#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] div.wpxum-ask-reset-password-email,
#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] div.wpxum-ask-reset-password-button
{
  display : inline-block;
}

#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] div.wpxum-ask-reset-password-button button
{
  border                : 2px solid #4cae4c;
  background-color      : #5cb861;
  color                 : #fff;
  -moz-border-radius    : 0 256px 256px 0;
  -webkit-border-radius : 0 256px 256px 0;
  border-radius         : 0 256px 256px 0;
  padding               : 0 32px;
  font-size             : 14px;
  line-height           : 20px;
  height                : 34px;
  margin-left           : -21px;
  -webkit-transition    : all ease 0.3s;
  -moz-transition       : all ease 0.3s;
  -ms-transition        : all ease 0.3s;
  -o-transition         : all ease 0.3s;
  transition            : all ease 0.3s;
}

#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] div.wpxum-ask-reset-password-button button:hover,
#wpxum-ask-reset-password-view form[name="wpxum_ask_reset_password"] div.wpxum-ask-reset-password-button button:focus
{
  background-color : #4cae4c;
}

/*-----------------------------------------------------------
 15.5 Ask Resend Unlock URL
 ----------------------------------------------------------*/
#wpxum-unlock-code-view
{ }

/* form labels */
#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] > div label
{
  display      : inline-block;
  min-width    : 110px;
  text-align   : right;
  margin-right : 8px;
}

/* Input username */
#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] > div input[type="text"],
#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] > div input[type="email"]
{
  color   : #111;
  display : inline-block;
  width   : 380px !important;
}

#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] div.wpxum-unlock-code-user-login,
#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] div.wpxum-unlock-code-send-button
{
  display : inline-block;
}

#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] div.wpxum-unlock-code-send-button button
{
  border                : 2px solid #4cae4c;
  background-color      : #5cb861;
  color                 : #fff;
  -moz-border-radius    : 0 256px 256px 0;
  -webkit-border-radius : 0 256px 256px 0;
  border-radius         : 0 256px 256px 0;
  padding               : 0 32px;
  font-size             : 14px;
  line-height           : 20px;
  height                : 34px;
  margin-left           : -21px;
  -webkit-transition    : all ease 0.3s;
  -moz-transition       : all ease 0.3s;
  -ms-transition        : all ease 0.3s;
  -o-transition         : all ease 0.3s;
  transition            : all ease 0.3s;
}

#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] div.wpxum-unlock-code-send-button button:hover,
#wpxum-unlock-code-view form[name="wpxum_ask_resend_unlock_code"] div.wpxum-unlock-code-send-button button:focus
{
  background-color : #4cae4c;
}

/*-----------------------------------------------------------
 15.6 Reset Password
 ----------------------------------------------------------*/
#wpxum-reset-password-view
{ }

/* form labels */
#wpxum-reset-password-view form[name="wpxum_reset_password"] > div label
{
  display      : inline-block;
  min-width    : 200px;
  text-align   : right;
  margin-right : 8px;
}

/* Input username */
#wpxum-reset-password-view form[name="wpxum_reset_password"] > div input[type="password"]
{
  color   : #111;
  display : inline-block;
  width   : 280px !important;
}

#wpxum-reset-password-view form[name="wpxum_reset_password"] div.wpxum-reset-password-password,
#wpxum-reset-password-view form[name="wpxum_reset_password"] div.wpxum-reset-password-password-repeat
{
  display : inline-block;
}

#wpxum-reset-password-view form[name="wpxum_reset_password"] div.wpxum-reset-password-button button
{
  display               : block;
  margin                : 16px auto;
  border                : 2px solid #4cae4c;
  background-color      : #5cb861;
  color                 : #fff;
  -moz-border-radius    : 256px;
  -webkit-border-radius : 256px;
  border-radius         : 256px;
  padding               : 0 32px;
  font-size             : 14px;
  line-height           : 20px;
  height                : 34px;
  -webkit-transition    : all ease 0.3s;
  -moz-transition       : all ease 0.3s;
  -ms-transition        : all ease 0.3s;
  -o-transition         : all ease 0.3s;
  transition            : all ease 0.3s;
}

#wpxum-reset-password-view form[name="wpxum_reset_password"] div.wpxum-reset-password-button button:hover,
#wpxum-reset-password-view form[name="wpxum_reset_password"] div.wpxum-reset-password-button button:focus
{
  background-color : #4cae4c;
}

/*-----------------------------------------------------------
 16.0 Api Key
 ----------------------------------------------------------*/

input[name="secret-key"]
{ height : 36px }

/* =====================================================================================================================
 * RESEND UNLOCK URL
 * =====================================================================================================================
 */

body.page.resend-unlock-url button#button_resend_unlock_url
{
  color : #333;
}

/* =====================================================================================================================
 * HOME PROFILE
 * =====================================================================================================================
 */
#wpxtreme-profile-view
{
  position : relative;
}

#wpxtreme-profile-view .wpxtreme-user-profile
{
  border-bottom : 1px solid #e5e5e5;
  margin-bottom : 24px;
}

#wpxtreme-profile-view img.wpxtreme-profile-avatar
{
  position              : relative;
  top                   : -18px;
  float                 : right;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

#wpxtreme-profile-view .wpxtreme-user-profile h2
{
  border        : none;
  color         : #666;
  font-size     : 32px;
  margin-right  : 100px;
  margin-bottom : 12px;
  padding       : 0;
  text-align    : right;
}

#wpxtreme-profile-view .wpxtreme-user-profile p
{
  font-size  : 13px;
  text-align : right;
}

#wpxtreme-profile-view .wpxtreme-user-profile p strong
{
  color : #fff;
}

span.wpxm-store-info
{
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
  color                 : #fff;
  padding               : 2px 4px;
  margin                : 0 8px 0 0;
}

span.wpxm-store-memberships-noactive
{
  background-color : #f90;
}

span.wpxm-store-member
{
  background-color : #3f8efe;
}

span.wpxm-store-memberships-active
{
  background-color : #869685;
}

span.wpxm-store-memberships-expiry
{
  background-color : #c37074;
}

#wpxtreme-profile-view h3
{
  clear      : both;
  color      : #666;
  display    : block;
  margin     : 32px 0;
  text-align : left;
}

#wpxtreme-profile-view .wpxtreme-product-item
{
  float      : left;
  width      : 128px;
  text-align : center;
}

#wpxtreme-profile-view .wpxtreme-product-item p
{
  font-size  : 11px;
  text-align : center;
}

#wpxtreme-profile-view .wpxtreme-product-item img
{
  display : inline;
}

/* Delete account */
#sidebar ul.nav li.active:last-child a
{
  background-color : #d9534f;
}

/* Buy membership, buy plugin or start trial */
.wpxtreme-membership-plugin-trial
{
  text-align : center;
}

.wpxtreme-membership-plugin-trial a,
.wpxtreme-membership-plugin-trial button
{
  color  : #333;
  margin : 0 8px;
  width  : 200px;
}

.wpxtreme-membership-plugin-trial form
{
  display : inline;
}

/* =====================================================================================================================
 * INVOICE
 * TODO deprecated ?
 * =====================================================================================================================
 */

/* Main container */
.wpxss-invoice
{
  border  : 1px solid #aaa;
  padding : 32px;
}

/* Merchant information */
.wpxss-invoice-merchant
{
}

.wpxss-invoice-merchant td
{
  text-align : right;
}

td.wpxss-invoice-merchant-name
{
  font-size      : 32px;
  font-weight    : bold;
  padding-bottom : 8px;
}

/* Order information */
.wpxss-invoice-order
{
  margin : 16px 0;
}

td.wpxss-invoice-order-id,
td.wpxss-invoice-date
{
  background-color : #eee;
  padding          : 4px;
  border-top       : 2px solid #ddd;
}

td.wpxss-invoice-date
{
  text-align  : right;
  font-weight : bold;
}

/* Billing */
.wpxss-invoice-billing
{
}

.wpxss-invoice-billing
{
  border                : 1px solid #aaa;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

.wpxss-invoice-billing table
{
  margin : 8px;
}

.wpxss-invoice-billing table tbody
{ }

td.wpxss-invoice-billing-name
{
  font-weight : bold;
}

/* Product items */
.wpxss-invoice-product-items
{
  margin : 16px 0;
  border : 1px solid #aaa;
}

.wpxss-invoice-product-items table
{
}

.wpxss-invoice-product-items table th
{
  background-color : #eee;
}

.wpxss-invoice-product-items table th,
.wpxss-invoice-product-items table td
{
  padding        : 8px;
  border-bottom  : 1px solid #ccc;
  border-right   : 1px solid #ccc;
  vertical-align : top;
}

.wpxss-invoice-product-items table td:last-child
{
  border-right : none;
}

.wpxss-invoice-product-items table tfoot tr:last-child td
{
  border-bottom : none;
  font-weight   : bold;
}

.wpxss-invoice-product-items table tfoot td:last-child
{
  text-align : right;
}

td.wpxss-invoice-product-item-amount,
td.wpxss-invoice-product-item-qty,
td.wpxss-invoice-product-item-vat,
td.wpxss-invoice-product-item-total
{
  text-align : right;
}

#wpxss-discounts-stats
{
  margin                : 12px 0 0 0;
  background-color      : #fafafa;
  border                : 1px solid #e5e5e5;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

#wpxss-discounts-stats table th
{
  border-right : none;
}

#wpxss-discounts-stats table thead tr:first-child
{
  display : none;
}

#wpxss-discounts-stats table tbody td
{
  border-bottom : 1px solid #e5e5e5;
}

/* =====================================================================================================================
 * FAQs
 * =====================================================================================================================
 */

body.post-type-archive-faq_item h1,
body.post-type-archive-faq_item h2,
body.single-faq_item h1,
body.single-faq_item h2
{
  color      : #666;
  margin     : 32px 0;
  text-align : center;
  border     : none;
}

body.post-type-archive-faq_item h3,
body.single-faq_item h3,
{
  color          : #888;
  font-size      : 18px;
  padding-bottom : 8px;
  border-bottom  : 1px solid #ccc;
}

/* Fix the jQuery UI autocomplete with bootstrap append control */
body.post-type-archive-faq_item .wpxfaq-search input[type=text],
body.single-faq_item .wpxfaq-search input[type=text]
{
  height                : 36px;
  -moz-border-radius    : 32px 0 0 32px !important;
  -webkit-border-radius : 32px 0 0 32px !important;
  border-radius         : 32px 0 0 32px !important;
}

.wpxfaq-search .btn
{
  background-color : #5bc0de;
}

.wpxfaq-by-term i
{
  color     : #f90;
  font-size : 10px;
}

.wpxfaq-by-term p
{ }

/* Accordion */
a.accordion-toggle
{
  font-family     : source_sans_probold;
  text-decoration : none;
  text-transform  : uppercase;
  color           : #444;
}

a.accordion-toggle:hover
{
  color : #111;
}

/* =====================================================================================================================
 * BETA PROGRAM
 * =====================================================================================================================
 */

/* Make the image responsive */
body.beta-program .ui-tabs img
{
  display   : block;
  max-width : 100%;
  height    : auto;
}

/* =====================================================================================================================
 * ABOUT US
 * =====================================================================================================================
 */
body.about-us h2,
body.about-us h3
{
  text-align : center;
  border     : none;
}

body.about-us h2
{
  color          : #444;
  font-size      : 70px;
  letter-spacing : 0;
  margin         : 32px 0;
}

body.about-us h3
{
  font-size : 34px;
  margin    : 0 0 16px;
}

/* =====================================================================================================================
 * TEAM PAGE
 * =====================================================================================================================
 */

body.team .popover
{
  min-width : 520px;
}

body.team .popover-title
{
  margin-top : 0;
}

body.team section
{
  padding-top : 16px;
}

body.team img.wpxtreme-avatar
{
  display               : block;
  margin-left           : auto;
  margin-right          : auto;
  border                : 4px solid #248dc1;
  cursor                : pointer;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

body.team .col-md-4
{
  text-align : center;
}

body.team h4 small
{
  display    : block;
  margin-top : 4px;
}

/* =====================================================================================================================
 * LICENSES
 * =====================================================================================================================
 */

body.wpxtreme-licenses
{
  background-image : none;
  background-color : #fff;
  padding          : 0;
  min-height       : 200px;
}

body.wpxtreme-licenses h2
{
  background-color      : #5daa7d;
  color                 : #fff;
  display               : block;
  float                 : left;
  font-family           : "source_sans_probold";
  font-size             : 22px;
  height                : 50px;
  line-height           : 150%;
  margin                : 0 8px 16px 0;
  padding               : 8px;
  text-align            : center;
  width                 : 50px;
  border                : 3px solid #fff;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
  -moz-box-shadow       : 0 4px 5px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow    : 0 4px 5px rgba(0, 0, 0, 0.3);
  box-shadow            : 0 4px 5px rgba(0, 0, 0, 0.3);
}

body.wpxtreme-licenses h2.y1
{
  background-color : #a21410;
}

body.wpxtreme-licenses h3
{
  border      : medium none;
  color       : #555;
  display     : block;
  float       : left;
  font-size   : 17px;
  font-weight : bold;
  line-height : 316%;
  margin      : 0;
  padding     : 0;
  text-align  : left;
}

body.wpxtreme-licenses p
{
  clear       : both;
  font-family : "source_sans_proregular";
  font-size   : 14px;
  font-weight : normal;
  line-height : 20px;
  margin      : 0 0 16px 16px;
  text-align  : justify;
}

/* =====================================================================================================================
 * FEATURES
 * =====================================================================================================================
 */

#wpxtre-discover-all-features
{
  text-align       : center;
  padding          : 32px 0;
  background-image : none;
  background-color : transparent;
}

body.features section h1
{
  font-family : 'source_sans_prolight';
  font-size   : 82px;
  color       : #668;
}

body.features section h2
{
  letter-spacing : 0;
  padding        : 32px 0 24px;
}

body.features section h3,
body.features section h4,
body.features section h5
{
  letter-spacing : 0;
  font-family    : 'source_sans_prolight';
}

body.features h2
{
  color     : #555;
  font-size : 32px;
}

body.features section h3
{
  color       : #444;
  font-size   : 24px;
  line-height : 34px;
}

body.features section h4
{
  color       : #666;
  font-size   : 20px;
  line-height : 34px;
}

body.features section h5
{
  color       : #888;
  font-size   : 18px;
  line-height : 34px;
}

body.features .section-left h2,
body.features .section-left h3,
body.features .section-left h4,
body.features .section-left h5
{
  text-align : right;
  margin     : 8px 32px;
}

body.features .section-right h2,
body.features .section-right h3,
body.features .section-right h4,
body.features .section-right h5
{
  text-align : left;
  margin     : 8px 32px;
}

body.features .section-left img
{
  margin : 0 16px 0 0;
  float  : left;
}

body.features .section-right img
{
  margin : 0 0 0 16px;
  float  : right;
}

body.features section.white
{
  background-image : none;
  background-color : #fff;
}

body.features section.black h2
{
  color : #fff;
}

body.features section.black h3
{
  color : #eee;
}

body.features section.black h4
{
  color : #ddd;
}

body.features section.black h5
{
  color : #ccc;
}

body.features section:after
{
  content : '';
}

body.features section
{
  background : rgb(237, 237, 237); /* Old browsers */
  background : -moz-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 42%); /* FF3.6+ */
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(237, 237, 237, 1)), color-stop(42%, rgba(255, 255, 255, 1))); /* Chrome,Safari4+ */
  background : -webkit-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 42%); /* Chrome10+,Safari5.1+ */
  background : -o-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 42%); /* Opera 11.10+ */
  background : -ms-linear-gradient(top, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 42%); /* IE10+ */
  background : linear-gradient(to bottom, rgba(237, 237, 237, 1) 0%, rgba(255, 255, 255, 1) 42%); /* W3C */
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff', GradientType=0); /* IE6-9 */
}

body.features section.black
{
  background : rgb(69, 72, 77); /* Old browsers */
  background : -moz-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* FF3.6+ */
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(69, 72, 77, 1)), color-stop(100%, rgba(0, 0, 0, 1))); /* Chrome,Safari4+ */
  background : -webkit-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Chrome10+,Safari5.1+ */
  background : -o-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* Opera 11.10+ */
  background : -ms-linear-gradient(top, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* IE10+ */
  background : linear-gradient(to bottom, rgba(69, 72, 77, 1) 0%, rgba(0, 0, 0, 1) 100%); /* W3C */
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#45484d', endColorstr='#000000', GradientType=0); /* IE6-9 */
}

body.features section.blue
{
  background : rgb(36, 141, 193); /* Old browsers */
  background : -moz-linear-gradient(top, rgba(36, 141, 193, 1) 0%, rgba(23, 92, 124, 1) 100%); /* FF3.6+ */
  background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(36, 141, 193, 1)), color-stop(100%, rgba(23, 92, 124, 1))); /* Chrome,Safari4+ */
  background : -webkit-linear-gradient(top, rgba(36, 141, 193, 1) 0%, rgba(23, 92, 124, 1) 100%); /* Chrome10+,Safari5.1+ */
  background : -o-linear-gradient(top, rgba(36, 141, 193, 1) 0%, rgba(23, 92, 124, 1) 100%); /* Opera 11.10+ */
  background : -ms-linear-gradient(top, rgba(36, 141, 193, 1) 0%, rgba(23, 92, 124, 1) 100%); /* IE10+ */
  background : linear-gradient(to bottom, rgba(36, 141, 193, 1) 0%, rgba(23, 92, 124, 1) 100%); /* W3C */
  filter     : progid:DXImageTransform.Microsoft.gradient(startColorstr='#248dc1', endColorstr='#175c7c', GradientType=0); /* IE6-9 */
}

body.features section.white
{
  background-image : none;
  background-color : #fff;
}

#wpxtre-ui
{
  margin-bottom : 4px;
}

/* =====================================================================================================================
 * PRODUCTS TAXONOMY
 * =====================================================================================================================
 */
body.tax-wpss-ctx-product-type
{ }

body.tax-wpss-ctx-product-type .wpxtreme-prodcuts-mini-card
{
  float      : left;
  text-align : center;
  margin     : 20px;
  width      : 160px;
  height     : 160px;
}

body.tax-wpss-ctx-product-type .wpxtreme-prodcuts-mini-card a
{
  display            : block;
  padding            : 8px;
  min-height         : 144px;
  -webkit-transition : all linear 0.2s;
  -moz-transition    : all linear 0.2s;
  -ms-transition     : all linear 0.2s;
  -o-transition      : all linear 0.2s;
  transition         : all linear 0.2s;
}

body.tax-wpss-ctx-product-type .wpxtreme-prodcuts-mini-card a img
{
  display      : block;
  margin-left  : auto;
  margin-right : auto;
}

body.tax-wpss-ctx-product-type .wpxtreme-prodcuts-mini-card a:hover
{
  background-color      : #dfdfee;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

/* =====================================================================================================================
 * SINGLE PRODUCT
 * =====================================================================================================================
 */

.wpxstore-product-single-card-header
{
  border-bottom  : 1px solid #e5e5e5;
  margin-bottom  : 16px;
  padding-bottom : 16px;
}

.wpxstore-product-single-card-header img
{
  float  : left;
  margin : 16px 32px 0 0;
}

.wpxstore-product-single-card-title
{
  float : left;
}

.wpxstore-product-single-card-title button.wpxss-shopping-cart-button
{
  margin : 8px 0;
}

.wpxstore-product-single-card-title h2
{
  text-align : left;
  border     : none;
  padding    : 0;
  margin     : 16px 0;
}

.wpxstore-product-single-card-title .btn.download
{
  margin : 8px 0 0;
}

.wpxstore-product-single-card-version
{
  font-size : 18px;
}

.wpxstore-product-single-card-date-updated
{
  font-weight : bold;
}

.wpxstore-product-single-card-published,
.wpxstore-product-single-card-languages
{
  clear      : both;
  text-align : left;
}

.wpxstore-product-single-card-languages
{
}

.wpxstore-product-single-card-published strong
{
  font-weight : bold;
}

.wpxstore-product-single-card-published a.button-small
{
  background-color      : #a9b3c8;
  padding               : 2px 6px;
  color                 : #fff;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;;
}

.wpxstore-product-single-card-price a.btn
{
  font-size   : 26px !important;
  font-weight : lighter !important;
  margin      : 8px auto;
  padding     : 12px 0;
  text-shadow : none;
  width       : 95px;
  display     : block;
}

.wpxstore-product-single-card-price a.btn-success:hover,
.wpxstore-product-single-card-price a.btn-success:active,
.wpxstore-product-single-card-price a.btn-success:focus
{
  color             : #fff !important;
  background-color  : #4fbd4f !important;
  *background-color : #4fbd4f !important;
}

.wpxstore-product-single-card-price a.btn-warning:hover,
.wpxstore-product-single-card-price a.btn-warning:active,
.wpxstore-product-single-card-price a.btn-warning:focus
{
  color             : #fff !important;
  background-color  : #df8505 !important;
  *background-color : #df8505 !important;
}

.wpxss-currency-decimal
{
  font-size      : 16px;
  vertical-align : text-top;
}

.wpxstore-product-single-card-producer a.btn
{ }

ul.navbar-sidebar img.alignleft
{
  margin-right : 10px;
}

#gallery-1 img,
#wpxtreme-gallery img
{
  display               : block;
  margin-left           : auto;
  margin-right          : auto;
  border                : 4px solid #248dc1 !important;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

/* License Sidebar */
a#wpxstore-product-card-license-page,
a#wpxstore-product-card-license-page:link
{
  text-decoration : none;
  font-weight     : bold;
  color           : #666;
  text-align      : center;
  font-weight     : bold;
  display         : block;
  margin          : 0
}

.wpxstore-product-card-license-type
{
  text-transform        : uppercase;
  background-color      : #5daa7d;
  color                 : #fff;
  display               : inline-block;
  height                : 30px;
  line-height           : 30px;
  text-align            : center;
  width                 : 30px;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

/* Type of licenses */
.wpxstore-product-card-license-type-1y
{
  background-color : #a21410;
}

/* Price in sidebar */
#wpxtreme-get-it-open
{
  width : 100%;
}

li.xtreme-products a
{
  padding       : 8px 4px;
  margin-bottom : 8px;
}

li.xtreme-products img
{
  margin : 0 4px 0 0;
  float  : left;
}

li.xtreme-products strong
{ }

/* =====================================================================================================================
 * PAYMENT
 * =====================================================================================================================
 */

#wpxtreme-button-stripe
{
  width : 100%;
}

.stripe-logo
{
  background : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/stripe-logo-grey.png) no-repeat;
  width      : 119px;
  height     : 26px;
  display    : inline-block;
}

.panel-heading .stripe-logo
{
  margin-left  : auto;
  margin-right : auto;
  display      : block;
}

form[data-stripe="credit-card"] .panel-warning
{
  border      : none;
  border-left : 4px solid #f0ad4e;
}

form[data-stripe="credit-card"] .panel-warning .panel-heading
{
  border : none;
}

form[data-stripe="credit-card"] .panel-warning,
form[data-stripe="credit-card"] .panel-warning .panel-heading
{
  -moz-border-radius    : 0 2px 2px 0;
  -webkit-border-radius : 0 2px 2px 0;
  border-radius         : 0 2px 2px 0;
}

table.wpxtreme-theme-product-info td:first-child
{
  font-weight    : bold;
  vertical-align : middle;
  font-size      : 16px;
}

.wpxtreme-theme-stripe-price
{
  color                 : #fff;
  font-size             : 24px;
  background-color      : #5cb85c;
  padding               : 0px 6px;
  -moz-border-radius    : 0 0 2px 0;
  -webkit-border-radius : 0 0 2px 0;
  border-radius         : 0 0 2px 0;
}

#wpxtreme-theme-thank-purchased
{
  text-align : center;
}

/* PayPal */
#wpxtreme-paypal
{
  text-align : center;
}

#wpxtreme-paypal h4
{
  margin : 32px 0;
}

#wpxtreme-paypal img
{
  margin : 0 auto;
  width  : 300px;
}

/* =====================================================================================================================
 * DEVELOPER CENTER CHANGELOG
 * =====================================================================================================================
 */

#changelog .wpx_changelog
{
  font-family      : Monaco, Lucida Console, monospace !important;
  font-size        : 13px !important;
  text-shadow      : none;
  color            : #333;
  background-color : #fcfcfc;
  padding          : 16px;
}

#changelog .wpx_changelog h1
{
  border-bottom  : 1px solid #eee;
  font-size      : 21px;
  padding-bottom : 8px;
}

#changelog .wpx_changelog h2
{
  background-color : #eee;
  border           : medium none;
  border-radius    : 4px;
  color            : #444;
  text-align       : left;
  font-size        : 14px;
  font-weight      : normal;
  line-height      : 32px;
  margin-top       : 32px;
  padding          : 0 16px;
  text-shadow      : none;
}

#changelog .wpx_changelog h3
{
  color       : #888;
  float       : right;
  font-size   : 12px;
  font-weight : normal;
  margin      : -46px 8px 0 0;
  line-height : 100%;
  border      : none;
}

#changelog .wpx_changelog h4
{
  background-color      : #888;
  color                 : #fff;
  display               : inline;
  font-size             : 12px;
  margin                : 0 0 0 4px;
  padding               : 1px 6px;
  text-transform        : uppercase;
  -moz-border-radius    : 2px;
  -webkit-border-radius : 2px;
  border-radius         : 2px;
}

#changelog .wpx_changelog ul
{
  margin : 8px 0 8px 32px;
}

#changelog .wpx_changelog li
{
  font-size   : 13px;
  line-height : 26px;
  margin      : 0;
}

#changelog .wpx_changelog code
{
  background-color : #f7f7f9;
  border           : 1px solid #e1e1e8;
  border-radius    : 4px;
  display          : inline;
  margin           : 8px 0;
  padding          : 1px 8px;
}

/* =====================================================================================================================
 * GET STARTED
 * =====================================================================================================================
 */

body.get-started ol
{
  margin   : 64px;
  position : relative;
}

body.get-started ol li
{
  font-size     : 33px;
  margin-bottom : 48px;
  clear         : both;
  position      : relative;
}

body.get-started ol li:before
{
  content               : '';
  position              : absolute;
  top                   : -20px;
  left                  : -58px;
  width                 : 64px;
  height                : 64px;
  background-color      : transparent;
  border                : 1px solid #248dc1;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

body.get-started li img
{
  border             : 8px solid #fff;
  border-radius      : 2px;
  -moz-box-shadow    : 0 1px 2px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow : 0 1px 2px rgba(0, 0, 0, 0.5);
  box-shadow         : 0 1px 2px rgba(0, 0, 0, 0.5);
}

body.get-started li h3
{
  margin : 0 0 8px 32px;
}

body.get-started li p
{
  margin-left : 32px;
  font-size   : 18px;
  color       : #777;
}

/* =====================================================================================================================
 * 404
 * =====================================================================================================================
 */

body.error404 .content-404
{
  background-color : #111;
  color            : #fff;
  padding          : 32px 0;
  text-align       : center;
}

body.error404 .content-404 h2
{
  font-size : 52px;
}

body.error404 .content-404 p
{
  font-size : 24px;
}

/* =====================================================================================================================
 * COMMON GENERIC MODAL
 * =====================================================================================================================
 */

.wpxtreme-modal
{
  position : absolute;
  top      : 0;
  left     : 0;
  display  : none;
  z-index  : 80000;
}

.wpxtreme-modal-overlay
{
  /* Shades out background when selector is active */
  position         : fixed;
  width            : 100%;
  height           : 100%;
  background-color : transparent;
  opacity          : .5; /* Sets opacity so it's partly transparent */
  -ms-filter       : "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE transparency */
  filter           : alpha(opacity=50); /* More IE transparency */
  z-index          : 80000;
}

.wpxtreme-modal-vertical
{
  /* Fixed position to provide the vertical offset */
  position : fixed;
  top      : 30%;
  width    : 100%;
  z-index  : 80001; /* ensures box appears above overlay */
}

.wpxtreme-modal-content
{
  position : relative;
  margin   : 0 auto;
}

.wpxtreme-modal-button-close
{
  display          : block;
  width            : 36px;
  height           : 36px;
  position         : absolute;
  background-image : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/modal_sprite.png);
  top              : -16px; /* Half the icon's height */
  right            : -16px; /* half the icon's width */
  z-index          : 80004;
}

.wpxtreme-modal-button-close:hover
{
}

/* =====================================================================================================================
 * PRICING
 * =====================================================================================================================
 */

/* Main container */
.wpxtreme-plans
{ }

.wpxtreme-plans thead th h3
{
  text-align     : center;
  border         : none;
  margin         : 64px 0 16px;
  font-size      : 46px;
  text-transform : uppercase;
}

.wpxtreme-plans thead th:nth-child(3)
{
  background-color : #999 !important;
  text-align       : center;
}

.wpxtreme-plans thead th strong
{
  display   : block;
  font-size : 20px;
  color     : #fff;
}

.wpxtreme-plans thead th ul
{
  list-style    : none;
  text-align    : center;
  font-size     : 18px;
  margin-bottom : 32px;
  font-weight   : normal;
  color         : #5cb85c;
}

.wpxtreme-plans .desc
{
  font-size : 14px !important;
  color     : #9e9e9e !important;
}

.wpxtreme-plans .title
{
  text-align     : center;
  font-size      : 32px;
  font-weight    : bold;
  text-transform : uppercase;
  padding        : 12px;
  border-top     : 1px solid #e5e5e5;
  border-bottom  : 1px solid #e5e5e5;
}

.wpxtreme-plans .price
{
  text-align : center;
  font-size  : 50px;
}

.wpxtreme-plans .price .wpxss-currency-decimal-point,
.wpxtreme-plans .price .wpxss-currency-decimal
{
  display : none;
}

.wpxtreme-plans .features h3
{
  border-bottom  : none;
  margin-bottom  : 0;
  text-transform : uppercase;
  font-size      : 22px;
  text-align     : center;
}

.wpxtreme-plans .features
{
  border-top    : 2px solid #999;
  border-bottom : 1px solid #e5e5e5;
}

.wpxtreme-plans .price small
{
  font-size : 18px;
}

.wpxtreme-plans .billed
{
  text-align     : center;
  text-transform : uppercase;
}

.wpxtreme-plans .buy
{
  padding       : 16px 0;
  text-align    : center;
  font-size     : 18px;
  border-bottom : 1px solid #e5e5e5;
}

.wpxtreme-plans .buy .btn
{
  width     : 150px;
  font-size : 18px;
}

.wpxtreme-plans .price .wpxss-currency-symbol
{
  color : #666;
}

.wpxtreme-plans .price .wpxss-currency-decimal
{
  color          : #666;
  font-size      : 30px;
  vertical-align : baseline;
}

/* Highlight */
.wpxtreme-plans thead th:nth-child(3)
{
  padding          : 16px 0;
  border-top       : 2px solid #999;
  border-right     : 2px solid #999;
  border-left      : 2px solid #999;
  background-color : #f5f5f5;
}

.wpxtreme-plans td:nth-child(3)
{
  border           : none;
  border-right     : 2px solid #999;
  border-left      : 2px solid #999;
  background-color : #f5f5f5;
}

.wpxtreme-plans tfoot th:nth-child(3)
{
  padding          : 16px 0;
  border-bottom    : 2px solid #999;
  border-right     : 2px solid #999;
  border-left      : 2px solid #999;
  background-color : #f5f5f5;
}

@media (max-width : 720px)
{

  .wpxtreme-plans .price
  {
    font-size : 40px;
  }

  .wpxtreme-plans .price .wpxss-currency-decimal
  {
    font-size : 25px;
  }

}

/* Display strike price */
.wpxtreme-plans .slash
{
  position    : relative;
  display     : inline;
  color       : #666;
  font-size   : 32px;
  line-height : 32px;
}

.wpxtreme-plans .slash:before
{
  /*text-decoration : line-through;*/
  content           : "";
  width             : 150%;
  border-bottom     : 8px solid rgba(239, 84, 86, 0.60);
  position          : absolute;
  -webkit-transform : rotate(-35deg);
  -moz-transform    : rotate(-35deg);
  -ms-transform     : rotate(-35deg);
  -o-transform      : rotate(-35deg);
  transform         : rotate(-35deg);
  top               : 40%;
  left              : -25%;
}

@media (max-width : 990px )
{
  .wpxtreme-plans .price.strike .slash:before
  {
    width : 70%;
    left  : 15%;
  }
}

.wpxtreme-plans tbody td
{
  padding : 8px;
}

.wpxtreme-plans tbody td
{
  border-right : 1px solid #e5e5e5;
}

.wpxtreme-plans tbody td:last-child
{
  border-right : none;
}

.wpxtreme-one-time-offer,
.wpxtreme-regular-price
{
  text-align            : center;
  background-color      : #ef5456;
  font-size             : 15px;
  padding               : 6px 0;
  -moz-border-radius    : 256px;
  -webkit-border-radius : 256px;
  border-radius         : 256px;
  margin                : 8px auto;
  width                 : 120px;
  color                 : #fff;
  line-height           : 150%;
}

.wpxtreme-regular-price
{
  background-color : #eee;
  color            : #666;
}

/* =====================================================================================================================
 * CLIENT GATEWAY
 * TODO DEPRECATED - to remove
 * =====================================================================================================================
 */

body.wpxtreme-client-gateway
{
  padding          : 0;
  background-color : #fff;
  background-image : none;
  min-height       : 200px;
  max-height       : 420px;
}

body.wpxtreme-client-gateway-loader
{
  background-image    : url(http://wpxtre.me/wp-content/themes/xtreme/assets/images/loading-48x48.gif);
  background-repeat   : no-repeat;
  background-position : center center;
}

body.wpxtreme-client-gateway-loader .container-fluid
{
  background-color : #fff;
}

.transparent
{
  opacity : 0;
  filter  : alpha(opacity=0);
}

.wpxtreme-client-gateway-container
{
  -webkit-transition : opacity linear 0.5s;
  -moz-transition    : opacity linear 0.5s;
  -ms-transition     : opacity linear 0.5s;
  -o-transition      : opacity linear 0.5s;
  transition         : opacity linear 0.5s;
}

body.wpxtreme-client-gateway h4 img.attachment-wpss-thumbnail-small
{
  margin : 0 8px 0 0;
}

body.wpxtreme-client-gateway #wpxss-wpxstore-product-card
{
  margin                : 0 auto;
  border                : 1px solid #ddd;
  padding               : 16px;
  background-color      : #f4f4f7;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

body.wpxtreme-client-gateway #wpxss-wpxstore-product-card h3,
body.wpxtreme-client-gateway #wpxss-wpxstore-product-card h4,
body.wpxtreme-client-gateway #wpxss-wpxstore-product-card h5
{
  font-weight : normal;
}

body.wpxtreme-client-gateway .wpxss-wpxstore-price
{
  background-color      : #fff;
  border                : 1px solid #ddd;
  display               : block;
  float                 : right;
  font-size             : 24px;
  color                 : #333;
  margin-top            : -120px;
  padding               : 16px;
  position              : relative;
  text-align            : right;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

body.wpxtreme-client-gateway .wpxss-wpxstore-price.purchased
{
  color : #aaa;
}

body.wpxtreme-client-gateway .wpxss-wpxstore-price.purchased:after
{
  content : '';
  display : block;
}

body.wpxtreme-client-gateway #wpxss-stripe-credit-card,
body.wpxtreme-client-gateway #wpxss-coupon-redeem
{
  background-color : #fff;
}

body.wpxtreme-client-gateway #wpxss-coupon-redeem input#wpxss-coupon-redeem-code
{
  text-transform : uppercase;
}

body.wpxtreme-client-gateway form.wpxss-wpxstore-download-install,
body.wpxtreme-client-gateway form.wpxss-wpxstore-download-update
{
  background-color : #fff;
  padding          : 16px;
}

body.wpxtreme-client-gateway form.wpxss-wpxstore-download-install h3,
body.wpxtreme-client-gateway form.wpxss-wpxstore-download-update h3
{
  font-weight : normal;
  font-size   : 32px;
  text-align  : center;
  color       : #668;
}

body.wpxtreme-client-gateway .wpxss-stripe-error
{
  position              : relative;
  background-color      : #f00;
  color                 : #fff;
  padding               : 6px;
  margin-left           : 10px;
  -moz-border-radius    : 3px;
  -webkit-border-radius : 3px;
  border-radius         : 3px;
}

body.wpxtreme-client-gateway .wpxss-stripe-error:before
{
  content      : "";
  display      : block;
  width        : 0;
  height       : 0;
  border-style : solid;
  border-color : #fff #f00 #fff #fff;
  border-width : 6px;
  position     : absolute;
  top          : 5px;
  left         : -12px;
}

/* deprecated below */

body.cg h4 span.wpss-price-html
{
  background-color      : #fd0;
  border                : 1px solid #fc0;
  float                 : right;
  padding               : 20px;
  color                 : #333;
  font-size             : 28px;
  -moz-border-radius    : 4px;
  -webkit-border-radius : 4px;
  border-radius         : 4px;
}

body.cg select.card-expiry-month,
body.cg select.card-expiry-year
{
  width      : 80px;
  text-align : right;
  margin     : 0 8px 0 0;
}

body.cg div.wpxm-purchase-thanks
{
  text-align : center;
}

body.cg div.wpxm-purchase-thanks h2
{
}

body.cg div.wpxm-purchase-thanks p
{
}

body.cg div.wpxm-purchase-thanks p img
{
}

body.cg div.wpxm-purchase-thanks h3
{
}

body.wpxtreme-client-gateway .wpdk-form-description a.signup
{
  display        : block;
  margin         : 8px auto;
  text-transform : uppercase;
}

body.wpxtreme-client-gateway #wpxtreme-theme-reset-password label
{
  min-width : 90px;
}

/* =====================================================================================================================
 * OVERRIDE BOOTSTRAP BUTTON
 * =====================================================================================================================
 */

.btn,
.btn-lg,
.btn-sm,
.btn-xs
{
  background-color      : transparent;
  border-width          : 2px;
  -moz-border-radius    : 256px;
  -webkit-border-radius : 256px;
  border-radius         : 256px;
  -webkit-transition    : all ease 0.3s;
  -moz-transition       : all ease 0.3s;
  -ms-transition        : all ease 0.3s;
  -o-transition         : all ease 0.3s;
  transition            : all ease 0.3s;
}

.bg-fill.btn-default
{
  background-color : #e6e6e6;
}

.bg-fill.btn-primary
{
  background-color : #428bca;
}

.bg-fill.btn-success
{
  background-color : #5cb85c;
}

.bg-fill.btn-info
{
  background-color : #5bc0de;
}

.bg-fill.btn-warning
{
  background-color : #f0ad4e;
}

.bg-fill.btn-danger
{
  background-color : #d9534f;
}

.btn .glyphicon
{
  top            : 0;
  vertical-align : middle;
}

.input-lg
{
  height : 48px;
}

/* Buttons color on white backgrounds */

#xtreme-nav-tools .btn
{
  color : #fff;
}

#xtreme-nav-tools .btn:hover,
#xtreme-nav-tools .btn:active,
#xtreme-nav-tools .btn:focus
{
  color : #666;
}

.bg-fill.btn
{
  color : #fff;
}

.bg-white.btn
{
  color : #666;
}

.btn:hover,
.btn:active,
.btn:focus
{
  color : #fff !important;
}

.btn-default.btn:hover,
.btn-default.btn:active,
.btn-default.btn:focus
{
  color : #333 !important;
}

/* =====================================================================================================================
 * CHECKOUT
 * =====================================================================================================================
 */

/* Stripe */
#stripe .btn
{
  color : #333;
}

/* Coupon */
#wpxss-coupon-redeem .btn
{
  color : #333;
}

/* PayPal Express */
#wpxssppe_button_purchase
{
  margin : 16px auto;
  color  : #333;
}

/* =====================================================================================================================
 * OVERRIDE WPDK
 * =====================================================================================================================
 */
input.wpdk-form-input, textarea.wpdk-form-textarea, select.wpdk-form-select
{
  padding : 8px;
  height  : 32px;
}

/* =====================================================================================================================
 * WPX NOTIFICATION BADGE
 * =====================================================================================================================
 */

#wpxnf-badge-view
{
  position : relative;
  float    : left;
}

body.home #wpxnf-badge-view
{
  float : right;
}

body.home #wpxnf-badge-view a,
body.home #wpxnf-badge-view a:link,
#wpxnf-badge-view a,
#wpxnf-badge-view a:link
{
  text-decoration       : none;
  position              : absolute;
  background-color      : #ef5456;
  display               : block;
  width                 : 32px !important;
  height                : 32px !important;
  color                 : #fff;
  font-size             : 14px;
  border                : 2px solid #fff;
  line-height           : 28px;
  top                   : -84px;
  left                  : -50px;
  -moz-border-radius    : 100%;
  -webkit-border-radius : 100%;
  border-radius         : 100%;
}

@media ( max-width : 767px)
{
  #wpxnf-badge-view a,
  #wpxnf-badge-view a:link
  {
    width       : 24px !important;
    height      : 24px !important;
    color       : #fff;
    line-height : 20px !important;
    top         : -60px;
    right       : 30px;
    font-size   : 10px !important;
  }

  body.home #wpxnf-badge-view a,
  body.home #wpxnf-badge-view a:link
  {
    width       : 20px !important;
    height      : 20px !important;
    color       : #fff;
    line-height : 16px !important;
    top         : -44px;
    left        : -38px;
    font-size   : 10px !important;
  }
}

#wpxnf-badge-view a:focus,
#wpxnf-badge-view a:hover,
#wpxnf-badge-view a:active
{
  background-color : #3f8efe;
  color            : #fff;
}

#wpxnf-badge-view a,
#wpxnf-badge-view a:link
{
  right       : auto;
  left        : 4px;
  top         : -8px;
  text-align  : center;
  position    : absolute;
  font-size   : 10px;
  width       : 24px !important;
  height      : 24px !important;
  line-height : 200%;
}