/*
	Theme Name: Northeme
	Theme URI: http://www.northeme.com
	Description: Neat&Slick Wordpress Themes
	Author: Northeme.com
	Author URI: http://www.northeme.com
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html
	Version: 1.0
	Tags : Responsive, Slick, Creatives

	All files are released under the GNU General Public License version 3.0
	(http://www.gnu.org/licenses/gpl-3.0.html)
*/


/*=====================================================================================================
	1 - BASE STYLES
======================================================================================================= */


/* #Reset & Basics (Inspired by E. Meyers)
================================================== */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1.7em;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

::selection {
  background: #000;
  color: #fff;
  /* Safari */
}

::-moz-selection {
  background: #000;
  color: #fff;
  /* Safari */
}

pre {
  white-space: pre-wrap;
  /* css-3 */
  white-space: -moz-pre-wrap;
  /* Mozilla, since 1999 */
  white-space: -pre-wrap;
  /* Opera 4-6 */
  white-space: -o-pre-wrap;
  /* Opera 7 */
  word-wrap: break-word;
  /* Internet Explorer 5.5+ */
}


/* #Basic Styles
================================================== */
body {
  font: 14px/22px 'Sitefont', Tahoma, "Helvetica Neue", Arial, Helvetica, sans-serif;
  color: #000;
  background-color: #f9f9f9;
}
button {
    font-family:'Sitefont';
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  /* Font varient */
  font-variant-ligatures: none;
  -webkit-font-variant-ligatures: none;
  /* Smoothing */
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  font-smoothing: antialiased;
  -webkit-font-smoothing: antialiased;
}

body {
  min-height: 100%;
}


/* #Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6 {
  color: #000;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  font-weight: inherit;
  color: inherit
}

h1 {
  font-size: 46px;
  line-height: 50px;
  margin-bottom: 14px;
}

h1.biggest {
  font-size: 48px;
  line-height: 44px;
  margin: 15px 0 15px 0;
  font-weight: lighter;
}

h2 {
  font-size: 30px;
  line-height: 35px;
  margin: 15px 0 15px 0;
}

h3 {
  font-size: 24px;
  line-height: 29px;
}

h4 {
  font-size: 21px;
  line-height: 26px;
}

h5 {
  font-size: 18px;
  line-height: 23px;
}

h6 {
  font-size: 12px;
  line-height: 21px;
  margin: 5px 0 0 0
}

.subheader {
  color: #777;
}

p {
  margin: 5px 0 20px 0;
  line-height: 1.6em;
}

p.featured {}

p img {
  margin: 0;
}

p.lead {
  font-size: 21px;
  line-height: 27px;
}

em {
  font-style: italic;
}

strong {
  font-weight: bold;
}

small {
  font-size: 80%;
}


/*	Blockquotes  */

blockquote,
blockquote p {
  font-size: 14px;
  font-style: italic;
  line-height: 24px;
}

blockquote {
  margin: 0 0 20px;
  padding: 9px 20px 1px 25px;
  margin-left: 25px;
  border-left: 2px solid #bbb;
}

blockquote cite {
  display: block;
  font-size: 12px;
  color: #555;
}

blockquote cite:before {
  content: "\2014 \0020";
}

blockquote cite a,
blockquote cite a:visited,
blockquote cite a:visited {
  color: #555;
}

hr {
  border: solid #bbb;
  border-width: 1px 0 0;
  clear: both;
  margin: 30px 0 30px 0;
  height: 0;
}

hr.headertop {
  margin: 30px 0 30px 0;
}

hr.headerbottom {
  margin: 20px 0 0px 0;
}

hr.footer {
  margin: 20px 0 20px 0;
}

hr.square {
  clear: both;
  margin: 20px 0 0px 0;
  height: 5px;
}


/* #Links
================================================== */

a {
  text-decoration: none;
  outline: 0;
  color: #000000;
}

a:hover,
a:focus {
  color: #cc0000;
}

p a,
p a:visited {
  line-height: inherit;
}


/* #Lists
================================================== */

ul,
ol {
  margin-bottom: 20px;
  margin-top: 20px;
}

ul {
  list-style: none outside;
}

ol {
  list-style: decimal;
}

ol,
ul,
ul.square,
ul.circle,
ul.disc {
  margin-left: 30px;
}

ul.square {
  list-style: square outside;
}

ul.circle {
  list-style: circle outside;
}

ul,
ul.disc {
  list-style: disc outside;
}

ul ul,
ul ol,
ol ol,
ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

ul ul li,
ul ol li,
ol ol li,
ol ul li {
  margin-bottom: 6px;
}

li {
  line-height: 18px;
  margin-bottom: 12px;
}

ul.large li {
  line-height: 21px;
}

li p {
  line-height: 21px;
}


/* #Images
================================================== */

img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

img {
  max-width: 100%;
  height: auto !important;
}


/* #Buttons
================================================== */

.button,
a.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  color: #fff;
  border: 1px solid #333;
  background: #333;
  display: inline-block;
  font-size: 12px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 20px;
  line-height: normal;
  padding: 15px 25px;
  text-transform: uppercase;
  outline: none;
  position: relative;
  top: 0;
  font-weight: bold;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  transition: .2s ease-in-out;
}

.button:hover,
a.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover {
  color: #fff;
  background: #000;
}

.button:active,
button:active,
input[type="submit"]:active,
input[type="reset"]:active,
input[type="button"]:active {
  background-color: #000
}

.button-buy-now {
  padding: 24px 35px!important;
  margin-right: 15px;
}

.button-large {
  padding: 20px 30px!important;
}

.button-mini {
  padding: 6px 10px!important;
  font-size: 11px!important;
  font-weight: bold;
}

.button-middle {
  padding: 10px 15px!important;
  font-size: 11px!important;
  font-weight: bold;
}

.button-minimiddle {
  padding: 6px 12px 6px!important;
  font-size: 10px!important;
  background-color: #333!important;
  color: #f0f0f0!important;
  font-weight: normal
}

.button-minimiddle i {
  position: relative;
  top: 0px;
  font-size: 12px;
}

.button-middle i {
  margin-top: 0px;
}

.button i {
  margin-right: 4px;
}

.button-bold {
  font-weight: bold;
}

.button-yellow {
  background-color: #ffcc33!important;
  color: #000!important;
}

.button-yellow:hover {
  background-color: #000!important;
  color: #fff!important;
}

.button-gray {
  border: 1px solid #ddd!important;
  background: none!important;
  color: #333!important;
}

.button-gray:hover {
  background-color: #ddd!important;
  color: #000!important;
}

.button-gray-reverse {
  border: 1px solid #ddd!important;
  background-color: #ddd!important;
  color: #222!important;
}

.button-gray-reverse:hover {
  border: 1px solid #cc0000!important;
  background-color: #cc0000!important;
  color: #fff!important;
}

.button-green {
  border: 1px solid #c7f464!important;
  background: #c7f464!important;
  color: #000!important;
}

.button-green:hover {
  border: 1px solid #c7f464!important;
  background: #c7f464!important;
  color: #000!important;
}

.button-dark-green {
  border: 1px solid #449d44!important;
  background: #449d44!important;
  color: #fff!important;
}

.button-dark-green:hover {
  border: 1px solid #449d44!important;
  background: #449d44!important;
  color: #fff!important;
}

.button-lightgray {
  border: 1px solid #ddd!important;
  background: #ddd!important;
  color: #666!important;
}

.button-lightgray:hover {
  background-color: #666!important;
  color: #fff!important;
}

.button-lightgray-download {
  border: 1px solid #ddd!important;
  background: #ddd!important;
  color: #000!important;
}

.button-lightgray-download:hover {
  border: 1px solid #fff!important;
  background-color: #fff!important;
}

.button-darkergray {
  background-color: #666;
  color: #f0f0f0;
}

.button-darkergray:hover {
  background-color: #000;
}

.button-darkgray {
  background-color: #333;
  color: #f0f0f0;
}

.button-darkgray:hover {
  background-color: #000;
}

.button-hardred {
  background-color: #cc0000!important;
}

.button-red {
  border: 1px solid #C00!important;
  background: none!important;
  color: #C00!important;
}

.button-red:hover {
  background-color: #cc0000!important;
  color: #fff!important;
}

.button-black-reverse {
  border: 1px solid #333!important;
  background: #333!important;
  color: #fff!important;
}

.button-black-reverse:hover {
  background-color: #000!important;
  color: #fff!important;
}

.button-red-reverse {
  background-color: #cc0000!important;
  border: 1px solid #C00!important;
  color: #fff!important;
}

.button-red-reverse {
  background-color: #cc0000!important;
  border: 1px solid #C00!important;
  color: #fff!important;
}

.button-yellow-reverse {
  background-color: #ffcc33!important;
  border: 1px solid #ffcc33!important;
  color: #1e1e1e!important;
}

.button-yellow-reverse:hover {
  background-color: #ffcc33!important;
  border: 1px solid #ffcc33!important;
  color: #1e1e1e!important;
}

.button-dark-gray {
  background-color: #444!important;
  border: 1px solid #444!important;
  color: #fff!important;
}

.button-dark-gray:hover {
  background-color: #cc0000!important;
  border: 1px solid #cc0000!important;
  color: #fff!important;
}

.button-paypal {
  background-color: #009cde!important;
  border: 1px solid #009cde!important;
  color: #fff!important;
}

.button-paypal:hover {
  background-color: #009cde!important;
  border: 1px solid #009cde!important;
  color: #fff!important;
}

.button.full-width,
button.full-width,
input[type="submit"].full-width,
input[type="reset"].full-width,
input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center;
}


  /*

    Customization Page Styling

  */

  .customization-header {
    width:100%;
    height:100vh;
    display:flex;
    align-items:center;
    text-align:center;
    background:#1a1a1a;
  }
  .customization-header,
  .customization-header h1 {
    color:#eee;
  }
  .customization-header-text {
    width:100%;
  }
  .customization-content {
    max-width:830px;
    margin:0 auto 120px auto;
  }
  .customization-content .website-form-wrapper  {
    padding:0 15px;
  }


  .acf-form-submit {
    text-align: center;
  }
  .acf-form-submit button {
    display:block;
    width:100%;
  }
  .website-form-wrapper .acf-fields.-border {
    -webkit-border-radius:5px;
    border-radius: 5px;
    border: none;
    box-shadow: 0px 0px 50px rgba(0,0,0,.2);
  }
  .page-template-template-customization .acf-form-fields > .acf-field-group > .acf-label{
    display:none;
  }


  /*
    Customization Thanks Page
  */
  .customization-thank-you {
    height:100vh;
    width:100%;
    display:flex;
    align-items:center;
    text-align:center;
    flex-direction:column;
    justify-content: center;
  }
  .customization-thank-you-text-icon {
    width:150px;
    margin-left:auto;
    margin-right:auto;
    margin-bottom:50px;
  }
  .customization-thank-you-text {
    margin-left:auto;
    margin-right:auto;
    padding:0 30px;
    font-size:18px;
    line-height:1.6;
  }
  .customization-thank-you-text h1 {
    font-size:36px;
    font-weight:bold;
    margin-bottom:20px;
  }
  .customization-thank-you-text small {
    padding-top:15px;
    display:block;
  }

  @media (max-width:768px) {
    .customization-thank-you-text-icon {
      width:100px;
      margin-bottom:30px;
    }

    .customization-thank-you-text h1 {
      font-size:24px;
    }

    .customization-thank-you-text {
      font-size:15px;
    }
  }




/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.new-theme {
  color: #22af67;
  font-weight: bold;
  font-size: 13px;
  padding: 4px;
  line-height: 12px;
  display: inline-block;
  margin-left: 1px;
  position: relative;
  top: -4px;
}

.free-theme {
  color: #cc0000;
  font-weight: bold;
  font-size: 13px;
  padding: 4px;
  line-height: 12px;
  display: inline-block;
  margin-left: 1px;
  position: relative;
  top: -5px;
}

.br-theme-css-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}

.br-theme-css-stars .br-widget a {
  text-decoration: none;
  height: 18px;
  width: 18px;
  float: left;
  font-size: 23px;
  margin-right: 5px;
}

.br-theme-css-stars .br-widget a:after {
  content: "\2605";
  color: #dddddd;
}

.br-theme-css-stars .br-widget a.br-active:after {
  color: #ffdf88;
}

.br-theme-css-stars .br-widget a.br-selected:after {
  color: #ffdf88;
}

.br-theme-css-stars .br-widget .br-current-rating {
  display: none;
}

@media print {
  .br-theme-css-stars .br-widget a:after {
    content: "\2606";
    color: black;
  }
  .br-theme-css-stars .br-widget a.br-active:after,
  .br-theme-css-stars .br-widget a.br-selected:after {
    content: "\2605";
    color: black;
  }
}

.br-theme-fontawesome-stars .br-widget {
  height: 28px;
  white-space: nowrap;
}

.br-theme-fontawesome-stars .br-widget a {
  font: normal normal normal 18px/1 FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  text-decoration: none;
  margin-right: 2px;
}

.br-theme-fontawesome-stars .br-widget a:after {
  content: '\f005';
  color: #dddddd;
}

.br-theme-fontawesome-stars .br-widget a.br-active:after {
  color: #ffdf88;
}

.br-theme-fontawesome-stars .br-widget a.br-selected:after {
  color: #ffdf88;
}

.br-theme-fontawesome-stars .br-widget .br-current-rating {
  display: none;
}

@media print {
  .br-theme-fontawesome-stars .br-widget a:after {
    content: '\f006';
    color: black;
  }
  .br-theme-fontawesome-stars .br-widget a.br-active:after,
  .br-theme-fontawesome-stars .br-widget a.br-selected:after {
    content: '\f005';
    color: black;
  }
}

.product-rating {
  margin: 22px 0 2px 0;
}

.product-rating .br-widget a {
  margin-right: 7px;
}

.product-rating .br-widget {
  height: 20px;
}

.product-rating .br-widget a:after {
  color: #bbb;
}

.product-rating .br-widget a.br-active:after,
.br-widget a.br-selected:after {
  color: #fec42d!important;
}

.product-rating span {
  display: inline-block;
  margin-bottom: 7px;
  font-weight: bold;
}

.product-rating .br-wrapper {
  display: inline-block;
  position: relative;
  top: 1px;
  margin-left: 5px;
}

.product-rating .rating {
  display: inline-block;
  position: relative;
  top: 2px;
  margin-left: 5px;
}

.product-rating i {
  font-size: 16px;
  margin-right: 2px;
}


/* #Forms
================================================== */

form {
  margin-bottom: 20px;
}

fieldset {
  margin-bottom: 20px;
}

*::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #777;
}

*:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #777;
  opacity: 1;
}

*::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #777;
  opacity: 1;
}

*:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #777;
}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
textarea,
select {
  border: 1px solid #ccc;
  padding: 13px 15px;
  outline: none;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 0px;
  font-size: 15px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #000;
  margin: 0;
  width: 85%;
  max-width: 100%;
  margin-bottom: 20px;
  background: #fff;
  box-sizing: border-box;
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.03);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

input[type="text"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: #666;
}

input.required.error,
select.required.error {
  border-bottom-width: 2px;
  border-bottom-color: #cc0000!important;
  color: #cc0000;
}

form label.error {
  display: none!important;
}

input.required.error::-webkit-input-placeholder {
  /* WebKit browsers */
  color: #cc0000;
}

input.required.error:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: #cc0000;
  opacity: 1;
}

input.required.error::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: #cc0000;
  opacity: 1;
}

input.required.error:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: #cc0000;
}

select {
  padding: 0;
}

textarea {
  min-height: 60px;
}

label,
legend {
  display: block;
  font-size: 13px;
  margin-bottom: 3px;
}

select {
  width: 220px;
}

input[type="checkbox"] {
  display: inline;
}

label span,
legend span {
  font-weight: normal;
  font-size: 13px;
  color: #444;
}

input.tiny {
  width: 50px;
}

input.small {
  width: 100px;
}

input.medium {
  width: 150px;
}

input.large {
  width: 210px;
}


/* #Misc
================================================== */

.remove-bottom {
  margin-bottom: 0 !important;
}

.half-bottom {
  margin-bottom: 10px !important;
}

.add-bottom {
  margin-bottom: 20px !important;
}

.pull-right {
  float: right
}

.align-right {
  text-align: right
}

.align-center {
  text-align: center
}


/* #Clearing
================================================== */


/* Self Clearing Goodness */

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


/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */

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

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}


/* You can also use a <br class="clear" /> to clear columns */

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


/* #Clearing
================================================== */

.sharing a {
  background: url(images/social.png) no-repeat;
  display: inline-block;
  width: 17px;
  height: 17px;
}

.sharing a.facebook {
  background-position: 3px 0px;
}

.sharing a.twitter {
  background-position: 0px -41px;
  width: 19px;
}

.sharing a.google {
  background-position: 0px -83px;
}

.sharing a.dribbble {
  background-position: 0px -150px;
}

.sharing a.flickr {
  background-position: 0px -165px;
}

.sharing a.tumblr {
  background-position: 3px -250px;
}

.sharing a.vimeo {
  background-position: 0px -299px;
}

.sharing a.behance {
  background-position: 0px -350px;
}

.sharing a.linkedn {
  background-position: 0px -400px;
}

.sharing a.pinterest {
  background-position: 0px -450px;
}


/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Table of Contents
==================================================
    #Base 1180 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing */


/* #Base 1180 Grid
================================================== */

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.container {
  position: relative;
  width: 920px;
  margin: 0 auto;
  padding: 0;
}

.container .column,
.container .columns {
  float: left;
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
}

.row,
.section-row {
  margin-bottom: 15px;
}

.column-row {
  margin-left: -15px;
  margin-right: -15px;
  margin-bottom: 0!important;
}

.vc_row .container {
  width: 950px;
}


/* Nested Column Classes */

.column.alpha,
.columns.alpha,
.column.first,
.columns.first {
  padding-left: 0;
  padding-right: 15px;
}

.column.omega,
.columns.omega,
.column.last,
.columns.last {
  padding-right: 0;
  padding-left: 15px;
}

.container .one.column,
.container .one.columns {
  width: 6.25%;
}

.container .two.columns {
  width: 12.5%;
}

.container .three.columns {
  width: 18.75%;
}

.container .four.columns {
  width: 25%;
}

.container .five.columns {
  width: 31.25%;
}

.container .six.columns {
  width: 37.5%;
}

.container .seven.columns {
  width: 43.75%;
}

.container .eight.columns,
.container .one-half.column {
  width: 50%;
}

.container .nine.columns {
  width: 56.25%;
}

.container .ten.columns {
  width: 62.5%;
}

.container .eleven.columns {
  width: 68.75%;
}

.container .twelve.columns {
  width: 75%;
}

.container .thirteen.columns {
  width: 81.25%;
}

.container .fourteen.columns {
  width: 87.5%;
}

.container .fifteen.columns {
  width: 93.75%;
}

.container .sixteen.columns {
  width: 100%;
}

.container .one-fifth.column {
  width: 20%;
}

.container .one-third.column {
  width: 33.3333333%;
}

.container .two-thirds.column {
  width: 66.6666666%;
}


/* #Tablet (Portrait)
================================================== */


/* Note: Design for a width of 768px */

div#maincontainer .container,
.full-container .container {
  width: 98%;
}

@media only screen and (min-width: 1200px) {
  .container {
    position: relative;
    width: 1200px;
    margin: 0 auto;
    padding: 0;
  }
  .container .column,
  .container .columns {
    float: left;
    display: inline;
    padding-left: 20px;
    padding-right: 20px;
  }
  .column-row {
    margin-left: -20px;
    margin-right: -20px;
  }
  .row {
    margin-bottom: 20px;
  }
  .vc_row .container {
    width: 1230px
  }
  .column.alpha,
  .columns.alpha,
  .column.first,
  .columns.first {
    padding-left: 0;
  }
  .column.omega,
  .columns.omega,
  .column.last,
  .columns.last {
    padding-right: 0;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .container {
    width: 100%;
    padding: 0 20px;
  }
  .container .column,
  .container .columns {
    padding-left: 10px;
    padding-right: 10px;
  }
  .column-row {
    margin-left: -10px;
    margin-right: -10px;
  }
  .vc_row .container {
    width: 100%
  }
  .column.alpha,
  .columns.alpha,
  .column.first,
  .columns.first {
    padding-left: 0;
    padding-right: 10px;
  }
  .column.omega,
  .columns.omega,
  .column.last,
  .columns.last {
    padding-right: 0;
    padding-left: 10px;
  }
  .alpha.omega,
  first.last {
    padding-left: 0;
    padding-right: 0;
  }
}


/* Offsets */

.container .offset-by-half {
  margin-left: 3.12%;
}

.container .offset-by-one {
  margin-left: 6.25%;
}

.container .offset-by-two {
  margin-left: 12.5%;
}

.container .offset-by-three {
  margin-left: 18.75%;
}

.container .offset-by-four {
  margin-left: 25%;
}

.container .offset-by-five {
  margin-left: 31.25%;
}

.container .offset-by-six {
  margin-left: 37.5%;
}

.container .offset-by-seven {
  margin-left: 43.75%;
}

.container .offset-by-eight {
  margin-left: 50%;
}

.container .offset-by-nine {
  margin-left: 56.25%;
}

.container .offset-by-ten {
  margin-left: 62.5%;
}

.container .offset-by-eleven {
  margin-left: 68.75%;
}

.container .offset-by-twelve {
  margin-left: 75%;
}

.container .offset-by-thirteen {
  margin-left: 81.25%;
}

.container .offset-by-fourteen {
  margin-left: 87.5%;
}

.container .offset-by-fifteen {
  margin-left: 93.75%;
}


/*  #Mobile (Portrait)
================================================== */


/* Note: Design for a width of 320px */

@media only screen and (max-width: 767px) {
  /* Heading */
  h1 {
    font-size: 32px;
    line-height: 1.65em;
    margin-bottom: 5px;
    letter-spacing: 0;
  }
  h2 {
    font-size: 24px;
    line-height: 1.65em;
    margin: 10px 0 10px 0;
  }
  h3 {
    font-size: 21px;
    line-height: 1.65em;
  }
  h4 {
    font-size: 18px;
    line-height: 1.65em;
  }
  h5 {
    font-size: 12px;
    line-height: 1.65em;
  }
  .container .offset-by-half,
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    margin-left: 0;
  }
}


/* #Mobile (Landscape)
================================================== */


/* Note: Design for a width of 480px */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  div#maincontainer .container,
  .full-container .container,
  .container {
    width: 420px;
  }
  .container .columns,
  .container .column {
    padding-left: 0;
    padding-right: 0;
  }
  .column-row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .vc_row .container {
    width: 450px;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-half.column,
  .container .one-third.column,
  .container .one-fifth.column,
  .container .two-thirds.column {
    width: 420px;
  }
  /* Offsets */
  .container .offset-by-half,
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
  .container .fifteensp.columns,
  .container .eightsp.columns,
  .container .sixsp.columns {
    width: 400px;
    padding-left: 10px;
    padding-right: 10px;
  }
  .container .fifteensp.columns .four.columns,
  .container .fifteensp.columns .twelve.columns,
  .container .fifteensp.columns .three.columns {
    width: 400px;
  }
}

@media only screen and (max-width: 479px) {
  div#maincontainer .container,
  .full-container .container,
  .container {
    width: 100%;
    padding: 0 30px;
  }
  .container .columns,
  .container .column {
    padding-left: 0px;
    padding-right: 0px;
  }
  .column-row {
    margin-left: 0px;
    margin-right: 0px;
  }
  .topmargin {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .vc_row .container {
    width: 100%;
  }
  .container .one.column,
  .container .one.columns,
  .container .two.columns,
  .container .three.columns,
  .container .four.columns,
  .container .five.columns,
  .container .six.columns,
  .container .seven.columns,
  .container .eight.columns,
  .container .nine.columns,
  .container .ten.columns,
  .container .eleven.columns,
  .container .twelve.columns,
  .container .thirteen.columns,
  .container .fourteen.columns,
  .container .fifteen.columns,
  .container .sixteen.columns,
  .container .one-half.column,
  .container .one-third.column,
  .container .one-fifth.column,
  .container .two-thirds.column {
    width: 100%;
  }
  /* Offsets */
  .container .offset-by-half,
  .container .offset-by-one,
  .container .offset-by-two,
  .container .offset-by-three,
  .container .offset-by-four,
  .container .offset-by-five,
  .container .offset-by-six,
  .container .offset-by-seven,
  .container .offset-by-eight,
  .container .offset-by-nine,
  .container .offset-by-ten,
  .container .offset-by-eleven,
  .container .offset-by-twelve,
  .container .offset-by-thirteen,
  .container .offset-by-fourteen,
  .container .offset-by-fifteen {
    padding-left: 0;
  }
}

.container .container {
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}


/* #Clearing
================================================== */


/* Self Clearing Goodness */

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


/* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */

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

.row:after,
.clearfix:after {
  clear: both;
}

.row,
.clearfix {
  zoom: 1;
}


/* You can also use a <br class="clear" /> to clear columns */

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


/* #Tabs
================================================== */

.nav {
  margin-left: 0;
  list-style: none;
}

.nav>li>a {
  display: block;
  color: #999
}

.nav>li>a:hover {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav>.pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}

.nav li+.nav-header {
  margin-top: 9px;
}

.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  content: "";
  line-height: 0;
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs>li,
.nav-pills>li {
  float: left;
}

.nav-tabs>li>a,
.nav-pills>li>a {
  padding-right: 18px;
  padding-left: 18px;
  margin-right: 2px;
  line-height: 14px;
  font-size: 12px;
  font-weight: bold;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
}

.nav-tabs>li {
  margin-bottom: -1px;
}

.nav-tabs>li>a {
  padding-top: 12px;
  padding-bottom: 10px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0;
  font-size: 11px;
}

.nav-tabs>li>a:hover {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs>.active>a,
.nav-tabs>.active>a:hover {
  color: #555555;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
  cursor: default;
  font-size: 11px;
}

.nav-pills>li>a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.nav-pills>.active>a,
.nav-pills>.active>a:hover {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked>li {
  float: none;
}

.nav-stacked>li>a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;
}

.nav-tabs.nav-stacked>li>a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.nav-tabs.nav-stacked>li:first-child>a {
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
  border-top-left-radius: 4px;
}

.nav-tabs.nav-stacked>li:last-child>a {
  -webkit-border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
  border-bottom-left-radius: 4px;
}

.nav-tabs.nav-stacked>li>a:hover {
  border-color: #ddd;
  z-index: 2;
}

.nav-pills.nav-stacked>li>a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked>li:last-child>a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
  margin-top: 6px;
}

.nav .dropdown-toggle:hover .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}


/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav>.dropdown.active>a:hover {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav>li.dropdown.open.active>a:hover {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open>a:hover {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  content: "";
  line-height: 0;
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below>.nav-tabs,
.tabs-right>.nav-tabs,
.tabs-left>.nav-tabs {
  border-bottom: 0;
}

.tab-content>.tab-pane,
.pill-content>.pill-pane {
  display: none;
}

.tab-content>.active,
.pill-content>.active {
  display: block;
}

.tabs-below>.nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below>.nav-tabs>li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below>.nav-tabs>li>a {
  -webkit-border-radius: 0 0 4px 4px;
  -moz-border-radius: 0 0 4px 4px;
  border-radius: 0 0 4px 4px;
}

.tabs-below>.nav-tabs>li>a:hover {
  border-bottom-color: transparent;
  border-top-color: #ddd;
}

.tabs-below>.nav-tabs>.active>a,
.tabs-below>.nav-tabs>.active>a:hover {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left>.nav-tabs>li,
.tabs-right>.nav-tabs>li {
  float: none;
}

.tabs-left>.nav-tabs>li>a,
.tabs-right>.nav-tabs>li>a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left>.nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left>.nav-tabs>li>a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  border-radius: 4px 0 0 4px;
}

.tabs-left>.nav-tabs>li>a:hover {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left>.nav-tabs .active>a,
.tabs-left>.nav-tabs .active>a:hover {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right>.nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right>.nav-tabs>li>a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
}

.tabs-right>.nav-tabs>li>a:hover {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right>.nav-tabs .active>a,
.tabs-right>.nav-tabs .active>a:hover {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav>.disabled>a {
  color: #999999;
}

.nav>.disabled>a:hover {
  text-decoration: none;
  background-color: transparent;
  cursor: default;
}


/*
	 * jQuery FlexSlider v2.0
	 * http://www.woothemes.com/flexslider/
	 *
	 * Copyright 2012 WooThemes
	 * Free to use under the GPLv2 license.
	 * http://www.gnu.org/licenses/gpl-2.0.html
	 *
	 * Contributing author: Tyler Smith (@mbmufffin)
	 */


/* Browser Resets */

.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus {
  outline: none;
}

.slides,
.flex-control-nav,
.flex-direction-nav {
  margin: 0;
  padding: 0;
  list-style: none;
}


/* FlexSlider Necessary Styles
	*********************************/

.flexslider {
  margin: 0;
  padding: 0;
  text-align: center;
}

.flexslider .slides>li {
  display: none;
  -webkit-backface-visibility: hidden;
  margin: 0;
}


/* Hide the slides before the JS is loaded. Avoids image jumping */

.flexslider .slides img {
  display: inline-block;
}

.flex-pauseplay span {
  text-transform: capitalize;
}


/* Clearfix for the .slides element */

.slides:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .slides {
  display: block;
}

* html .slides {
  height: 1%;
}


/* No JavaScript Fallback */


/* If you are not using another script, such as Modernizr, make sure you
	 * include js that eliminates this class on page load */

.no-js .slides>li:first-child {
  display: block;
}

.slides li {
  width: 100%;
  float: left;
  position: relative;
}

.slides li p.flex-caption {
  width: 96%;
  padding: 2%;
  position: absolute;
  left: 0px;
  bottom: 0px;
  background: rgba(0, 0, 0, 0.2);
  text-align: left;
  text-shadow: rgba(0, 0, 0, 0.298039) 0px -1px 0px;
  font-size: 14px;
  line-height: 18px;
  color: #fff;
  margin: 0;
}


/* FlexSlider Default Theme
	*********************************/

.flexslider {
  margin: 0 0 0px;
  position: relative;
  zoom: 1;
}

.flex-viewport {
  max-height: 2000px;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  transition: all 1s ease;
}

.loading .flex-viewport {
  max-height: 300px;
}

.flexslider .slides {
  zoom: 1;
}

.carousel li {
  margin-right: 5px
}


/* Direction Nav */

.flex-direction-nav {
  *height: 0;
}

.flex-direction-nav li {
  margin: 0;
}

.flex-direction-nav a {
  width: 40px;
  color: #999;
  height: 56px;
  margin: -30px 0 0;
  display: block;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
}

.flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: 35px;
  text-indent: 0;
}

.flex-direction-nav .flex-next i,
.flex-direction-nav .flex-prev i {
  font-size: 80px;
}

.flex-direction-nav .flex-prev {
  left: 0px;
  text-indent: 0;
}

.flexslider:hover .flex-next {
  opacity: 1;
  right: 10px;
}

.flexslider:hover .flex-prev {
  opacity: 1;
  left: 10px;
}

.flexslider:hover .flex-next:hover,
.flexslider:hover .flex-prev:hover {
  opacity: 1;
}

.flex-direction-nav .flex-disabled {
  opacity: .3!important;
  filter: alpha(opacity=30);
  display: none;
  cursor: default;
}


/* Control Nav */

.flex-control-nav {
  width: 100%;
  position: absolute;
  bottom: -40px;
  text-align: center;
  display: none;
}

.flex-control-nav li {
  margin: 0 6px;
  display: inline-block;
  zoom: 1;
  *display: inline;
}

.flex-control-paging li a {
  width: 12px;
  height: 12px;
  display: block;
  cursor: pointer;
  text-indent: -9999px;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  -o-border-radius: 20px;
  border-radius: 20px;
}

.flex-control-paging li a:hover {
  background: #000;
}

.flex-control-paging li a.flex-active {
  background: #000;
  cursor: default;
}

.flex-control-paging li a {
  background: #ccc;
}

.flex-control-paging li a.flex-active {
  background: #000;
}

.flex-control-thumbs {
  margin: 5px 0 0;
  position: static;
  overflow: hidden;
}

.flex-control-thumbs li {
  width: 25%;
  float: left;
  margin: 0;
}

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer;
}

.flex-control-thumbs img:hover {
  opacity: 1;
}

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default;
}

@media screen and (max-width: 860px) {
  .flex-direction-nav .flex-prev {
    opacity: 1;
    left: 0;
  }
  .flex-direction-nav .flex-next {
    opacity: 1;
    right: 0;
  }
}

@font-face {
  font-family: 'Conv_Socialico';
  src: url('fonts/icon-font/social-new/Socialico.eot');
  src: url('fonts/icon-font/social-new/Socialico.eot?#iefix') format('embedded-opentype'), url('fonts/icon-font/social-new/Socialico.woff2') format('woff2'), url('fonts/icon-font/social-new/Socialico.woff') format('woff'), url('fonts/icon-font/social-new/Socialico.ttf') format('truetype'), url('fonts/icon-font/social-new/Socialico.svg#socialicoregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

i.useicon {
  font-size: 40px;
  font-family: 'Conv_Socialico';
  position: relative;
}


/* HOMEPAGE */

.typed-cursor {
  opacity: 1;
  font-weight: 100;
  -webkit-animation: blink 0.7s infinite;
  -moz-animation: blink 0.7s infinite;
  -ms-animation: blink 0.7s infinite;
  -o-animation: blink 0.7s infinite;
  animation: blink 0.7s infinite;
}

@-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-webkit-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-moz-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-ms-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@-o-keyframes blink {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

div.masterheader {
  float: left;
  width: 100%;
}

.masterheader a.purchase {
  margin: 0;
  padding: 7px 14px;
  margin-left: 15px;
  font-size: 10px;
  float: right;
  top: 1px;
}

.masterheader.with-spbg {}

#maincontainer {
  position: fixed;
  padding: 40px 0;
  width: 100%;
  z-index: 5;
  top: 0;
  border-bottom: none;
  background: rgba(245, 245, 245, 0);
  transition: padding 0.5s ease, background 0s ease;
}


  #maincontainer.on-move {
    transition: background .4s ease, border .4s ease;
    background: rgba(245, 245, 245, 0.8);
    padding: 20px 0 12px 0;
  }

  @media (max-width:959px) {
    #maincontainer.on-move {
      padding:12px 0;
    }
  }

#maincontainer.top-msgok {
  margin-top: 40px;
}

#maincontainer.top-msgok.on-move {
  margin-top: 0px;
}

.page-template-template-checkout #maincontainer.top-msgok {
  margin-top: 50px;
}

div.masterheader a.rightbutton {
  float: right;
  margin-top: 30px;
  margin-left: 8px;
}

div.masterheader.homeslider {
  position: relative;
  margin-bottom: 170px;
  height: 100%;
  background-color: #1e1e1e;
  background-position: center bottom;
  background-size: 110vh;
  background-repeat: no-repeat;
  background-image: url(https://dg6tb3mwk3dko.cloudfront.net/northeme-content/uploads/2019/07/04163545/hero_new.jpg);
}

div.masterheader.homeslider #particles-js {
  display: none;
}

div.masterheader.homeslider .flex-direction-nav a {
  z-index: 10;
}

div.masterheader.homeslider .flex-direction-nav {
  display: none!important;
}

div.masterheader.differentheader {
  padding-bottom: 50px;
  margin-bottom: 40px;
}

div.masterheader.member-head.differentheader {
  padding-bottom: 20px;
  margin-bottom: 0px;
}

.buy-one-get-one {
  display: inline-block;
  clear: both;
  background: #5cb85c;
  color: #fff;
  padding: 2px 20px;
  position: relative;
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 15px;
}

.buy-one-get-one:after {
  position: absolute;
  right: -1px;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 10px solid #f9f9f9;
}

.buy-one-get-one:before {
  position: absolute;
  left: -1px;
  top: 0;
  content: '';
  width: 0;
  height: 0;
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
  border-left: 10px solid #f9f9f9;
}

body.single-works .navigate-arrows {
  margin: 0;
  padding: 0;
  border: none;
}

.navigate-arrows .prev-post {
  left: 0;
  margin-left: 1.7rem;
}

.navigate-arrows .next-post {
  margin-right: 1.7rem;
  right: 0;
}

.navigate-arrows a {
  display: inline-block;
}

.navigate-arrows a img {
  display: block;
}

.navigate-arrows i {
  font-size: 60px;
  top: 50%;
  transform: translateY(-50%);
}

.single-works .navigate-arrows i {
  position: absolute;
}

.navigate-arrows .prev-post i {
  float: left;
  left: 0;
}

.navigate-arrows .next-post i {
  float: right;
  right: 0;
}

a.navigate {
  display: inline-block;
  position: relative;
  line-height: 0px;
}

a.navigate .useicon {
  font-size: 62px;
  top: 12px;
  margin-left: 12px;
  line-height: 0px;
  position: relative;
}

.navigate-arrows .next-post .imgtd {
  text-align: right;
  float: right;
  margin-right: 35px;
  width: 300px;
}

.navigate-arrows .prev-post .imgtd {
  text-align: left;
  float: left;
  margin-left: 35px;
  width: 300px;
}

.navigate-arrows .next-post .imgtd img {
  float: right;
  clear: both;
}

.navigate-arrows .prev-post .imgtd img {
  float: left;
  clear: both;
}

.navigate-arrows .imgtd img {}

.navigate-arrows td {
  vertical-align: bottom;
}

.navigate-arrows .imgtd {
  display: none;
  background: #f9f9f9;
  border: 1px solid #ddd;
  padding: 18px 12px;
  position: relative;
}

.navigate-arrows .prev-post:hover .imgtd,
.navigate-arrows .next-post:hover .imgtd {
  display: block;
}

.navigate-arrows .prev-post,
.navigate-arrows .next-post {
  position: fixed;
  top: 50%;
  z-index: 4;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navigate-arrows .imgtd {
  position: relative;
}

.navigate-arrows .imgtd div {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
  display: none;
  background: rgba(255, 255, 255, .85);
  color: #000;
}

.navigate-arrows .imgtd div p {
  color: #fff;
  top: 50%;
  position: absolute;
  left: 0;
  right: 0;
}

.navigate-arrows .imgtd div p span {
  width: 80%;
  display: inline-block;
  color: #000;
  margin: auto;
  font-size: 20px;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.navigate-arrows .imgtd div p span small {
  font-size: 12px;
}

.navigate-arrows .imgtd:hover div {
  display: block;
}

@media only screen and (max-width: 959px) {
  .navigate-arrows {
    display: none
  }
}


/* NEW ONE */

.sliderarea .intro-div {
  text-align: center;
  margin-top: 20vh;
}

#particles-js {
  right: -20%;
  height: 800px;
  position: absolute;
  top: 28%;
  left: -20%;
  transform: rotate(11deg);
  background: #fff;
  opacity: .5
}

.sliderarea .intro-div h1 {
  font-size: 38px;
  font-weight: 100;
  line-height: 1.4em;
  color: #f0f0f0;
}

.sliderarea .intro-div h1 strong {
  font-weight: normal;
}

.sliderarea .intro-div h2 {
  font-size: 17px;
  font-weight: 100;
  line-height: 1.8em;
  color: #eee;
}
.sliderarea .intro-div h2 small {
  color:#ccc;
  position: relative;
  top:-2px;
}
.sliderarea .intro-div h2 small strong {
  font-weight:bold;
}

@media only screen and (max-width: 500px) {
  .sliderarea .intro-div h2 {
    display: none;
  }
}

.sliderarea .intro-div h2 strong {
  font-weight: normal
}

.sliderarea .intro-div h2 a {
  margin-top: 25px;
  font-weight: normal;
}

.sliderarea .intro-div .browse {
  font-size: 16px;
  font-weight: bold;
  margin-top: 40px;
  display: block;
  display: none;
}

.sliderarea .intro-div .browse i {
  font-size: 21px;
  position: relative;
  top: 3px;
  margin-left: 5px;
}

.img-intro {
  background-repeat: no-repeat;
  height: 500px;
  width: 80%;
  overflow: hidden;
  margin: auto;
  max-width: 1400px;
}

.img-intro {
  position: relative;
}

.img-intro div.img-desktop {
  width: 73.3%;
  position: absolute;
}

.img-intro div.img-desktop div {
  background: #111;
  position: absolute;
  top: 7.5%;
  left: 12.5%;
  right: 12.4%;
  bottom: 14.8%;
  z-index: -1;
}

.img-intro div.img-tablet {
  position: absolute;
  width: 27%;
  left: 61%;
  top: 13%;
  z-index: 2;
}

.img-intro div.img-tablet div {
  background: #111;
  position: absolute;
  z-index: -1;
  top: 8.4%;
  left: 10.2%;
  right: 9.5%;
  bottom: 9.9%;
}

.img-intro div.img-mobile {
  position: absolute;
  width: 15.5%;
  left: 82.7%;
  top: 25%;
  z-index: 2;
}

.img-intro div.img-mobile div {
  background: #111;
  position: absolute;
  top: 11.5%;
  left: 6%;
  right: 5.8%;
  bottom: 13.5%;
}

@-moz-keyframes dropHeader {
  0% {
    -moz-transform: translateY(20%);
    opacity: 0;
  }
  100% {
    -moz-transform: translateY(0);
    opacity: 1;
  }
}

@-webkit-keyframes dropHeader {
  0% {
    -webkit-transform: translateY(20%);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    opacity: 1;
  }
}

@keyframes dropHeader {
  0% {
    transform: translateY(20%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}

.img-intro div.img-desktop {
  -webkit-animation: dropHeader .8s ease-in-out;
  -moz-animation: dropHeader .8s ease-in-out;
  animation: dropHeader .8s ease-in-out;
}

.img-intro div.img-tablet {
  -webkit-animation: dropHeader 1.5s ease-in-out;
  -moz-animation: dropHeader 1.5s ease-in-out;
  animation: dropHeader 1.2s ease-in-out;
}

.img-intro div.img-mobile {
  -webkit-animation: dropHeader 2s ease-in-out;
  -moz-animation: dropHeader 2s ease-in-out;
  animation: dropHeader 1.5s ease-in-out;
}

@media only screen and (min-width: 768px) and (max-width: 990px) {}

@media only screen and (max-width: 767px) {
  div.masterheader.homeslider {
    margin-bottom: 90px;
  }
  .img-intro {
    height: 320px;
  }
  .sliderarea .intro-div h2 {
    font-size: 12px;
  }
  div.topcoupon {
    text-align: center;
  }
  div.topcoupon i {

  }
  #maincontainer.top-msgok {
    margin-top: 70px;
  }
  .sliderarea .intro-div {}
  div.masterheader div.sliderarea .intro-div h1 {
    font-size: 28px;
    line-height: 1.5em;
  }
}

@media only screen and (max-width: 480px) {
  div.masterheader div.sliderarea .intro-div h1 {
    font-size: 24px;
  }
}

div.masterheader div.sliderarea {
  text-align: center;
  clear: both;
  position: relative;
  top: 0;
  z-index: 0;
  height: 100vh;
  overflow: hidden;
}

div.masterheader div.sliderarea .homeslider-text {
  height: 15%;
}

div.masterheader div.sliderarea div.flexslider {
  height: 85%;
}

div.masterheader div.sliderarea ul.slides,
div.masterheader div.sliderarea ul.slides li {
  height: 100%;
}

div.masterheader div.sliderarea .text {
  min-height: 220px;
}

div.homeslider ul.slides li .container-table {
  display: table;
  width: 100%;
  height: 100%;
  padding-top: 130px;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

div.homeslider ul.slides li .container-cell {
  display: table-cell;
  vertical-align: middle;
}

div.masterheader div.sliderarea ul.slides li .slide-img-left {
  display: table-cell;
  vertical-align: middle;
  width: 65%;
  height: 100%;
  position: relative;
}

div.masterheader div.sliderarea ul.slides li .slide-img-left .img {
  height: 90%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: 50%;
  width: 100%;
  position: relative;
  top: -10px;
  left: 20px;
}

div.masterheader div.sliderarea ul.slides li .slide-img-left .img.wpthemes {
  background-image: url(https://s3.amazonaws.com/cdn.northeme.com/northeme-content/uploads/2015/09/23005231/main.jpg);
}

div.masterheader div.sliderarea ul.slides li .slide-img-left .img.portfolio {
  background-image: url(https://s3.amazonaws.com/cdn.northeme.com/northeme-content/uploads/2015/09/23005158/portfolio.jpg);
}

div.masterheader div.sliderarea ul.slides li .slide-img-left .img.store {
  background-image: url(https://s3.amazonaws.com/cdn.northeme.com/northeme-content/uploads/2016/01/21171427/3.jpg);
}

div.masterheader div.sliderarea ul.slides li .slide-img-left .img.quickstart {
  background-image: url(https://s3.amazonaws.com/cdn.northeme.com/northeme-content/uploads/2015/09/23005202/quick.jpg);
}

@media only screen and (max-width: 958px) {
  div.masterheader div.sliderarea ul.slides li .slide-img-left .img {
    position: relative;
    height: 300px;
    left: 0
  }
  div.homeslider .homeslider-text {
    display: none;
  }
  div.homeslider ul.slides li .container-table {
    display: block;
    padding: 100px
  }
  div.masterheader div.sliderarea ul.slides li .slide-img-left {
    text-align: center;
    vertical-align: top;
    display: block;
    width: auto;
    height: auto;
  }
  div.masterheader div.sliderarea ul.slides li .slide-text-right {
    text-align: center;
    display: block;
    padding: 20px 100px!important;
  }
}

@media only screen and (min-width: 958px) and (max-width: 1180px) {
  div.masterheader div.sliderarea ul.slides li .slide-text-right {
    padding-right: 4%!important;
    padding-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  div.masterheader div.sliderarea ul.slides li .slide-img-left .img {
    height: 200px;
  }
  div.homeslider ul.slides li .container-table,
  div.masterheader div.sliderarea,
  div.masterheader.homeslider {}
  div.masterheader div.sliderarea ul.slides li .slide-text-right {
    text-align: center;
    display: block;
    padding: 0px!important;
  }
  div.homeslider ul.slides li .container-table {
    padding: 120px 20px 20px 20px;
  }
}

div.masterheader div.sliderarea ul.slides li .slide-text-right {
  padding-right: 5%;
  padding-left: 5%;
}

@media only screen and (min-width: 1450px) {
  div.masterheader div.sliderarea ul.slides li .slide-text-right {
    padding-right: 10%;
    padding-left: 70px;
  }
}

.homeslider .sliderarea {
  float: left;
  width: 100%;
}

.homeslider .homeslider-text {
  display: table;
}

.sliderarea .slide-text-left,
.sliderarea .slide-text-right {
  text-align: right;
  font-weight: 300;
}

.slide-icon {
  font-size: 45px;
  margin-bottom: 15px;
  color: #666
}

@media only screen and (max-width: 958px) {
  .slide-icon {
    font-size: 30px;
    margin-top: 40px;
  }
  div.masterheader div.sliderarea,
  div.masterheader.homeslider {
    /*height:auto!important;*/
  }
}

@media only screen and (max-width: 767px) {
  .home-slider .slide-img-left,
  .home-slider .slide-img-right {
    display: none;
  }
  .slide-text-right .slide-text {
    width: 80%;
    margin: auto;
    float: none;
  }
}

.home-slider .slide-text h2 {
  font-size: 36px!important;
  line-height: 1.2em!important;
}

.home-slider .slide-text p {
  margin-top: 5px;
  font-size: 18px;
  line-height: 1.7em;
  margin-bottom: 30px;
}

@media only screen and (max-width: 479px) {
  .img-intro {
    display: none;
  }
}

.slide-text-right .slide-text p {
  float: right;
}

.slide-text-left .slide-text p {
  float: left;
}

.sliderarea .slide-text a {
  font-weight: normal!important;
  padding: 18px 35px;
}

.sliderarea .slide-text-left {
  float: left;
  text-align: left;
  right: auto;
  left: 0;
}

.sliderarea .homeslider-text {
  margin: auto;
}

.sliderarea .homeslider-text ul {
  list-style: none;
  margin: 0;
}

.sliderarea .homeslider-text ul li {
  display: inline-block;
  width: 24.5%;
}

.sliderarea .homeslider-text ul li a,
.sliderarea .homeslider-text ul li a h3 {
  color: #999;
}

.sliderarea .homeslider-text ul li a:hover,
.sliderarea .homeslider-text ul li a:hover h3 {
  color: #666;
}

.sliderarea .homeslider-text ul li a.selected {
  color: #666;
}

.sliderarea .homeslider-text ul li a.selected h3 {
  color: #000;
}

.sliderarea .homeslider-text ul li a.selected:before {
  font-family: 'fontAwesome';
  content: '\f106';
  font-size: 36px;
  position: absolute;
  margin-top: -32px;
  margin-left: -12px;
}

.sliderarea .homeslider-text ul li h3 {
  font-size: 18px;
  margin-bottom: 5px;
}

.sliderarea .homeslider-text ul li p {
  font-size: 11px;
  width: 85%;
  text-align: center;
  margin: auto;
}

.toplinks {
  padding-top: 12px;
  text-align: right;
  font-size: 11px;
}

.toplinks a {
  padding: 4px 10px;
  background-color: #ddd;
  color: #333;
  font-size: 10px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  margin-left: 5px;
}

.toplinks a.logout {
  background: none;
  color: #666;
}

.toplinks a.myaccount {
  background-color: #cc0000;
  font-weight: 11px;
  color: #fff;
  font-weight: bold;
}

.toplinks a.myaccount:hover {
  background-color: #333;
  color: #fff
}

.toplinks a.cart {
  background: none;
  font-weight: 11px;
  color: #000
}

.toplinks a.cart:hover {
  background-color: #ddd;
  color: #000
}

.toplinks a:hover {
  color: #f9f9f9;
  background-color: #666
}

.toplinks a i {
  position: relative;
  top: 1px;
  font-size: 15px;
}

div.masterheaderdiv a.main-logo {
  width: 140px;
  float: left;
  margin-top: -1px;
  background-size: 100%;
  height: 18px;
  background-repeat: no-repeat;
}

div.masterheaderdiv a.white-logo {
  background: url(images/northeme-logo-white.png);
}

.desktopmenu-wrapper {
  text-align: right;
  float: right;
  width: 100%;
  margin-top: -8px;
}

.desktopmenu-wrapper .logout {
  font-size: 13px;
  color: #666;
  padding-left: 22px;
  line-height: 15px;
  margin-left: 8px;
  border-left: 1px solid #ddd;
  display: inline-block;
}

a.member-button {
  display: inline-block;
  color: #666;
  font-size: 14px;
  border-left: 1px solid #ccc;
  padding: 0px 0 0 17px;
  margin-left: 4px;
  position: relative;
}

a.member-button:hover {
  color: #000;
}

div.masterheaderdiv .mainmenu .main-nav {
  margin: 0;
  list-style: none;
  display: inline-block;
  position: relative;
  top: 4px;
}

div.masterheaderdiv .mainmenu .main-nav li {
  position: relative;
  display: inline-block;
  float: left;
  margin-bottom: 0;
}

div.masterheaderdiv .mainmenu .main-nav li a {
  color: #000;
  font-size: 15px;
  margin: 0px 10px;
}

div.masterheaderdiv .mainmenu .main-nav li a:hover,
div.masterheaderdiv .mainmenu .main-nav li.current-menu-item a {
  border-bottom: 1px solid;
  padding-bottom: 5px;
}

div.masterheaderdiv .mainmenu .main-nav li.menu-item-has-children>a:first-child {
  padding-right: 5px;
}

div.masterheaderdiv .mainmenu .main-nav li.menu-item-has-children>a:first-child:after {
  font-family: 'fontAwesome';
  content: '\f107';
  margin-left: 10px;
}

div.masterheaderdiv .mainmenu .main-nav li.current-menu-item a,
div.masterheaderdiv .mainmenu .main-nav li.current-page-item a {
  color: #000;
}

div.masterheaderdiv .mainmenu .main-nav .sub-menu {
  font-size: 100%;
  position: absolute;
  margin: 0px 0 0 0;
  padding-top: 4px;
  list-style: none;
}

div.masterheaderdiv .mainmenu .main-nav .sub-menu li {
  color: #666;
  float: left;
  margin-right: 10px;
}

div.masterheaderdiv .mainmenu .main-nav .sub-menu a {
  color: #666;
  margin-right: 0px;
}

div.masterheaderdiv .topmenu .main-nav .sub-menu a:hover {
  color: #000;
}

div.masterheaderdiv .mainmenu ul.main-nav ul,
div.masterheaderdiv .mainmenu ul.main-nav li:hover ul ul,
div.masterheaderdiv .mainmenu ul.main-nav ul li:hover ul ul {
  display: none;
}

div.masterheaderdiv .mainmenu ul.main-nav li:hover ul,
div.masterheaderdiv .mainmenu ul.main-nav ul li:hover ul,
div.masterheaderdiv .mainmenu ul.main-nav ul li ul li:hover ul {
  display: block;
}

div.masterheaderdiv .mainmenu ul.main-nav li * a:hover {
  /* Change color of links when hovered */
}

.browse-more {
  text-align: center;
  margin: 0 0 140px 0;
}

.common-features-wrap {
  display: inline-block;
  width: 100%;
}

.common-features-wrap .main-header {
  font-size: 40px;
  font-weight: normal;
  margin-bottom: 25px;
}


/*
	.page-template-template-home .common-features-wrap {
		background:#f0f0f0;
		margin-bottom:-50px;
	}
	*/

.common-features .row {
  margin-bottom: 40px;
}

.common-features-title {
  margin: 0px 0 80px 0;
}

.common-features {
  padding-top: 50px;
  margin-bottom: 100px;
}

.single-works .common-features {
  margin-bottom: 0;
}

.common-features .framework-feature {
  font-weight: 300;
  text-align: center;
  color: #000;
  font-size: 13px;
}

.common-features .framework-feature .common-features-slider-close {
  z-index: 5;
  font-weight: normal;
  font-size: 21px;
  display: block;
  position: absolute;
  right: 30px;
  top: 25px;
}

.common-features .framework-feature h3 {
  font-size: 18px;
  font-weight: bold;
}

.common-features .framework-feature span {
  text-align: center;
  display: inline-block;
  margin-bottom: 20px;
  font-size: 32px;
  width: 70px;
}

.common-features-wrap span.min-title {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}

.common-features .framework-feature p {
  font-weight: 300;
  color: #000;
  font-size: 13px;
}

.common-features .buy-now-button-features {
  text-align: center;
  margin-top: 70px;
}

.checkout-all-div .loginforms .button-payment {
  display: inline-block;
  width: 100%;
  text-align: center;
  margin-top: 0px;
}

.checkout-all-div .loginforms .button-payment .please-wait {
  text-align: center;
  font-size: 28px;
  line-height: 2em;
  display: none;
  margin: 35px 0;
}

.checkout-all-div .loginforms .please-wait-paypal {
  width: 100%;
  font-size: 36px;
  text-align: center;
  margin: 60px 0;
  display: none;
}

.payment-request-button-wrapper {
    min-width: 280px;
    margin: 0px auto 40px;
    border-bottom: 1px solid #ddd;
    text-align: center;
    display: inline-block;
    width: 100%;
    display: none;
}
.payment-request-button-wrapper h3 {
    font-size:18px;
    font-weight:bold;
}
.payment-request-button-wrapper p {
    font-size: 12px;
    color: #666;
    margin: 20px 0 0 0;
    padding: 0 20px;
    position: relative;
    top: 12px;
    background: #f9f9f9;
    display: inline-block;
}

.common-features .buy-now-button-features a {
  font-weight: bold;
}

.free-product-message {
  text-align: center;
  padding: 20px 50px;
  font-size: 11px;
  color: #cc0000;
}

@media only screen and (max-width: 767px) {
  .common-features-wrap .main-header {
    font-size: 24px;
  }
  .common-features .framework-feature p {
    padding: 0 50px;
  }
}

.common-features {
  position: relative;
}

.common-features .row:last-child {
  margin-bottom: 0;
}

.common-features .info {
  position: absolute;
  width: 100%;
  background: #f9f9f9;
  top: -3px;
  z-index: 1;
  font-weight: 300;
  color: #000;
  height: 100%;
  overflow: hidden;
  display: none;
}

.common-features .info .info-wrap {
  padding: 0px 0px;
}

.common-features .info img {
  float: left;
}

.common-features .info .info-left {
  width: 52%;
  margin-right: 5%;
  float: left;
}

.common-features .info .info-right {
  float: left;
  width: 38%;
  text-align: left;
  margin-top: 70px;
}

.common-features .info h2 {
  font-size: 28px;
}

.common-features .info p {
  text-align: left;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 1.65em;
  padding-bottom: 20px;
}

.common-features .flex-direction-nav a {
  margin-top: -5px!important;
  z-index: 2;
}

.common-features .framework-feature {
  position: relative;
}

.common-features .display-video {
  padding: 2px;
  background: #ddd;
  position: absolute;
  z-index: 50;
  left: 110%;
  top: 50%;
  margin-top: -50%;
  width: 200%;
  float: left;
  display: none;
  min-height: 240px;
}

.common-features .display-video i {
  font-size: 36px;
  top: 50%;
  margin-left: -20px;
  position: absolute;
  margin-top: -18px;
}

.common-features .display-video,
.common-features .display-video video {
  /*
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		*/
}

.common-features .on-right .display-video {
  right: 110%;
  left: auto;
}

.common-features .display-video video {
  width: 100%;
  display: block;
}

.common-features .display-video:after {
  content: '';
  position: absolute;
  top: 25%;
  left: -12px;
  width: 0;
  height: 0;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid #ddd;
}

.common-features .on-right .display-video:after {
  left: auto;
  right: -12px;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 12px solid #ddd;
  border-right: none;
}

.common-features-wrap .framework-feature i {
  font-size: 28px;
  margin-bottom: 10px;
  position: relative;
  top: 3px;
  color: #666;
}

.common-features-wrap .framework-feature .feature {
  font-size: 20px;
  display: block;
  padding: 15px 0 5px 0;
}

.common-features-wrap .framework-feature p {
  font-size: 13px;
  color: #666;
  font-weight: normal;
  margin: 5px 0 0 0;
}

.common-features-wrap .framework-feature {
  width: 33.15%;
  padding: 25px 40px;
  float: left;
}

.common-features-wrap .framework-feature.second {
  border-left: 2px solid #f5f5f5;
  border-right: 2px solid #f5f5f5;
}

.common-features-wrap .framework-feature {
  /*margin-bottom:2px;*/
}

.common-features-wrap .framework-feature strong {
  font-weight: normal;
}

.common-features-wrap .container {}

.common-features-wrap .framework-feature p a {
  border-bottom: 1px solid #666
}

.common-features-wrap .framework-feature p a:hover {
  color: #000;
}

@media only screen and (min-width: 959px) {
  .common-features-wrap .four p {
    margin-left: 0;
  }
  .common-features-wrap .four i {
    font-size: 36px;
    margin-right: 10px;
  }
}

.common-features-wrap {
  padding-top: 50px;
}

.common-features-wrap .common-features-title {
  margin: 0px 0 40px 0;
}

.common-features-wrap h2 {
  font-size: 30px;
  margin-bottom: 20px;
}

.common-features-wrap .generic-title p {
  font-size: 15px;
  font-weight: normal;
  color: #666;
}

.common-features-wrap .main-series {
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 50px;
  float: left;
  width: 100%;
}

.common-features-wrap .main-series .columns {
  padding: 60px;
}

.common-features-wrap .main-series h4 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 20px;
}

.common-features-wrap .main-series p {
  font-size: 14px;
  display: block;
  margin-bottom: 25px;
  font-weight: normal;
  color: #666;
  margin-top: 0;
  float: left;
}

.common-features-wrap .main-series a {
  font-size: 10px;
  font-weight: normal;
  padding: 12px 17px;
}

.features-part .framework-feature:nth-child(4n+1) {
  clear: left;
}

@media (max-width:959px) {
  .common-features-wrap .framework-feature {
    padding: 10px;
  }
  .common-features-wrap h2 {
    font-size: 28px;
  }
}

@media (max-width:768px) {
  .common-features-wrap .main-series .columns {
    padding: 60px 20px;
  }
  .features-part .framework-feature {
    margin-bottom: 60px;
  }
  .common-features-wrap .main-series {
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
  }
  .common-features-wrap h2 {
    font-size: 18px;
  }
  .common-features .buy-now-button-features {
    display: none;
  }
  .common-features-wrap .main-series,
  .common-features-wrap .main-series .right-side {
    text-align: center;
  }
  .common-features-wrap .main-series p {
    float: none;
    text-align: center;
    margin: 0 auto 25px auto;
    width: 100%;
  }
  .common-features-wrap {
    padding: 0;
  }
}

.member-register {
  width: 100%;
  float: left;
}

.checkout-form .billing-wrap label.half-width,
.checkout-form .member-register label.half-width {
  width: 48%;
  margin-right: 4%;
}

.checkout-form label {
  margin-bottom: 30px;
}

.checkout-form .billing-wrap label input,
.checkout-form .member-register label input,
.checkout-form .billing-wrap label select,
.checkout-form .member-register label select {
  width: 100%;
}

.no-right-margin {
  margin-right: 0!important;
}

.nor-register-form input {
  width: 90%;
}

.nor-register-form .half-width {
  width: 47.3%;
  margin-right: 0%;
}

@media (max-width:768px) {
  .nor-register-form .half-width {
    width: 100%;
  }
}


/* FIRST ITEM */

.first-feature {
  width: 100%;
  display: table;
  vertical-align: middle;
  margin-bottom: 0px;
  padding: 0px 0 100px;
  border-bottom: 1px solid #eee
}

.common-features .afterclass {
  margin-bottom: 120px;
}

.common-features .afterclass div {
  padding: 20px 30px;
  border-radius: 50px;
  text-align: center;
  font-size: 10px;
}

.common-features .afterclass div i {
  font-size: 18px;
  margin-bottom: 20px;
}

@media only screen and (max-width: 958px) {
  .common-features .afterclass {
    display: none;
  }
}

.first-feature .feature-left {
  display: table-cell;
  width: 55%;
}

.first-feature .feature-left .vwrap {
  float: left;
  position: relative;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  /*padding-top: 5.8%;
		background: url(images/new/browser_top.png) 0 0;*/
  background-size: 100%;
  background-repeat: no-repeat;
}

.first-feature .feature-left .vwrap .wrap2 {
  display: block;
  border: 1px solid #ddd;
  position: relative;
}

.first-feature .feature-left .vwrap .videorewind {
  position: absolute;
  bottom: 20px;
  right: 25px;
  font-size: 21px;
  z-index: 5;
  opacity: 0;
  transition: opacity .5s ease-in-out;
  color: #cc0000;
}

.first-feature .feature-left:hover .videorewind {
  opacity: 1;
}

.first-feature .feature-left video {
  width: 100%;
  display: block;
}

.first-feature .feature-right {
  display: table-cell;
  vertical-align: middle;
  padding-left: 5%;
}

.first-feature .feature-right span {
  font-size: 44px;
  padding-right: 30px;
  display: table-cell;
  vertical-align: top;
  position: relative;
  top: 7px
}

.first-feature .feature-right .finfo-wrapper {
  display: table-cell;
}

.first-feature .feature-right h3 {
  font-size: 24px;
  margin-bottom: 10px;
  font-weight: normal;
}

.first-feature .feature-right p {
  width: 80%;
  font-weight: normal;
}

.first-feature .feature-right .finfo-wrapper strong {
  font-weight: bold;
}

.common-features .afterclass {
  float: left;
  width: 100%;
  text-align: center;
  margin-bottom: 70px;
  font-size: 11px;
  color: #cc0000;
}

@media only screen and (max-width: 767px) {
  .first-feature .feature-left,
  .first-feature .feature-right {
    width: 100%;
    display: block;
  }
  .first-feature .feature-left {
    display: none;
  }
  .first-feature .feature-right {
    margin-top: 50px;
    text-align: center;
    padding: 0;
  }
  .first-feature .feature-right span {
    display: block;
    font-size: 32px;
    margin-bottom: 20px;
    padding: 0
  }
  .first-feature .feature-right h3 {
    margin-bottom: 10px;
  }
  .first-feature .feature-right p {
    width: auto;
    padding: 0 50px;
    font-weight: 300;
  }
}

.asterisk {
  text-align: center;
  font-weight: 300;
  color: #666;
  font-size: 12px;
  margin-top: 50px;
  margin-bottom: 130px;
  display: block;
}

.asterisk a {
  border-bottom: 1px solid;
  padding-bottom: 2px;
  display: inline-block;
}

.common-features .asterisk strong {
  font-weight: normal;
}

.differentheader {
  padding-top: 220px;
  text-align: center;
  padding-bottom: 30px;
}


/* Cats */

.theme-select-menu {
  display: inline-block;
  margin-top: 20px;
}

.theme-select-menu a {
  margin: 0 15px;
  font-weight: normal;
}

.theme-select-menu a.selected {
  border-bottom: 1px solid;
  padding-bottom: 6px;
}

.differentheader p.cat-exp {
  font-size: 15px;
  max-width: 500px;
  margin: auto;
  margin-top: 25px;
  height: 55px;
}

@media (max-width:768px) {
  .theme-select-menu a {
    margin: 0 5px;
    font-size: 12px;
    font-weight: normal;
  }
}

@media (max-width:468px) {
  .theme-select-menu a {
    font-size: 11px;
  }
}

.generic-title {
  width: 100%;
  text-align: center;
  display: inline-block;
}

.generic-title h1,
.differentheader h1 {
  font-size: 36px;
  font-weight: 300;
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .generic-title h1,
  .differentheader h1 {
    font-size: 32px;
  }
}

.generic-title p,
.differentheader p {
  font-weight: 300;
  font-size: 18px;
  padding: 0 30px;
}

.differentheader p {
  padding: 0;
}

.generic-title p small {
  font-size: 13px;
  padding-bottom: 5px;
}

.license-table {
  border: 1px solid #ddd;
  margin-bottom: 40px;
  border-collapse: collapse;
}

.license-table {
  font-size: 12px;
}

.license-table td,
.license-table th {
  padding: 12px 10px;
  text-align: left;
  border: 1px solid #ddd;
}

.license-table td i {
  font-size: 18px;
  position: relative;
  top: 2px;
  margin-right: 7px;
  float: left;
  margin-bottom: 15px;
}

.license-table td i.fa-check-circle {
  color: #659d0c
}

.license-table td i.fa-times-circle {
  color: #cc0000
}

.license-table tr {
  border-bottom: 1px solid #eee
}

.member-head {
  text-align: left;
  margin: 0;
  padding: 180px 0 10px 0;
}

.member-head h1 {
  font-size: 28px;
  line-height: 1.5em;
  font-weight: bold;
}

.member-head p {
  font-size: 13px;
  font-weight: normal;
  color: #666;
}

div.theme-item-container {
  display: block;
}

div.theme-item {
  border-bottom: 1px solid #eee;
  padding-top: 90px;
  padding-bottom: 90px;
}

div.theme-item:last-child {
  border: none;
}

div.theme-item-container .theme-item:first-child {
  padding-top: 0;
}

div.theme-item .theme {
  display: flex;
  display: -ms-flex;
  align-items: center;
  padding: 0 25px;
}

div.theme-item a.theme-thumb {
  width:100%;
}
div.theme-item .theme .left {
  margin-right: 3%;
}

div.theme-item .theme .left,
div.theme-item .theme .right {
  flex: 1;
}
div.theme-item .theme .right {
  max-width:40%;
}


div.theme-item .theme .right hr {
  width: 30%;
  border-color: #DDD;
  margin: 25px 0 30px 0;
}

div.theme-item .theme .right h3 {
  font-size: 32px;
  margin: 10px 0 20px 0;
  font-weight: normal;
}

div.theme-item .theme .right h3 a:hover {
  color: #000;
}

div.theme-item .theme .right h3 small {
  font-size: 13px;
  color: #c00;
  padding: 5px 13px;
  font-weight: bold;
  position: relative;
  top: -4px;
}

div.theme-item .theme .right p.info1 {
  font-size: 18px;
  font-weight: 300;
  color: #666;
}

div.theme-item .theme .right p.info1,
div.theme-item .theme .right div.info2 {
  width: 80%;
}

div.theme-item .theme .right div.info2 {
  font-size: 15px;
  line-height: 1.6em;
  color: #666;
}

.theme-info-wrap em {
  color: #999;
}

div.theme-item .theme .right a.button {
  margin-top: 20px;
}

div.theme-item .theme .left {
  margin-right: 3%;
}

@media (min-width:768px) and (max-width:1199px) {
  div.theme-item .theme .left {
    margin-right: 5%;
  }
  div.theme-item .theme .right h3 {
    font-size:28px;
  }
}

@media (max-width:768px) {
  div.theme-item {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  div.theme-item .theme .left {
    margin-right: 0px;
  }
  div.theme-item .theme .right h3 {
    font-size: 24px;
  }
  div.theme-item .theme {
    flex-direction: column;
    padding: 0;
  }

  div.theme-item .theme .right {
    max-width: none;
  }

  div.theme-item .theme .right h3 {
    margin: 20px 0 5px 0;
  }
}

.price-item-each {
  margin-left: 5px;
  padding-left: 8px;
  border-left: 1px solid #999;
  font-size: 14px;
}

div.theme-item .theme .on-sale {
  background: #cc0000;
  color: #fff;
  font-weight: bold;
  font-size: 11px;
  line-height: 12px;
  display: inline-block;
  position: relative;
  padding: 3px 5px;
  border-radius: 3px;
  margin-left: 8px;
  top: -1px;
}

@media (min-width:768px) and (max-width:1200px) {
  div.theme-item .theme .right div.info2 {
    font-size: 13px;
  }

}

@media (max-width:767px) {

  div.theme-item .theme .right div.info2 {
    font-size: 14px;
  }
}

.theme-item-container {
  margin-top: 120px;
  margin-bottom: 100px;
}

.new-theme-item {
  width: 47%;
  margin-right: 5.3%;
  display: inline-block;
  margin-bottom: 70px;
  position: relative;
}

.new-theme-item:nth-child(2n+0) {
  margin-right: 0;
}

.new-theme-item .theme-info-wrap {
  padding-left: 0;
  text-align: center;
  padding-top: 20px;
}

.new-theme-item .theme-info-wrap h3 {
  font-weight: bold;
}

.new-theme-item .theme-info-wrap p {
  font-weight: 300;
  margin: 10px 0 30px 0;
}

.new-theme-item .theme-info-wrap h3 {
  font-size: 22px;
}

.new-theme-item .theme-info-wrap a.button {
  display: none;
}

.new-theme-item .theme-info-wrap .new-theme {
  color: #fff
}

@media only screen and (max-width: 769px) {
  .new-theme-item {
    width: 100%;
    margin-right: 0;
    display: inline-block;
  }
  .new-theme-item .theme-info-wrap p {
    width: 80%;
    margin: 5px auto;
  }
  .new-theme-item .theme-info-wrap h3 {
    font-size: 18px;
  }
}

@media only screen and (min-width: 959px) {

}

@media only screen and (min-width: 768px) {}

.theme-thumbs div.img-desktop {
  position: relative;
  left: 7%;
}

.theme-thumbs div.img-desktop div.thumb-img-wrap {
  background: #1a1a1a;
  position: absolute;
  top: 7.5%;
  left: 12.4%;
  right: 12.5%;
  z-index: 1;
}

.theme-thumbs div.img-mobile {
  position: absolute;
  z-index: 2;
  width: 21%;
  top: 26%;
}

.theme-thumbs div.img-mobile div.thumb-img-wrap {
  background: #1a1a1a;
  position: absolute;
  top: 12%;
  left: 6.5%;
  right: 6.5%;
  bottom: 14%;
  z-index: 1;
  display: none;
}

.theme-thumbs div.img-mobile div.thumb-mobile-wrap {
  position: absolute;
  top: 12%;
  left: 6%;
  right: 6%;
  display: none;
}

.theme-thumbs .flex-direction-nav {
  display: none!important;
}

.theme-thumbs .flex-control-nav {
  display: block;
  bottom: 8px;
  z-index: 2;
}

.theme-info-wrap {
  padding-left: 6%;
  width: 100%;
}

.theme-thumbs .flex-control-nav {
  bottom: 5px;
}

.flex-control-paging li a.flex-active {
  background: #cc0000;
  border-color: #cc0000;
}

@media only screen and (min-width: 1201px) {
  .theme-info-wrap {
    padding-left: 6%;
    width: 100%
  }
}

@media only screen and (max-width: 1200px) {
  .theme-info-wrap {
    padding-left: 0;
  }
  .theme-item-container.full-container .container {
    width: 70%;
  }
}

@media only screen and (max-width: 959px) {
  div.theme-item .theme .right .theme-info-wrap {
    width: 100%;
  }
  .theme-item-container.full-container .container {
    width: 80%;
  }
}

@media only screen and (min-width: 479px) and (max-width: 768px) {
  .theme-item-container.full-container .container {
    width: 420px;
  }
}

@media only screen and (max-width: 479px) {
  .theme-item-container.full-container .container {
    width: 100%;
  }
  div.theme-item .theme .right .theme-info-wrap {
    margin: 25px auto;
  }
  div.theme-item {
    padding: 60px 0;
  }
}

div.commonfeatures .header {
  padding-top: 70px;
  padding-bottom: 50px;
  text-align: center;
}

div.commonfeatures a {
  color: #cc0000;
  border-bottom: 1px dotted #cc0000
}

div.commonfeatures .header h3 {
  font-size: 24px;
  margin-bottom: 25px;
  font-weight: bold;
}

div.commonfeatures .header p {
  font-size: 14px;
  line-height: 2em
}

div.commonfeatures .specs .row {
  margin-bottom: 60px;
}

div.commonfeatures .specs .left .feature-icon {
  width: 80px;
  height: 80px;
  -moz-border-radius: 250px;
  -webkit-border-radius: 250px;
  border-radius: 250px;
  background-color: #1a1a1a;
  float: right;
  text-align: center;
}

div.commonfeatures .specs .left .feature-icon img {
  color: #fff;
  top: 5px;
  position: relative;
}

div.commonfeatures .specs .left .feature-icon i {
  top: 22px;
  font-size: 36px;
  color: #fff;
  position: relative;
}

div.commonfeatures .specs .right span {
  font-size: 18px;
}

div.commonfeatures .specs .right hr {
  border-color: #999;
  width: 40%;
  margin: 20px 0 20px 0;
}

div.commonfeatures .specs .right p {
  font-size: 13px;
  color: #666;
  width: 88%;
}

.payment-form-submitted label.half-width {
  width: 48%;
  margin-right: 4%;
}

.payment-form-submitted input,
.payment-form-submitted select {
  width: 100%;
}

.payment-form-submitted input[type=radio] {
  width: auto;
}

.payment-form-submitted .half-width select {
  width: 100%;
}

.payment-form-submitted .billing-wrap {
  margin-bottom: 70px;
  float: left;
  width: 100%;
}

ul.form-payment-type {
  list-style: none;
  float: left;
  width: 100%;
  margin: 0 0 40px 0;
  display: table;
  border: 1px solid #ddd;
}

ul.form-payment-type li {
  display: table-cell;
  vertical-align: middle;
  border-right: 1px solid #ddd;
  width: 50%;
  background: #f9f9f9;
}

ul.form-payment-type li:last-child {
  border: none;
}

ul.form-payment-type li label {
  margin: 0;
  padding: 20px;
  vertical-align: middle;
}

ul.form-payment-type li input {
  float: left;
  top: 9px;
  position: relative;
  margin-right: 6px;
}

ul.form-payment-type li img {
  display: inline-block;
  float: left;
}

@media only screen and (max-width: 767px) {
  ul.form-payment-type li img {
    width: 70%;
  }
  ul.form-payment-type li input {
    top: 0px;
  }
  .form-payment-type li.paypal input {
    top: 6px;
  }
  .checkout-container .loginforms input[type=text] {
    width: 100%!important;
  }
}


/* FOOTER */

.canadian {
  text-align: center;
  border-top: 1px dotted #ddd;
  padding-top: 30px;
  margin-top: 30px;
}

.canadian img {
  position: relative;
  top: 5px;
  width: 280px;
}

.footer-follow {
  margin-top: 20px;
  display: block;
}

.footer-follow a {
  font-size: 21px;
  color: #666;
  margin-right: 15px;
}

.footercontainer {
  font-size: 12px;
  border-top: 1px solid #eee;
  background: #f9f9f9;
}

.footercontainer .emaillabel {
  display: none;
}

.footercontainer input {
  width: 150px;
  background-color: #fff;
}


/*
	.footercontainer .subscribe button {
		font-size:11px;
		padding:17px 14px;
	}
	*/

.footercontainer span.input {
  float: left;
}

.footercontainer span.buttonspan {
  float: left;
  margin: -3px 0 0 4px;
}

.footercontainer h4 {
  margin-bottom: 20px;
  line-height: 1.7em;
  font-size: 21px;
}

.footercontainer p {
  margin-bottom: 30px;
  line-height: 1.7em;
}

.footercontainer label.error {
  margin-top: -22px;
  display: none!important;
  visibility: 0;
}

.footercontainer span.result {
  padding: 12px 0;
  font-size: 12px;
  color: #cc0000;
  display: block;
  margin-bottom: 20px;
  margin-top: 15px;
  display: none;
  float: left;
  width: 100%;
}

.footercontainer .sharingfooter .sharingrow {
  margin-bottom: 13px;
  padding-bottom: 5px;
}

.footercontainer .sharingfooter .sharingrow.facebook {
  width: 220px;
}

.footercontainer .sharingfooter .sharingrow .tw,
.footercontainer .sharingfooter .sharingrow .gg {
  display: inline-block;
}

.footercontainer .sharingfooter .sharingrow .gg {
  margin: 0px 0 0 15px;
  width: 35px;
  overflow: hidden;
  position: relative;
  top: 8px;
}

.footercontainer .sharingfooter .sharingrow .gg img {
  border-radius: 5px;
  border: 0;
  width: 32px;
  height: 32px;
}

.footercontainer .sharingfooter .facebook div {}

.footercontainer .post-link {
  color: #cc0000;
}

.sib_signup_form {
  padding: 0!important;
}

.sib_signup_form .sib-email-area {
  width: 160px!important;
  display: inline-block!important;
}

.sib_signup_form .sib-default-btn {
  border-radius: 50px!important;
  font-size: 11px!important;
  font-weight: bold!important;
  padding: 14px 24px!important;
  display: inline-block!important;
  width: auto;
  margin: 0!important;
}

form#sib_form_1-form p {
  margin-top: 0!important;
  margin-bottom: 15px!important;
}

.footercontainer .contact-form input {
  width: 190px;
  margin: 0;
  padding: 0;
  height: 43px;
  font-size: 13px;
  margin-right: 6px;
  background: none;
  border: none;
  border-bottom: 1px solid #ccc;
}

.footer-subscribe-wrap {
  text-align: center;
  background: #eee;
  color: #000;
  border-top: 1px solid #ddd;
}

.footer-subscribe-wrap h4 {
  color: #cc0000;
  font-size: 24px;
}

.footer-subscribe-wrap p {
  max-width: 600px;
  margin: 20px auto;
  font-size: 15px;
  color: #333;
}

.footer-subscribe-wrap form {
  margin: auto;
}

.footer-subscribe-wrap form span.input {
  width: 220px;
  display: inline-block;
}

.footer-subscribe-wrap form span.buttonspan {
  display: inline-block;
}

.footer-subscribe-wrap form span.buttonspan button {
  border: none;
  margin: 0;
  font-weight: bold;
}

.footer-subscribe-wrap form span.buttonspan button:hover {
  background: #cc0000;
  color: #fff;
}

.footer-subscribe-wrap form span.input input {
  padding: 15px 12px;
  width: 96%;
  font-size: 14px;
  margin: 0;
  background: #fff;
  border: none;
  border-radius: 5px;
  border: 1px solid #ccc;
}

.subscribe-wrap a {
  display: block;
  margin-bottom: 10px;
}

.subscribe-wrap a i {
  width: 14px;
  font-size: 15px;
}

.subscribe-wrap a:hover {
  color: #000;
}

@media only screen and (max-width: 767px) {
  .footer-subscribe-wrap form span.input {
    width: 170px;
    font-size: 12px
  }
  .subscribe-wrap {
    text-align: center!important;
  }
  footer .columns.menus {
    display: none;
  }
  .footer-subscribe-wrap form .title {
    display: block;
    margin-bottom: 20px;
  }
  .footer-subscribe-wrap form span.input input {
    text-align: left;
  }
}

.footercontainer ul.main-nav {
  list-style: none;
  margin: 0;
  font-size: 12px;
  float: left;
  margin-right: 40px;
}

.footercontainer ul.main-nav li {
  margin: 0 0 8px 0;
}

.footercontainer ul.main-nav li a {
  font-size: 11px;
}

span.subscribe-result {
  max-width: 400px;
  margin-top: 30px;
  font-size: 15px;
  line-height: 1.8em;
  display: inline-block;
  color: #333;
}

span.subscribe-result .cpname {
  color: #cc0000;
}

span.subscribe-result:empty {
  display: none;
}

.fixed-subscriber {
  position: fixed;
  bottom: 20px;
  background: rgba(0, 0, 0, .8);
  color: #fff;
  width: 300px;
  padding: 25px 30px 25px 30px;
  font-size: 18px;
  line-height: 1.5;
  z-index: 5;
  left: -300px;
  transition: left .3s ease-in-out;
  border-radius: 5px;
}

.fixed-subscriber.opened {
  left: 20px;
}

.fixed-subscriber p {
  margin: 0;
}

.fixed-subscriber a.button {
  margin: 25px 0 0 0;
  padding: 12px 25px;
  font-weight: bold;
}

.fixed-subscriber a.close {
  color: #ccc;
  font-size: 12px;
  margin-left: 14px;
  border-bottom: 1px solid;
}

@media only screen and (max-width: 767px) {
  .fixed-subscriber {
    display: none;
  }
  span.subscribe-result {
    padding: 40px;
  }
  .footercontainer ul.main-nav {
    float: none;
    margin: 0;
  }
  .footer-subscribe-wrap h4 {
    font-size: 18px;
  }
  .footer-subscribe-wrap p {
    font-size: 13px;
  }
  .footer-subscribe-wrap input {
    text-align: center;
  }
  .footer-subscribe-wrap {
    padding: 80px 50px;
  }
}

footer {
  background: #fff;
  font-size: 13px;
  padding: 70px 0 100px 0;
  border-top: 1px solid #ddd;
}

footer .facebook-page-like {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

footer .wp-logo {
  font-size: 42px;
  margin-right: 10px;
}

footer .left div {
  float: left;
}

footer .left div a {
  color: #f0f0f0;
}

footer .left span {
  font-size: 9px;
}

footer .main-nav {
  margin: 0;
  list-style: none;
}

footer .main-nav li {
  position: relative;
  display: inline-block;
  margin-bottom: 0;
}

footer .main-nav li a {
  font-size: 11px;
}

.footercontainer {
  padding: 60px 0;
  background: #f9f9f9;
  color: #666
}

.footercontainer a {
  color: #666;
  font-size: 13px
}

.footercontainer .blog-div h5 {
  font-size: 14px;
  font-weight: Bold;
  color: #666;
  margin-bottom: 4px;
}

.footercontainer .blog-div a {
  color: #333;
  font-size: 12px;
  display: block;
  margin-bottom: 5px;
}

.footercontainer .subscribe input,
.footercontainer .subscribe form,
.footercontainer .subscribe button {
  margin: 2px 0 0 0;
}

.footercontainer .subscribe input {
  padding: 12px 10px;
  width: 170px;
  background: none;
  font-size: 12px;
}

.footercontainer .subscribe button {
  padding: 13px 28px;
  margin-left: 3px;
  background: #666;
  color: #FFF;
  position: relative;
  top: 3px;
  font-size: 12px;
}

.footercontainer .subscribe button:hover {
  color: #fff;
}

.footercontainer .sharingfooter .footer-follow {
  display: inline-block;
  font-size: 24px;
  margin: 0;
  line-height: 46px;
  text-align: center;
  width: 100%
}

.footercontainer .sharingfooter .footer-follow a {
  font-size: 21px;
}

footer .wp-logo-wrap {
  color: #333
}

footer .wp-logo-wrap a {
  color: #000
}

footer .wp-logo-wrap i.fa-circle {
  font-size: 4px;
  position: relative;
  top: -2px;
  margin: 0 4px;
}

.footercontainer .subscribe p {
  margin-bottom: 20px;
}

.footercontainer .subscribe .footer-follow {
  border-top: 1px solid #eee;
  padding-top: 25px;
  margin-top: 30px;
}

.footercontainer .subscribe .footer-follow a {
  font-size: 18px;
  margin-right: 5px;
  border: 1px solid #ddd;
  border-radius: 50px;
  width: 36px;
  height: 36px;
  display: inline-block;
  text-align: center;
  line-height: 38px;
}

.footercontainer .subscribe .footer-follow a:hover {
  border-color: #aaa;
}

.footercontainer .subscribe .subscribe-wrap {
  padding-right: 30px;
}

.footercontainer .sharingfooter .subscribe-wrap {
  padding-left: 0;
  text-align: left;
}

.footercontainer .subscribe-wrap a {
  display: block;
  font-size: 13px;
}

.footercontainer .subscribe-wrap a i {
  font-size: 19px;
  margin-right: 8px;
  top: 2px;
  position: relative;
}

.footercontainer .blog-div a {
  font-size: 11px;
  display: table
}

.footercontainer .blog-div a i {
  padding-right: 5px;
}

.footercontainer .blog-div a i,
.footercontainer .blog-div a span {
  display: table-cell;
}

.footercontainer .footer-menu .first-menu {
  width: 38%;
  float: left;
}

.footercontainer .footer-menu .first-menu a {
  display: block;
  font-size: 11px;
  text-transform: uppercase;
  margin-bottom: 3px;
}

footer .bottom-right {
  text-align: right;
}

footer .bottom-right a {
  font-size: 10px;
  margin-left: 12px;
}

footer .bottom-right a:hover {
  color: #000
}

.footer-prices {
  text-align: center;
  border-top: 1px solid #eee;
  padding-top: 30px;
  margin-top: 50px;
  margin-bottom: -20px;
}

.page-template-template-checkout .footer-prices {
  margin-bottom: 0;
  padding-top: 0;
  margin-top: 0;
  border: none;
}

.footer-prices img {
  width: 180px;
  display: inline-block;
  position: relative;
  top: 7px;
}

.footer-prices span {
  display: inline-block;
  border-left: 1px solid #ddd;
  padding-left: 24px;
  margin-left: 18px;
}

.footer-subscribe-wrap form {
  margin: auto;
  padding: 60px 0;
}

.footer-subscribe-wrap form .title {
  font-size: 24px;
  position: relative;
  margin-right: 5px;
  font-weight: bold;
}

.footer-subscribe-wrap form .info {
  font-size: 16px;
  margin: 15px 0 25px 0;
  display: block;
  color: #333;
}

.footer-subscribe-wrap form .info strong {
  color: #cc0000;
}

.footer-subscribe-wrap form button {
  text-transform: none;
}

footer .menus h5 {
  font-size: 16px;
  margin-bottom: 15px;
  font-weight: normal;
}

footer .menus ul {
  margin: 0;
  list-style: none;
}

footer .menus ul li {
  margin-bottom: 8px;
}

footer .menus .follow a {
  display: block;
}

footer .menus .follow a i {
  display: none;
}

.copyright .copyright-img {
  float: left;
  width: 40px;
  margin-right: 12px;
  position: relative;
  top: 4px;
  opacity: .15;
}

.copyright .copyright-text {
  float: left;
  line-height: 1.3rem;
}

@media (max-width:768px) {
  .copyright .copyright-img,
  .copyright .copyright-text {
    float: none;
    margin-right: 0;
  }
  .copyright .copyright-img {
    display: none;
  }
}

@media only screen and (min-width: 767px) and (max-width: 1199px) {
  .footercontainer .subscribe input {
    width: 130px;
    padding: 12px 8px;
    font-size: 11px;
  }
  .footercontainer .subscribe button {
    padding: 12px 10px;
    font-size: 10px;
    top: 4px;
  }
}

@media only screen and (max-width: 479px) {
  .footercontainer .subscribe input {
    width: 130px;
    padding: 12px 8px;
    font-size: 11px;
  }
  .footercontainer .subscribe button {
    padding: 12px 10px;
    font-size: 10px;
    top: 4px;
  }
}

@media only screen and (max-width: 958px) {
  footer .left,
  footer .bottom-right {
    width: 100%!important;
    text-align: center;
  }
  footer .left .wp-logo {
    float: none;
    margin-bottom: 20px;
  }
  .footercontainer .subscribe-wrap {
    padding-left: 0!important;
    padding-right: 0!important;
  }
  footer .bottom-right {
    text-align: center;
    padding-top: 25px;
    padding-bottom: 20px;
  }
  footer .bottom-right a {
    margin-right: 5px;
    margin-left: 5px;
  }
}

@media only screen and (max-width: 767px) {
  .footer-prices {
    border-top: none;
  }
  .footer-prices span {
    display: block;
    padding-left: 0;
    margin: 0;
    padding-top: 25px;
    border: none;
  }
  .footercontainer .blog-div a span {
    text-align: center;
    display: block;
  }
  .footercontainer .blog-div a {
    display: block;
    margin-bottom: 8px;
  }
  .footercontainer .blog-div a i {
    display: none;
  }
  .footercontainer .subscribe form {
    margin: auto;
    float: none;
    text-align: center;
    display: inline-block;
    margin-top: 10px;
  }
  div.theme-item .theme .right p.info1,
  div.theme-item .theme .right div.info2 {
    margin: auto;
    width: 90%;
  }
  div.theme-item .theme .right hr {
    margin: 25px auto 30px auto;
  }
  .footercontainer form.contact-form {
    display: inline-block;
    margin: auto;
  }
}

.topcoupon {
  background: #50514F;
  color: #fff;
  padding: 14px 0;
  font-size: 15px;
  text-align: center;
}

.topcoupon .coupon-style {
  border: 1px dashed #FFE066;
  color: #FFE066;
  padding: 3px 7px 2px 7px;
  margin-left: 4px;
  margin-right: 4px;
  font-weight: bold;
}

.page-template-template-checkout .topcoupon {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.topcoupon strong {
  color: #FFE066;
}

.topcoupon a {
  color: #fff;
  border-bottom: 1px solid;
  padding-bottom: 2px;
}

@media (max-width:768px) {
  .topcoupon {
  font-size:13px;
  }
}



  .open-coupon-div {
    display:none;
    z-index: 10;
  }
  .open-coupon-div-content-overlay {
    background:rgba(90,60,225,.3);
    left:0;
    top:0;
    right:0;
    bottom:0;
    position:fixed;
    z-index: 11;
    display: none;
  }
  .open-coupon-div-content {
    position: fixed;
    bottom: 20px;
    left: 20px;
    border-radius:10px;
    color:#fff;
    padding: 30px 30px 30px 60px;
    text-align:center;
    z-index: 999;
    display: flex;
  }
  a.open-coupon-div-close {
    color:#fff;
    position:absolute;
    top:-15px;
    right:-15px;
    border:2px solid;
    width:30px;
    height:30px;
    line-height:30px;
    text-align:center;
    border-radius:50px;
  }
  a.open-coupon-div-close i {
    position:relative;
    top:-1px;
    left:.5px;
  }

  .open-coupon-div-content .open-coupon-div-percent {
    text-align:left;
    display: inline-block;
    margin:auto;
    font-weight:bold;
    margin-right: 25px;
  }

  .open-coupon-div-content .open-coupon-div-percent .percent-line {
    position:relative;
  }

  .open-coupon-div-content .open-coupon-div-percent .percent-line div.circle {
    background:#ffcc33;
    width:190px;
    height:190px;
    top:-50px;
    left:-35px;
    position:absolute;
    opacity:.3;
    border-radius:100px;
    z-index:-1;
  }

  .open-coupon-div-content .open-coupon-div-percent div.percent-line span {
    line-height:1em;
  }
  .open-coupon-div-content .open-coupon-div-percent .save {
    font-size:18px;
    font-weight:bold;
  }
  .open-coupon-div-content .open-coupon-div-percent .percent {
    font-size:80px;
  }
  .open-coupon-div-content .open-coupon-div-percent .percent-symbol {
    font-size:50px;
  }
  .open-coupon-div-content .open-coupon-div-percent .off {
    font-size:36px;
    margin-left:8px;
  }
  .open-coupon-div-content h3 {
    color:#fff;
    font-weight:bold;
    font-style:italic;
    margin:0px 0 0 0;
  }

  .open-coupon-div-content .discount {
    background:rgba(255,255,255,.1);
    border:2px dotted #FFFB03;
    width:250px;
    margin:15px auto;
    padding:15px 10px;
    font-size:24px;
    font-weight:bold;
    position:relative;
  }



  .open-coupon-div-content .discount .copied {
    position:absolute;
    bottom:-13px;
    left:50%;
    margin-left:-30px;
    background:#000;
    border-radius:5px;
    font-size:12px;
    color:#fff;
    padding:0px 8px;
    display:none;
  }

  .open-coupon-div-content .everything {
    font-size:30px;
    margin-top:10px;
  }

  .open-coupon-div-content .sale-type {
    display:block;
    font-size:14px;
    width:320px;
    margin:auto;
  }

  .open-coupon-div-mobile-offer {
    font-weight: bold;
    font-size: 18px;
    margin-top: 10px;
    color: #FFFB03;
    display: none;
  }

  @media (max-width:768px) {
    .open-coupon-div-content .discount {
      width:180px;
      font-size:17px;
    }
    .open-coupon-div-content .discount {
      width:180px;
      font-size:17px;
    }
    .open-coupon-div-content .sale-type {
      width:180px;
      font-size:12px;
    }

    .open-coupon-div-content .open-coupon-div-percent {
      display:none;
    }

    .open-coupon-div-mobile-offer {
      display:block;
    }
    .open-coupon-div-content {
      padding:30px 40px;
      left:50%;
      transform:translateX(-50%);
    }
  }


  .open-coupon-div-content .sale-type p {
    margin-bottom:0;
  }

  .open-coupon-div-content .sale-type a {
    font-size:16px;
    margin-top:15px;
    display:inline-block;
    border-bottom:1px solid;
    padding-bottom:5px;
  }


  /* Default (Purple) */
  .open-coupon-div-content .discount,
  .open-coupon-div-content .open-coupon-div-percent .percent,
  .open-coupon-div-content .open-coupon-div-percent .percent-symbol,
  .open-coupon-div-content .sale-type a {
    color:#FFFB03;
  }
  .open-coupon-div-content .discount {
    border-color:#FFFB03;
  }

  .open-coupon-div-content .open-coupon-div-percent .percent-line div.circle {
    background:#3544DC;
  }
  a.open-coupon-div-close {
    background:#3544DC;
    border-color:#3544DC;
    box-shadow:0px 0px 12px rgba(90,60,225,0.5);
  }
  .open-coupon-div-content {
    background:linear-gradient(153deg, #EF33F2 0%, #3544DC 95%);
    box-shadow:0 3px 15px 0 rgba(90,60,225,0.5);
  }
  .open-coupon-div-content-overlay {
    background:rgba(90,60,225,.2);
  }


  /* Blue */
  .open-coupon-div-blue .open-coupon-div-content .discount,
  .open-coupon-div-blue .open-coupon-div-content .open-coupon-div-percent .percent,
  .open-coupon-div-blue .open-coupon-div-content .open-coupon-div-percent .percent-symbol,
  .open-coupon-div-blue .open-coupon-div-content .sale-type a {
    color:#FFFB03;
  }
  .open-coupon-div-blue .open-coupon-div-content .discount {
    border-color:#FFFB03;
  }
  .open-coupon-div-blue a.open-coupon-div-close {
    background:#1B96F1;
    border-color:#1B96F1;
    box-shadow:0px 0px 12px rgba(27,132,211,0.5);
  }
  .open-coupon-div-blue .open-coupon-div-content {
    background:linear-gradient(153deg, #3BE2BC 0%, #1B96F1 95%);
    box-shadow:0 3px 15px 0 rgba(27,132,211,0.5);
  }
  .open-coupon-div-blue .open-coupon-div-content-overlay {
    background:rgba(27,132,211,0.2);
  }
  .open-coupon-div-blue .open-coupon-div-content .open-coupon-div-percent .percent-line div.circle {
    background:#1B96F1;
  }



  /* Red */
  .open-coupon-div-red .open-coupon-div-content .discount,
  .open-coupon-div-red .open-coupon-div-content .open-coupon-div-percent .percent,
  .open-coupon-div-red .open-coupon-div-content .open-coupon-div-percent .percent-symbol,
  .open-coupon-div-red .open-coupon-div-content .sale-type a {
    color:#FFFB03;
  }
  .open-coupon-div-red .open-coupon-div-content .discount {
    border-color:#FFFB03;
  }
  .open-coupon-div-red a.open-coupon-div-close {
    background:#9F046C;
    border-color:#9F046C;
    box-shadow:0px 0px 12px rgba(180,23,105,0.5);
  }
  .open-coupon-div-red .open-coupon-div-content {
    background:linear-gradient(153deg, #F5515F 0%, #9F046C 95%);
    box-shadow:0 3px 15px 0 rgba(180,23,105,0.5);
  }
  .open-coupon-div-red .open-coupon-div-content-overlay {
    background:rgba(180,23,105,0.2);
  }
  .open-coupon-div-red .open-coupon-div-content .open-coupon-div-percent .percent-line div.circle {
    background:#9F046C;
  }



  /* Orange */
  .open-coupon-div-orange .open-coupon-div-content {
    color:#eee;
  }
  .open-coupon-div-orange .open-coupon-div-content .discount,
  .open-coupon-div-orange .open-coupon-div-content .open-coupon-div-percent .percent,
  .open-coupon-div-orange .open-coupon-div-content .open-coupon-div-percent .percent-symbol,
  .open-coupon-div-orange .open-coupon-div-content .sale-type a {
    color:#fff;
  }
  .open-coupon-div-orange .open-coupon-div-content .discount {
    border-color:#fff;
  }
  .open-coupon-div-orange a.open-coupon-div-close {
    background:#FB8332;
    border-color:#FB8332;
    box-shadow:0px 0px 12px rgba(227,46,46,0.5);
  }
  .open-coupon-div-orange .open-coupon-div-content {
    background:linear-gradient(153deg, #E64C4C 0%, #FB8332 95%);
    box-shadow:0 3px 15px 0 rgba(227,46,46,0.5);
  }
  .open-coupon-div-orange .open-coupon-div-content-overlay {
    background:rgba(227,46,46,0.2);
  }
  .open-coupon-div-orange .open-coupon-div-content .open-coupon-div-percent .percent-line div.circle {
    background:#FB8332;
  }



/* THEMES */

.cancel-on-png,
.cancel-off-png,
.star-on-png,
.star-off-png,
.star-half-png {
  font-size: 2em;
}

@font-face {
  font-family: "raty";
  font-style: normal;
  font-weight: normal;
  src: url("fonts/raty/raty.eot");
  src: url("fonts/raty/raty.eot?#iefix") format("embedded-opentype");
  src: url("fonts/raty/raty.svg#raty") format("svg");
  src: url("fonts/raty/raty.ttf") format("truetype");
  src: url("fonts/raty/raty.woff") format("woff");
}

.cancel-on-png,
.cancel-off-png,
.star-on-png,
.star-off-png,
.star-half-png {
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  font-family: "raty";
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  line-height: 1;
  speak: none;
  text-transform: none;
}

.cancel-on-png:before {
  content: "\e600";
}

.cancel-off-png:before {
  content: "\e601";
}

.star-on-png:before {
  content: "\f005";
  color: #fec42d;
}

.star-off-png:before {
  content: "\f005";
  color: #a0a0a0;
}

.star-half-png:before {
  content: "\f123";
  color: #fec42d;
}


/* THEME PAGE */

div.topsecondmenu {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  float: left;
  height: 50px;
  padding-top: 12px;
  color: #f0f0f0;
  display: none;
}

div.topsecondmenu .right {
  text-align: right;
  margin-top: 5px;
}

div.topsecondmenu a.logo {
  background: url(images/minin.png) no-repeat;
  background-size: 48px 32px;
  width: 48px;
  height: 32px;
  float: left;
}

div.topsecondmenu .main-nav-themes {
  list-style: none;
  margin: 0;
  float: left;
  margin-top: 6px;
  margin-left: 15px;
}

div.topsecondmenu .main-nav-themes li {
  float: left;
  margin: 0 15px 0 0;
}

div.topsecondmenu .main-nav-themes li a {
  font-size: 10px;
  color: #ccc;
}

div.topsecondmenu .main-nav-themes li a:hover {
  color: #fff;
}


/* SHARING BUTTONS */

.nor-social-sharing {
  text-align: right;
  position: relative;
  top: 0px;
  display: inline-block;
}

.nor-social-sharing a {
  display: inline-block;
  margin: 0 6px;
  font-size: 15px;
}

.nor-social-sharing div {
  display: inline-block;
  position: relative;
  top: 5px;
}

.topsecondmenu .member-button {
  display: inline-block;
  position: relative;
  top: -2px;
  border: none!important;
  font-size: 11px;
}

.theme-screenshots .flex-direction-nav a {
  z-index: 5;
}

.theme-screenshots {
  margin: 40px 0 80px 0;
  display: none;
}

.premium-product-message {
  background: #f9f9f9;
  font-size: 11px;
  text-align: center;
  padding: 18px 0;
  border-bottom: 1px solid #eee
}

.read-more-js {
  font-size: 12px;
}

.themefeatures {
  padding-bottom: 90px;
}

.pop-change-log {
  margin-bottom: 50px;
}

.pop-change-log ul li {
  font-size: 14px;
  color: #333;
  line-height: 1.7em;
  margin-bottom: 8px;
}

.theme-faq-container .wraps {
  margin-bottom: 70px;
  font-size: 13px;
}

.theme-faq-container .wraps p {
  line-height: 1.7em;
}

.theme-faq-container .wraps ul {
  margin-bottom: 0;
}

.theme-faq-container .wraps h3 {
  font-size: 23px;
  font-weight: bold;
  margin: 0 0 15px 0;
}

.themefeatures h4 {
  font-size: 18px;
  margin: 0px 0 40px 0;
  display: block;
  font-weight: bold;
}

.themefeatures .nor-tabs {
  margin: 0 0 20px 0;
  list-style: none;
}

.themefeatures .nor-tabs li {
  display: inline-block;
  font-size: 16px;
  margin: 0 25px 0 0;
  position: relative;
}

.themefeatures .nor-tabs li a {
  color: #777;
  display: inline-block;
}

.themefeatures .nor-tabs li.selected a,
.themefeatures .nor-tabs li:hover a {
  color: #000;
  padding-bottom: 5px;
  border-bottom: 1px solid;
}

.themefeatures .nor-tabs li.one {
  color: #000;
  padding-bottom: 5px;
  border-bottom: 1px solid;
}

.tab-contents .tab-content-div {
  display: none;
}

.tab-contents .tab-content-div.selected {
  display: block;
}

.tab-contents .tab-content-div {
  padding: 5px 0px;
}

.read-more-js {
  font-size: 11px;
  padding: 20px 20px 0;
  border-top: 1px solid #ddd;
  margin-top: 50px;
  text-align: center;
  text-transform: uppercase;
  font-weight: bold;
}

.theme-detail-head {
  padding: 180px 0 0px 0;
  color: #000;
  background: #f0f0f0;
  background: -moz-linear-gradient(-45deg, #ffffff 16%, #cccccc 100%);
  background: -webkit-gradient(linear, left top, right bottom, color-stop(16%, #ffffff), color-stop(100%, #cccccc));
  background: -webkit-linear-gradient(-45deg, #ffffff 16%, #cccccc 100%);
  background: -o-linear-gradient(-45deg, #ffffff 16%, #cccccc 100%);
  background: -ms-linear-gradient(-45deg, #ffffff 16%, #cccccc 100%);
  background: linear-gradient(135deg, #ffffff 16%, #cccccc 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc', GradientType=1);
  min-height: 100vh;
}

  .theme-detail-head.new-head-theme {
    background: #fff;
    color:#666;
    padding: 210px 0 50px 0;
  }
  .theme-detail-head.new-head-theme .product-info-side a:not(.button){
    color:#333;
  }
  .theme-detail-head.new-head-theme .product-info-side .get-all-themes a {
    color:#666
  }

.theme-detail-head.new-head-theme .product-info-side h1 {
  color:#000;
}

.theme-detail-head .single-theme-sc,
.theme-info .live-demo-overlay {
  max-width: 1600px;
  margin: auto;
  width: 100%
}

.bonus-theme-div {
  display: inline-block;
  color: #333;
  font-size: 12px;
}

.new-head-theme .bonus-theme-div {
  margin: 20px 0 10px 0;
  padding: 3px 10px;
  border-radius: 50px;
  background: #22af67;
  color: #fff;
  font-weight: bold;
}

.bonus-theme-div i {
  font-size: 15px;
  position: relative;
  margin-right: 2px;
}

@media only screen and (max-width: 768px) {
  .bonus-theme-div {
    padding: 20px 0 0 0;
    margin: 0;
    border: none;
    display: block;
  }
  .theme-more-container div {
    margin-bottom: 40px;
  }
}

@media only screen and (min-width: 768px) {
  .mobile-show {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .mobile-hide {
    display: none;
  }
}

.theme-more-container {
  text-align: center;
  margin: 70px 0;
}

.theme-more-container h3 {
  margin: 0px 0 50px 0;
  font-weight: bold;
  font-size: 21px;
}

.theme-more-container h4 {
  margin: 10px 0;
  font-size: 16px;
}

@media only screen and (min-width: 959px) {
  .theme-detail-head .single-theme-sc .flex-direction-nav .flex-prev {
    left: -60px;
  }
  .theme-detail-head .single-theme-sc .flex-direction-nav .flex-next {
    right: -60px;
  }
  .theme-detail-head .single-theme-sc .flex-direction-nav .flex-prev i,
  .theme-detail-head .single-theme-sc .flex-direction-nav .flex-next i {
    font-size: 75px;
  }
}

@media only screen and (min-width: 1350px) {
  .theme-detail-head .single-theme-sc .flex-direction-nav .flex-prev {
    left: -100px!important;
  }
  .theme-detail-head .single-theme-sc .flex-direction-nav .flex-next {
    right: -100px!important;
  }
}

@media only screen and (max-width: 958px) {
  .theme-detail-head .single-theme-sc .flex-direction-nav {
    display: none;
  }
}

.theme-detail-head .single-theme-sc {
  margin-top: 20px;
  max-width: 1160px;
}

.new-head-theme.theme-detail-head .single-theme-sc {
  margin-top: 0;
}

.theme-detail-head .single-theme-sc img {
  display: block;
}

.theme-detail-head .single-theme-sc .topframe img {
  width: 50px;
}

.theme-detail-head .single-theme-sc .topframe {
  padding: 13px 13px;
  float: left;
  width: 100%;
  border: 1px solid #e0e0e0;
  background: #f9f9f9;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.single-theme-sc.flexslider .slides img {
  cursor: pointer;
}

.single-theme-sc.flexslider .slides img.main-sc {
  cursor: pointer;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
}

.theme-detail-head .flex-control-paging li a {
  width: 10px;
  height: 10px;
  border: none;
  background: #666;
}

.theme-detail-head .flex-control-paging li a.flex-active {
  background: #ddd;
}

.theme-detail-head .flex-control-nav li {
  margin: 0 5px
}

.theme-detail-head .flex-control-nav {
  display: none;
  bottom: 10px;
  z-index: 2;
}

@media only screen and (max-width: 767px) {
  .theme-info .live-demo-overlay {
    width: 100%;
  }
  .theme-detail-head .single-theme-sc {
    margin-top: 0px;
  }
  .themefeatures .regular .columns {
    display: block!important;
  }
  .themefeatures .regular .columns .paragwrap {
    margin-left: 0;
    padding-left: 0;
    padding: 30px 0;
  }
  .themefeatures .left div.info {
    width: 100%!important;
  }
  .themefeatures .three.right .wrap {
    text-align: center;
    border: none;
    font-size: 12px;
    margin-bottom: 60px;
    padding: 0;
    margin-left: 0;
  }
  .themefeatures .three.right .wrap strong {
    font-size: 12px;
  }
  .themefeatures .three.right .html5 {
    display: none
  }
}

.recommend-theme {
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
  padding: 110px 0;
}

.recommend-theme .recommend-heading {
  text-align: center;
}

.recommend-theme .recommend-heading h2 {
  color: #cc0000;
}

.recommend-theme .theme-item-container {
  margin: 80px 0 0 0;
}

.recommend-theme .theme-item {
  padding: 0;
}

#full-reviews {
  width: 500px;
}

#full-reviews ul {
  max-width: 450px;
  margin: 0;
  list-style: none;
}

#full-reviews ul li {
  margin-bottom: 40px;
  display: block;
}

#full-reviews ul li span {
  font-weight: bold;
  font-size: 13px;
}

#full-reviews ul li .rating {
  font-size: 8px;
  margin: 5px 0 5px 0;
}

@media only screen and (max-width: 767px) {
  #full-reviews {
    width: 250px;
  }
  #full-reviews ul {
    max-width: 260px;
  }
}

.bg-lightgray {
  background: #eee;
}

.theme-detail-head {
  overflow: hidden;
  min-height: 95%;
}

.theme-detail-head a.which-info {
  display: inline-block;
  color: #999;
  font-size: 11px;
  margin: 40px 0 0 0;
  cursor: pointer;
}

.theme-detail-head a.which-info i {
  margin-right: 3px;
  font-size: 13px;
  position: relative;
  top: 1px;
}

.theme-detail-head hr {
  border-color: #ddd;
}

.theme-detail-head div.info2 p {
  font-size: 16px;
  width: 80%;
  line-height: 1.65em;
  margin: 0 0 20px 0;
}

.theme-detail-head .theme-info {
  position: relative;
}

.theme-detail-head .theme-info img {
  width: 100%;
  display: block;
}

.theme-detail-head .theme-sc-right {
  position: absolute;
  top: 8%;
  width: 74.9%;
  left: 12.5%;
  bottom: 12.9%;
  display: none;
}

.theme-detail-head .theme-info {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.theme-detail-head h1 {
  letter-spacing: 0;
  font-size: 42px;
  margin: 0px 0 15px 0;
}

.theme-detail-head.new-head-theme h1 {
  font-size: 32px;
  margin: 5px 0 10px 0;
}

.theme-detail-head hr {
  width: 40%;
  margin: 20px 0 20px 0;
}

.theme-detail-head p.info1 {
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 20px;
}

.theme-detail-head div.info2 {
  font-size: 15px;
}

.theme-info {
  position: relative;
}

.theme-info .live-demo-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 2;
  text-align: center;
  transition: background ease-in-out .5s, opacity ease-in-out .5s;
  background: none;
  opacity: 0;
}

.theme-info .live-demo-overlay:hover {
  opacity: 1;
  background: rgba(255, 255, 255, 0.7);
}

.theme-info .live-demo-overlay a {
  position: absolute;
  top: 32%;
  left:50%;
  margin: 0px 0 0 -77px;
  background: #333;
  color: #fff;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.theme-info .live-demo-overlay a:hover {
  background: #000;
}

.theme-detail-head div.info2 {
  display: inline-block;
}

.product-info-side {}

.theme-detail-head em {
  display: block;
  color: #666;
  font-size: 13px;
}

.first-line .single-theme-features {
  margin-bottom: 10px;
}

.first-line em {
  margin-top: 20px;
  margin-bottom: 5px;
}

.buy-now-form {
  float: right;
  margin-bottom: 0;
}

.buy-now-form button,
.download-free.button {
  margin-bottom: 0;
  font-size: 13px;
  padding: 18px 24px;
  background: #cc0000;
  border: none;
  color: #fff;
  line-height: 21px;
}

.download-free.button {
  float: right;
  background: #666;
  color: #fff;
}

.new-head-theme .download-free.button {
  float: none;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
}

.buy-now-form button span {
  border-right: 1px solid rgba(255, 255, 255, .5);
  margin-right: 12px;
  padding: 3px 12px 3px 0px;
  font-weight: bold;
  font-size: 21px;
  position: relative;
  top: 2px;
}

.live-demo-button-new {
  float: right;
  font-size: 14px;
  margin-right: 25px;
  padding: 8px 16px;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  margin-top: 11px;
  border: 1px solid #999;
}

.live-demo-button-new i {
  margin-right: 6px;
}

.theme-detail-head .single-theme-sc .live-demo-button-new {
  margin-right: 0;
  float: none;
}

.theme-detail-head .single-theme-sc .live-demo-button-new i {
  margin-right: 0;
}

@media (max-width:1200px) {
  .live-demo-button-new {
    margin-right: 0px;
    margin-top: 15px;
    clear: both
  }
}

@media (max-width:768px) {
  .download-free.button,
  .buy-now-form {
    float: left;
  }
  .new-head-theme .download-free.button {
    float: none;
  }
  .product-info-side {}
  .theme-detail-head h1 {
    margin-bottom: 8px;
  }
  .live-demo-button-new {
    float: left;
    margin: 12px 0 0 30px;
    clear: none;
  }
}

@media only screen and (max-width: 480px) {
  .live-demo-button-new {
    float: left;
    clear: both;
    margin: 20px 0 0 0px;
    text-align: left;
  }
}


/* BUNDLE AND DEMO CONTAINERS */

.theme-demos-container,
.main-features-container {
  padding: 80px 0;
  display: block;
}

.theme-demos-container {
  background: #fff;
  border-bottom: 1px solid #ddd;
}

.bundle-plugin-container {
  padding: 60px 0 30px 0;
}

.theme-club-container {
  padding: 70px 0;
  display: block;
  background: #222 url(images/dark_bg_pattern.png);
}

.bundle-plugin-container .third {
  width: 50%;
  padding: 0 2%;
  float: left;
}

.bundle-plugin-container hr {
  float: left;
  width: 100%;
  border-color: #ddd;
  margin: 20px 0 40px 0;
}

.bundle-plugin-container.home {
  background: none;
  border: none;
  padding-top: 30px;
}

.bundle-plugin-container.home .third {
  padding: 0 5%
}

.bundle-plugin-container.home hr {
  margin: 50px auto 70px auto;
  width: 90%;
  float: none;
}

@media only screen and (max-width: 960px) {
  .bundle-plugin-container {
    text-align: left;
    padding: 30px 0 10px 0;
  }
  .bundle-plugin-container .third {
    width: 100%;
    padding: 0%;
    margin-bottom: 35px;
  }
  .bundle-plugin-container hr {
    display: none;
  }
}

.more-themes-div {
  padding-bottom: 60px;
}

.full-container.more-themes-div .section-header {
  margin-bottom: 30px;
}

.common-features-wrap {
  padding: 0px 0 50px 0;
}

.common-features-wrap .common-features-title {
  margin-top: 150px;
}

.bundle-plugin-container {
  background: #f0f0f0;
}

.full-container .section-header {
  text-align: center;
  display: block;
  padding: 0px 0 0px 0;
}

.full-container .section-header p {
  font-size: 15px;
  font-weight: normal;
  padding: 10px 0 30px 0;
}

.feature-container {
  width: 100%;
  padding: 40px 0;
  float: left;
}

.feature-container .half-div {
  float: left;
  width: 50%;
  padding: 0 4%;
}

.feature-container .half-div:last-child {
  border: none
}

.feature-container .half-div.second {
  border-right: 0;
}

.feature-container .half-div h4 {
  font-size: 21px;
}

.feature-container .half-div h4 small {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  background: #cc0000;
  color: #fff;
  font-weight: bold;
  padding: 3px 6px;
  font-size: 12px;
  margin-left: 5px;
  top: -2px;
  position: relative;
}

.feature-container .half-div p,
.feature-container .half-div ul li {
  font-size: 14px;
  color: #555;
  width: 90%;
}

.feature-container .half-div p strong {
  color: #000;
}

.feature-container .half-div {
  border-right: 1px solid #ddd;
}

.feature-container .bundle-plugins {
  background-repeat: no-repeat;
  background-size: 50px 50px;
  background-position: 0px 4px;
  padding-left: 65px
}

.feature-container .bundle-woo {
  background-image: url(https://dg6tb3mwk3dko.cloudfront.net/northeme-content/uploads/2019/07/04163542/bundle_icons_woo.png);
}

.feature-container .bundle-wpml {
  background-image: url(https://dg6tb3mwk3dko.cloudfront.net/northeme-content/uploads/2019/07/04163543/bundle_icons_wpml.gif);
}

.feature-container .bundle-vc {
  background-image: url(https://dg6tb3mwk3dko.cloudfront.net/northeme-content/uploads/2019/07/04163541/bundle_icons_vc.png);
}

.feature-container .bundle-revolution {
  background-image: url(https://dg6tb3mwk3dko.cloudfront.net/northeme-content/uploads/2019/07/04163540/bundle_icons_revolution.png);
}

.feature-container .bundle-plugins strong {}

.feature-container .bundle-plugins {
  color: #666;
  font-size: 13px;
}

.bundle-plugin-container h3 {
  text-align: center;
  margin: 40px 0 20px 0;
  font-size: 24px;
}

.feature-container .bundle-plugins h4 {
  font-size: 18px;
  font-weight: bold;
}

.feature-container .bundle-plugins h4 small {
  font-size: 11px;
  margin-left: 5px;
  border: 1px solid #cc0000;
  color: #cc0000;
  font-weight: bold;
  position: relative;
  top: -2px;
  border-radius: 3px;
  padding: 2px 5px;
  line-height: 1.5em;
  display: inline-block;
}

.theme-demos-container .feature-container .demo-item {
  width: 33%;
  display: inline-block;
  padding: 0 1.5% 3% 1.5%;
}

.theme-demos-container .feature-container .demo-item h3 {
  margin-top: 20px;
  font-size: 12px;
}

.theme-demos-container .feature-container .demo-item-detail {
  width: 24%;
  display: inline-block;
  padding: 0 1% 3% 1%;
}

.tutorial-title {
  font-weight: bold;
  margin: 25px 0 50px 0;
}

.theme-demos-container a {
  position: relative;
  display: block;
  text-align: center;
}

.theme-demos-container a img,
.theme-demos-container .fluid-width-video-wrapper {
  display: inline-block;
}

.theme-demos-container p.demo-message {
  text-align: center;
  font-size: 12px;
  color: #999;
  margin-top: 30px;
}

.theme-demos-container a div {
  width: 100%;
}

.theme-demos-container a span.view-demo {
  display: inline-block;
  color: #000;
  font-size: 11px;
  text-align: center;
  font-weight: bold;
  font-size: 13px;
  margin-top: 20px;
}

.theme-demos-container .feature-container {
  text-align: center;
  padding-bottom: 20px;
}


/* THEME CLUB DIV */

.theme-club-specs {
  text-align: center;
}

.theme-club-container .section-header,
.theme-club-container .section-header h3 {
  color: #fff;
  line-height: 1.6em;
}

.theme-club-container .theme-club-specs ul,
.theme-club-container .theme-club-specs div.theme-club-buy-buttons {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  margin: 10px 0px 0 0px;
}

.theme-club-container .theme-club-specs div.theme-club-buy-buttons {
  text-align: center;
}

.theme-club-container .theme-club-specs ul {
  list-style: none;
  text-align: center;
  font-weight: 300;
  margin: 0 30px 0 0;
}

.theme-club-container .theme-club-specs ul li {
  color: #fff;
}

.theme-club-container .theme-club-specs ul li:before {
  content: '\f058';
  font-family: 'fontawesome';
  margin-right: 7px;
  color: #aaa;
  font-size: 13px;
  position: relative;
  top: 0px;
}


/* THEME MAIN FEATURES*/

.bundle-plugin-container .section-header p strong {
  font-size: 21px;
  position: relative;
  top: 2px;
}

.main-features-container {
  padding: 0;
}

.main-features-container .feature-container {}

.main-features-container .feature-container .half-div {
  padding: 120px 0;
  position: relative;
  width: 100%;
  border-right: 0;
  border-bottom: 1px solid #ddd;
}

.main-features-container .feature-container .half-div:not(.full-div) .imgside {
  border: 1px solid #ddd;
  padding: 5px;
  border-radius: 5px;
}

.main-features-container .feature-container .half-div.full-div {}

.main-features-container .feature-container .half-div:nth-child(2n+2) {}

.main-features-container .feature-container .half-div.free-version {
  border: none;
}

.main-features-container .feature-container .half-div:first-child {
  padding-top: 60px;
}

.main-features-container .feature-container .half-div .feats-wrap {
  display: table;
  width: 78%;
  margin: auto;
}

.main-features-container .feature-container .half-div .feat-info {
  display: table-cell;
  vertical-align: middle;
}

.main-features-container .feature-container .half-div .imgside {
  width: 52%;
  display: table-cell;
}

.main-features-container .feature-container .half-div .imgside img {
  width: 100%;
  display: inherit;
}

.main-features-container .feature-container .half-div.first .feat-info {
  padding-right: 6%;
}

.main-features-container .feature-container .half-div.second .feat-info {
  padding-left: 6%;
}

.theme-features-title {
  display: block;
  margin: 140px 0 20px 0;
}

.generic-title hr {
  width: 50px;
  margin: auto;
  border-color: #000;
  margin-top: 25px;
}

.theme-features-title h2 {
  font-size: 32px;
}

.theme-features-title p {
  font-size: 14px;
}

.main-features-container .feature-container h4 {
  margin-bottom: 20px;
  font-size: 24px;
  font-weight: bold;
}

.common-features-wrap .container .framework-feature:nth-child(3n+4) {
  /*clear:left;*/
}

.main-features-container .half-div strong {
  font-weight: normal;
}

.main-features-container .half-div a {
  border-bottom: 1px solid #666;
}

.main-features-container .half-div a:hover {
  color: #000;
}

.common-features-wrap hr {
  border: 1px solid #f5f5f5;
  margin: 0
}

.main-features-container .feature-container hr {
  border-color: #ddd;
  margin: 0;
}

.theme-demos-container .feature-container hr {
  border-color: #ddd;
  width: 50%;
  margin: 70px auto;
}

.theme-demos-container .feature-container .demo-detail-message {
  font-size: 18px;
  margin: 0 0 50px 0;
}

.theme-demos-container .feature-container .demo-item-detail {
  vertical-align: top;
}

.theme-demos-container .feature-container .demo-item-detail img {
  border: 1px solid #ddd;
}

.theme-demos-container .feature-container .demo-item-detail h3 {
  font-size: 12px;
  margin: 15px 0 0 0;
}

.variations .section-header {
  margin: 30px 0 50px 0;
}

.variations .section-header h3,
.variations-header h3 {
  font-size: 21px;
  font-weight: bold;
}

.variations .section-header p,
.full-container .section-header.variations-header p {
  font-size: 13px;
  max-width: 600px;
  margin: auto;
  color:#555;
}

.theme-demos-container .feature-container .variations .demo-detail-message {
  font-size: 14px;
  margin: 40px 0 30px 0;
}

.theme-demos-container .feature-container .variations .demo-detail-message a {
  border-bottom: 1px dotted #333;
  display: inline-block;
}

.theme-demos-container .feature-container .variations .demo-item-detail img {
  padding: 2px;
}

.feature-container .half-div.full-width-div p:last-child {
  margin-bottom: 0;
}

.main-features-container .feature-container .half-div .imgside.imgside-mobile {
  display: none!important;
}

.main-features-container .feature-container .imgside.imgside-mobile {
  margin-bottom: 30px;
}

.main-features-container .feature-container .half-div .imgside img.img-no-padding {
  padding: 0;
  border: none;
  border-radius: 0;
}

.more-theme-demos {}

@media only screen and (max-width: 958px) {
  .more-theme-demos-container {
    display: none;
  }
}

@media only screen and (min-width: 959px) {
  .main-features-container .feature-container .half-div.full-width-div {
    background-position: 110%;
  }
  .feature-container .half-div.full-width-div {
    width: 100%;
    padding: 120px 0;
  }
  .feature-container .half-div.full-width-div .feat-info {
    padding-left: 6%;
    width: 50%;
  }
  .feature-container .half-div.full-width-div .feat-info h4 {
    font-size: 24px;
    margin-bottom: 20px;
  }
  .feature-container .half-div.full-width-div img {
    width: 40%;
  }
}

div.theme-club-buy-buttons form,
div.theme-club-buy-buttons form button {
  margin: 0;
}

div.theme-club-buy-buttons form {
  text-align: center;
  display: inline-block;
}

div.theme-club-buy-buttons span.or {
  display: inline-block;
  color: #fff;
  font-size: 10px;
  margin: 12px 20px;
}

.theme-club-buy-buttons span.or:last-child {
  display: none;
}

div.theme-club-buy-buttons button {
  padding: 15px 20px!important;
  line-height: 15px;
}

div.theme-club-buy-buttons button strong {
  line-height: 20px;
}

div.theme-club-buy-buttons form button strong {
  font-size: 23px;
}

div.theme-club-buy-buttons form button span {
  position: relative;
  margin-left: 6px;
  top: -3px;
  font-size: 11px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .common-features-wrap .framework-feature {
    width: 50%;
  }
  .common-features-wrap .framework-feature.second {
    border: none;
  }
  .common-features-wrap hr {
    display: none;
  }
  .common-features-wrap .framework-feature:nth-child(2n+3) {
    /*clear:left;*/
  }
  .common-features-wrap .framework-feature:nth-child(3n+2) {
    margin-left: 0;
    margin-right: 0;
  }
  .common-features-wrap .container .framework-feature:nth-child(3n+4) {
    clear: none;
  }
}

@media only screen and (min-width: 959px) {
  .theme-demos-container .one-third.column {
    margin-left: 2%;
    margin-right: 2%;
    width: 30.6%;
    margin-bottom: 6%;
  }
  .theme-demos-container .one-third.column:nth-child(3n+1) {
    margin-left: 0;
  }
  .theme-demos-container .one-third.column:nth-child(3n+3) {
    margin-right: 0;
  }
  .theme-demos-container .one-third.column:nth-child(3n+4) {
    clear: left;
  }
  .feature-container .half-div.full-width-div p {
    font-size: 17px;
  }
}

@media only screen and (max-width: 1200px) {
  .theme-detail-head div.info2 p {
    font-size: 14px;
    width: 100%;
  }
  .theme-detail-head .theme-info {
    top: 4%
  }
  .main-features-container .feature-container .half-div .feats-wrap {
    width: 80%;
  }
}

@media only screen and (max-width: 959px) {
  .main-features-container .feature-container .half-div .feats-wrap {
    width: 95%;
  }
  .feature-container .half-div.full-width-div p {
    font-size: 14px;
  }
  .theme-demos-container .feature-container .demo-item-detail {
    width: 49%;
    display: inline-block;
    padding: 0 1.5% 3% 1.5%;
  }
  .main-features-container .feature-container hr {
    display: none;
  }
  .theme-demos-container .feature-container .demo-item {
    width: 49%;
  }
  .theme-club-container .theme-club-specs ul {
    text-align: center;
    clear: right;
    display: block;
    width: 90%;
    margin: 25px auto 50px auto;
  }
  .theme-club-container .theme-club-specs ul li:after {
    content: '';
  }
  .theme-club-container .theme-club-specs ul li:before {
    content: '\f058';
    font-family: 'fontawesome';
    margin-right: 6px;
    color: #ccc;
    font-size: 12px;
    top: -1px;
    position: relative;
  }
  .theme-club-container .theme-club-specs div.theme-club-buy-buttons {
    text-align: center;
    margin: 0;
    width: 90%;
  }
  .bundle-plugin-container .feature-container .half-div {
    border: none;
  }
  .bundle-plugin-container .feature-container .half-div p {
    width: 100%;
  }
  .bundle-plugin-container {
    padding-bottom: 0;
  }
  .feature-container .half-div h4 small {
    clear: both;
    margin: 15px 10px 5px 10px;
    display: inline-block;
    line-height: 14px;
  }
  .main-features-container .feature-container .half-div {
    width: 100%;
    border-right: 0;
  }
  .theme-demos-container .one-third.column {
    margin-left: 2%;
    margin-right: 2%;
    width: 46%;
    margin-bottom: 6%;
  }
  .theme-demos-container .one-third.column:nth-child(2n+3) {
    clear: left;
  }
}

@media only screen and (max-width: 768px) {
  div.theme-club-buy-buttons form {
    width: 100%;
  }
  .common-features-wrap .framework-feature {
    text-align: center;
  }
  .theme-demos-container .feature-container .demo-item-detail {
    width: 100%;
    display: inline-block;
    padding: 0 0% 5% 0%;
  }
  .common-features-wrap .container {
    background: none;
  }
  .common-features-wrap .framework-feature {
    background: none;
  }
  .theme-detail-head .theme-info {
    width: 100%;
    position: relative;
    right: auto;
    float: left;
    clear: both;
  }
  .theme-detail-head .theme-sc-right {}
  .container .eight.columns.product-info-side {
    width: 100%;
    text-align: center;
  }
  .theme-detail-head div.info2 p {}
  .product-info-side {
    margin: 50px 0 40px 0
  }
  .theme-detail-head h1 {
    font-size: 42px;
  }
  .bundle-plugin-container .feature-container .half-div {
    width: 100%;
  }
  .main-features-container .feature-container .half-div {
    background: none!important;
  }
  .common-features-wrap .framework-feature {
    width: 90%;
    padding: 0 0%;
  }
  .theme-demos-container .feature-container {
    margin: auto;
    width: 100%;
    float: none;
  }
  .theme-demos-container .feature-container .demo-item {
    width: 100%;
    margin-bottom: 7%;
  }
  .theme-demos-container .one-third.column {
    width: 100%;
    margin-bottom: 8%;
  }
  .theme-demos-container .one-third.column:nth-child(2n+3) {
    clear: left;
  }
  .theme-demos-container {
    padding-bottom: 120px;
  }
  .main-features-container .feature-container .half-div .feat-info {
    text-align: left;
    width: 100%;
    padding: 0 10%;
    display: block;
  }
  .main-features-container .feature-container .half-div .imgside,
  .main-features-container .feature-container .half-div.full-div .imgside {
    width: 90%;
    margin: auto;
    display: block;
    margin-bottom: 30px!important;
  }
  main-features-container .feature-container .half-div.full-div .imgside img {
    display: inherit;
  }
  .main-features-container .feat-info p {
    font-size: 13px;
    width: 100%;
    margin-top: 15px;
  }
  .main-features-container .feature-container .half-div .imgside.imgside-mobile {
    display: block!important;
  }
  .main-features-container .feature-container .half-div .imgside.imgside-desktop {
    display: none!important;
  }
  .main-features-container .feature-container .half-div.first .feat-info {
    padding-right: 10%;
    text-align: left;
  }
  .main-features-container .feature-container .half-div.second .feat-info {
    padding-left: 10%;
    text-align: left;
  }
}

@media only screen and (min-width: 479px) and (max-width: 768px) {
  .common-features-wrap .framework-feature {
    width: 90%;
    padding: 0 0%;
  }
}

@media only screen and (max-width: 479px) {
  .theme-detail-head div.info2 p {
    width: 100%;
  }
  .theme-demos-container .feature-container {
    margin: auto;
    width: 100%;
    float: none;
  }
  .theme-demos-container .one-third.column {
    margin-left: 0%;
    margin-right: 0%;
  }
}

.main-features-container .feature-container .half-div.full-div .imgside,
.main-features-container .feature-container .half-div.full-div .feat-info,
.main-features-container .feature-container .half-div.full-div .imgside {
  padding-right: 0;
  display: block;
  width: 85%;
  margin: auto;
}

.main-features-container .feature-container .half-div.full-div p {
  width: 100%;
}

.main-features-container .feature-container .half-div.full-div .feat-info {
  text-align: center;
  max-width: 600px;
  margin-bottom: 50px;
}

body.live-demo-active {
  overflow: hidden;
}

.live-demo-frame {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  z-index: 100;
  color: #fff;
  display: none;
}

.live-demo-frame div.iframe {
  /*background-image: url('images/spinner.svg');*/
  background-position: 49.5% 49.5%;
  background-repeat: no-repeat;
  background-color: #fff;
}

.live-demo-frame a,
.live-demo-frame h2,
.live-demo-frame p {
  color: #fff;
}
.live-demo-frame .demo-buttons a.demo-close-button {
  padding: 0px 12px;
  font-size: 10px;
  margin-bottom: 0;
  border-radius: 50px;
  background: #ff0000;
  display: inline-block;
  font-weight: bold;
  font-family: "Helvetica Neue",sans-serif;
}

.live-demo-frame .demo-header {
  width: 100%;
  padding: 0 20px;
  height: 5%;
  min-height: 35px;
  align-items: center;
  display: flex;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  z-index: 10000;
}
.live-demo-frame .demo-header .left-side {
  display:flex;
  align-items: center;
}

.live-demo-frame .demo-header h2 {
  font-size: 13px;
  font-weight: bold;
  margin: 0;
  display: inline-block;
}

.live-demo-frame .demo-header h2 small {
  font-weight: normal;
  font-size: 12px;
  border-left: 1px solid #ccc;
  padding-left: 10px;
  margin-left: 10px;
}

.live-demo-frame .selector {
  display: inline-block;
  margin-left: 15px;
}

.live-demo-frame .selector select {
  margin: 0;
  width: 100px;
  font-size: 12px;
  position: relative;
  top: -1px;
  background: #333;
  border-color: #333;
  color: #fff;
}

.live-demo-frame .demo-header .demo-buttons {
  margin-left:auto;
  display: flex;
  align-items: center;
}

.live-demo-frame .demo-header .demo-buttons .demo-sizes {
  margin: 0 15px;
  padding: 0 11px;
  border-left: 1px solid #666;
  border-right: 1px solid #666;
}

.live-demo-frame .demo-header .demo-buttons .demo-sizes a {
  margin: 0 5px;
  color: #999
}

.live-demo-frame .demo-header .demo-buttons .demo-sizes a:hover {
  color: #fff;
}

.live-demo-frame .demo-header .demo-buttons .demo-sizes a.size-tablet i {
  font-size: 22px;
}

.live-demo-frame .demo-header .demo-buttons .demo-sizes a.size-mobile i {
  font-size: 25px;
}

.live-demo-frame .demo-header .demo-buttons .demo-sizes a i {
  font-size: 20px;top: 2px;
  top: 1px;
}

.live-demo-frame .demo-header .demo-buttons a i {
  font-size: 32px;
  top: 2px;
  position: relative;
}

.live-demo-frame .demo-header .btn-group {
  position: relative;
  white-space: nowrap;
  height: 100%;
  font-weight:bold;
}

.live-demo-frame .demo-header .dropdown-toggle {
  border-radius: 0 !important;
  border: none;
  height: 100%;
  line-height: 33px;
  display: inline-block;
  padding: 0 10px;
  min-width: 200px;
  text-align: left;
  font-size: 13px;
  background: #444;
  color: #ffcc33;
  border-left: 1px solid #444;
  border-right: 1px solid #444;
  display: flex;
  align-items: center;
}

.live-demo-frame .demo-header .dropdown-toggle small {
  margin-right: 3px;
  font-size: 80%;
}

.live-demo-frame .demo-header .dropdown-toggle .demo-name {
  padding-right:20px;
  font-size:12px;
}
.live-demo-frame .demo-header .dropdown-toggle i {
  margin-left:auto;
}
.live-demo-frame .demo-header .dropdown-menu {
  border-radius: 0;
  width: 200px;
  border: none;
  max-height: 242px;
  position: absolute;
  display: none;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 150px;
  margin: 1px 0 0;
  list-style: none;
  background-color: #333;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;

}

.live-demo-frame .demo-header .dropdown-menu li {
  padding: 5px 0px;
  border-bottom: 1px solid #444;
  margin-bottom: 0;
}

.live-demo-frame .demo-header .dropdown-menu li>a {
  display: block;
  padding: 4px 12px;
  clear: both;
  font-size: 11px;
  font-weight:bold;
  line-height: 20px;
  color: #ccc;
  white-space: nowrap;
}

.live-demo-frame .demo-header .dropdown-menu li a {
  font-size: 12px;
}

.live-demo-frame .demo-header .dropdown-menu li a:hover,
.live-demo-frame .demo-header .dropdown-menu li a.selected:hover {
  color: #ffcc33;
}

.live-demo-frame div.iframe {
  width: 100%;
  height: 95%;
  margin: 0 auto;
  transition: width .8s ease-in-out;
}

.live-demo-frame div.iframe.tablet {
  width: 768px;
}

.live-demo-frame div.iframe.mobile {
  width: 320px;
  max-height: 600px;
}

.live-demo-frame div.iframe iframe {
  width: 100%;
  height: 100%;
}

.live-demo-frame .demo-header .demo-buttons a.open-external {
  font-size: 10px;
  font-weight: bold;
  font-family: "Helvetica Neue";
  color: #ccc;
}

.live-demo-frame .iframe .video-embed {
  height: 100%;
  width: 100%;
}

.live-demo-frame .hidden-button {
  display: none;
}

.live-more-demos.live-demo-frame .hidden-button {
  text-align: center;
  font-size: 11px;
  vertical-align: middle;
  display: inline-block;
  position: absolute;
  top: -14px;
  left: 50%;
  transform: translateX(-50%);
  background: #000;
  padding: 2px 12px;
  border-radius: 50px;
}

.live-more-demos.live-demo-frame .hidden-button i {
  font-size: 13px;
  line-height: 12px;
  font-weight: bold;
  margin-right: 3px;
}

.live-more-demos.live-demo-frame .demo-header {
  display: none;
}

.live-more-demos.live-demo-frame {
  background: rgba(0, 0, 0, .8);
}

.live-more-demos.live-demo-frame div.iframe {
  position: absolute;
  left: 2.5%;
  right: 2.5%;
  bottom: 4%;
  top: 4%;
  width: auto;
  height: auto;
}

@media only screen and (max-width: 767px) {
  .live-demo-frame .demo-header {
    display: none;
  }
  .live-demo-frame div.iframe {
    height: 100%;
  }
  .main-features-container .feature-container .half-div.full-div .feat-info {
    text-align: left;
  }
}

.free-counter {
  line-height: 1.7em;
  font-size: 12px;
  margin-top: 10px;
}

.free-counter i {
  font-size: 16px;
}

.free-counter .counter {
  font-size: 21px;
  padding: 10px 5px;
  line-height: 1.2em;
}

.theme-item .free-counter {
  margin: 7px 0;
  float: left;
  width: 100%;
}

.theme-item .free-counter span {
  font-size: 22px;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .theme-detail-head p.info1 {
    font-size: 15px
  }
  .theme-detail-head hr {
    margin: 20px 0 25px;
  }
  .theme-detail-head .product-info-side ul {
    margin: 30px 0
  }
  .theme-info .live-demo-overlay a {
    top: 30%;
    margin: 0px 0 0 -83px;
  }
}

@media only screen and (max-width: 767px) {
  .product-info-side {
    text-align: center;
  }
  .product-info-side hr {
    margin: 25px auto;
  }
  .get-all-themes td:first-child {
    display: none;
  }
  .theme-detail-head p.info1 {
    font-size: 14px
  }
}

@media only screen and (max-width: 479px) {
  .theme-info .live-demo-overlay a {
    top: 24%;
    margin: 0px 0 0 -75px;
  }
}

.single-buy-now-button {
  display: inline-block;
  margin-bottom: 0;
}

.single-buy-now-button button {
  top: 0;
  font-weight: bold;
  font-size: 14px;
  margin: 0;
  padding: 14px 23px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  position: relative;
  -webkit-box-shadow: 0 1px 2px #ccc;
  box-shadow: 0 1px 2px #ccc;
  transition: box-shadow .2s ease-in-out, top .2s ease-in-out;
}

@media only screen and (max-width: 479px) {
  .single-buy-now-button button {
    margin-bottom: 20px;
  }
}

.single-buy-now-button button:hover {
  top: -2px;
  -webkit-box-shadow: 0 2px 8px #999;
  box-shadow: 0 2px 8px #999;
}

.single-buy-now-button button span {
  display: inline-block;
  line-height: 14px;
  position: relative;
  top: -3px;
}

.single-buy-now-button button span.price {
  background: #fff;
  color: #cc0000;
  font-size: 21px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 8px 6px 8px 6px;
  margin-right: 7px;
  top: 0;
}

.theme-item span.price {
  background: none;
  border: 1px solid #fff;
  font-size: 12px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding: 3px 5px;
  margin-left: 5px;
  font-weight: bold;
}

.single-theme-buttons {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
}

.product-info-side .live-button {
  font-size: 12px;
  padding: 5px 15px;
  display: inline-block;
  margin-left: 10px;
  border: 1px solid #666;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  border-radius: 500px;
  color: #ccc;
  position: relative;
  top: -3px;
  font-weight: bold;
}

.product-info-side .live-button:hover {
  color: #000;
  border-color: #000;
}

.theme-detail-head .product-rating {
  font-size: 12px;
  font-weight: bold;
  display: inline-block;
  margin: 0px 15px 20px 0;
  padding-right: 15px;
}

.theme-detail-head .product-rating .rating {
  margin-right: 4px;
  margin-left: 0;
}

.theme-detail-head .product-rating .rating.fancybox .star-on-png:before {
  color: #ff0000
}

.theme-detail-head .product-rating a.by-customers {
  font-weight: normal;
  font-size: 11px;
}

.product-info-side .live-button.free-download {
  top: 0px;
}

.product-info-side .live-button i {
  margin-right: 5px;
}

.product-info-side ul.specs {
  list-style: none;
  margin: 15px 0 0px 0;
  display: inline-block;
  font-size: 12px;
  text-align: left;
}

.product-info-side ul.specs {
  margin-top: 25px;
}

.item-was {
  font-size: 12px;
  margin: 12px 0 0 18px;
  display: block;
  color: #666;
}

.item-was del {
  color: #cc0000;
}

.new-head-theme .product-info-side ul.specs li {
  margin-bottom: 6px;
}

.product-info-side ul.specs i {
  font-size: 12px;
  top: 1px;
  position: relative;
  margin-right: 3px;
  color: #22af67;
}

.free-theme-notice {
  margin: 25px 0;
  display: table;
  width: 100%;
  color: #666;
  line-height: 1.68em;
  font-size: 11px;
}

.free-theme-notice i,
.free-theme-notice span {
  display: table-cell;
  vertical-align: top;
}

.free-theme-notice i {
  width: 27px;
  font-size: 21px;
  position: relative;
  top: 2px;
}

.get-all-themes .info {
  font-weight: normal;
  line-height: 1.9em;
  margin-top: 4px;
}

.get-all-themes .gtitle {
  font-size: 14px;
}

.flex-direction-nav a.flex-prev i {
  color: #666
}

.theme-detail-head .flex-direction-nav a {
  z-index: 10;
  text-align: center;
  width: 70px;
}

.theme-detail-head .flex-direction-nav a i {
  font-size: 90px
}

.theme-detail-head a.purchase,
.theme-detail-head form.purchase button {
  width: 155px;
  height: 155px;
  -moz-border-radius: 250px;
  -webkit-border-radius: 250px;
  border-radius: 250px;
  background-color: #ffcc33;
  color: #000;
  float: right;
  text-align: center;
  font-weight: bold;
  font-size: 50px;
  line-height: 25px;
  transition: width 2s;
  -moz-transition: background .5s;
  /* Firefox 4 */
  -webkit-transition: background .5s;
  /* Safari and Chrome */
  -o-transition: background .5s;
  /* Opera */
}

.theme-detail-head a.purchase.free {
  background-color: #ccc;
  color: #000;
  font-size: 24px;
}

.theme-detail-head a.purchase.free small.pur {
  font-size: 12px
}

.theme-detail-head a.purchase.free span i {
  font-size: 21px;
  margin-bottom: 5px;
}

.theme-detail-head a.purchase.free span {
  padding-top: 41px;
  padding-left: 10px;
  font-size: 16px;
  line-height: 23px;
}

.theme-detail-head a.purchase:hover,
.theme-detail-head form.purchase button:hover {
  background-color: #fda100
}

.theme-detail-head a.purchase span {
  padding-top: 70px;
  margin-left: -4px;
  display: inline-block;
}

.theme-detail-head form.purchase button span {
  padding-top: 18px;
  margin-left: -2px;
  display: inline-block;
}

.theme-detail-head a.purchase small,
.theme-detail-head form.purchase button small {
  font-size: 28px;
}

.theme-detail-head a.purchase small.pur,
.theme-detail-head form.purchase button small.pur {
  font-size: 16px;
}

.comparison-container {
  float: left;
  width: 100%;
}

table.comparison {
  width: 100%;
  text-align: center;
  padding: 10px;
  background: #fff;
  margin-bottom: 50px;
}

table.comparison thead {
  background: #eee;
}

.comparison-container h2 {
  font-size: 21px;
  font-weight: bold;
  margin: 30px 0 30px 0;
}

table.comparison th {
  font-size: 13px;
  font-weight: bold;
}

table.comparison i {
  font-size: 18px;
  position: relative;
  top: 2px;
}

table.comparison i.f-no {
  color: #cc0000;
}

table.comparison i.f-yes {
  color: #00cc33
}

table.comparison td,
table.comparison th {
  padding: 8px 15px;
  border: 1px solid #ddd;
}

table.comparison th.feature {
  text-align: left;
  font-size: 11px;
  font-weight: bold;
}

table.comparison tbody td {
  font-size: 11px;
}

table.comparison tbody tr:nth-child(2n+0) {
  background: #f9f9f9;
}

@media only screen and (max-width: 767px) {
  .comparison-container {
    display: none;
  }
}

#fullfeatures .generic-title {
  padding-bottom: 60px;
}

.pricing-single {
  position: relative;
  display: none;
  float: right;
}

.pricing-single form {
  float: right;
  margin-left: 15px;
  margin-top: 1px;
}

.pricing-single .nor-social-sharing {
  float: right;
  top:5px;
}

.pricing-single form,
.pricing-single button {
  margin-bottom: 0;
}

.pricing-single a.member-button {
  border: none;
}

.top-purchase-button button {
  padding: 7px 14px;
  font-size: 10px;
}

form.purchase-product {
  float: right;
  margin-bottom: 0;
}

form.purchase-product button {
  width: 155px;
  height: 155px;
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
  font-size: 44px;
  background: #cc0000;
  margin-bottom: 0;
}

form.purchase-product button div {
  line-height: 18px;
  margin-top: 11px;
  margin-left: -3px
}

form.purchase-product button small.pur {
  font-size: 13px;
  font-weight: bold;
  margin-top: 20px;
  display: block;
}

form.purchase-product button small.currency {
  position: relative;
  top: -7px;
  margin-left: 7px;
  font-size: 32px;
}

a.live-demo-button {
  background: #ddd;
  float: right;
  text-align: center;
  margin-right: 15px;
  width: 120px;
  height: 120px;
  margin-top: 17px;
  position: relative;
  border-radius: 500px;
  -moz-border-radius: 500px;
  -webkit-border-radius: 500px;
}

a.live-demo-button span {
  line-height: 21px;
  top: 35px;
  position: relative;
  font-size: 12px;
}

a.live-demo-button span i {
  font-size: 18px
}

.get-all-themes {
  padding: 5px 0 0 0;
  margin-bottom: 0;
  width: 100%;
  float: left;
  position: relative;
  font-size: 12px;
  font-weight: normal;
  color: #333;
  border: 1px solid #fff;
  border-radius: 5px;
  padding: 15px 20px;
  left: -22px;
}
.get-all-themes:hover {
  border-color:#cc0000;
}
.get-all-themes a {
  color:#eee;
}
.get-all-themes a:hover {
  color:#cc0000;
}

form.get-all-themes:before,
form.get-all-themes:after {
  background-size: 15px;
  background-repeat: repeat-x;
  background-image: url(images/zz.png);
  display: inline-block;
  height: 17px;
  width: 100%;
  content: '';
  opacity: 1;
}

form.get-all-themes:after {
  margin-top: 19px;
  height: 10px;
}


/*
		.get-all-themes a {
			color:#aaa;
		}
		*/

.get-all-themes a.pricing-link {
  color: #000;
  font-size: 14px;
  font-weight: normal;
}

.get-all-themes div {
  display: inline-block;
}

.get-all-themes i {
  font-size: 21px;
  position: relative;
  top: 3px;
  margin-right: 5px;
}

.get-all-themes .price {
  border: 1px solid #000;
  color: #000;
  padding: 2px 5px;
  font-size: 14px;
  margin-left: 4px;
}

.get-all-themes span.get-all {
  color: #cc0000;
}

.get-all-themes .themes-price {
  font-size: 18px;
  position: relative;
  top: 1px;
  margin-left: 3px;
  color: #cc0000;
}

.get-all-themes .theme-club {
  font-weight: bold;
  color: #333;
}

.get-all-themes .button {
  padding: 3px 7px;
  margin: 0 0 0 7px;
  font-size: 11px;
  opacity: 0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.get-all-themes:hover .button {
  opacity: 1;
}

.get-all-themes div.extra-msg {
  float: left;
  width: 100%;
  margin-left: 28px;
  line-height: 12px;
  display: none;
  margin-top: 12px;
  position: relative;
  top: -2px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  -o-transition: all 0.4s ease;
  transition: all 0.4s ease;
}


/*
		.get-all-themes:hover div.extra-msg {
			display:block;
			opacity:1;
			visibility:visible;
		}
		*/


.get-all-themes:hover .button {
  background: #000!important;
  color: #fff!important;
  /*padding: 16px 40px!important;*/
}

.get-all-themes .get-all-price {
  font-size: 15px;
}

.get-all-themes-new {
  padding: 60px 0;
  width: 80%;
  margin: 100px auto 100px;
  border-radius: 10px;
  color: #fff;
  background: linear-gradient(153deg, #444 2%, #1e1e1e 92%);
  box-shadow: 0 3px 15px 0 rgba(30,30,30,0.4);
}

.get-all-themes-new div.wrap-it {
  display:flex;
  padding: 0 40px;
}
.get-all-themes-new div.wrap-it .price-side {
  margin-left:auto;
}

.get-all-themes-new p {
  margin-bottom: 0;
  color: #eee;
}

.get-all-themes-new .theme-club .pricing-link {
  font-size: 21px;
  font-weight: bold;
  color: #ffcc33;
  border-bottom: 1px solid;
  padding-bottom: 4px;
}

.get-all-themes-new .theme-club .pricing-link:hover {
  color: #fff
}

.get-all-themes-new .theme-club .pricing-link i {
  font-size: 30px;
  position: absolute;
  left: -118px;
  top: -90px;
  font-size: 128px;
  margin-right: 5px;
}

.get-all-themes-new .all-themes-price {
  font-size:28px;
  position:relative;
  top:3px;
  margin-left:2px;
  text-shadow:0px 3px 10px rgba(0,0,0,.2);
}

.get-all-themes-new .theme-club p {
  margin: 8px 0 0 0;
  font-size: 18px;
}

.get-all-themes-new .price-side {
  text-align: right;
}

.get-all-themes-new .price-side a.button {
  position: relative;
  top: 2px;
  font-size: 15px;
  padding: 25px 45px;
  margin: 0;
  border: none;
  border-radius: 50px;
  background: #444;
  color: #eee;
  transition: background .3s ease-in-out;
}
.get-all-themes-new .price-side a.button:hover {
  background:#555;
}


  @media (max-width:1140px) {
    .get-all-themes-new .theme-club a.pricing-link {
      font-size:18px;
    }
    .get-all-themes-new .theme-club p {
      font-size:15px;
    }
    .get-all-themes-new .price-side a.button {
      padding:15px 25px;
    }
  }

  @media (max-width:980px) {
    .get-all-themes-new {
      display:none;
    }
  }


  @media only screen and (max-width: 767px) {
    .get-all-themes-new i {
      display: none;
    }
    .get-all-themes-new .theme-club .pricing-link {
      font-size: 16px;
    }
    .get-all-themes-new .theme-club p {
      margin-left: 0;
    }
    .get-all-themes-new .price-side {
      text-align: left;
    }
    .get-all-themes-new .price-side a.button {
      position: relative;
      top: 2px;
      padding: 8px 20px;
      margin: 20px 0 0 0px;
    }
  }

.review-container {
  margin: 50px 0;
  float: left;
  width: 100%;
}

.single-theme-features {
  float: left;
  width: 100%;
  padding: 10px 0;
  font-size: 10px;
  text-align: right;
}

.single-theme-features span {
  padding-top: 15px;
  border-top: 1px solid #ddd;
  color: #666;
}

.single-theme-features i {
  font-size: 4px;
  position: relative;
  top: -2px;
  margin: 0 5px
}

@media only screen and (max-width: 767px) {
  .single-theme-features i {
    opacity: 0;
    display: block;
  }
  form.purchase-product {
    float: left;
    margin-right: 15px;
  }
  a.live-demo-button {
    float: left;
  }
  .single-theme-features.second {
    text-align: left;
    margin-top: 25px;
  }
  .single-theme-features.second span {
    border: none;
  }
  .get-all-themes .button {
    position: relative;
    float: none;
    margin-bottom: 20px;
  }
  .get-all-themes {
    font-size: 11px;
    left:0;
  }
}

@media only screen and (max-width: 479px) {
  .get-all-themes span.join-club {
    display: none;
  }
  .get-all-themes div.extra-msg {
    margin-left: 0;
  }
  form.purchase-product,
  a.live-demo-button {
    margin: 20px;
    display: inline-block;
    float: none;
  }
  .product-info-side {
    text-align: center;
  }
  form.purchase-product button {
    width: 140px;
    height: 140px;
  }
  form.purchase-product button div {
    margin-left: 0;
  }
  form.purchase-product button small.currency {
    margin-left: 0px
  }
}

@media only screen and (max-width: 767px) {
  .theme-detail-head p.info1,
  .theme-detail-head div.info2 {
    padding-right: 0;
  }
  .themefeatures .left div.info ul {
    text-align: left;
  }
  .theme-detail-head h1 {
    font-size: 33px;
  }
  .themefeatures .regular .eight {
    float: left!important;
    display: block!important;
    width: 100%;
  }
  .themefeatures .regular .eight .paragwrap {
    text-align: left;
    margin: 45px 0 0 0;
  }
  .themefeatures .regular .eight.alpha .paragwrap {
    margin: 0px 0 50px 0;
  }
  .themefeatures .left div.info2 {
    width: 100%!important;
    font-size: 13px!important;
    margin-bottom: 0!important;
  }
  .themefeatures .left .row {
    padding: 40px 0 40px!important;
  }
  .themefeatures .regular .eight .paragwrap {
    margin-top: 5px;
  }
  .themefeatures .regular .columns .paragwrap {
    text-align: center;
  }
}

@media only screen and (max-width: 959px) {
  .theme-detail-head {
    padding-top: 140px
  }
  .theme-detail-head .theme-info {}
  .theme-detail-head .nine {
    width: 100%!important;
    display: block;
    margin-top: 70px
  }
  .themefeatures span.title {
    line-height: 1.5em!important;
    font-size: 24px!important;
  }
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  .themefeatures .regular .columns {
    vertical-align: top!important;
  }
  .themefeatures .img {
    float: left;
    padding-top: 22px!important;
  }
}

@media only screen and (min-width: 850px) and (max-width: 1200px) {
  .new-head-theme .eleven.columns.theme-info {
    width: 60%;
  }
  .new-head-theme .container .five.columns.product-info-side {
    width: 40%;
  }
}

@media only screen and (min-width: 768px) and (max-width: 850px) {
  .new-head-theme .eleven.columns.theme-info,
  .new-head-theme .container .five.columns.product-info-side {
    width: 100%;
    margin: auto;
    float: none;
    display: inline-block;
    margin-bottom: 50px;
  }
  .new-head-theme .container .five.columns.product-info-side {
    text-align: center;
  }
  .get-all-themes i {
    display: none;
  }
  .theme-detail-head hr {
    margin-left: auto;
    margin-right: auto;
  }
}

.pricing-container {
  background: #f0f0f0;
  display: block;
}

.pricing-container .generic-title {
  margin: 70px 0 70px 0;
}

.pricing-container .generic-title .coming-soon {
  display: inline-block;
  color: #cc0000;
  font-size: 11px;
  border-radius: 5px;
}

.pricing-div {
  font-weight: 300;
  color: #000
}

.pricing-div .on-sale {
  margin: 0;
  display: inline-block;
  position: relative;
}

.pricing-div .on-sale {
  margin-left: -10px
}

.pricing-div .old-price {
  position: absolute;
  top: 6px;
  right: -55px;
  font-size: 24px;
  line-height: 40px;
  display: inline-block;
  margin-bottom: 20px;
  padding: 0 5px;
  color: #666;
  font-weight: 300;
}

.pricing-div .old-price::after {
  border-bottom: 1px solid #000;
  content: "";
  left: 0;
  position: absolute;
  right: 0;
  top: 50%;
  transform: rotate(-7deg);
}

.pricing-div .theme-name {
  border: 1px solid #CCC;
  padding: 3px 15px;
  border-radius: 50px;
  margin-bottom: 20px;
  display: inline-block;
}

.pricing-div .wrap {
  text-align: center;
}

.pricing-div .wrap.last {
  border-left: 1px solid #eee;
}

.pricing-div .coming-soon {
  color: #C00;
  display: inline-block;
  padding: 5px 12px;
  border-radius: 5px;
  width: 255px;
  font-size: 11px;
  font-weight: normal;
}

.pricing-div .coming-soon strong {
  font-weight: Bold;
}

.theme-pricing-float .pricing-container {
  background: none;
}

.theme-pricing-float .generic-title {
  margin: 30px 0 50px 0;
}

.theme-pricing-float .new-pricing-div .pricing-col {
  margin: 0 50px;
}

.theme-pricing-float .new-pricing-div {
  width: 610px;
  padding: 0 0 55px 0;
  left: 20px;
}

.theme-pricing-float .button {
  padding: 15px 25px;
}

@media only screen and (max-width: 767px) {
  .pricing-div .wrap.last,
  .pricing-div .wrap.mobile-gap {
    margin-top: 40px;
    padding-top: 40px;
    border-left: none;
    border-top: 1px solid #DDD;
  }
}

.pricing-div form {
  font-weight: normal;
  margin: 25px 0 0 0;
  display: inline-block;
}

.pricing-div h3 {
  font-size: 100px;
  line-height: 1em;
  margin-bottom: 10px;
  font-weight: 300;
}

.pricing-div h3 small {
  font-size: 50px;
  position: relative;
  top: -32px
}

.pricing-div h3 small.fraction {
  font-size: 24px;
  margin-left: -4px;
  top: 0;
}

.new-pricing-div h3 span.fraction {
  position: absolute;
  margin-left: 8px;
  font-size: 28px;
  color: #666;
  top: -16px;
  text-decoration: line-through;
  font-weight: 300;
}

.pricing-div h4 {
  font-size: 28px;
  font-weight: normal;
}

.pricing-div span {
  font-size: 14px;
  margin: 15px 0;
  display: block;
}

.pricing-div div.info {
  margin: 20px auto;
  color: #444;
  font-size: 13px;
  width: 270px;
  font-weight: normal;
}

.pricing-div div.info a {
  padding-bottom: 4px;
}

.pricing-div div.info span.str {
  text-decoration: line-through;
  display: inline;
}

.pricing-div div.info i.fa {
  margin-right: 2px;
}

.pricing-div strong {
  font-weight: bold;
}

.pricing-div hr {
  width: 100%;
  margin: 18px auto;
  border-color: #ddd
}

.pricing-container .asterisk {
  display: block;
  padding: 100px 25px 0px 25px;
  margin: 0;
  color: #000;
}

.pricing-div span.one-off {
  border-bottom: 1px solid #ccc;
  padding-bottom: 35px;
  margin-bottom: 40px;
  font-size: 11px;
}

.best-seller {
  background: #fff;
  padding: 15px 0px 15px 0;
  margin: 0px auto 0 auto;
  border-radius: 15px;
  width: 365px;
}

.best-seller h2 {
  font-size: 15px;
  font-weight: bold;
  margin: 0 0 30px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #ccc;
}

.best-seller h3.on-sale {
  font-weight: normal;
  margin-left: -10px;
}

.single-theme-price {
  margin: 35px auto;
  padding: 60px 0 20px 0;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.single-theme-price {
  width: 350px;
}

.pricing-div span.get-all-text {
  color: #cc0000;
}

.pricing-div span.get-all-text strong {
  color: #fff;
  background: #cc0000;
  padding: 4px 8px;
  margin: 0 3px;
  border-radius: 50px;
  font-weight: bold;
}

@media only screen and (max-width: 959px) {
  .single-theme-price,
  .best-seller {
    width: auto;
  }
  .pricing-div div.info {
    width: auto;
  }
}

@media only screen and (max-width: 767px) {
  .best-seller {
    margin-top: 30px;
  }
  .single-theme-price {
    margin-top: 0px;
  }
}


/* New Pricing */

.new-pricing-div {
  font-size: 12px;
  padding: 120px 0;
  margin: auto;
  position: relative;
  max-width: 600px;
  display: flex;
}

.new-pricing-div.lifetime-div {
	padding: 30px 50px 40px 50px;
}
.new-pricing-div.lifetime-div .lifetime-header {
	margin-bottom: 20px;
  margin-top: 0;
  font-weight: bold;
  color: #cc0000;
  font-size: 18px;
}

@media (max-width:500px) {
	.new-pricing-div.lifetime-div {
		 padding: 30px 35px;
	}
}

.pricing-divs .new-pricing-div {
  padding-top: 0;
}

.new-pricing-div .pricing-col {
  display: inline-block;
  margin: 0 50px;
  text-align: left;
  position: relative;
}


.new-pricing-div .pricing-col .most-popular {
  margin-left: 3px;
  position: absolute;
  border-bottom: 1px solid;
  top: -50px;
}

.new-pricing-div.lifetime-div .pricing-col {
	margin:0;
}

.new-pricing-div:not(.lifetime-div) .pricing-col:first-child {

}

@media (max-width:767px) {
	.new-pricing-div:not(.lifetime-div) .pricing-col:first-child {

	}
}

.new-pricing-div .wrap {
  position: relative;
}

.new-pricing-div em {
  font-size: 15px;
  position: absolute;
  top: -30px;
}

.new-pricing-div button,
.new-pricing-div a.button,
.new-pricing-div form {
  margin-bottom: 0;
}
.new-pricing-div button,
.new-pricing-div a.button {
  display: inline-block;
}

.new-pricing-div h3 {
  font-size: 96px;
  position: relative;
  line-height: 70px;
  margin-bottom: 32px;
}

.new-pricing-div h3 small {
  position: absolute;
  font-size: 32px;
  line-height: 32px;
  top: 0;
  left: -22px;
}

.new-pricing-div h4 {
  margin: 5px 0;
  font-size: 15px;
}

.new-pricing-div .one-off {
  font-size: 15px;
}

.new-pricing-div ul {
  list-style: none;
  margin: 25px 0 25px 0;
  width: 220px;
  height: 180px;
  color: #333;
  font-size:13px;
}

.new-pricing-div ul li {
  margin: 0 0 10px 0;
}

.new-pricing-div ul li span {
  border-bottom: 1px dotted;
  padding-bottom: 1px;
}

.new-pricing-div ul li {
  display: table;
}

.new-pricing-div ul li div,
.new-pricing-div ul li i {
  display: table-cell;
}

.new-pricing-div ul li i {
  padding-right: 5px;
}

.new-pricing-div .pricing-col.popular {
  border: 2px solid #aaa;
  padding: 30px 40px 40px 40px;
  border-radius: 5px;
}

.new-pricing-div .pricing-col.popular h3 {
  font-weight: 400;
}

.new-pricing-div .pricing-col.popular .most-popular {
  position: relative;
  top: -42px;
  left: 0px;
  background: #666;
  color: #fff;
  padding: 6px 16px;
  line-height: 15px;
  font-weight: bold;
  border-radius: 5px;
}


@media (max-width:768px) {
  .new-pricing-div {
    flex-direction: column;
    max-width: 300px;
  }
  .new-pricing-div .pricing-col {
    margin-bottom:150px;
  }
  .new-pricing-div .pricing-col:last-child {
    margin-bottom:0;
  }
  .new-pricing-div ul {
    height: auto;
  }
}

@media (max-width:500px) {
  .new-pricing-div .pricing-col.popular {
    border: none;
    padding: 30px 0px 40px 0px;
    border-radius: 5px;
  }
  .new-pricing-div .pricing-col.popular .most-popular {
    display: none;
  }
}

@media (max-width:1020px) {
  .new-pricing-div {
    padding-left: 0;
  }
}

.new-website-steps {
  text-align: center;
  padding: 100px 0;
  clear: both;
  background: #eee;
}

.new-website-steps h2 {
  margin-bottom: 60px;
  font-size: 28px;
  margin-top: 0;
}

.new-website-steps ul {
  list-style: none;
  display: inline-block;
  margin: 0px 0 90px 0;
}

.new-website-steps ul li {
  display: inline-block;
  width: 360px;
  vertical-align: top;
  margin-top: 50px;
}

.new-website-steps ul li .number {
  width: 60px;
  height: 60px;
  line-height: 60px;
  border-radius: 60px;
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  font-weight: bold;
  font-size: 16px;
  margin: auto;
  display: inline-block;
  background: #000;
  color: #fff;
}

.new-website-steps ul li h3 {
  font-size: 18px;
  padding: 15px 0;
  font-weight: bold;
}

.new-website-steps ul li p {
  width: 70%;
  margin: auto;
}

.new-website-steps p.info {
  font-size: 12px;
  line-height: 1.8em;
  color: #333;
  width: 70%;
  margin: auto;
}

.new-website-steps a.button {
  margin: 80px 0 0 0;
}

@media only screen and (max-width: 767px) {
  .new-website-steps h2 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 70px;
    width: 80%;
    margin: 70px auto 30px auto;
  }
  .new-website-steps ul li {
    width: 280px;
  }
  .new-website-steps ul li p {
    width: 90%;
  }
}

.checkout-important-message {
  background: #eee;
  color: #000;
  text-align: center;
  font-size: 11px;
  padding: 5px 0
}

.checkout-important-message a {
  color: #000;
  font-weight: bold;
}

.pricing-important-message {
  text-align: center;
  margin: auto;
  padding: 7px 30px;
  font-size: 12px;
  clear: both;
  top: -10px;
  margin-bottom: 20px;
  position: relative;
}

.pricing-important-message.pricing-page {
  float: left;
  width: 100%;
  margin-top: 70px;
  padding: 0;
}

.pricing-important-message span {
  border: 1px solid #cc0000;
  color: #cc0000;
  padding: 5px 30px;
  border-radius: 50px;
  font-size: 10px;
  display: inline-block;
}

.pricing-important-message span strong.coupon {
  border-bottom: 1px dotted;
  padding-bottom: 3px;
}

.pricing-container .button {
  font-weight: bold;
}

.pricing-faq .right .wrap {
  padding: 15px 15px 15px 25px;
  margin-left: 30px;
  font-size: 11px;
  border-left: 1px solid #EEE;
}

.pricing-faq {
  margin-bottom: 50px;
}

.pricing-faq .generic-title {
  padding: 120px 0 70px;
}

.pricing-faq h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.6em;
  margin-bottom: 5px;
}

.pricing-faq div.info p {
  font-size: 12px;
  line-height: 1.6em
}

.pricing-faq .faq-title {
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

.pricing-faq .faq-title:first-child {
  margin-top: 0;
  padding-top: 0;
}

.pricing-faq h2 {
  font-size: 24px;
  border-bottom: 1px solid #EEE;
  padding: 50px 0 25px 0;
  font-weight: 300;
  border: none;
}

.helpdocs.pricing-faq {}

.helpdocs.pricing-faq h2 {
  font-size: 24px;
  padding: 50px 0 25px 0;
  margin-bottom: 0;
  font-weight: normal;
}

.pricing-faq h2:first-child {
  padding-top: 0
}

.pricing-faq .info a {
  color: #cc0000;
  border-bottom: 1px dotted;
  padding-bottom: 2px;
}

.tweettopay {
  background-color: #FFF;
  border-bottom: 1px solid #EEE;
  padding: 40px 0 110px 0
}

.unlock-buttons {
  width: 190px;
  margin: auto;
  text-align: center;
  vertical-align: top;
  display: table;
}

.unlock-buttons .tweet {
  position: relative;
  top: 3px
}

.unlock-buttons .tweet,
.unlock-buttons .fb-like-div,
.unlock-buttons .or {
  display: table-cell;
  vertical-align: middle;
}

.unlock-buttons .or {
  width: 100px;
  text-align: center;
}

.themepagetext {
  width: 100%;
  background-color: #eee;
  color: #000;
  border-bottom: 1px solid #ddd;
  color: #000;
  padding: 5px 0 5px 0;
  font-size: 12px;
}

.themepagetext.freebie {
  background-color: #cc0000;
  color: #fff;
}

.themepagetext i {
  font-size: 15px;
  color: #cc0000;
  top: 1px;
  margin-right: 2px;
  position: relative;
}

.themepagetext.freebie i {
  color: #fff;
}

.themepagetext .preinfo {
  float: left;
  display: none;
  font-size: 12px;
  border-top: 1px solid #ccc;
  padding-top: 20px;
  margin-top: 5px;
}

.themepagetext .preinfo span {
  font-size: 13px;
  font-weight: bold;
  display: block;
  margin-top: 25px;
}

.themepagetext .preinfo i {
  color: #000;
}

.themefeatures .single-intro-text p {
  margin-top: 0;
  font-size: 14px;
  border-bottom: 1px solid #ddd;
  margin-bottom: 60px;
  padding-bottom: 60px;
}

.themefeatures .single-intro-text p strong {
  font-weight: bold;
}

.themefeatures .regular {
  display: table;
  vertical-align: middle;
}

.themefeatures .regular .columns {
  display: table-cell;
  height: 100%;
  vertical-align: middle;
  float: none;
}

.themefeatures .regular .columns.imgside {
  width: 48%;
}

.themefeatures .regular img {
  width: 100%;
}

.full-list {
  display: block;
  text-align: center;
  margin: 40px 0 120px 0;
}

.wp-themes-installation-single-wrap {
  margin:70px auto;
}
.themefeatures .regular .columns .paragwrap {
  padding-left: 7%;
}

.themefeatures .regular .alpha.columns .paragwrap {
  padding-left: 0;
  margin: 0;
}

.themefeatures {
  padding: 100px 0 100px 0;
  background: #fff;
  display: inline-block;
  width: 100%;
}

.themefeatures .paragwrap {
  margin-left: 20px;
}

.themefeatures .regular hr {
  width: 40%;
  color: #f9f9f9;
}

.themefeatures .centered hr {
  width: 25%;
  margin: 25px auto;
  color: #f9f9f9;
}

.themefeatures .img {
  float: left;
  position: relative;
  height: auto;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  padding-top: 28px;
  background: url(images/new/browser_top.png) 0 0;
  background-size: 100%;
  background-repeat: no-repeat;
}

.themefeatures .img img {
  border: 1px solid #DDD;
  border-top: none;
  box-sizing: border-box;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.themefeatures .img .magnify {
  display: none;
  z-index: 2;
  position: absolute;
}

.themefeatures h3.title {
  font-weight: bold;
  font-size: 30px;
  text-align: center;
  border-bottom: 1px solid #ddd;
  margin-top: 40px;
  padding-bottom: 60px;
  margin-bottom: 70px;
  line-height: 1.7em;
}

.themefeatures h3.title i {
  font-size: 40px;
}

.themefeatures .right {}

.themefeatures .right div {
  font-size: 11px
}

.themefeatures .right div p {
  line-height: 21px;
}

.themefeatures .three.right .wrap {
  font-size: 12px;
}

.themefeatures .right h5 {
  font-size: 15px;
  margin: 40px 0 3px 0;
}

.themefeatures .right h5:first-child {
  margin-top: 0;
}

.right span.browser {
  background: url(images/sprite.png) 0 0;
  display: block;
  height: 40px;
  margin-top: 5px;
}

.right span.html5 {
  background: url(images/sprite.png) 0 -100px;
  display: block;
  height: 55px;
  margin-top: 8px;
}

.themefeatures .left .row {
  border-bottom: 1px dotted #ccc;
  padding: 0px 0 70px 0;
  margin-bottom: 70px;
  width: 100%;
}

.themefeatures .left span.title {
  font-size: 23px;
  font-weight: normal;
  margin-bottom: 25px;
  display: block;
}

.themefeatures .left .paragwrap span.title {
  font-size: 21px;
  margin-bottom: 10px;
  line-height: 1.6em;
  font-weight: normal;
  color: #000;
}

.themefeatures .left div.info {
  font-size: 13px;
  width: 96%;
  font-weight: normal;
  color: #111;
  margin-bottom: 50px;
}

.themefeatures .left div.info p {
  line-height: 1.7em;
}

.themefeatures .left strong {}

.themefeatures .left .centered {
  text-align: center;
}

.themefeatures .left div.info2 {
  width: 80%;
  margin: auto;
  font-weight: 300;
  color: #000;
  font-size: 16px;
  margin-bottom: 60px;
}

.themefeatures ul.important-alert {
  list-style: none;
  margin: 30px 0 30px 20px;
  font-size: 11px;
  float: left;
  width: 95%;
}

.themefeatures ul.important-alert li {
  margin: 0 0 5px 0;
}

.main-theme-content p {
  margin: 0 0 70px 0;
  border-bottom: 1px solid #ddd;
  font-size: 15px;
  padding: 0 80px 70px 80px;
  text-align: center;
  color: #333;
}

.themefeatures .faq-div {
  padding-top: 60px;
  border-top: 2px solid #ddd;
}

.themefeatures .faq-div h2 {
  font-weight: bold;
  font-size: 24px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 30px;
}

.themefeatures .faq-div h3 {
  font-size: 18px;
  font-weight: bold;
  margin: 15px 0;
}

.themefeatures .faq-div p {
  font-size: 12px;
}

.themefeatures .faq-div p strong {
  font-weight: bold;
}

.themefeatures .faq-div ul li {
  font-size: 12px;
  line-height: 1.6em;
}

.themefeatures .faq-div .wraps {
  margin-bottom: 50px;
}

.customer-websites-title {
  font-size: 24px;
  font-weight: 300;
  text-align: center;
  display: block;
  padding: 30px 0;
}

.customer-websites div {
  display: block;
  margin-bottom: 50px;
}

.customer-websites img {
  width: 100%;
  display: block;
}

.customer-websites div {
  width: 31%;
  margin-right: 3.2%;
  float: left;
  position: relative;
  border: 1px solid #ddd;
}

.customer-websites.webmany-2 div:first-child {
  margin-left: 17%;
}

.customer-websites .webmany-more {
  display: none;
}

.customer-websites div:nth-child(3) {
  margin-right: 0;
}

.customer-websites div a {
  float: left;
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  opacity: 0;
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  transition: opacity .5s ease-in-out;
  text-align: center;
}

.customer-websites div a:hover {
  opacity: 1;
}

.customer-websites div a span {
  background: #000;
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  padding: 9px 24px 9px 24px;
  line-height: 1.3em;
  border-radius: 50px;
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  top: 50%;
  left: 50%;
  margin-left: -64px;
  margin-top: -18px;
  position: absolute;
  display: inline-block;
}

.customer-websites div a span small {
  font-size: 8px;
  color: #bbb
}

.customer-websites .more-div {
  width: 100%;
  float: left;
  text-align: center;
  margin-bottom: 50px;
}

.customer-websites .more-div a {
  border-bottom: 1px dotted;
  padding-bottom: 5px;
}

@media only screen and (max-width: 767px) {
  .customer-websites-title {
    font-weight: normal;
  }
  .customer-websites div {
    width: 80%;
    margin: auto;
    float: none;
    margin-bottom: 40px;
  }
  .customer-websites div:nth-child(3) {
    margin-right: auto;
  }
  .customer-websites.webmany-2 div:first-child {
    margin-left: auto;
  }
}

@media only screen and (max-width: 959px) {
  .themefeatures .left .paragwrap span.title {
    font-size: 16px!important;
  }
  .themefeatures .left div.info {
    font-size: 12px;
  }
  .themefeatures .paragwrap {
    margin-left: 0
  }
}

@media only screen and (max-width: 768px) {
  .themefeatures .right .wrap {
    text-align: center;
    margin-bottom: 80px;
  }
}

@media only screen and (max-width: 767px) {
  .themefeatures .regular .columns.imgside {
    width: 100%;
  }
  .themefeatures .left .paragwrap span.title {
    text-align: left;
    font-weight: bold!important;
  }
  .themefeatures .regular .columns .paragwrap {
    padding-left: 0!important;
    text-align: left;
  }
}

.faqsingle .wraps {
  padding: 10px;
}

.faqsingle h3 {
  font-size: 21px;
  margin-bottom: 10px;
}

.faqsingle div.faqcontent {
  font-size: 13px;
  line-height: 1.7em;
  margin-bottom: 35px;
  border-bottom: 1px dotted #ccc;
  padding-bottom: 45px;
}

.faqsingle div.faqcontent ul,
.faqsingle div.faqcontent ol,
.faqsingle div.faqcontent li {
  line-height: 1.7em;
}

.themefeatures .tabarea {
  margin-bottom: 0;
  margin-top: 0;
  padding-top: 0px;
}

.themefeatures .tab-pane {
  font-size: 12px;
}

.themefeatures .tab-content {
  margin-bottom: 50px;
  padding: 25px;
  border: 1px solid #ccc;
  border-top: none;
  text-align: left!important;
}

.themefeatures .tab-content .themeoptions hr {
  border: 1px solid #F0F0F0;
  margin: 25px 0 30px
}

.tab-content .themeoptions a {
  float: left;
  width: 390px;
  margin-right: 30px;
}

.tab-content .themeoptions a:last-child {
  margin-right: 0
}

.themefeatures .right strong {
  font-weight: bold;
}

.themefeatures .right .wrap {
  margin-top: 0px;
}

.themefeatures .right .wrap img {
  max-width: 150px;
  width: 100%;
  padding-top: 15px;
}


/* MEMBER AREA */

.memberarea-text {
  /*font-family:"Helvetica Neue", Helvetica, arial, sans-serif;*/
  padding: 25px;
  background: #f0f0f0;
  border: 1px solid #ddd;
}

.memberarea-text pre {
  margin: 25px;
  color: #666;
  margin-bottom: 50px
}

.memberarea-text li {
  margin-bottom: 20px;
  line-height: 1.7em;
}

.memberarea h3.maintitle {
  margin-bottom: 20px;
  padding-bottom: 15px;
  border-bottom: 1px solid #DDD;
}

.memberarea-text .feedback-form {
  text-align: left;
  margin: 40px 0;
  padding-top: 40px;
  border-top: 1px solid #EEE;
}

.memberarea-text .feedback-form textarea {
  width: 80%;
  height: 200px
}

.memberarea-text .feedback-form .radios label {
  line-height: 28px
}

.memberarea-text .feedback-form select {
  height: 45px;
  width: 325px;
}

.memberarea-text .feedback-form th,
.memberarea-text .feedback-form td {
  vertical-align: top;
  line-height: 45px
}

.memberarea-text .feedback-form th,
.memberarea-text .feedback-form td {
  padding-bottom: 0px
}

.member-exclusive {
  text-align: right;
  margin-top: 18px;
}

.member-exclusive p {
  font-size: 13px;
  margin-top: 10px;
  font-weight: normal;
  color: #333;
}
.member-exclusive strong.promo {
  border-bottom: 1px solid #cc0000;
  color: #cc0000;
  padding-bottom: 2px;
}

@media only screen and (max-width: 959px) {
  .memberarea .left .product td {
    padding: 10px 10px;
  }
  .memberarea .left .product td .button i {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .member-exclusive {
    text-align: center;
  }
  .memberarea .left .product td form,
  .memberarea .left .product td button {
    text-align: center;
    margin-bottom: 0;
  }
  .memberarea .left .product .downloadbutton {
    text-align: center;
  }
  .memberarea .left .product td.right {
    text-align: left!important;
  }
  .memberarea .left .product td,
  .memberarea .left .product tr {
    display: block;
  }
}

#review-theme .thanks-div {
  text-align: center;
  display: none;
  padding: 50px;
}

#review-theme .thanks-div i {
  font-size: 66px;
  margin-bottom: 25px;
  color: #5cb85c;
}

#review-theme .thanks-div h3 {
  font-weight: bold;
  font-size: 30px;
}

#review-theme .thanks-div a {
  border-bottom: 1px solid #000;
}

.memberarea .right {
  text-align:left;
  padding:18px 25px;
}
.memberarea .right h3 {
  font-size:14px;
  font-weight:bold;
  margin-bottom:10px;
  text-align: left;
}
ul.rightmenu {
  margin: 0 0 25px 0;
  list-style: none;
  text-align: left;
  font-size: 12px;
}

ul.rightmenu li {
  padding-bottom: 12px;
  margin-bottom: 0;
}

ul.rightmenu li a i {
  margin-right: 3px;
}

ul.rightmenu li a.selected {
  font-weight: bold;
  color: #cc0000;
}

ul.rightmenu li a.feedback-link {
  font-weight: bold;
}

  @media (min-width:768px) and (max-width:1199px) {
    .memberarea .right {
      padding:15px;
    }
    ul.rightmenu i {
      display:none;
    }
  }


.memberarea {
  margin-top: 10px;
}

.memberarea .popover-content {
  font-weight: normal
}

.memberarea .changelog {
  width: 100%;
  position: relative;
  display: none;
  font-size: 13px;
  padding-top: 25px;
  border-top: 1px solid #ddd;
}

.memberarea .changelog .close-change,
.memberarea .pkey .close-change {
  position: absolute;
  right: 10px;
  font-size: 21px
}

.memberarea .pkey .close-change {
  position: absolute;
  top: 25px;
  right: 25px;
  font-size: 21px;
  color: #fff;
}

.memberarea .testimonial-button {
  display: block;
  padding: 12px 25px;
  font-size: 11px;
  font-weight: bold;
  background: #333;
  color: #fff;
  margin-bottom: 5px;
}

.memberarea .testimonial-button:hover {
  color: #fff;
  background: #cc0000;
}

.memberarea .testimonial-button.publish-website {
  margin-bottom: 0
}

.memberarea .promote-form {
  background: #333;
  padding: 0 25px;
  margin-bottom: 0;
  color: #fff;
  display: none;
}

.memberarea .promote-form span {
  color: #fff;
  border-top: 1px solid #444;
  padding-top: 15px;
}

.memberarea .promote-form input {
  padding: 10px;
  font-size: 12px;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
}

.memberarea .promote-form button {
  padding: 12px 25px;
  font-size: 11px;
  font-weight: bold;
  width: 100%;
}

.memberarea .promote-form button:hover {
  background: #cc0000
}

.memberarea .promote-form .res-msg {
  font-size: 13px;
  padding: 10px 0 20px 0;
  display: block;
  color: #ffcc33;
}

.pop-change-log {
  width: 90%;
  font-size: 13px;
  margin-bottom: 20px;
}

.pop-change-log h5 {
  font-size: 13px;
}

.pop-change-log p {
  margin-bottom: 0;
}

.pop-change-log ul {
  margin: 20px 20px 60px 16px;
  max-width: 650px;
}

.pop-change-log ul li {
  margin-bottom: 10px;
}

.first-upgrade-cols {
  width: 100%;
  float: left;
  border: 1px solid #eee;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 25px;
  box-sizing: border-box;
  background-color: #f9f9f9;
  color: #333;
  margin-bottom: 15px;
  font-size: 12px;
}

.first-upgrade-cols a {
  display: block;
  color: #fff;
}

.first-upgrade-cols h3 {
  font-size: 18px;
  font-weight: bold;
  color: #cc0000;
  margin-bottom: 5px;
}

.first-upgrade-cols small.one-time-small {
  line-height: 18px!important;
  font-size: 100%;
  font-size: 10px;
  margin-top: 5px;
  display: inline-block;
}

.first-upgrade-cols form {
  float: left;
  margin-right: 10px!important;
  margin-top: 15px!important;
}

.first-upgrade-cols form button {
  background: none;
  color: #777;
  border: 1px solid #bbb;
  padding: 7px 14px!IMPORTANT;
  font-size: 10px;
  font-weight: bold;
}

.first-upgrade-cols form button:hover {
  background: #cc0000;
  color: #fff;
  border-color: #cc0000;
}

.first-upgrade-cols .readlegacy {
  color: #000;
  border-radius: 5px;
  display: block;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.first-upgrade-cols .readlegacy a {
  display: inline;
  color: #000;
  border-bottom: 1px dotted #666;
  padding-bottom: 6px;
}

.memberarea .left .product small {
  color: #666
}

.memberarea .left .product .changelog h5 {
  font-size: 12px!important;
  padding-bottom: 5px;
  font-weight: bold;
}

.memberarea .left .product .changelog ul {
  margin-top: 20px;
}

.memberarea .left .product .changelog h3 {
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 25px;
}

.memberarea .left .product .extra-links {
  color: #666;
  margin-bottom: 30px;
}

.memberarea .left .product .extra-links a {
  border-bottom: 1px dotted #999;
  padding-bottom: 3px;
  font-size: 11px;
  color: #333;
}

.memberarea .changelog p {
  margin-bottom: 5px
}

.memberarea .left .product .changelog ul {
  margin-top: 10px;
  margin-bottom: 30px;
}

.memberarea .left .product .changelog ul li {
  margin-bottom: 10px;
  line-height: 1.7em;
}

.memberarea .left .product .separate td {
  padding: 0;
}

.memberarea .left .product .separate td h2 {
  font-size: 13px;
  margin: 0px 0 0 0;
  padding: 5px 20px;
  background-color: #999;
  color: #eee;
  font-weight: bold;
}

.memberarea .left .product .separate td small {
  font-weight: normal;
}

.memberarea .left .product .oldtheme h5 {
  font-size: 15px;
  font-weight: normal;
}

.memberarea .left .product .oldtheme {
  font-size: 11px;
}

.memberarea .left .product .oldtheme .small-links {
  margin-top: 0px;
}

.memberarea .left .product .oldtheme strong {
  font-weight: normal
}

.memberarea .img {
  -moz-border-radius: 250px;
  -webkit-border-radius: 250px;
  border-radius: 250px;
  overflow: hidden;
  float: left;
  height: 160px;
}

.memberarea h3.title {
  font-size: 21px;
  border-bottom: 1px solid #eee;
  padding-bottom: 20px;
  margin-bottom: 30px;
  font-weight: bold;
}

.memberarea .right {
  background-color: #eee;
  text-align: center;
  border-top: 3px solid #999;
}

.memberarea .right a.showtestimonial2 {
  margin: 20px 0 5px 0;
}

.memberarea .right div {
  font-size: 12px
}

.memberarea .right span.browser {
  background: url(images/sprite.png) 0 0;
  display: block;
  height: 40px;
  margin-top: 5px;
}

.memberarea .form-msg {
  margin-bottom: 5px;
  margin-top: 10px;
  padding: 10px;
}

.memberarea .right span.html5 {
  background: url(images/sprite.png) 0 -100px;
  display: block;
  height: 55px;
  margin-top: 8px;
}

.memberarea .right .myinfo {
  text-align: left;
}

.memberarea .right .memberareaform {
  margin-top: 10px;
  display: none;
}

.memberarea .right .memberareaform form,
.memberarea .right .memberareaform form button {
  margin-bottom: 0
}

.memberarea .right .memberareaform label {
  font-size: 11px;
}

.memberarea .right .memberareaform select {
  margin-bottom: 0;
  margin-top: 10px;
  background-color: #fff;
  width: 90%;
}

.memberarea .right .memberareaform input[type=text] {
  background-color: #fff;
}

.memberarea .right .memberareaform textarea {
  margin-bottom: 5px;
  margin-top: 10px;
  background-color: #fff;
  width: 90%
}

.memberarea .right .myinfo a.mine {
  color: #666;
}

.memberarea .right .myinfo a.mine:hover {
  color: #000
}

.memberarea .left .product {
  margin-bottom: 25px;
  margin-top: 0px;
  display: block;
  padding: 25px;
  border: 1px solid #ddd;
  border-bottom: 2px solid #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  padding-bottom: 30px;
}

.memberarea .left .product .lines {
  font-size: 11px;
  padding-bottom: 10px;
  margin-bottom: 10px;
  display: block;
}

.memberarea .left .product th {
  border-bottom: 2px solid #ddd;
  padding: 10px 20px;
  font-weight: bold;
  text-align: left;
}

.memberarea .left .product td:first-child {
  width: 130px;
}

.memberarea .left .product td.product-button-td {
  position: relative;
  width: 36%;
}

.memberarea .left .product td {
  font-size: 14px;
}

.memberarea .left .product td.order-dets strong {
  display: block;
  margin-bottom: 20px;
}

.memberarea .left .product td.order-dets strong:last-child {
  margin-bottom: 0;
}

.memberarea .left .product td img {
  padding: 5px;
  border-radius: 5px;
  background: #fff;
  border: 1px solid #ddd;
  width: 130px;
}

.memberarea .left .product td {
  padding: 20px;
  vertical-align: top;
  border-bottom: 1px solid #eee;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.memberarea .left .product td .button {
  margin-bottom:0;
  margin-top: -2px;
}
.memberarea .left .tablerow {
  border-bottom: 1px dotted #ddd;
  font-size: 11px;
  margin-bottom: 9px;
  padding-bottom: 9px;
  color: #000;
}

.memberarea .left .product .downloadbutton {
  font-size: 11px;
  font-weight: bold;
  padding: 9px 14px;
  margin: 0;
}

.memberarea .left .tablerow .timeframe {
  color: #cc0000;
  padding: 5px 15px;
  margin-right: -15px;
}

.memberarea .left .tablerow .omega {
  text-align: right
}

.memberarea .left .tablerow .tableright {
  font-weight: bold;
}

.memberarea .alertmemberarea {
  display: block;
  padding: 25px;
  background-color: #333!important;
  color: #ddd!important;
  margin-bottom: 20px;
  border-radius: 10px;
}

.memberarea .alertmemberarea h4 {
  font-size: 14px;
  font-weight: bold;
  color:#fff;
}

.memberarea .alertmemberarea p {
  font-size: 14px;
  margin-bottom: 0;
  margin-top:5px;
}

.alertmemberarea .getallthemes-form {
  float: right;
  margin: 0;
}

.memberarea .alertmemberarea {
  padding:15px 25px;
}
.memberarea .alertmemberarea p {
  margin-top:0;
}

@media only screen and (max-width: 959px) {
  .alertmemberarea .getallthemes-form {
    float: none;
    margin: 0 0 20px 0;
  }
}

.alertmemberarea form.accessallthemes button {
  background: none!important;
  color: #000!important;
  font-weight: normal;
  padding: 0!important;
}

.alertmemberarea form.accessallthemes button strong {
  color: #cc0000;
}

ul.download-product-menu {
  width: 250px;
  background: #fff;
  border: 1px solid #ddd;
  margin: 10px 0 0 0;
  border-radius: 5px;
  list-style: none;
  position: absolute;
  right: 20px;
  top: 50px;
  display: none;
  z-index: 5;
}

.download-product-menu strong.sub-title {
  margin: 18px 22px 10px 22px;
  display: block;
  font-size: 12px;
}

ul.download-product-menu li {
  padding: 0;
  margin: 0;
  text-align: left;
  border-bottom: 1px solid #eee;
}

ul.download-product-menu li a .version {
  float: right;
}

ul.download-product-menu li a {
  padding: 10px 12px;
  display: block;
  font-size: 12px;
}

ul.download-product-menu li a:before {
  font-family: 'fontawesome';
  content: '\f105';
  width: 12px;
  float: left;
  font-weight: bold;
}

ul.download-product-menu li:last-child {
  border: none;
}

@media only screen and (max-width: 1200px) {
  .memberarea .left .product td.product-button-td {
    width: 27%;
  }
}

@media only screen and (max-width: 959px) {
  .memberarea .left .product th {
    display: none;
  }
  .memberarea .left .product td:first-child {
    width: 100%;
  }
  .member-theme-item td:first-child {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .memberarea .left .product td.product-button-td {
    width: 100%;
  }
  .member-theme-item ul.license-details {
    text-align: left;
  }
  .member-theme-item ul.license-details li a {
    display: block;
    color: #cc0000;
    margin-top: 10px;
  }
}

.alertmemberarea.upgradebox {
  float: left;
  width: 100%;
  box-sizing: border-box;
}

.alertmemberarea.upgradebox p,
.alertmemberarea.upgradebox h4 {
  float: left;
}

.alertmemberarea form {
  margin: 0;
}

.alertmemberarea .productk,
.alertmemberarea .productk:focus {
  background: none;
  border: none;
  color: #C00;
  padding: 6px 10px;
  box-shadow: none;
  border-radius: 5px;
  font-size: 14px;
  width: 300px;
  margin-left: 10px;
  border: 1px solid #C00;
}

.alertmemberarea form button {
  margin: 7px 0 0 0;
  font-size: 10px;
  font-weight: bold;
  padding: 8px 16px;
}

.alertmemberarea .expiration {
  font-weight: bold;
  float: right;
  text-transform: uppercase;
  background: #C00;
  color: #FFF;
  font-weight: bold;
  padding: 6px 8px;
  line-height: 1em;
  font-size: 10px;
  border-radius: 5px;
}

.memberarea .left .product .extras {
  display: block;
  margin-top: 15px;
}

.memberarea .left .product .extralinks {
  color: #333;
  font-size: 11px;
  margin-left: 20px;
}

.memberarea .left .product .extralinks i {
  top: -3px;
  position: relative;
}

.memberarea .right .supportright {
  text-align: left;
}

.memberarea .right .supportright h4 {
  font-size: 18px;
  margin: 0px 0 10px 0;
}

.memberarea .right .supportright p {
  font-size: 13px;
}

.memberarea .left .product {
  display: table;
  width: 100%;
  box-sizing: border-box;
  font-size: 12px;
}

.memberarea .left .product h5 {
  font-size: 18px;
  border: none;
  padding: 0;
  line-height: 21px;
  font-weight: bold;
  margin-bottom: 5px;
}

.memberarea .left .product .small-links {
  margin-top: 15px;
}

.memberarea .left .product .small-links a {
  font-size: 10px;
  color: #666;
  margin-right: 6px;
  padding-right: 6px
}

.memberarea .left .product a.show-key {
  border-bottom: 1px dotted #cc0000;
  padding-bottom: 0px;
  color: #cc0000;
  margin-bottom: 10px;
  display: inline-block;
}

.memberarea .left .product input.productk {
  border-radius: 0;
  -webkit-appearance: none;
  margin-bottom: 5px;
  font-size: 18px;
  border: 1px solid #555;
  color: #fff;
  background: none;
  padding: 8px 10px;
  width: 100%;
  margin-top: 10px;
}

.memberarea .left .product .pkey {
  position: relative;
}
.memberarea .left .product .pkey small {
  color:#ddd;
}

.memberarea .left .product .pkey input.productk:focus {
  box-shadow: none;
}

.memberarea .left .product input.productk::selection {
  background: #fff;
}

.memberarea .left .pkey {
  padding: 15px 10px 0 10px;
}
.memberarea .left .product .pkey-container {
  position:relative;
}
.memberarea .left .product .pkey-container a.button {
  position:absolute;
  right:7px;
  top:20px;
  padding:5px 9px 4px 9px;
  font-size:10px;
}

.memberarea .left .pkey span {
  color: #fff;
  display: block;
  margin: 10px 0 0 0;
  font-weight: bold;
}

.memberarea .left .pkey span small {
  font-weight: normal;
  display: block;
}

.pkey-reset-form,
.pkey-reset-done {
  max-width:500px;
}
.pkey-reset-done {
  display:none;
}
.pkey-reset-form label {
  margin-bottom:20px;
}
.pkey-reset-form a.button {
  margin-right:12px;
}



.user-promo-div {
  background: #fff;
  border: 2px solid #ddd;
  padding: 30px 30px 20px 30px;
  margin-bottom: 20px;
  border-radius: 5px;
}

.user-promo-div h2 {
  margin: 0 0 15px 0;
  font-size: 26px;
  font-weight: bold;
}

.user-promo-div p {
  font-size: 13px;
}

.user-promo-div form select {
  line-height: 47px;
  height: 47px;
  margin-right: 5px;
}

.user-promo-div form,
.user-promo-div select,
.user-promo-div button {
  margin-bottom: 10px;
}

.member-theme-item ul.license-details {
  margin: 15px 0;
  list-style: none;
}

.member-theme-item ul.license-details li {
  border-bottom: 1px solid #ddd;
  padding-bottom: 6px;
  margin-bottom: 6px;
  font-size: 12px;
}

.member-theme-item ul.license-details li:before {
  font-family: 'fontawesome';
  content: '\f138';
  margin-right: 7px;
  font-size: 12px;
  position: relative;
  top: 1px;
  color: #666;
  float: left;
  width: 12px;
}

.member-theme-item ul.license-details li.expired:before {
  content: '\f00d';
  color: #cc0000;
}

.member-theme-item ul.license-details li.unlimited:before {
  content: '\f00c';
  color: #4cae4c;
}

.member-theme-item ul.license-details li.expired.color-red,
.member-theme-item ul.license-details li.unlimited.color-green {
  font-weight: bold;
}

.member-theme-item ul.license-details li .extend-renew {
  float: right;
  border: none;
  border-bottom: 1px solid #000;
  color: #000;
  font-weight: bold;
  margin: 0;
  background: none;
  padding: 3px 0 8px 0;
  font-size: 11px;
  border-radius: 0;
}

.member-theme-item ul.license-details li .extend-renew:hover {
  box-shadow: none;
}

.member-theme-item ul.license-details li.expired .extend-renew {
  border-bottom: 1px solid #cc0000;
  color: #cc0000;
}

.badge-wrap {
  padding: 6px 10px;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-weight: bold;
}

.badge-green {
  background: #5cb85c;
  color: #fff;
}

.badge-red {
  background: #cc0000;
  color: #fff;
}

.login-twitter {
  border-top: 1px dotted #DDD;
  padding-top: 15px;
  font-size: 12px;
}

.login-twitter a {
  color: #23ACE2
}

.twitterbutton {
  background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0, #23ACE2), color-stop(1, #54CDE8));
  background-image: -o-linear-gradient(top, #23ACE2 0%, #54CDE8 100%);
  background-image: -moz-linear-gradient(top, #23ACE2 0%, #54CDE8 100%);
  background-image: -webkit-linear-gradient(top, #23ACE2 0%, #54CDE8 100%);
  background-image: -ms-linear-gradient(top, #23ACE2 0%, #54CDE8 100%);
  background-image: linear-gradient(to top, #23ACE2 0%, #54CDE8 100%);
  padding: 12px 18px;
  -webkit-border-radius: 250px;
  -moz-border-radius: 250px;
  border-radius: 250px;
  color: #fff;
  font-size: 14px;
  -webkit-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.75);
  -moz-box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.75);
  box-shadow: 0px 2px 0px 0px rgba(50, 50, 50, 0.75);
  border: 1px solid #23ABE2
}

.twitterbutton i {
  position: relative;
  top: 3px;
  font-size: 21px;
  margin-right: 5px;
}

.twitterbutton:hover {
  background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0, #23ACE2), color-stop(1, #54CDE8));
  background-image: -o-linear-gradient(bottom, #23ACE2 0%, #54CDE8 100%);
  background-image: -moz-linear-gradient(bottom, #23ACE2 0%, #54CDE8 100%);
  background-image: -webkit-linear-gradient(bottom, #23ACE2 0%, #54CDE8 100%);
  background-image: -ms-linear-gradient(bottom, #23ACE2 0%, #54CDE8 100%);
  background-image: linear-gradient(to bottom, #23ACE2 0%, #54CDE8 100%);
}

.twitterdiv {
  display: block;
  border-top: 1px solid #ddd;
  padding-top: 15px;
  margin-top: 5px;
}

.twitterdiv .twitterbutton {
  font-size: 12px;
  padding: 10px 16px;
  display: inline-block;
  margin-top: 10px;
}

.twitterdiv .twitterbutton i {
  margin-right: 0;
}

.twitter-alert {
  display: block;
  font-size: 12px!important;
  background: #cc0000;
  color: #fff;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.twitter-alert i {
  font-size: 30px;
}


/* THANK YOU */

.thankyou {
  margin: 250px auto 220px auto;
  text-align: center;
}

.thankyou h3 {
  font-size: 40px;
  font-weight: 300;
}

.thankyou hr {
  width: 25%;
  margin: 40px auto 35px;
  border-color: #DDD;
}

.thankyou div.info p {
  font-size: 14px;
  padding-bottom: 40px;
  width: 60%;
  margin: auto;
  font-weight: 300;
}

.thankyou div.info p strong {
  font-weight: normal;
}


/* DOCUMENTATION */

.topbacklink {
  margin-top: 40px;
}

.topbacklink a {
  color: #999;
  font-size: 12px;
}

.topbacklink a:hover {
  color: #000
}

.helpdocs {
  margin-top: 40px;
}

.helpdocs h2 {
  margin-bottom: 40px;
  font-weight: bold;
}

.helpdocs pre {
  padding: 20px;
  border: 1px solid #f0f0f0;
  font-family: courier new;
  margin: 20px 0 20px 0;
  font-size: 13px;
}

.helpdocs h3.title {
  color: #cc0000;
  font-size: 24px;
  line-height: 35px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
  padding-bottom: 25px;
  margin-bottom: 10px;
}

.helpdocs h3.title small {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

.helpdocs h3.title small a {
  color: #666;
  border-bottom: 1px dotted #ccc
}

.helpdocs h3.title small a:hover {
  color: #cc0000
}

.helpdocs .content {
  margin-bottom: 30px;
  font-size: 14px;
  line-height: 25px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.helpdocs blockquote {
  margin: 50px 0 50px 0;
}

.helpdocs .content ul li,
.helpdocs .content ol li {
  font-size: 14px;
  line-height: 25px;
}

.helpdocs .content ul li b,
.helpdocs .content ol li b {
  font-weight: bold;
}

.helpdocs .content img {
  padding: 30px 0 30px 0;
}

.helpdocs .content h4 {
  font-size: 32px;
  line-height: 1.5em;
  font-weight: noral;
  margin-bottom: 10px;
  text-align: center;
}

.helpdocs .content a {
  color: #cc0000;
  border-bottom: 1px dotted #cc0000
}

.helpdocs .right div.wrap {
  font-size: 11px
}

.helpdocs .right div.wrap strong.toc {
  margin-bottom: 5px;
  display: block;
  font-size: 14px;
  margin-top: 45px;
  line-height: 1.6em;
}

.helpdocs .right div.wrap strong.toc:first-child {
  margin-top: 15px;
}

.page-template-template-faq .faq-title h2 {
  font-weight: bold;
  font-size: 28px;
  margin-bottom: 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #eee;
  display: block;
}

.helpdocs .right div.wrap a {
  display: block;
  color: #666;
  border-bottom: 1px solid #ddd;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.helpdocs .right div.wrap a:hover {
  color: #cc0000
}

.helpdocs.faq .right div.wrap strong.toc {
  margin-bottom: 10px;
  display: block;
}

.helpdocs.faq .content {
  padding-top: 0px;
  padding-bottom: 25px;
  margin-bottom: 40px;
  display: block;
  clear: both;
}

.helpdocs.faq .content h3 {
  font-size: 24px;
  color: #cc0000;
  border-bottom: 1px dotted #f0f0f0;
  padding-bottom: 30px;
  margin-bottom: 30px;
  padding-top: 0px;
}

.helpdocs.faq .content h5 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  padding-top: 60px;
  width: 90%;
}

.helpdocs.pricing-faq .content h5 {
  font-size: 16px;
  border-bottom: 1px solid #eee;
  font-weight: normal;
  margin-bottom: 14px;
  padding-bottom: 14px;
  padding-top: 0px;
}

.helpdocs.faq.pricing-faq .content div.text {
  display: none;
  margin-bottom: 40px;
  float: left;
}

.helpdocs.faq .content h5:first-child {
  padding-top: 0;
}

.helpdocs.faq .content div.text {
  font-size: 14px;
  line-height: 25px;
  padding-bottom: 15px;
  display: block;
  color: #333;
  width: 90%;
}

.helpdocs.faq .right div.wrap a {
  display: block;
  color: #333;
  font-size: 12px;
  line-height: 1.7em;
  border-bottom: 1px solid #eee;
  padding-bottom: 9px;
  margin-bottom: 9px;
}

.helpdocs.faq .right div.wrap small a {
  font-size: 11px;
}

.helpdocs.faq .right div.wrap small a i {
  margin-right: 5px;
  font-weight: bold;
}

.helpdocs.pricing-faq a.open-faq-title {
  color: #000;
  border: none;
}

.helpdocs.pricing-faq a.open-faq-title:before {
  content: '\f055';
  font-family: fontawesome;
  margin-right: 7px;
}

.helpdocs.pricing-faq a.open-faq-title.expand:before {
  content: '\f055';
}

.doc-list select {
  height: 30px;
  line-height: 30px;
}

.doc-list,
.doc-list select {
  margin-bottom: 0;
}

.documentation {
  text-align: left;
}

.documentation .doc-menu {
  margin-bottom: 40px;
  position: relative;
}

.documentation .doc-menu ul {
  list-style: none;
  margin: 0;
  font-size: 11px;
}

.documentation .doc-menu ul li {
  border-bottom: 1px solid #eee;
  padding-bottom: 8px;
  margin-bottom: 8px
}

.documentation .doc-menu ul li a.selected {
  color: #cc0000;
  font-weight: bold;
}

.documentation .doc-menu ul ul {
  margin-left: 18px;
  margin-top: 15px;
  margin-bottom: 10px;
  display: none;
}

.documentation .doc-menu ul ul li {
  border-bottom: none;
  padding-bottom: 7px;
  margin-bottom: 7px
}

.documentation .doc-menu ul ul,
.documentation .doc-menu ul li {
  float: left;
  width: 100%;
}

.doc-content-container h2 {
  margin: -6px 0 15px 0;
  font-size: 21px;
  font-weight: bold;
}

.documentation .doc-content {
  font-size: 12px;
}

.documentation .doc-content-container {
  display: none;
}

.documentation .doc-content-container p {
  padding: 5px 0 10px 0;
  margin: 0;
}

.documentation .help-container {
  padding-right: 10%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.help-container hr {
  border: 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #FAFAFA;
  clear: none;
  margin: 5px 0;
}

.help-container ul {
  margin-top: 0!important;
}

.documentation .doc-content-container ul li,
.documentation .doc-content-container ol li,
.documentation .doc-content-container pre {
  line-height: 1.7em;
}

.help-container ul {
  margin: 30px;
  list-style: disc;
  line-height: 1.7em;
}

.help-container a {
  color: #cc0000!important;
  padding-bottom: 3px;
  border-bottom: 1px dotted #cc0000!important;
}

.help-container pre,
.help-container blockquote {
  padding: 30px;
  line-height: 1.7em;
  color: #777;
  font-size: 13px;
  border: 1px solid #DDD;
}

.help-container p {
  padding-bottom: 20px;
  line-height: 1.7em!important;
}

.help-container a {
  border-bottom: none!important;
}

.help-container,
.help-container p {
  font-family: "Helvetica Neue", Helvetica, sans-serif;
  font-size: 14px;
}

.help-container .alignleft {
  float: left;
  margin-right: 20px;
}

.help-container .alignright {
  float: right;
  margin-left: 20px;
}

.help-container img {
  max-width: 100%;
  border: 1px solid #CCC;
  border-radius: 5px;
  padding: 4px;
}


/* BLOG */

.pagesharing {
  border-top: 1px solid #f0f0f0;
  border-bottom: 1px solid #f0f0f0;
  padding: 15px 0 10px 0;
  margin-top: 15px;
  margin-bottom: 0px;
  float: left;
  width: 100%;
}

.topsecondmenu .pagesharing {
  margin: 0;
  width: auto;
  border: none;
  padding: 0;
  margin: 6px 0 0 10px;
}

.pagesharing div.btns {
  float: left;
  margin-right: 10px;
}

.blogcontent {
  margin-top: 60px;
  font-family: "Helvetica Neue", arial;
}

.blogcontent h1 {
  font-size: 40px;
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.blogcontent h3 {
  line-height: 1.7em;
  margin: 40px 0 10px 0;
}

.blogcontent h3.title {
  color: #cc0000;
  font-size: 24px;
  line-height: 35px;
  font-weight: bold;
  border-bottom: 2px solid #ddd;
  padding-bottom: 25px;
  margin-bottom: 10px;
}

.blogcontent h3.title small {
  font-size: 14px;
  color: #666;
  font-weight: normal;
}

.blogcontent h3.title small a {
  color: #666;
  border-bottom: 1px dotted #ccc
}

.blogcontent h3.title small a:hover {
  color: #cc0000
}

.blogcontent a.searchimg {
  border: none!important;
}

.blogcontent a.searchimg img {
  border: 1px solid #f0f0f0;
  padding: 5px!important;
}

.blogcontent .content.single-blog {
  margin-bottom: 0;
  padding-bottom: 40px;
  border: none;
  padding: 25px;
  background: #f0f0f0;
}

.blogcontent .content:last-child {
  border: none;
}

.blogcontent .content h2 {
  font-size: 21px;
  font-weight: bold;
  margin: 55px 0 15px 0;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.blogcontent .content p {
  font-size: 15px;
  line-height: 1.7em;
}

.blogcontent blockquote {
  margin: 50px 0 50px 0;
}

.blogcontent .content ul li {
  font-size: 14px;
  line-height: 25px;
}

.blogcontent .content img {
  padding: 0px 0 20px 0;
}

.blogcontent .content img.wp-post-image {
  padding: 0 0 20px 0;
}

.blogcontent .content h4 {
  font-size: 21px;
  font-weight: bold;
}

.blogcontent .content h4 a {
  border: none;
  color: #000;
}

.blogcontent .content h4 a:hover {
  color: #cc0000
}

.blogcontent .content span.details {
  display: block;
  font-size: 12px;
  margin-bottom: 10px;
  font-weight: normal;
}

.blogcontent .content span.details i {
  top: -2px;
  position: relative;
}

.blogcontent .content .row {
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: 1px solid #f0f0f0;
}

.blogcontent .content .row .blogdate {
  background-color: #1a1a1a;
  color: #f0f0f0;
  width: 70px;
  height: 70px;
  margin-top: 6px;
  float: right;
  text-align: center;
  -moz-border-radius: 250px;
  -webkit-border-radius: 250px;
  border-radius: 250px;
}

.blogcontent .content .row .blogdate span {
  font-weight: bold;
  font-size: 21px;
  display: inline-block;
  margin-top: 10px;
}

.blogcontent .content a {
  color: #cc0000;
  border-bottom: 1px dotted #cc0000
}

.blogcontent .content a.img {
  border: none;
}

.blogcontent .content a.button {
  color: #333;
  background-color: #eee;
  font-size: 11px;
  padding: 8px 16px;
  border: 1px solid #aaa;
}

.blogcontent .content a.button:hover {
  background-color: #ddd;
}

.blogcontent .content .loop-tags {
  margin-top: 25px;
  display: block
}

.blogcontent .content .loop-tags a {
  margin-right: 10px;
  font-size: 12px;
}

.blogcontent .content a.img {
  margin: auto;
  float: none;
}

.blogcontent .content .content-center {
  margin-top: 20px;
}

.blogcontent .content .content-center .blog-text-wrap {
  text-align: left;
}

.blogcontent .content .content-center .blog-text-wrap p {
  font-size: 13px;
  line-height: 1.6em;
}

.blogcontent .content a.img {
  display: block;
}

.blogcontent .content a.img img {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .blogcontent .content {
    padding-right: 0;
  }
}

@media only screen and (max-width: 959px) {
  .blogcontent .content a.img img {
    max-width: 100%;
  }
  .blogcontent .content {
    width: 100%;
  }
}

body.dark-page #maincontainer:not(.on-move) .main-nav a,
body.dark-page #maincontainer:not(.on-move) .member-button,
body.dark-page #maincontainer:not(.on-move) .desktopmenu-wrapper .logout,
body.dark-page #maincontainer:not(.on-move) .mobilemenu {
  color: #eee
}

.white-logo {
  display: none;
}

body.dark-page .dark-logo {
  display: none;
}

body.dark-page .white-logo {
  display: block;
}

body.dark-page #maincontainer.on-move .white-logo {
  display: none
}

body.dark-page #maincontainer.on-move .dark-logo {
  display: block
}

.blog-post {
  display: block;
}

.blog-post .post-head {
  display: block;
  padding: 200px 0 45px;
}

.blog-post .post-head h2 {
  font-size: 32px;
  font-weight: bold;
  width: 800px;
  line-height: 1.4em;
  margin-bottom: 15px;
}

.blog-post .post-head div.excerpt {
  font-size: 18px;
  font-weight: normal;
  max-width: 650px;
}

.blog-post .post-head div.excerpt p {
  margin: 0;
}

.blog-post .post-head span.details {
  font-size: 11px;
}

.blog-post .post-head .nor-social-sharing {
  margin-top: 15px;
  margin-left: 15px;
}

.blog-post .post-head .nor-social-sharing a {
  color: #333;
  margin: 0 15px 0 0;
}

.blog-post .post-head .nor-social-sharing a:hover {
  color: #000
}

.blog-listing .post-head {
  padding:0 0 60px 0;
  margin-bottom:70px;
  border-bottom:1px solid #e5e5e5;
}
.blog-listing.blog-post .post-head h2 {
  padding:5px 0;
}
.blog-listing.blog-post .post-head img {
  margin:30px 0;
}
.blog-listing div .post-head:last-child {
  border:none;
  margin-bottom:0;
}

.blog-post .blog-content {
  font-weight: normal;
  font-size: 15px;
  margin: 0px 0 40px 0;
  width: 70%;
  float: left;
}
.single-post .blog-post .blog-content {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.blog-post .blog-content strong {
  color: #000;
}

.blog-post .blog-content h2 {
  font-size: 26px;
  margin: 0;
  padding: 25px 0 10px 0;
}
.blog-post .blog-content h2 strong {
  font-weight:normal;
}

.blog-post .blog-content h3 {
  font-size: 21px;
  padding: 20px 0 10px 0;
  font-weight: bold;
}
.blog-post .blog-content p a {
border-bottom: 1px solid;
padding-bottom:1px;
}

.blog-post .blog-content .blog-text {
  margin: auto;
  margin-bottom: 40px;
}

.nor-info-box {
  background: #eee;
  display: block;
  padding: 30px 30px 30px 100px;
  margin-bottom: 30px;
  position: relative;
}

.nor-info-box:before {
  content: '\f05a';
  font-family: 'fontawesome';
  margin-right: 10px;
  font-size: 21px;
  background: #3063CF;
  color: #fff;
  position: absolute;
  left: 0;
  top: 0;
  padding: 30px;
}

a.nor-download-link {
  background: #eee;
  display: block;
  padding: 30px;
  margin-bottom: 30px;
  color: #000;
  font-weight: bold;
}

a.nor-download-link:before {
  content: '\f019';
  font-family: 'fontawesome';
  margin-right: 10px;
  font-size: 21px;
  position: relative;
  top: 2px;
}

.page-sidebar,
.blog-sidebar-wrap {
  margin-left: 7%;
  float: left;
  width: 23%;
}

.blog-text.loop-tags {
  font-size: 12px;
  color: #333;
  line-height: 2em;
}

.blog-text.loop-tags span {
  margin-right: 18px;
  display: inline-block;
}

.blog-content video {
  width: 80%;
  margin: auto;
  display: block;
  height: auto!important;
}

.blog-content img {
  margin: 10px 0;
}

.blog-content img.alignright {
  float: right;
  margin-left: 40px;
}

.blog-content img.alignleft {
  float: left;
  margin-right: 40px;
}

.blog-content a.post-link {
  color: #41b7d8;
  border-bottom: 1px solid;
  padding-bottom: 2px;
}

.blog-content a:hover :not(img) {
  border-bottom: 1px dotted #cc0000;
  padding-bottom: 5px;
}

.blog-content p,
.blog-content ul li,
.blog-content ol li {
  box-sizing: border-box;
  line-height: 1.65em;
  color: #333;
}

.blog-content img {
  background: #fff;
  border: 1px solid #ddd;
  text-align: center;
  margin: 10px auto;
}

.blog-content img.size-full {
  width: 100%;
}

.blog-content .blog-quote {
  padding: 0;
  margin: 40px 0 15px 0;
  line-height: 1.4em;
  font-weight: bold;
  font-size: 24px;
  line-height: 1.3em;
}

.blog-content .blog-quote.pos-left {
  margin: 10px 15px 10px -80px;
  font-size: 32px;
  width: 300px;
  float: left;
}

.blog-content .blog-quote.pos-right {
  margin: 10px -80px 10px 15px;
  font-size: 32px;
  width: 300px;
  float: right;
}

.blog-post .comment-center {
  display: block;
  margin: 50px auto 50px auto;
}

.blog-post .theme-more-container {
  margin: 120px 0;
}

.blog-post .comment-center .commentform {
  margin: auto;
}

.blog-post .comment-center div.commentform #respond {
  margin-top: 70px;
}

.blog-post .wp-caption {
  font-size: 13px;
  color: #666;
  margin: auto;
}

.blog-post .wp-caption.alignright {
  float: right;
  margin-right: -80px;
  margin-left: 20px;
}

.blog-post .wp-caption.alignleft {
  float: left;
  margin-left: -80px;
  margin-right: 20px;
}

.blog-list {
  margin: auto;
}

.blog-list hr.separate {
  width: 40%;
  margin: 0 auto 100px auto;
  border-color: #ddd
}

.blog-list .mini-info {
  text-align: center;
  margin: 0px auto 20px 0;
}

.blog-list .mini-info h1 a {
  color: #000;
  border: none;
}

.blog-list .mini-info h1 {
  font-size: 21px;
  font-weight: bold;
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 5px;
}

.blog-list .mini-info p {
  margin: 0 auto 20px auto;
  font-size: 15px;
  font-weight: normal;
  width: 70%;
}

.blog-list .mini-info span.details {
  color: #000;
}

.blog-list .content {
  padding-bottom: 120px;
  color: #333;
  width: 47%;
  margin-right: 6%;
  float: left;
}

.blog-list .content:nth-child(2n+2) {
  margin: 0;
}

.blog-list .content .content-center {
  margin: auto;
}

@media only screen and (max-width: 767px) {
  .blog-list .content {
    width: 100%;
    margin-right: 0%;
  }
  .blog-list {
    width: 100%;
  }
  .blog-list .mini-info {
    width: 90%
  }
  .blog-post .post-head h2,
  .blog-post .post-head div.excerpt {
    width: 90%;
  }
  .blog-content .blog-quote.pos-left {
    font-size: 24px;
    width: 180px;
  }
  .blog-sidebar-wrap {
    display: none;
  }
  .blog-post .blog-content {
    width: 100%;
  }
}

.single-works .navigate-arrows {
  display: none;
}

.navigate-arrows {
  width: 660px;
  margin: 40px auto;
  background: #f5f5f5;
  padding: 30px;
}

.navigate-arrows a {
  color: #999
}

.navigate-arrows table {
  width: 100%;
}

.navigate-arrows table td.ptitle {
  width: 40%;
}

.navigate-arrows table td.center-td {
  width: 16%;
}

.navigate-arrows table td.arrows {
  width: 4%;
}

.navigate-arrows table td a i {
  font-size: 48px;
  position: relative;
  top: 4px;
}

.navigate-arrows table td i.disabled {
  color: #ccc;
}

.navigate-arrows table td.center-td a i {
  font-size: 38px;
  position: relative;
  top: 0;
}

.navigate-arrows table td span {}

.navigate-arrows table td a {
  color: #333
}

.navigate-arrows table td a:hover {
  color: #000;
}

.navigate-arrows table td.center-td {
  text-align: center;
}

.navigate-arrows table td.right-td {
  text-align: right;
}

.navigate-arrows table td.ptitle {
  padding-top: 0;
  margin-top: 0;
  line-height: 1.8em;
  font-size: 13px;
  vertical-align: middle;
}

.navigation-bottom {
  display: block;
  text-align: center;
  border-top: 1px dotted #ddd;
  padding-top: 30px;
  margin-top: 20px;
}

.navigation-bottom a,
.navigation-bottom span.current {
  background-color: #f5f5f5;
  color: #000;
  padding: 10px 18px;
  -webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  -moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 1);
  -moz-border-radius: 250px;
  -webkit-border-radius: 250px;
  border-radius: 250px;
  font-size: 11px;
}

.navigation-bottom a.prev,
.navigation-bottom a.next {
  top: -7px;
  position: relative;
}

.navigation-bottom span.current {
  background-color: #000;
  color: #fff;
  font-weight: bold;
}

.navigation-bottom a.prev {
  float: left;
}

.navigation-bottom a.next {
  float: right;
}

@media (max-width:768px) {
  .single-works .navigate-arrows {
    display: none!important;
  }
}


/* PRIVACY POLICY*/

div.privacy-policy {
  width: 100%;
  font-size: 13px;
}

div.privacy-policy div.fullsection {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 15px;
  margin-bottom: 25px;
}

div.privacy-policy div.fullsectionline {
  border: 1px dotted #ccc;
  padding: 25px;
  padding-bottom: 15px;
  margin-bottom: 35px;
}

div.privacy-policy div.fullsectionline h3 {
  font-size: 15px;
  border-bottom: 1px dotted #ddd;
  padding-bottom: 10px;
  margin-bottom: 10px;
  margin-top: 0;
}

div.privacy-policy div.fullsectionline i {
  margin-right: 10px;
}

div.privacy-policy div.wraps {
  float: left;
  width: 100%;
  margin-bottom: 25px;
}

div.privacy-policy h3 {
  font-size: 18px;
  margin: 25px 0 15px 0;
  display: block
}

div.privacy-policy h2 {
  font-size: 24px;
  margin: 45px 0 15px 0;
  padding-bottom: 20px;
  display: block;
  border-bottom: 1px solid #eee;
}

div.privacy-policy div.wraps h6 {
  font-size: 16px;
  margin-bottom: 7px;
}

div.privacy-policy div.wraps strong {
  color: #666;
}

div.privacy-policy div.wraps i {
  float: left;
  font-size: 28px;
  margin-right: 15px;
  width: 30px;
  margin-top: 5px;
}

div.privacy-policy div.wraps span {
  float: left;
}


/* DEFAULT PAGE CONTAINER */

.defaultpagecontainer {
  margin-top: 40px;
}

.defaultpagecontainer hr {
  border-color: #eee;
}

.defaultpagecontainer h3 {
  font-size: 18px;
  line-height: 35px;
  font-weight: bold;
}

.defaultpagecontainer p {
  margin-bottom: 40px;
}

.defaultpagecontainer .right div.wrap {
  padding: 15px;
  background-color: #f5f5f5;
  font-size: 12px
}

.defaultpagecontainer .right div.wrap strong.toc {
  margin-bottom: 5px;
  display: block;
}

.defaultpagecontainer .right div.wrap p a {
  color: #000;
  border-bottom: 1px dotted #000;
}

.defaultpagecontainer .right div.wrap p a:hover {
  color: #cc0000
}


/* TESTIMONIAL DIV */

.testimonial-part-2 {
  display: none;
}

.testimonial-div {
  width: 600px;
  margin-left: 80px
}

.testimonial-div div.masterheaderdiv a.main-logo {
  display: inline-block;
  float: none;
}

.testimonial-div .feedback-form {
  margin: auto;
}

.testimonial-div .form-table {
  width: 100%;
}

.testimonial-div .form-table th {
  vertical-align: top;
  text-align: left;
  padding-right: 25px;
}

.testimonial-div .form-table th i {
  font-size: 30px;
}

.testimonial-div .form-table td {
  text-align: left;
  vertical-align: top;
  padding: 12px 0;
}

.testimonial-div .form-table td.ratings {
  padding-bottom: 30px;
}

.testimonial-div .form-table td textarea {
  height: 200px;
  line-height: 1.55em;
}

.testimonial-div .form-table button {
  font-size: 12px;
}

.testimonial-div .form-table .rating i {
  font-size: 18px;
}

.testimonial-div .form-table .ratings label {
  display: inline-block;
  margin-right: 28px;
  padding-right: 35px;
}

.testimonial-div .form-table .ratings label:first-child {
  border-right: 1px solid #ddd;
}

.testimonial-div .thanks-div {
  float: left;
  width: 100%;
  margin-bottom: 60px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 30px;
  margin-top: 40px;
}

.testimonial-div .thanks-div span {
  height: 50px;
  width: 50px;
  display: inline-block;
  border: 2px solid #4eb914;
  color: #4eb914;
  border-radius: 50px;
  text-align: center;
  line-height: 50px;
  font-size: 21px;
  vertical-align: top;
}

.testimonial-div .thanks-div div.msg {
  display: inline-block;
  padding-left: 15px;
}

.testimonial-div .thanks-div div.msg h4 {
  font-weight: bold;
  margin-bottom: 5px;
}

.testimonial-div .done-div {
  text-align: center;
  display: none;
  margin-top: 100px;
}

.testimonial-div .done-div .thanks-div {
  margin-bottom: 0;
  border-bottom: 0;
}

.testimonial-div .done-div .thanks-div span {
  height: 80px;
  width: 80px;
  line-height: 80px;
  font-size: 28px;
}

.testimonial-div h1.share-website {
  float: left;
  width: 100%;
  font-size: 36px;
}

.testimonial-div div.website-url {
  width: 100%;
  float: left;
}

.testimonial-div div.website-url i {
  float: left;
  font-size: 36px;
  line-height: 56px;
  margin-left: 5px;
}

.testimonial-div div.website-url input {
  float: left;
  width: 80%;
  margin-right: 15px;
}

.testimonial-div .testimonial-part-2 {
  padding-top: 30px;
}

.testimonial-div p.info {
  font-size: 11px;
}

.testimonial-div .theme-td {
  width: 48%;
  padding-right: 4%!important;
}

.testimonial-div .tw-td {
  width: 48%;
}

@media only screen and (max-width: 767px) {
  .testimonial-div .theme-td {
    width: 100%;
    display: block;
    padding-right: 0%!important;
  }
  .testimonial-div .tw-td {
    display: block;
    width: 100%;
  }
  .testimonial-div .form-table .rating i {
    font-size: 28px;
    margin-right: 8px;
  }
  .testimonial-div {
    width: 80%;
  }
  .testimonial-div .feedback-form {
    width: 100%;
  }
  .testimonial-div {
    margin-left: 40px!important;
  }
  .testimonial-div .form-table .ratings label {
    display: block;
    margin-bottom: 30px;
    border-right: none!important;
  }
  .testimonial-div h1.share-website {
    font-size: 18px;
  }
  .testimonial-div div.website-url input {
    margin-bottom: 0;
  }
  .testimonial-div .thanks-div {
    text-align: center;
  }
  .testimonial-div .thanks-div div.msg {
    margin-left: 0;
    padding-left: 0;
    display: block;
    margin-top: 20px;
  }
  .testimonial-div div.website-url i {
    display: none;
  }
  .testimonial-div .testimonial-part-2,
  .testimonial-div .testimonial-part-2 span.placeholder,
  .testimonial-div .testimonial-part-2 div.website-url input,
  .testimonial-div .testimonial-part-2 div.website-url label,
  .testimonial-div .testimonial-part-2 table td {
    text-align: center!important;
    float: none;
    margin-right: 0;
  }
  .testimonial-div a.button {
    margin-left: 0!important;
  }
}

.testimonial-div .feedback-form input,
.testimonial-div .feedback-form textarea {
  width: 100%;
}

.testimonial-div .feedback-form textarea {
  height: 250px;
}

.testimonial-div .logo-line {
  margin: auto;
  width: 100%;
  display: inline-block;
  margin-top: 60px;
  margin-bottom: 40px;
  padding-bottom: 30px;
  border-bottom: 1px solid #ddd;
}

.testimonial-div .logo-line h1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5em;
  margin-top: 5px;
  margin-bottom: 20px;
  color: #999;
  font-weight: normal;
}

.testimonial-div span.placeholder {
  font-size: 10px;
  color: #000;
  margin-bottom: 5px;
}

.testimonial-div p.info {
  font-size: 12px;
  color: #666;
}

.testimonial-div .logo-line .logo-container {
  margin: auto;
  display: inline-block;
}

.testimonial-div .feedback-form button {
  font-weight: bold;
}

.testimonial-div .testimonial-footer {
  margin: 60px auto 60px auto;
  font-size: 11px;
  border-top: 1px solid #ddd;
  padding-top: 40px;
}


/* CHECKOUT PAGE */

.download-this {
  display: none;
  text-align: center;
  margin-top: 60px;
  font-weight: bold;
}

.themeperiod {
  border-bottom: 1px dashed #ccc;
  padding-bottom: 5px;
}

.checkout-total li.items .themeperiod {
  font-size: 12px;
  float: left;
  border: none;
}

.checkout-total ul li span.hosting-domain.item-on-sale {
  color: #cc0000;
}

.checkout-total ul li del {
  margin-right: 5px;
  position: relative;
  color: #666;
	font-size:12px;
}

h4.billing-info {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px solid #eee
}

h4.billing-info a {
  float: right;
  font-size: 13px;
  color: #666;
}

h4.billing-info a:hover {
  color: #cc0000
}

.customer-details-checkout {
  width: 100%;
  font-size: 12px;
}

.customer-details-checkout td {
  padding-bottom: 20px;
}

.checkout-header {
  padding: 25px 0px 25px 0px;
  border-bottom: 1px solid #eee;
  font-size: 12px;
  float: left;
  width: 100%;
}

.checkout-header .price {
  text-align: right;
}

.checkout-item {
  float: left;
  padding: 25px 0 25px 0;
  border-bottom: 1px solid #eee;
}

.checkout-item h3 {
  font-size: 21px;
  font-weight: bold;
  margin-top: 4px;
}

.checkout-item p {
  font-size: 11px;
  color: #666;
  margin-bottom: 8px;
}

.checkout-item a.remove {
  font-size: 11px;
  color: #666;
  border-bottom: 1px dotted #ddd;
}

.checkout-item .price {
  padding-top: 15px;
  text-align: right;
}

.checkout-item .price strong {
  font-size: 18px;
}

.checkout-header,
.checkout-item,
.checkout-total {
  width: 100%;
}

.checkout-container .buttonarea {
  display: block;
  margin-top: 40px;
  margin-bottom: 60px;
}

.checkout-container .buttonarea-cart {
  display: block;
  float: left;
  width: 100%;
  margin-top: 40px;
  margin-bottom: 80px;
}

.checkout-container .buttonarea-cart a,
.checkout-container .buttonarea-cart button {
  font-weight: bold;
  font-size: 14px;
  padding: 20px 60px!important;
}

ul.theme-pricing-options {
  margin: 5px 0 35px 0px;
  list-style: none;
  border-radius: 5px;
}

ul.theme-pricing-options li {
  margin: 0 0 7px 0;
}

ul.theme-pricing-options li:last-child {
  margin-bottom: 0;
}

ul.theme-pricing-options li label {
  font-size: 12px;
  cursor: pointer;
}

ul.theme-pricing-options li label span {
  border: 1px solid #666;
  padding: 2px 3px;
  font-size: 10px;
  color: #aaa;
  margin-left: 5px;
}

ul.theme-pricing-options li label {
  text-transform: uppercase;
  font-size: 10px;
  color: #bbb;
}

ul.theme-pricing-options li input[type=radio] {
  outline: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-appearance: none;
  display: inline-block;
  position: relative;
  top: 5px;
  right: 0px;
  width: 18px;
  height: 18px;
  margin: 0 5px 0 0;
  border: 1px solid #CCC;
  border-radius: 50%;
  cursor: pointer;
  background: none;
}

ul.theme-pricing-options li input[type=radio]:checked {
  background-color: #cc0000;
  border: 1px solid #cc0000;
}

ul.theme-pricing-options li input[type=radio]:checked:after {
  position: absolute;
  z-index: 5;
  font-family: 'fontawesome';
  content: '\f00c';
  font-size: 11px;
  color: #fff;
  top: 3px;
  left: 3px;
}

.checkout-container ul.theme-pricing-options {
  margin: 8px 0 5px 0;
  padding-top: 12px;
  border-top: 1px solid #eee;
}

.checkout-container ul.theme-pricing-options li label {
  color: #222;
}

.checkout-container ul.theme-pricing-options li input[type=radio] {
  margin-right: 7px;
}

.checkout-container .buttonarea .cartuserinfo {
  display: inline-block;
  padding: 20px;
  background: #f0f0f0;
  text-align: left;
  position: relative;
  margin-bottom: 40px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  font-size: 12px;
}

.checkout-container .buttonarea .cartuserinfo h4 {
  border: none;
  margin: 0;
  padding: 0;
}

.checkout-container .buttonarea .cartuserinfo div {
  text-align: left;
}

.cartuserinfo .cart-updater {
  background: rgba(255, 255, 255, .9);
  color: #fff;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  display: none;
}

.cartuserinfo .cart-updater div {
  text-align: center!important;
  margin: auto;
  position: absolute;
  width: 100%;
  color: #cc0000;
  font-size: 26px;
  font-weight: bold;
  top: 50%;
  margin-top: -50px;
}

.cartuserinfo .cart-updater div i {
  font-size: 48px;
  margin-bottom: 20px;
}

/*
    .checkout-container .container {
        width:920px;
    }
    @media (max-width: 959px) and (min-width:768px) {
        .checkout-container .container {
            width:100%;
        }
    }

    @media (max-width: 767px) {
        .checkout-container .container {
            width:90%;
        }
    }
*/

.checkout-container .buttonarea span.button {
  display: none;
  position: relative;
  top: 20px;
  margin-bottom: 20px;
}

.checkout-container .buttonarea span.button img {
  position: relative;
  top: 3px;
}

.checkout-container .buttonarea div button,
.checkout-container .buttonarea a.button {
  font-weight: bold;
  font-size: 12px;
  padding: 20px 50px;
}

.checkout-total {
  border: none;
}

.cart-features {
  margin: 21px 0 0 25px;
}

.cart-features h3 {
  font-size: 18px;
  font-weight: bold;
}

.cart-features ul {
  list-style: none;
  margin: 10px 0;
}

.cart-features ul li {
  padding: 6px 0;
  margin: 0;
  font-size: 12px;
  color: #666;
}

.cart-features ul li i {
  margin-right: 3px;
  color: #429F53
}

span.promo-code {
  font-size: 12px;
  margin: 25px 0px;
}

span.promo-code a {
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
}

span.promo-code a:hover {
  border-color: #cc0000;
}

.checkout-total.cart-page {
  border: none;
  margin: 0;
  padding-top: 25px;
  padding-bottom: 10px;
  float: left;
}

.checkout-total ul {
  float: left;
  width: 100%;
  list-style: none;
  font-size: 14px;
  margin: 0;
}

.checkout-total ul li {
  padding-bottom: 20px;
  margin-bottom: 20px;
}

.checkout-total li.items {
  width: 100%;
  float: left;
  margin-bottom: 20px;
  padding-bottom: 0px;
}

.checkout-total li.items h4 {
  font-size: 15px;
}

.checkout-total li.items p {
  line-height: 1.7em;
  font-size: 12px;
}

.checkout-total li.items div.info {
  float: left;
  width: 70%;
}

.checkout-total li.items span.price {
  float: right;
  text-align: right;
}

.checkout-total ul li span {
  float: right;
  font-size: 15px;
}

.checkout-total ul li.coupon {
  font-weight: bold;
}

.checkout-total ul li.coupon small {
  color: #666;
}

.cartuserinfo .checkout-total ul li.coupon small {
  color: #cc0000;
}

.checkout-total ul li.total {
  font-weight: bold;
  font-size: 18px;
}

.checkout-total ul li.total span {
  font-size: 18px
}

.checkout-total li.items {
  display: table;
  padding-bottom: 10px;
}

.checkout-container .cartuserinfo .checkout-total ul li {
  display: table;
}

.checkout-total li.items .item-img {
  display: table-cell;
  width: 120px;
  max-width: 120px;
  vertical-align: top;
  border-radius: 5px;
}

.checkout-total li.items .item-img img {
  padding: 6px;
  background: #f9f9f9;
}

.checkout-total li.items .info {
  display: table-cell;
  font-weight: bold;
  padding-left: 10px;
}

.checkout-total li.items .info p {
  font-weight: normal;
  font-size: 12px;
  line-height: 16px;
  margin-top: 4px;
}

.checkout-total .color-green {}

.checkout-total ul li:last-of-type {
  margin: 0;
}

.checkout-container .buttonarea .cartuserinfo {}

.checkout-container .buttonarea .cartuserinfo h4 {}

.checkout-container .buttonarea .cartuserinfo .checkout-total {}

.checkout-total li {
  border-bottom: 1px solid #eee;
}

.checkout-total ul li {
  border-bottom: 1px solid #eee;
}

.cartuserinfo .checkout-total li {
  border-bottom: 1px solid #ddd;
}

.checkout-container .cartuserinfo .checkout-total ul li {
  border-bottom: 1px solid #ddd;
}

.checkout-total ul.specs {
  margin-top: 30px;
}

.checkout-total ul.specs li {
  font-size: 10px;
  margin-bottom: 5px;
  padding-bottom: 0px;
  border-bottom: none!important;
}

.checkout-total ul.specs li span {
  text-align: left;
  float: none;
  font-size: 10px;
}

.checkout-total li.total,
.checkout-total li.total span {
  color: #000;
}

.cartuserinfo .checkout-total li.total,
.cartuserinfo .checkout-total li.total span {}

.checkout-container .buttonarea .cartuserinfo .checkout-buttons a {}

.checkout-container .buttonarea .cartuserinfo .checkout-buttons {
  margin-top: 0px;
  padding-top: 0;
}

.checkout-all-div .checkout-total .totals li.bonus {
  background: #f9f9f9;
  padding: 10px 8px;
  border: 1px solid #ddd;
}

@media only screen and (max-width: 1199px) {
  .checkout-total li.items .item-img {
    display: none;
  }
  .checkout-total li.items .info {
    padding-left: 0;
  }
}

.loginforms.billing-details {
  display: block;
  font-size: 12px;
  padding: 0 0 0 50px;
  color: #666
}

.loginforms.billing-details h4 {
  font-weight: bold;
}

@media only screen and (max-width: 959px) {
  .loginforms.billing-details {
    padding-left: 0;
  }
}

#maincontainer.checkout-page-head {
  border-bottom: 1px solid #ddd;
  padding: 40px 0 35px 0;
  background: #f9f9f9;
  position: absolute;
}

#maincontainer.doc-page-head {
  border-bottom: 1px solid #ddd;
  padding: 40px 0 60px 0;
  background: #222;
  position: absolute;
}

a.back-to-home {
  float: right;
  font-size: 11px;
  color: #ccc;
}

a.back-to-home:hover {
  color: #fff;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
  h4.billing-info a {
    float: left;
  }
  .checkout-total li {
    float: left;
    width: 100%;
  }
  .checkout-total ul li:last-of-type,
  .checkout-total ul li:last-of-type span {
    font-size: 14px;
  }
}

.terms-span {
  font-size: 11px;
  text-align: center;
  float: left;
  width: 100%;
  margin: 20px 0 0 0;
  color: #666;
}

.applyc {
  text-align: center;
  display: block;
  font-size: 12px;
  margin: 5px 0 20px;
  color: #666;
}

form.couponform {
  margin-bottom: 0;
  margin-top: 20px;
  display: inline-block;
  width: 100%;
}

.couponform form {
  width: 90%;
}

.couponform input {
  display: inline-block;
  width: 65%;
  box-sizing: border-box;
  margin-bottom: 0;
}

.couponform button.button-gray {
  display: inline-block;
  width: 30%;
  margin-left: 1%;
  font-size: 11px!important;
  padding: 0!important;
  height: 45px;
  position: relative;
  top: -1px;
  margin-bottom: 0;
}

.couponform button.button-gray:hover {
  box-shadow: none;
}

.checkout-buttons {
  margin-top: 30px;
  padding-top: 20px;
}

.checkout-buttons form.couponform input {
  padding: 10px;
}

.checkout-buttons .couponform button.button-gray {
  padding: 15px!important;
  height: auto;
}

.checkout-buttons .couponform h6 {}

.checkout-buttons .couponform button.button-gray:hover {
  color: #000!important;
}

.checkout-container .or {
  width: 40%;
  border-bottom: 1px solid #eee;
  margin: 10px auto 40px auto;
}

.checkout-container .or span {
  background-color: #F9F9F9;
  top: 12px;
  font-size: 15px;
  font-weight: normal;
  position: relative;
  left: 50%;
  margin-left: -20px;
  padding-right: 10px;
  padding-left: 10px;
}

.billing-info {
  text-align: left!important;
  margin-bottom: 20px;
}

.billing-info table tr {
  border-bottom: 1px solid #f0f0f0;
}

.billing-info table td,
.billing-info table th {
  padding: 5px 0;
}

.billing-info table th {
  width: 20%;
  font-weight: bold;
  color: #666
}

.billing-info table {
  font-size: 12px;
}

.buy-now-button {
  font-size: 14px!important;
  display: inherit;
  width: 350px;
  margin: 30px auto!important;
}

.checkout-all-div .loginforms #paypal-button-container {
  margin: 30px auto;
  width: 60%;
  min-width: 300px;
}

@media only screen and (max-width: 767px) {
  .buy-now-button {
    width: auto;
    padding: 15px 25px!important;
    font-size: 12px!important;
  }
  .checkout-all-div .loginforms #paypal-button-container {
    margin:15px auto;
  }
}






  .wordpress-service-checkout {
    margin:0px 0 10px 0;
    border-radius:10px;
    padding:25px 30px;
    color:#ccc;
    float:left;
    width:100%;
    position:relative;
    background: #1a1a1a;
    background: -moz-linear-gradient(-25deg, #444 0%, #1a1a1a 100%);
    background: -webkit-linear-gradient(-25deg, #444 0%,#1a1a1a 100%);
    background: linear-gradient(145deg, #444 0%,#1a1a1a 100%);
    box-shadow:0 3px 15px 0 rgba( 30,30,30,0.4 );
  }
  .wordpress-service-checkout form {
    display: inline;
  }
  .wordpress-service-checkout .button {
    border-radius: 50px;
  }
  .wordpress-service-checkout .button-light {
    margin-left: 12px;
    background: #444;
    border-color: #444;
    padding: 12px 18px;
  }
  .wordpress-service-checkout .button-light:hover {
    background: #666;
    border-color: #666;
  }
  .wordpress-service-checkout-footer-buttons .button-red-reverse {
    font-size:14px;
    padding: 12px 18px;
  }
  .wordpress-service-checkout-footer-buttons .button-red-reverse span {
    background: #fff;
    color: #cc0000;
    font-size: 18px;
    padding: 6px;
    display: inline-block;
    margin-right: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
  }
  .wordpress-service-checkout-header {
    float:left;
    width:100%;
  }
  .wordpress-service-checkout-header i.fa-wordpress {
    float:left;
    font-size:78px;
    color:#fff;
    margin-right:15px;
    left:25px;
    position:absolute;
    transition:all .7s ease-in-out;
  }
  .wordpress-service-checkout-header-text,
  .wordpress-service-checkout-header a,
  .wordpress-service-checkout-body-wrap {
    transition:all .7s ease-in-out;
  }
  .wordpress-service-checkout-header-text {
    float:left;
    margin-top:5px;
    position:absolute;
    left:125px;
  }
  .wordpress-service-checkout-header h1 {
    font-size:18px;
    font-weight:bold;
    margin:0 0 5px 0;
    line-height:1.5em;
    color:#eee;
  }
  .wordpress-service-checkout-header p {
    font-size: 13px;
    margin: 0;
    color: #ddd;
  }
  .wordpress-service-checkout-header a {
    float:right;
    top:50%;
    margin:16px 0 16px 0;
    padding:15px 25px;
  }

  .wordpress-service-checkout-body-wrap {
    width:100%;
    float:left;
    opacity:0;
    visibility: hidden;
    max-height: 0;
  }
  .wordpress-service-checkout-body {
    display:flex;
  }
  .wordpress-service-checkout-body p.service-includes {
    color:#ffcc33;
  }
  .wordpress-service-checkout-body ul {
    margin:0px 0 30px 24px;
    list-style:none;
  }
  .wordpress-service-checkout-body ul:last-child {
    margin:0px 0 0px 24px;
  }
  .wordpress-service-checkout-body ul li {
    margin-bottom:17px;
    position:relative;
  }
  .wordpress-service-checkout-body ul li:before {
    content:'\f00c';
    left:-24px;
    top:-1px;
    font-family:'fontawesome';
    position:absolute;
  }
  .wordpress-service-checkout-body div {
    flex-grow:1;
    flex-basis: 0;
  }
  .wordpress-service-checkout-body div:first-child {
    font-size:15px;
  }
  .wordpress-service-checkout-body div:last-child div {
    background:#222;
    padding:20px 25px;
    font-size:12px;
    max-width:500px;
    float:right;
  }
  .wordpress-service-checkout-body div ul {
    margin:0px 0 30px 10px;
  }
  .wordpress-service-checkout-body div:last-child ul:last-child {
    margin:0px 0 0px 10px;
  }
  .wordpress-service-checkout-body-details div:last-child ul li {
    margin-bottom:10px;
    position:relative;
  }
  .wordpress-service-checkout-body-details div:last-child ul li:before {
    position:absolute;
    left:-9px;
    content:'\f105';
    font-family:'fontawesome';
  }
  .wordpress-service-checkout-body-details div:last-child p {
    margin:0 0 12px 0;
  }


  .wordpress-service-checkout.view-details
  .wordpress-service-checkout-body-wrap {
    margin-top:50px;
    max-height: 1250px;
    visibility: visible;
    opacity: 1;
  }
  .wordpress-service-checkout.view-details
  .wordpress-service-checkout-header i {
    transform: translateX(-140%);
    left:100%;
  }
  .wordpress-service-checkout.view-details .wordpress-service-checkout-header-text {
    left:30px;
  }
  .wordpress-service-checkout.view-details
  .wordpress-service-checkout-header a {
    opacity:0;
  }
  .wordpress-service-checkout-footer {
    margin-top:50px;
  }

  .wordpress-service-checkout-footer .wp-installation-message {
    display:flex;
    font-size:13px;
  }
  .wordpress-service-checkout-footer .wp-installation-message strong {
    color:#ffcc33;
  }
  .wordpress-service-checkout-footer .wp-installation-message i {
    font-size:42px;
    margin-right:12px;
  }

	.wp-install-submitted {
		text-align:center;
		padding:30px;
		border:1px solid #ddd;
		border-radius:5px;
		margin-bottom:20px;
		background:#f0f0f0;
	}
	.wp-install-submitted i {
		font-size:72px;
		margin-bottom:15px;
	}
	.wp-install-submitted h3 {
		font-weight:bold;
		margin-bottom:20px;
	}
	.wp-install-submitted p {
		width:80%;
		margin:auto;
	}

	@media (max-width:767px) {
  	.wp-install-submitted p {
  	  width:100%;
	  }
	}


  .wp-install-table {
    width:100%;
  }
  .wp-install-table td:first-child {
    width:140px;
  }
  .wp-install-table td {
    padding:10px;
    border:1px solid #eee;
  }
  .wp-install-table ul {
    list-style:none;
    margin:0;
  }
  .wp-install-table ul li {
    margin-bottom:5px;
    padding-bottom:5px;
    font-size:13px;
    border-bottom:1px solid #eee;
  }
  .wp-install-table ul li:last-child {
    border:none;
  }
  .wp-install-table ul li span {
    width:100px;
    display:inline-block;
  }
  .wp-install-table.wp-install-creds {
    margin-bottom:25px;
    border:2px solid #449d44;
    box-shadow:0px 0px 10px rgba(0,0,0,.2);
  }
  .wp-install-table.wp-install-creds h3 {
    font-size:21px;
    font-weight:bold;
  }


  .single-case form.change-wp-install-completed {
    display:block;
    margin:20px 0;
    border:1px solid #ddd;
    padding:20px 25px;
  }
  .single-case form.change-wp-install-completed h3 {
    margin: 10px 0 20px 0;
  }
  .single-case form.change-wp-install-completed label {
    width:100%;
    display:inline-block;
    margin-bottom:15px;
  }
  .single-case form.change-wp-install-completed label input {
    width:100%;
    margin:0;
    padding:10px;
  }
  .single-case form.change-wp-install-completed button {
    margin:0;
  }



  .member-wp-installation {
    margin-bottom:10px;
    float:left;
    width:100%;
  }
  .member-wp-installation .wordpress-service-checkout.view-details .wordpress-service-checkout-header-text {
    left:30px;
  }
  .member-wp-installation .wordpress-service-checkout {
    padding:20px 30px;
  }
  .member-wp-installation i.fa-wordpress {
    font-size:70px;
    margin-right:15px;
    left:25px;
  }
  .member-wp-installation .wordpress-service-checkout-header-text {
    left:110px;
    margin-top:6px;
  }
  .member-wp-installation .wordpress-service-checkout h1 {
    font-size:16px;
    margin-bottom:2px;
  }
  .member-wp-installation .wordpress-service-checkout-header p {
    font-size:12px;
  }
  .member-wp-installation .wordpress-service-checkout-header a {
    margin-top:5px;
    padding:14px 24px;
    font-size:11px;
  }

  .member-wp-installation .wordpress-service-checkout-body div:first-child {
    font-size:12px;
  }
  .member-wp-installation .wordpress-service-checkout-body ul li {
    margin-bottom: 12px;
  }
  .member-wp-installation .wordpress-service-checkout-body-details div:last-child ul li {
    margin-bottom: 5px;
  }



  @media (max-width:767px) {
    .wordpress-service-checkout {
      padding:20px 20px;
      text-align: center;
    }
    .member-wp-installation .wordpress-service-checkout {
      padding:20px 20px;
    }
    .wordpress-service-checkout i.fa-wordpress {
      display:none;
    }
    .wordpress-service-checkout .wordpress-service-checkout-header-text {
      position:inherit;
      left:auto;
    }
    .wordpress-service-checkout-header a {
      float:none;
      position:inherit;
      margin:15px 0 0 0;
    }
    .wordpress-service-checkout-header-text {
      float:none;
    }
    .wordpress-service-checkout.view-details .wordpress-service-checkout-header a {
      display:none;
    }
    .wordpress-service-checkout.view-details .wordpress-service-checkout-body-wrap {
      margin-top:30px;
    }
    .wordpress-service-checkout-body {
      display:flex;
      flex-direction: column;
      text-align:left;
    }
    .wordpress-service-checkout-body-details {
      margin-top:25px;
    }
    .wordpress-service-checkout-footer .wp-installation-message {
      text-align:left;
    }
    .wordpress-service-checkout-footer .wp-installation-message i {
      display:none;
    }

    .wordpress-service-checkout form {
      margin:20px 0 10px 0;
      display:inline-block;
      width:100%;
    }
    .wordpress-service-checkout form button {
      margin-bottom:0;
      float:left;
      width:100%;
      padding:10px;
    }
    .wordpress-service-checkout a.button-light {
      margin:0;
      padding:10px 25px;
      font-size:11px;
    }

    .wordpress-service-checkout h1 {
      font-size:16px;
      margin-bottom:7px;
    }
    .wordpress-service-checkout-header p {
      font-size:12px;
    }
    .wordpress-service-checkout-header a {
      margin-top:5px;
      padding:14px 24px;
      font-size:11px;
    }
    .wordpress-service-checkout-header a {
      margin-top:15px;
    }
    .wordpress-service-checkout .wordpress-service-checkout-body div:first-child {
      font-size:12px;
    }
    .wordpress-service-checkout .wordpress-service-checkout-body ul li {
      margin-bottom: 12px;
    }
    .wordpress-service-checkout .wordpress-service-checkout-body-details div:last-child ul li {
      margin-bottom: 5px;
    }

  }




.customization-form {
  margin-top: 10px!important;
}

.customization-form input {
  width: 300px;
}

.customization-form select {
  width: 320px!important;
  margin-bottom: 20px!important;
}

.ccfields {
  position: relative;
  display: block;
  text-align: left!important;
}

.credit-card-container {
  float: left;
  width: 100%;
  margin-top: 10px;
}

.checkout-payment-type {
  float: left;
  width: 100%;
  margin-bottom: 30px;
}

.checkout-payment-type label {
  float: left;
  vertical-align: middle;
  background: #f9f9f9;
  padding: 10px 15px 4px 15px;
  margin-right: 15px;
  border-radius: 5px;
}

.checkout-payment-type label.selected {
  background: #f0f0f0;
}

.checkout-payment-type input {
  margin: 8px 6px 0 0;
  padding: 0;
  float: left;
}

.checkout-payment-type img {
  height: 30px!important;
}

.credit-card-container .payment-errors a {
  float: right;
  color: #FFF;
  font-size: 18px;
  margin-right: 5px;
}

.cart-features ul li {
  display: table;
}

.cart-features ul li i,
.cart-features ul li span {
  display: table-cell;
  padding-right: 5px;
}

#bt-payment-form-wrap .form-row {
  background-color: #f0f0f0;
  padding: 20px 20px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
  width: 100%;
}

#bt-payment-form-wrap .form-row-child {
  display: table;
  width: 100%;
}

#bt-payment-form-wrap .form-row .cart-wrap {
  padding-right: 11px;
  vertical-align: top;
}

#bt-payment-form-wrap .form-row label {
  font-size: 16px;
  margin: 0px 0 18px 0;
  font-weight: bold;
}

#bt-payment-form-wrap .form-row button {
  padding: 21px;
  margin: 0;
  display: table-cell;
  vertical-align: top;
  min-width: 160px;
  background: #cc0000;
  color: #fff;
  border: none;
}

#bt-payment-form-wrap .form-row .StripeElement {
  box-shadow: 0 1px 3px 0 #cfd7df;
  padding: 15px;
  background: #fff;
  border-radius: 5px;
  width: 100%;
  border: 1px solid #ddd;
}

#bt-payment-form-wrap .form-row .StripeElement--invalid {
  border-color: #fa755a;
}

#bt-payment-form-wrap .form-row #card-errors {
  color: #fa755a;
  margin-top: 15px;
  display: block;
}

#bt-payment-form-wrap .form-row .StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#bt-payment-form-wrap .form-row .cart-wrap span {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 5px;
  display: inline-block;
  width: 100%;
}

#bt-payment-form-wrap .form-row .cart-wrap .card-expiry,
#bt-payment-form-wrap .form-row .cart-wrap .card-cvc {
  width: 20%;
  margin-right: 2%;
}

#bt-payment-form-wrap .form-row #card-errors {
  width: 100%;
  float: left;
}

@media only screen and (max-width: 767px) {
  #bt-payment-form-wrap .form-row {
    padding: 0;
    background: none;
    border: none;
    box-shadow: none;
  }
  #bt-payment-form-wrap .form-row .cart-wrap {
    padding: 0;
  }
  #bt-payment-form-wrap .form-row button,
  #bt-payment-form-wrap .form-row .cart-wrap {
    display: block;
    width: 100%;
  }
  #bt-payment-form-wrap .form-row #card-errors {
    text-align: center;
    width: 100%;
    margin: 20px 0;
  }
  .cart-features {
    margin: 0 0 70px 0;
    text-align: center;
  }
  .cart-features ul li {
    display: block;
  }
  .cart-features ul li i,
  .cart-features ul li span {
    text-align: center;
    display: inline-block;
    padding-right: 0;
  }
  span.promo-code {
    display: block;
    text-align: center;
    border-bottom: 1px solid #eee;
    margin-top: 0px;
    padding-bottom: 25px;
  }
  .couponform form {
    width: 100%;
  }
}

form label {
  position: relative;
}

span.placeholder {
  display: block;
  font-size: 12px;
  font-weight: bold;
  color: #000;
  background-color: none;
  padding: 0 0px 5px 0;
  left: 0;
}

.form-login div.payment-errors li {
  display: none!important;
}

.form-login {
  text-align: left!important;
}

select.special::-ms-expand,
.customization-form select.special::-ms-expand,
.contact-form select.special::-ms-expand {
  display: none;
}
select.special,
.customization-form select.special,
.contact-form select.special {
  width: auto;
  font-size: 12px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: #fff url(images/sbox.png) center right no-repeat;
  margin: 0;
  line-height: 44px;
  height: 48px;
  padding: 0 12px;
  width: 85%;
}

.affiliate-div .dates select.special {
  width: 250px;
  display: inline-block;
  line-height: 38px;
  height: 40px;
  font-size: 13px;
}

.affiliate-div select.special {
  width: auto;
  display: inline-block;
}

.form-login label {
  margin-bottom: 20px;
  float: left;
  width: 100%;
}

.form-login .ccnum {
  width: 65px
}

.form-login .cc_lname,
.form-login .cc_fname {
  width: 350px;
}

.form-login .cc_number {
  width: 55%;
  float: left;
}

.form-login .cards {
  overflow: hidden;
  float: left;
  margin: 7px 0 10px 20px;
}

.form-login .card-CVV {
  width: 35%;
  margin-right: 1%;
  float: left;
}

.form-login .card-expiration {
  width: 100%;
  float: left;
}

#card-errors {
  float: left;
  width: 100%;
  color: #cc0000;
  font-size: 15px;
  text-align: center;
  margin: 15px 0;
}

#card-element {
  border: 1px solid #aaa;
  padding: 12px;
  border-radius: 5px;
  background: #fff;
}

.card-label {
  display: block;
  margin-bottom: 10px;
}

.payment-type-selector {
  margin-bottom: 30px;
  width: 100%
}

.payment-type-selector label {
  width: 50%;
  min-width: 200px;
}

.payment-type-selector label select {
  width: 100%;
}

.payment-type-selector img.pay-img {
  display: inline-block;
  margin-left: 10px;
  height: 30px!important;
  margin: 30px 0 0 20px;
}

@media only screen and (max-width: 767px) {
  .payment-type-selector img.pay-img {
    display: none!important;
  }
}

@media only screen and (max-width: 500px) {
  .checkout-section-wrapper,
  .personal-billing-info {
    background: none!important;
    padding: 15px 0!important;
    box-shadow: none!important;
  }
  .checkout-section-wrapper {
    margin-bottom: 0!important;
  }
  .checkout-section-wrapper h4 {
    background: none!important;
    padding: 18px 0!important;
    font-size: 16px!important;
  }
}

.form-login .card-expiration select {
  width: 125px;
}

.form-login .card-expiration input {
  width: 100%;
}

.form-login .card-CVV input {
  width: 70%;
  float: left;
}

.form-login .card-CVV a {
  float: left;
  margin-top: 14px;
}

.form-login .cards span {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -ms-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background-image: url(images/card_logos.png);
  background-position: 0 0;
  float: left;
  height: 32px;
  margin-right: 8px;
  text-indent: -9999px;
  width: 51px;
}

.form-login .cards span:last-child {
  margin-right: 0;
}

.form-login .cards .visa_electron {
  background-position: 204px 0;
}

.form-login .cards .mastercard {
  background-position: -102px 0;
}

.form-login .cards .maestro {
  background-position: 102px 0;
}

.form-login .cards .discover {
  background-position: -204px 0;
}

.form-login .cards .amexs {
  background-position: -256px 0;
}

.form-login .cards .visa.off {
  background-position: 0 32px;
}

.form-login .cards .visa_electron.off {
  background-position: 204px 32px;
}

.form-login .cards .mastercard.off {
  background-position: -102px 32px;
}

.form-login .cards .maestro.off {
  background-position: 102px 32px;
}

.form-login .cards .discover.off {
  background-position: -204px 32px;
}

.form-login .cards .amexs.off {
  background-position: -256px 32px;
}

.bonus-item {
  background: #fff!important;
  border-left: 1px solid #eee;
  border-right: 1px solid #eee;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

.bonus-item .cart-thumbs img {
  width: 80%;
}

.cart-thumbs {
  text-align: center;
}

.cart-thumbs i {
  font-size: 80px;
  margin-top: 10px;
  color: #000;
}

.gift-theme select {
  width: auto;
  padding-right: 50px;
}

.gift-theme {
  margin-bottom: 20px;
}

.gift-theme h4 {
  font-size: 18px;
  margin-bottom: 20px;
  margin-bottom: 10px;
}

.gift-theme span {
  font-size: 21px;
  margin-left: 10px;
  display: inline-block;
}

.gift-theme small {
  font-size: 11px;
  color: #666;
}

@media only screen and (max-width: 768px) {
  .bonus-item h4 {
    padding-left: 20px;
    padding-right: 20px;
  }
  .bonus-item h4 small {
    line-height: 20px;
  }
  .cart-thumbs img {
    padding: 0 20px 20px 20px;
  }
}

.button.check-coupon-button {
  padding: 15px 30px;
}

.button.check-coupon-button:hover {
  box-shadow: none;
  top: 0
}


/* CONTACT */

.contact-helper {
  padding-top: 30px;
  margin-bottom: 20px;
}

.contact-helper:first-child {
  padding-top: 15px;
}

.contact-helper hr {
  width: 50%;
  border-color: #EEE;
  margin: 20px 0 20px 0;
}

.contact-helper h3 {
  font-size: 28px;
  font-weight: bold;
}

.contact-helper p.info1 {
  font-size: 28px;
}

.contact-helper p.info2 {
  font-size: 15px;
}

.contact-helper .right h3,
.contact-helper p.info1,
.contact-helper p.info2 {
  width: 90%;
  font-weight: 300;
}

.pricing-faq .contact-helper .right h3,
.pricing-faq .contact-helper p.info1,
.pricing-faq .contact-helper p.info2 {
  width: 100%;
}

.contact-helper span.info {
  padding: 15px;
  background-color: #f5f5f5;
  display: block;
  font-size: 12px;
  line-height: 1.6em;
}

.contact-helper a.button {
  margin-top: 15px;
}

.contact-helper form {
  margin-top: 40px;
}

.contact-helper form textarea {
  width: 100%;
  height: 200px;
}

.contact-helper.pricing-page {
  padding-top: 8px;
}

.contact-helper.pricing-page .info1 {
  font-size: 18px;
  font-weight: 300;
}

.contact-helper.pricing-page .info2 {
  font-size: 12px;
}

.contact-helper-address {
  margin: 40px 0;
  padding-top: 40px;
  width: 80%;
  border-top: 1px solid #eee;
  font-weight: 300;
}

.contact-helper-address h4 {
  font-size: 18px;
  font-weight: normal;
  margin-bottom: 10px;
}

.contact-helper-address strong {
  font-weight: normal
}

.contact-helper-address a {
  font-size: 16px;
  margin-right: 13px;
  color: #777;
}

.contact-helper-address a:hover {
  color: #333;
}

@media only screen and (max-width: 767px) {
  .contact-helper-address {
    text-align: center;
    width: 100%;
    padding-bottom: 40px;
    border-bottom: 1px solid #eee;
  }
}

.helpers-column {
  margin-bottom: 50px;
  display: inline-block;
}

.helpers-column .contact-helper {
  margin-bottom: 30px;
}

.helpers-column .contact-helper .info1 {
  font-size: 18px;
  margin-bottom: 0;
  font-weight: normal;
}

.helpers-column .contact-helper .info1 i {
  color: #333;
  margin-right: 3px;
}

.helpers-column .contact-helper hr {
  margin: 12px 0;
}

.helpers-column .contact-helper .info2 {
  font-size: 12px;
}

.helpers-column .contact-helper a.button {
  margin: 0;
}

@media only screen and (max-width: 767px) {
  .helpers-column .contact-helper hr {
    display: none;
  }
}


/* TESTIMONIAL */

.showtestimonial {
  color: #333;
  border-bottom: 1px solid #eee;
  display: block;
  background: #f4f4f4;
  padding: 130px 0 120px 0;
  margin: auto;
}

.showtestimonial .section-header {
  text-align:center;
  font-size: 60px;
  margin-bottom: 30px;
}

  @media (max-width:768px) {
    .showtestimonial .flex-control-nav {
      display:none!important;
    }
  }

.showtestimonial .flexslider {
  text-align: left;
}

.showtestimonial p.testimonial {
  margin: auto;
  font-size: 18px;
}

.showtestimonial p.testimonial a {
  font-size: 11px;
  display: block;
  line-height: 1.5em;
  margin: 15px 0;
}

.showtestimonial .flex-control-nav {
  bottom: 0;
  z-index: 2;
  text-align: center;
}

.showtestimonial span.icons {
  border: 4px solid #000;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  border-radius: 200px;
  display: inline-block;
  height: 50px;
  width: 50px;
  text-align: center;
  line-height: 68px;
  margin-bottom: 30px;
}

.showtestimonial .flex-direction-nav {
  display: none;
}

.showtestimonial .flex-control-nav {
  display: block;
  bottom: -50px;
}

.showtestimonial .flex-direction-nav a {
  z-index: 5;
  margin-top: -55px;
}

.showtestimonial .flex-direction-nav a.flex-prev {
  left: -10px;
  width: 30px;
}

.showtestimonial .flex-direction-nav a.flex-next {
  right: -10px;
  width: 30px;
}

.showtestimonial ul.slides {}

.showtestimonial h2 {
  margin-bottom: 30px;
  font-size: 28px;
  font-weight: bold;
}


/*
	   .showtestimonial i {
		   font-size:32px;
		   position:relative;
		   top:-3px;
		   display:inline-block;
	   }
	   */

.showtestimonial p {
  line-height: 1.65em;
}

.showtestimonial p.large {
  font-size: 24px!important;
}

.showtestimonial p.medium {
  font-size: 18px!important;
}

.showtestimonial p.small {
  font-size: 15px!important;
}

.showtestimonial p.mini {
  font-size: 15px!important;
}

.showtestimonial p.who {
  margin-top: 15px;
}

.showtestimonial p.who a {
  color: #777;
  font-size: 14px;
}

.showtestimonial a.theme {
  font-size: 10px;
}

.showtestimonial .flex-control-paging li a {
  box-shadow: none;
}

.showtestimonial .flex-control-paging li a.flex-active {
  background: #000;
}

.showtestimonial .flex-control-nav {
  bottom: -25px;
  z-index: 2;
}

.showtestimonial .flex-control-paging li a {
  width: 8px;
  height: 8px;
}

.showtestimonial .flex-control-nav li {
  margin: 0 5px 0 5px;
}

.showtestimonial p.who a.theme-url {
  display: block;
  margin-top: 10px;
}

.showtestimonial p.who a.tw-link {
  margin-left: 10px;
  color: #666;
  font-size: 16px
}

.showtestimonial p.who a.tw-link i {
  font-size: 13px;
  position: relative;
  top: 1px;
}

.showtestimonial .section-header hr {
  width: 50px;
  margin: 30px auto 50px auto;
}

.showtestimonial .section-header h3 {
  font-weight: bold;
  text-align: center;
}

.showtestimonial .per-testimonial {
  float: left;
  width: 100%;
  padding: 0 15%;
  text-align: center;
}

.testimonialimg {
  border: 1px solid #ddd;
  color: #666;
  padding: 5px;
  display: inline-block;
  margin-bottom: 30px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  text-decoration: none;
}

.testimonialimg.quoteicon {
  width: 60px;
  height: 60px;
  line-height: 70px;
  -webkit-border-radius: 70px;
  -moz-border-radius: 70px;
  border-radius: 70px;
}

.testimonialimg.quoteicon i {
  font-size: 24px;
}

.testimonialimg img {
  display: block!important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

@media only screen and (max-width: 767px) {
  .showtestimonial p.small {
    font-size: 14px!important;
  }
  .showtestimonial p.mini {
    font-size: 12px!important;
  }
  .showtestimonial span.icons {
    border-width: 3px;
    height: 40px;
    width: 40px;
    text-align: center;
    line-height: 52px;
    margin-bottom: 20px;
  }
  .showtestimonial i {
    font-size: 24px;
  }
  .showtestimonial p.testimonial {}
  .showtestimonial .per-testimonial {
    width: 100%;
    padding: 0;
    margin-bottom: 30px;
  }
  .showtestimonial .flex-direction-nav a.flex-next {
    right: -40px;
  }
  .showtestimonial .flex-direction-nav a.flex-next i {
    margin-left:10px;
  }
  .showtestimonial .flex-direction-nav a.flex-prev {
    left: -30px;
  }
}


/* TERMS AND CONDITIONS FANCYBOX */

#termscond {
  display: none
}

#termscond .termcontent {
  width: 400px;
  margin-top: 25px;
}

#termscond h3 {
  font-size: 14px;
  display: block;
  margin-top: 30px;
  font-weight: bold;
}

#termscond .termcontent {
  font-size: 12px!important;
}

.memberpage-form {
  width: 450px;
  display: inline-block;
}

.memberpage-form h4 {
  font-size: 18px!important;
  padding-bottom: 10px!important;
  font-weight: bold;
}

.memberpage-form label {
  display: inline-block;
  width: 100%;
  font-size: 11px;
  margin-bottom: 15px;
}

.memberpage-form input {
  display: inline-block;
}

.memberpage-form select {}

.memberpage-form .submit-button {
  display: block;
  text-align: center;
  margin-top: 25px;
}

.memberpage-form .submit-button button {
  margin-bottom: 0;
}

.memberpage-form label.error {
  margin: -10px 15px 20px 0!important;
  float: right!important;
}


/* LOGIN FORM */

.loginforms {
  padding: 10px;
  display: none;
}

.loginforms label.reminder {
  margin-bottom: 0px;
}

.loginforms label.reminder input {
  vertical-align: text-top;
  display: table-cell;
}

.loginforms label.reminder span {
  vertical-align: text-top;
  margin-left: 4px;
  font-size: 11px;
  line-height: 18px!important;
  color: #999;
  width: 460px;
  display: table-cell;
}

.loginforms .notice {
  line-height: 20px!important;
  font-size: 11px;
  margin-bottom: 10px;
  color: #999
}

.loginforms.support {
  display: block;
  padding: 0;
  margin-top: 0px;
}

.loginforms .form-forgot {
  display: none;
}

.loginforms .signupmsg {
  display: block;
  margin-bottom: 20px;
  font-size: 12px;
  color: #333;
  line-height: 21px;
}

.loginforms .signupmsg a {
  color: #cc0000;
  border-bottom: 1px dotted #cc0000
}

.loginforms .signupmsgmember {
  display: block;
  padding: 5px 7px;
  background-color: #cc0000;
  margin-bottom: 20px;
  font-size: 12px;
  color: #fff;
  line-height: 21px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.loginforms .signupmsgmember a {
  color: #fff;
  font-weight: bold;
}

.loginforms h4 {
  font-size: 18px;
  line-height: 34px;
  border-bottom: 1px solid #f0f0f0;
  padding-bottom: 20px;
  margin-bottom: 25px;
}

.loginforms h4.forsupport {
  padding-top: 40px;
  padding-bottom: 25px;
  font-size: 28px;
  font-weight: 300;
}

.login-checkout-item {
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
  float: left;
  width: 100%;
  padding: 20px 0;
  font-size: 11px;
  font-weight: 300;
  margin-bottom: 50px;
}

.login-checkout-item h3 {
  font-size: 21px;
}

.login-checkout-item p {
  padding: 0;
  margin: 4px 0 5px 0;
}

.login-checkout-item .price {
  font-size: 15px;
}

.login-checkout-item img {
  width: 85%;
}

@media only screen and (max-width: 767px) {
  .login-checkout-item img {
    width: 100%;
  }
}

body.checkout-page {
  background: #eee;
}

.checkout-all-div .loginforms {
  padding: 0;
}

.checkout-container .memberarea {
  background: #fff;
  padding: 20px 30px;
  border-radius: 5px;
  border: 1px solid #ddd;
}

.checkout-section-wrapper {
  background: #fff;
  float: left;
  margin-bottom: 70px;
  width: 100%;
}

.checkout-section-wrapper div.billing-wrap {
  margin-bottom: 0;
}

.checkout-section-wrapper .personal-billing-info {
  padding: 20px 30px;
  float: left;
  width: 100%;
}

.checkout-section-wrapper h4 {
  margin-bottom: 10px;
  padding: 10px 20px;
  background: #eee;
  border-bottom: 1px solid #ddd;
  position: relative;
  font-weight: bold;
}

.checkout-section-wrapper h4 span {
  color: #fff;
  background: #777;
  padding: 0px;
  width: 32px;
  height: 32px;
  line-height: 32px;
  margin-right: 4px;
  font-size: 16px;
  display: inline-block;
  text-align: center;
  border-radius: 500px;
  font-weight: bold;
}

.checkout-all-div input {}

.checkout-all-div input {}

.checkout-all-div label {
  margin-bottom: 30px;
}

.checkout-all-div hr {
  border: none;
}

.checkout-container .order-details-div {
  float: right;
  margin-bottom: 60px;
}

.checkout-container .order-dets {
  border: 1px solid #ddd;
  display: block;
  float: left;
  padding: 10px 20px;
  border-radius: 5px;
  background: #f9f9f9;
}


    .paypal-validation-fail {
        background:#cc0000;
        color:#fff;
        padding:6px 12px;
        border-radius:5px;
        margin-bottom:30px;
        display:none;
    }
    .paypal-validation-fail i {
        margin-right:3px;
    }
    
@media only screen and (max-width: 500px) {
	.checkout-container .order-dets {
		border:none;
		padding:20px 0;
	}
	.checkout-all-div .checkout-total .totals li {
		padding:17px 0;
	}
}

.checkout-container .order-dets h4 {
  padding-bottom: 15px;
}

@media only screen and (max-width: 500px) {
  .checkout-container .order-details-div {
    float: left;
  }
  .checkout-container .payment-form-submitted label.half-width {
    width: 100%;
  }
  .form-login .card-CVV a {
    display: none;
  }
  .form-login .card-expiration select {
    width: 110px;
  }
  .checkout-section-wrapper .personal-billing-info,
  .checkout-section-wrapper h4 {
    padding: 10px 15px;
  }
  .checkout-section-wrapper .personal-billing-info .payment-type-container label:first-child {
    border: none;
    margin-bottom: 15px;
  }
}

@media only screen and (max-width: 900px) {
  .order-details-div .northeme-sticky {
    position: relative!important;
  }
  .checkout-all-div .sixteen.columns,
  .checkout-all-div .ten.columns,
  .checkout-all-div .six.columns {
    width: 100%;
  }
}

.checkout-container .checkout-section-wrapper {
  margin-bottom: 40px;
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  box-shadow: 0px 0px 5px #ccc;
}

.checkout-container .checkout-all-div {
  margin-top: 20px;
}

.checkout-container .differentheader p {
  margin-bottom: 0;
}

.checkout-section-wrapper .personal-billing-info h3.sub-title {
  font-size: 21px;
  margin-bottom: 30px;
}

.checkout-section-wrapper .personal-billing-info h3.sub-title small {
  font-size: 12px;
}

.personal-billing-info .wp-hosting-checkout td hr {
  width: 23px;
  border: 1px solid #333;
  margin: 15px 0 15px 0;
}

.personal-billing-info .wp-hosting-checkout td {
  vertical-align: middle;
}

.personal-billing-info .wp-hosting-checkout td ul.product-details {
  display: block;
}

.personal-billing-info .wp-hosting-checkout td h5.heading {
  padding: 25px 0 14px 0;
  display: block;
  font-size: 14px;
  font-weight: bold;
}

.personal-billing-info .wp-hosting-checkout td h3 {
  font-size: 19px;
  font-weight: bold;
}

.checkout-section-wrapper .create-new-account {
  float: right;
  font-size: 12px;
}

.checkout-section-wrapper .create-new-account a.button {
  padding: 8px 20px;
  margin: 0px 0 0 10px;
}

.checkout-section-wrapper .personal-billing-info .payment-type-container {
  float: left;
  margin-top: 10px;
}

.checkout-section-wrapper .personal-billing-info .payment-type-container label {
  float: left;
  width: auto;
  padding: 5px 0px;
  margin: 0;
}

.checkout-section-wrapper .personal-billing-info .payment-type-container label:first-child {
  margin-right: 25px;
  padding-right: 28px;
  border-right: 1px solid #ccc;
}

.checkout-section-wrapper .personal-billing-info .payment-type-container input {
  float: left;
  margin-top: 8px;
  margin-right: 8px;
}

.checkout-section-wrapper .personal-billing-info .payment-type-container img {
  height: 30px!important;
  float: left;
}

.checkout-all-div .checkout-total {
  float: left;
  width: 100%;
}

.checkout-all-div .checkout-total .coupon-div {
  float: left;
  width: 100%;
}

.checkout-all-div .checkout-total .coupon-div a.have-a-promo {
  font-size: 13px;
  display: inline-block;
  padding: 0px 0px 12px 0;
}

.checkout-all-div .checkout-total .coupon-div a.check-coupon-button {
  display: inline-block;
  padding: 11px 20px;
  position: absolute;
  font-size: 12px;
  right: 0;
  margin: 0;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.checkout-all-div .checkout-total .coupon-div a.check-coupon-button:hover {
  top: 0;
  box-shadow: none;
}

.checkout-all-div .checkout-total h3.sub-title {
  font-weight: bold;
}

.checkout-all-div .checkout-total .coupon-div label {
  display: inline-block;
  width: 100%;
  margin-bottom: 10px;
}

.checkout-all-div .checkout-total .coupon-div span.placeholder {
  width: 100%;
}

.checkout-all-div .checkout-total .coupon-div span.placeholder small {
  font-weight: normal;
  margin-left: 2px;
}

.checkout-all-div .checkout-total .coupon-div span {
  position: relative;
  float: left;
  width: 80%;
  max-width: 300px;
  clear: both;
}

.checkout-all-div .checkout-total .coupon-div input,
.checkout-all-div .checkout-total .coupon-div button {
  display: inline-block;
  width: auto;
}

.checkout-all-div .checkout-total .coupon-div input {
  width: 100%;
  font-size: 14px;
  padding: 10px;
  font-weight: normal;
}

.checkout-all-div .checkout-total .coupon-div input:focus {
  border-color: #ccc;
}

.checkout-all-div .checkout-total .totals {
  margin-bottom: 40px;
}

.checkout-all-div .checkout-total .totals li {
  padding: 17px 0px;
  display: inline-block;
  width: 100%;
  margin: 0;
}

.checkout-all-div .checkout-total .totals li .item-info {

}

.checkout-all-div .checkout-total .totals li .item-info .img-sides {
    float: left;
    width: 100px;
    margin-right: 14px;
}

@media only screen and (max-width: 767px) {
  .checkout-all-div .checkout-total .totals li .item-info .img-sides {
    display: none;
  }
}

.checkout-all-div .checkout-total .totals li .item-info .img-sides img {
  margin: 2px 0 20px 0;
  border-radius: 5px;
  width:100%;
}

.checkout-all-div .checkout-total .totals li .item-info .infos {
  vertical-align: top;
  width: 100%;
}

.checkout-all-div .checkout-total .totals li .item-info .infos h5 {
  font-size: 15px;
  font-weight: bold;
  line-height: 1.55em;
}

.checkout-all-div .checkout-total .totals li .item-info {
  margin: 0;
}

.checkout-all-div .checkout-total .totals li .item-info em {
  font-size: 12px;
  display: block;
  margin-top: 3px;
  color: #999;
}

  .checkout-all-div .checkout-total .totals li .item-info p {
    font-size: 12px;
    color: #666;
    margin: 2px 0 10px 0;
    line-height: 1.55em;
    display: block;
    width: 85%;
  }

  .checkout-all-div .checkout-total .totals li .item-info p small {
    font-size: 90%;
  }

  .checkout-all-div .checkout-total .totals li .item-info a.remove {
    font-size: 11px;
    display: inline-block;
    color: #666;
  }
  .checkout-all-div .checkout-total .totals li .item-info a.remove i {
    font-size: 15px;
    top: 2px;
    margin-right: 1px;
  }


  .order-dets ul.theme-club-themes-checkout {
    background:#fff;
    border:1px solid #eee;
    padding:0 12px;
    border-radius:5px;
    margin: 5px 0 10px 0;
  }
  .order-dets ul.theme-club-themes-checkout li {
    padding:10px 0!important;
    font-size:12px;
  }
  .order-dets ul.theme-club-themes-checkout li i {
    float:right;
    color:#449d44;
    font-size:15px;
  }
  ul.theme-club-themes-checkout li:last-child {
    border:none;
  }



.checkout-all-div .checkout-total .totals li:first-child {
  padding-top: 0;
}

.checkout-all-div .checkout-total .totals li span.hosting-domain strong,
.checkout-all-div .checkout-total .totals li span.hosting-domain del.free-domain {
  color: #22af67;
}

.checkout-all-div .checkout-total .totals li span.hosting-domain strong {
  margin-left: 7px;
}


/* Product List */

.product-list ul {
  list-style: none;
  margin: 0;
  display: block;
}

.product-list ul h3.sub-title {
  font-weight: bold;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-bottom: 0px;
}

.product-list ul li {
  display: block;
  margin: 0 0 3px 0;
}

.product-list ul li .info {
  width: 80%;
  display: inline-block;
}

.product-list ul li .info p {
  font-size: 12px;
  margin-bottom: 15px;
}

.product-list ul li .info a.remove {
  display: inline-block;
  margin: 0px 0 20px 0;
  font-size: 11px;
  color: #666;
}

.product-list ul li .price {
  float: right;
  text-align: right;
  font-weight: bold;
  font-size: 18px;
}

.product-list .renewal-list li.items:not(:last-child) {
  border-bottom: 1px solid #eee;
  padding-bottom: 45px;
  margin-bottom: 35px;
}

.product-list .renewal-list li.items h3 {
  font-size: 21px;
  margin-bottom: 5px;
}

.product-list .renewal-list li.items h5.heading {
  font-size: 14px;
  font-weight: bold;
  margin: 25px 0 5px 0;
}

.product-list .renewal-list li.items p {
  font-size: 14px;
  margin: 0;
}

.product-list .renewal-list li.items select {
  margin-bottom: 20px;
}

.product-list ul.specs {
  font-size: 12px;
  border-top: 1px solid #eee;
  padding-top: 20px;
  margin-left: 34px;
}

.product-list ul.specs li {
  padding-bottom: 2px;
  color: #666
}

.product-list ul.totals li {
  border-bottom: 1px solid #eee;
  margin-bottom: 20px;
}

.product-list ul.totals li:last-child {
  border: none;
  margin: 0;
}

.product-list ul.totals li table {
  width: 100%;
}

.billingform-info input.text,
.billingform-info select.special {
  width: 100%
}

.loginforms label.mailing {
  font-size: 11px;
}

.loginforms input.pass {
  width: 200px;
}

.loginforms span.pass {
  float: left;
  margin-right: 10px;
}

.loginforms span.pass.remember {
  margin-top: 18px;
}

.loginforms span.pass.remember label {
  font-size: 11px;
}

.loginforms input {
  margin-bottom: 0px;
}

.loginforms button {
  padding-right: 40px;
  padding-left: 40px;
}

.loginforms span.forgotpass {
  margin-top: 0px;
  margin-bottom: 20px;
  font-size: 11px;
  float: left;
}

.loginforms span.forgotpass a {
  color: #cc0000;
  text-decoration: none;
  border-bottom: 1px dotted #cc0000
}

.loginforms span.info {
  display: block;
  font-size: 11px;
}

div.form-msg {
  padding: 12px;
  font-size: 13px;
  font-weight: bold;
  background-color: #f5f5f5;
  color: #333;
  margin-bottom: 20px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  display: none;
}

div.form-msg.msg-error {
  background-color: #cc0000;
  color: #fff;
}

div.form-msg.msg-success {
  background-color: #74b440!important;
  color: #fff
}

span.form-msg a {
  font-size: 18px;
  font-weight: bold;
  float: right;
  color: #fff;
}

a.loginbutton {
  position: absolute;
  top: -13px;
  font-weight: bold;
  border: 1px solid #bbb;
  font-size: 11px;
  right: 15px;
  background-color: #ddd;
  padding: 13px 15px 3px 15px;
  color: #333;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}

.payment-errors ul {
  margin: 0 0 0 17px;
}

.payment-errors ul li {
  margin: 8px;
}

a.loginbutton i {
  margin-left: -2px;
  margin-top: -2px;
}

a.loginbutton.myaccount {
  background-color: #ffcc33;
  color: #000;
  border-color: #c29612
}

div.payment-method-title {
  margin-top: 80px;
  border-bottom: 1px solid #ddd;
  padding-bottom: 15px;
  margin-bottom: 30px;
}

div.payment-method-title h4 {
  border: none;
  margin-bottom: 0;
  padding-bottom: 3px
}

div.payment-method-title small {
  font-size: 11px;
  color: #999;
}

#downloadform {
  max-width: 600px;
  margin: auto;
}

#downloadform form {
  display: inline-block;
  margin-top: 10px;
  margin-bottom: 10px;
  text-align: left;
}

#downloadform input[type=text] {
  width: 60%;
  display: inline-block;
}

#downloadform label.reminder {
  text-align: left;
  display: table;
}

@media only screen and (max-width: 767px) {
  #downloadform,
  #downloadform form {
    max-width: 300px;
    text-align: center;
  }
  #downloadform input[type=text] {
    margin-bottom: 15px!important;
    width: 100%;
  }
  #downloadform label.reminder {
    margin-left: 0px;
    text-align: center;
  }
  .loginforms label.reminder span {
    width: auto;
  }
}

form div.error {
  color: #C00;
  padding: 2px 7px;
  margin-top: 10px;
  font-size: 12px;
  display: none;
  top: 40px;
}


/*
	form label.error {
		position:absolute;
		color: #C00;
		padding: 2px 7px;
		margin-top:0px;
		font-size:12px;
		display:none;
		right: -140px;
		background-color: #ddd;
		top: 8px;
		z-index:100000;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
	}
	form div.error label{
		display:none!important;
	}
	form label.error .arrow-top {
		width: 0;
		height: 0;
		border-top: 7px solid transparent;
		border-bottom: 7px solid transparent;
		border-right: 7px solid #ddd;
		position: absolute;
		left: -6px;
		top: 5px;
	}
	*/

form label.error {
  margin: -25px 0px 20px;
  padding: 2px 7px 3px 7px;
  background-color: #cc0000;
  color: white;
  width: 200px;
  font-size: 11px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
  text-shadow: none
}


/* POST COMMENTS */

div.commentform {
  display: block;
  margin-top: 0px;
}

div.commentform ul,
div.commentform ol,
div.commentform li {
  margin-top: 0;
  margin-bottom: 0;
}

div.commentform h2 {
  font-size: 21px;
  padding: 20px 0 0px 0;
  font-weight: bold;
}

div.commentform .form-allowed-tags {
  display: none
}

div.commentform .children {
  margin-top: 0;
  margin-bottom: 25px;
}

div.commentform .singlecomment {
  border-bottom: 1px dotted #f0f0f0;
  padding: 25px 0 25px 0;
}

div.commentform .singlecomment .who span {
  display: inline-block;
}

div.commentform .singlecomment .who span.img {
  display: inline-block;
  margin-right: 10px;
  padding-right: 10px;
}

div.commentform .singlecomment .who span.img img {
  display: block;
  padding: 2px;
  border: 1px solid #eee;
}

div.commentform .singlecomment .who span.info {
  font-size: 12px;
  line-height: 27px;
  color: #777;
  position: relative;
  top: -3px;
}

div.commentform .singlecomment .who .northeme {
  position: relative;
  top: 12px;
  padding: 8px;
  border: 1px solid #f0f0f0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  float: right
}

div.commentform .singlecomment .who span.info a {
  color: #666
}

div.commentform .singlecomment .who span.info strong {
  font-size: 16px;
  color: #000;
}

div.commentform .singlecomment .who {
  display: block;
  margin-bottom: 5px;
}

div.commentform .ccontent {
  margin-left: 75px;
  margin-top: 10px;
  font-size: 13px;
}

div.commentform .children {
  margin-left: 30px;
}

div.commentform .ccontent p {
  margin-bottom: 15px;
}

div.commentform #respond {
  margin-top: 50px;
}

div.commentform #respond h3 {
  margin-bottom: 15px;
}

div.commentform label {
  display: inline-block;
}

div.commentform textarea {
  width: 92%;
  clear: both;
  display: block;
  line-height: 1.7em;
}

div.commentform input[type=text] {
  width: 70%;
  clear: both;
  display: block;
}

div.commentform .form-allowed-tags {
  font-size: 11px;
}

div.commentform div.comments_nav {
  text-align: center
}

div.commentform div.comments_nav a,
div.commentform div.comments_nav span {
  padding: 0px 7px 2px 7px;
  font-size: 13px;
  margin: 0 0px 0 0px;
  border: 1px solid #aaa
}

div.commentform div.comments_nav span {
  font-weight: bold
}

.widget {
  margin-bottom: 20px;
  padding-bottom: 20px;
  font-size: 13px;
}

.widget h4 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 15px;
  padding-bottom: 5px;
}

.dpe-flexible-posts a {
  display: table;
  width: 100%;
}

.dpe-flexible-posts img {
  display: table-cell;
  vertical-align: top;
  padding-right: 12px;
}

.dpe-flexible-posts .title {
  display: table-cell;
  width: 80%;
  vertical-align: middle;
  font-size: 12px;
}

.fbConnectWidgetTopmost {
  border: 1px solid #f0f0f0!important;
}

.widget ul,
.widget li {
  list-style: none;
  margin: 0 0 0 0px;
}

.widget li {
  padding: 0;
  margin-bottom: 12px;
  padding-bottom: 12px;
  border-bottom: 1px solid #eee;
}

.widget li a {
  color: #666
}

.widget li a:hover {
  color: #cc0000
}

.bottom-sidebar.widget li {}

.bottom-sidebar.widget h4 {
  font-size: 14px;
  margin-bottom: 5px;
}

.bottom-sidebar.widget input[type=text] {
  width: 120px;
}


/* TEXT WIDGET */

.bottom-sidebar .textwidget {
  line-height: 1.8em;
}


/* WIDGET SEARCH */

.widget select {
  padding: 8px;
  line-height: 35px;
  height: 35px;
}

.widget form {
  margin: 0;
}

.widget input,
.widget select {
  margin-bottom: 10px;
}

.widget input[type=text] {
  width: 140px;
  padding: 11px;
}

.widget #searchsubmit {
  padding: 12px 15px;
  font-size: 11px;
}

.widget_pages li,
.widget_links li {
  padding-left: 0px;
}


/* Dribbbler */

.zilla-dribbble-shots li {
  margin: 0!important;
}


/* Mailchimp */

.widget_ns_mailchimp {
  margin-bottom: 0;
  padding: 0;
}


/* WIDGET NAV MENU */

.widget_nav_menu .sub-menu {
  margin-left: 15px;
}

.widget_nav_menu .sub-menu li {
  border: none;
  padding: 4px 0 4px 0;
}


/* WIDGET TAGS */

.widget_tag_cloud div a {
  padding: 2px 5px 2px 5px;
  border: 1px solid;
}


/* WIDGET FLICKR PHOTOS */

.Simple_Flickr_Photos {
  display: block
}

.Simple_Flickr_Photos #flickr {
  text-align: left;
}

.Simple_Flickr_Photos #flickr img {
  border: none;
}

.Simple_Flickr_Photos div div {
  display: inline-block;
  margin-right: 0px;
}

.Simple_Flickr_Photos div div img {
  width: 57px;
  display: block;
  margin: 0 6px 0 0!important;
  padding: 0!important;
}

.bottom-sidebar #flickr img {
  width: 47px;
  margin: 0 8px 2px 0!important;
}


/* WIDGET TUMBLR */

.Tumblr li {
  padding: 10px 0 10px 0;
  font-size: 11px
}

.Tumblr li blockquote p {
  font-size: 11px;
}

.Tumblr li br {
  display: none;
}

.Tumblr li p {
  padding: 2px 0 2px 0;
  margin: 0;
}


/* WIDGET ARCHIVE */

.widget_archive li {
  background: url(images/sidebar-archive.png) 0 6px no-repeat;
  padding: 5px 0px 5px 21px;
}


/* WIDGET CATEGORIES */

.widget_categories li {
  background: url(images/sidebar-categories.png) 0 6px no-repeat;
  padding: 5px 0px 5px 21px;
}


/* WIDGET RSS */

.widget.widget_rss h4 a.rsswidget {
  display: inline-block;
}

.widget.widget_rss li {
  padding: 5px 0 5px 0;
  font-size: 11px;
}


/* WIDGET RECENT ENTRIES */

.widget_recent_entries li,
.widget_kpg_cpl li {
  padding: 5px 0px 5px 0px;
}

.widget_recent_entries li:before,
.widget_kpg_cpl li:before {
  content: '\f055';
  font-family: 'fontawesome';
  font-size: 13px;
  margin-right: 2px;
  top: 1px;
  position: relative;
  color: #666;
}

.widget_recent_comments li:before {
  content: '\f075';
  font-family: 'fontawesome';
  font-size: 13px;
  margin-right: 2px;
  top: 1px;
  position: relative;
  color: #666;
}

.widget_twitter span.entry-meta:before,
.widget_twitter .twitter-date:before {
  content: '\f099';
  font-family: 'fontawesome';
  font-size: 13px;
  margin-right: 2px;
  top: 1px;
  position: relative;
  color: #666;
}

.widget_recent_comments li {
  padding: 5px 0px 5px 0px;
}


/* TEXT WIDGET */

.widget .textwidget {
  padding-top: 5px;
}


/* WIDGET TWITTER */

.twitter-widget .twitter-date {
  padding: 5px 0px 5px 0px;
  display: block;
}

.widget_twitter span.entry-meta {
  padding: 5px 0px 5px 0px;
}

.widget_twitter .intent-meta a {
  margin-right: 8px;
}

.widget_twitter span.entry-meta,
.widget_twitter span.entry-meta span {
  display: block;
}


/* calendar widget */

table#wp-calendar {
  width: 100%;
  display: block;
  border: 1px solid;
}

table#wp-calendar tfoot td {
  padding-bottom: 10px;
}

table#wp-calendar td#prev {
  padding-left: 10px;
}

table#wp-calendar td#next {
  padding-right: 10px;
  text-align: right
}

#wp-calendar thead {
  font-weight: bold
}

#wp-calendar #today {
  font-weight: bold
}

#wp-calendar th,
#wp-calendar tbody td {
  text-align: center;
  padding: 6px 11px;
  font-size: 13px;
}

#wp-calendar tbody td a {
  color: #af0c0c;
  font-weight: bold;
}

#wp-calendar tfoot td {
  padding-top: 3px;
}

#wp-calendar caption {
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
  margin-top: 10px;
}


/* Mobile */


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  #wp-calendar th,
  #wp-calendar tbody td {
    padding: 4px 6px;
  }
}

@media only screen and (max-width: 767px) {
  .widget_wrapper {
    margin-left: 0px;
  }
  #wp-calendar th,
  #wp-calendar tbody td {
    padding: 9px 13px;
  }
}


/* mobile menu */

.mobilemenu {
  display: none;
  margin-right: 0px;
  font-size: 23px;
  margin-top: -5px;
}

#modals ul.mob-nav li a:first-child {}

.formobile {
  display: none;
}

.mobile-logo {
  margin-left: 0px;
  margin-top: 8px;
}


.centered {
  text-align: center;
}

.smallshow {
  display: none
}

.mobileshow {
  display: none
}

.tabletshow {
  display: none
}

.hideit {
  display: none;
}

.desktopshow {
  display: none;
}

.makeitfull {
  margin-right: 30px;
}

.centeredmargin {
  margin-left: 30px!important;
}

.centeredtopmenu {
  margin: 30px 0 0px 0;
}

.centeredtopmenu .main-logo {
  margin-left: 0!important;
}

.color-red {
  color: #cc0000;
}

.color-green {
  color: #5cb85c;
}

.color-yellow {
  color: #ffcc33;
}

.color-bg-green {
  background: #5cb85c;
  color: #fff;
  padding: 4px 6px;
  margin-left: 5px;
}

a.backtotop {
  display: none;
  background: #fff;
  position: fixed;
  right: 20px;
  bottom: 40px;
  border-radius: 200px;
  width: 50px;
  height: 50px;
  z-index: 99;
}

.backtotop:after {
  font-family: 'fontAwesome';
  content: '\f106';
  font-size: 26px;
  position: absolute;
  margin-top: 0px;
  top: -1px;
  line-height: 50px;
  width: 100%;
  text-align: center;
}

.fb-comments,
.fb-comments span,
.fb-comments.fb_iframe_widget span iframe {
  width: 100% !important;
}


/* NEW AFFILIATE */

body.page-template-template-affiliate {
  background: #404040;
}

body.page-template-template-affiliate .affiliate-div {
  color: #f0f0f0;
}

.affiliate-div h1,
.affiliate-div h2,
.affiliate-div h3,
.affiliate-div h4,
.affiliate-div h5,
.affiliate-div h6,
.affiliate-div p,
.affiliate-div a {
  color: #f0f0f0;
}

.affiliate-div a {
  color: #fff;
}

.affiliate-signup-container {
  text-align: center;
  color: #f0f0f0;
  padding-bottom: 70px;
}

.affiliate-signup-container .badge {
  width: 210px;
  height: 210px;
  margin: auto;
  position: relative;
  text-align: center;
  margin-bottom: 50px;
}

.affiliate-signup-container .badge i {
  font-size: 240px;
  line-height: 210px;
  position: absolute;
  left: 0;
  top: 0;
  color: #c7f464;
}

.affiliate-signup-container .badge div {
  top: 50%;
  position: absolute;
  color: #000;
  left: 0;
  right: 0;
  transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
}

.affiliate-signup-container .badge div strong {
  display: block;
  font-size: 65px;
  font-weight: bold;
  line-height: 55px;
  letter-spacing: -.02em;
}

.affiliate-signup-container .badge div small {
  font-size: 35px;
}

.affiliate-signup-container .badge div span {
  font-size: 16px;
  display: block;
  font-weight: bold;
}

.affiliate-signup-container h1 {
  font-size: 30px;
  line-height: 50px;
  letter-spacing: -0.02em;
}

.affiliate-signup-container h3 {
  font-size: 17px;
  font-weight: 300;
  display: block;
  margin: 20px 0 50px 0;
}

.aff-notice {
  border: 1px solid;
  padding: 10px 15px;
  margin-bottom: 40px;
}

.affiliate-signup-container a.aff-button,
.button-new-gray {
  border: 2px solid #fff;
  padding: 11px 30px;
  border-radius: 500px;
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  color: #fff;
  display: inline-block;
  font-weight: bold;
  margin-right: 12px;
}

.affiliate-signup-container a.aff-button.signup,
.button-new-green {
  background: #c7f464;
  border-color: #c7f464;
  color: #000;
  margin-right: 0;
}

.affiliate-signup-container p.aff-terms {
  margin-top: 40px;
}

.affiliate-signup-container p.aff-terms a {
  color: #999;
  font-size: 12px;
}

.aff-features {
  max-width: 700px;
  margin: auto;
  margin-top: 80px;
}

.aff-features .aff-feature {
  width: 40%;
  display: inline-block;
  margin-right: 60px;
  color: #777;
}

.aff-features .aff-feature:last-child {
  margin-right: 0;
}

.aff-features .aff-feature i {
  font-size: 40px;
}

.aff-features .aff-feature h2 {
  font-size: 18px;
  color: #aaa;
  margin-bottom: 8px;
}

.aff-features .aff-feature p {
  font-size: 12px;
  color: #aaa
}

.aff-banners textarea {
  padding: 5px 12px;
  height: 60px;
  font-size: 12px;
}

.affiliate-join-form {
  max-width: 600px;
  margin: 50px auto;
  text-align: left;
}

.affiliate-div input {
  background: none;
  border: none;
  border-bottom: 1px solid #777;
  color: #f0f0f0;
  padding: 10px 0;
}

.affiliate-join-form span {
  color: #fff;
  display: inline-block;
}

.affiliate-join-form input {
  width: 100%;
}

.affiliate-div select {
  width: 100%;
  height: 50px;
  font-size: 14px;
  background: none;
  border: none;
  border-bottom: 1px solid #777;
  color: #fff;
  border-radius: 0px!important;
}

.affiliate-join-form input.checkbox {
  display: inline-block;
  width: auto;
  margin-right: 5px;
}

.affiliate-join-form a {
  border-bottom: 1px solid #999;
  padding-bottom: 3px;
}

.affiliate-join-form h5 {
  margin: 60px 0 30px 0;
  font-weight: bold;
}

.affiliate-join-form div.notice {
  font-size: 11px;
  color: #999
}

.affiliate-div .aff-stats {
  float: left;
  width: 200px;
  margin-right: 10px;
}


/* Theme Documentation */

.doc-container .new-doc-menu h3 {
  margin-left: 15px;
}

.doc-container .new-doc-menu ul.bs-docs-sidenav {
  margin: 15px 0 0 15px
}

.doc-container .new-doc-menu li {
  margin: 0;
}

.doc-container .new-doc-menu a {
  font-size: 12px;
  color: #333;
}

.doc-container .new-doc-menu li>a {
  padding: 3px 15px;
}

.doc-container .new-doc-menu li.active>a {
  font-weight: bold;
  color: #000;
}

.doc-container .new-doc-menu li a:hover {
  background: #333;
  color: #fff;
}

.doc-container .new-doc-menu li ul {
  display: none;
}

.doc-container .new-doc-menu li.active ul {
  display: block;
  margin: 0px 0px 20px 0px;
}

.doc-container .new-doc-menu ul ul li a {
  font-size: 11px;
  padding-left: 25px;
}

.nav>li.active>a {
  border-left: 2px solid #cc0000;
  padding-left: 13px;
}

ul.nav ul li.active>a {
  padding-left: 23px;
}

.page-template-template-documentation div.masterheader.differentheader {
  padding-top: 40px;
  padding-bottom: 40px;
}

.page-template-template-documentation div.masterheader.differentheader h1 {
  margin-bottom: 0;
}

.page-template-template-documentation div.masterheader.differentheader p {
  margin-bottom: 0;
}

.page-template-template-documentation div.masterheader.differentheader form {
  width: 100%;
  text-align: right;
}

.page-template-template-documentation div.masterheader.differentheader form select {
  height: 35px;
  line-height: 35px;
  width: 250px;
  font-size: 14px;
  border-color: #ddd;
}

.page-template-template-documentation div.masterheader.differentheader form strong {
  display: block;
  margin-bottom: 10px;
  font-weight: normal;
}

.doc-container {
  margin-bottom: 70px;
}

.doc-container p,
.doc-container li {
  margin: 0 0 20px 0;
  font-size: 16px;
  line-height: 1.7em;
}

.doc-container hr {
  border-color: #ddd;
}

.doc-container ol li,
.doc-container ul li {
  line-height: 1.7em;
  font-size: 14px;
}

.doc-container .bs-docs-section {
  float: left;
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;
  float: left;
  width: 100%;
  background: #eee;
  padding-left: 40px;
  padding-right: 40px;
  margin-bottom: 60px;
  border-radius: 5px;
  background: #eee;
  color: #333;
  text-align: left;
}

.doc-container .bs-docs-section .vc_row {
  margin-bottom: 40px;
}

.doc-container .bs-docs-section a {
  color: #cc0000;
}

.doc-container h1 {
  font-size: 36px;
  font-weight: bold;
  margin-bottom: 40px;
  border-left: 5px solid #333;
  padding-left: 25px;
}

.doc-container .bs-docs-section:first-child h1 {
  border-top: 0;
  padding-top: 0px;
}

.doc-container h2 {
  font-size: 18px;
  margin: 0px 0 30px 0;
  font-weight: bold;
  border-left: 2px solid;
  padding-left: 20px;
  color: #666;
}

.doc-container pre {
  padding: 25px;
  background: #1a1a1a;
  color: #999;
  font-size: 12px;
  font-family: Monaco, courier new;
  border-radius: 5px;
  margin-bottom: 20px;
}

.doc-container img {
  background: #ccc;
  padding: 1px;
  margin: 0px 0;
}

.doc-container .alignleft {
  float: left;
  margin-right: 25px;
}

.doc-container .alignright {
  float: right;
  margin-left: 25px;
}

.doc-container img.alignleft,
.doc-container img.alignright {
  margin-top: 0px;
  margin-bottom: 0px;
}

@media only screen and (max-width: 768px) {
  .doc-container h1 {
    font-size: 21px;
  }
}

.affix {
  position: fixed!important;
  top: 25px;
}

.page-template-template-documentation #maincontainer {
  position: relative;
}

.completedreg-new {
  max-width: 700px;
  text-align: center;
  margin: 60px auto 160px auto;
}

.completedreg-new h3 i {
  font-size: 72px;
  clear: both;
  margin: 40px 0;
}

.completedreg-new h3 {
  font-size: 28px;
  margin-bottom: 30px;
  font-weight: bold;
}

.aff-banner {
  text-align: center;
  padding: 40px 0;
  background: #f0f0f0;
  border-top: 1px solid #eee;
}

.aff-banner p {
  padding: 0;
  margin: 0;
}

.aff-banner i {
  margin-right: 5px;
  position: relative;
}


/* AFFILIATE */

.affiliate-div {
  margin-bottom: 100px;
}

.affiliate-div .nextpayment span {
  float: right;
  font-size: 36px;
  margin-top: 10px;
}

.affiliate-div .nextpayment {
  display: block;
  margin-bottom: 15px;
  padding-bottom: 15px;
}

.contact-helper span.or {
  padding: 0 10px 0 10px;
}

.contact-helper h2.commision {
  font-size: 120px;
  margin: 0px 0 60px 40px;
  float: right;
}

.contact-helper ul.termsandconditions li {
  line-height: 24px;
  font-size: 13px;
  color: #ccc;
}

.affiliate form h5 {
  margin: 35px 0 15px 0;
  padding-bottom: 15px;
  border-bottom: 1px solid #f0f0f0;
  float: left;
  width: 100%;
  font-weight: bold;
}

.aff-form-update span.placeholder {
  color: #fff;
  margin: 35px 0 0px 0;
}

.aff-form-update label:first-of-type span.placeholder {
  margin-top: 0;
}

form.aff-form-update h5 {
  border: none;
  margin: 70px 0 0 0;
}

.affiliate-div .table {}

.affiliate-div .table .refunded td {
  color: #ff0000;
}

.aff-promo-div {
  background: none;
  padding: 0;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #555;
  margin-top: 0;
}

.aff-promo-div span {
  padding-bottom: 20px;
  display: block;
}

.aff-promo-div input {
  width: 250px;
  padding: 10px;
  margin-right: 5px;
}

.aff-promo-div button {
  font-size: 12px;
}

.promocodefaq li {
  line-height: 1.6em;
  font-size: 12px;
  color: #999;
}

body.page-template-template-affiliate .pagetitles,
body.page-template-template-affiliate .pagetitles h1 {
  color: #fff;
}

.affiliate-div hr {
  margin: 5px 0 35px 0;
  border-color: #555;
}

body.page-template-template-affiliate .pagetitles {}

.affiliate-div .nextpayment h4 {
  display: block;
  margin-bottom: 5px;
  font-weight: bold;
}

body.page-template-template-affiliate .table th,
body.page-template-template-affiliate .table td {
  padding: 13px 10px;
  border: 1px solid #555!important;
}

.table.banners {
  background: #f9f9f9;
  color: #000;
}

body.page-template-template-affiliate .table.banners th,
body.page-template-template-affiliate .table.banners td,
body.page-template-template-affiliate .table.banners tr {
  color: #333!important;
  border-color: #ccc!important;
}

body.page-template-template-affiliate .table td {
  color: #bbb;
}

body.page-template-template-affiliate .color-red,
body.page-template-template-affiliate .color-red td {
  color: #C7F464
}

.aff-pagination {
  list-style: none;
  margin: 0 auto;
  width: auto;
}

.aff-pagination li {
  display: inline-block;
  margin: 0 10px;
}

.aff-pagination li.active a {
  font-weight: bold;
  color: #C7F464;
}

.aff-right-menu {
  border-left: 1px solid #555;
  padding-left: 20px;
  margin-left: 10px;
  font-size: 11px;
}

.aff-right-menu a {
  display: block;
  margin-bottom: 10px;
  font-size: 13px;
  color: #bbb;
}

.aff-right-menu a:hover,
.aff-right-menu a.selected {
  color: #fff
}

.aff-right-menu a.main-url {
  font-weight: bold;
  color: #fff;
}

.aff-right-menu a.main-url:hover,
.aff-right-menu a.main-url.selected {
  color: #C7F464
}

.aff-right-menu a i {
  width: 20px;
  text-align: center;
}

.aff-right-menu .toc {
  padding-bottom: 12px;
  display: block;
}

.aff-right-menu hr {
  margin: 20px 0;
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .aff-features .aff-feature {
    margin: 0 0 70px 0;
    width: 100%;
  }
  .aff-features .aff-feature:last-child {
    margin: 0;
  }
  .aff-features .aff-feature p {
    width: 70%;
    margin: auto;
  }
  .aff-right-menu {
    border: none;
    margin-left: 0;
    padding-left: 0;
    padding-top: 60px;
  }
}

@media only screen and (max-width: 479px) {
  .affiliate-signup-container h1 {
    font-size: 23px;
  }
  .aff-button {
    margin-bottom: 30px;
  }
}

.afflogout {
  float: right;
  margin-top: 15px;
}

.afftitle {
  padding: 70px 0 15px 0px;
  font-weight: bold;
  font-size: 21px;
}

.completedreg {
  padding: 20px;
  background-color: #fcf8e3;
  color: #333;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  margin-top: 40px;
  display: block;
  margin-bottom: 25px;
}

.completedreg h3 {
  font-size: 21px;
  margin-bottom: 15px;
  padding-bottom: 15px;
  border-bottom: 1px solid #fbeed5;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption+thead tr:first-child th,
.table caption+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody+tbody {
  border-top: 2px solid #dddddd;
}

.table .table {
  background-color: #ffffff;
}

.table-condensed th,
.table-condensed td {
  padding: 4px 5px;
}

.table-bordered {
  border: 1px solid #dddddd;
  border-collapse: separate;
  *border-collapse: collapse;
  border-left: 0;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.table-bordered th,
.table-bordered td {
  border-left: 1px solid #dddddd;
}

.table-bordered caption+thead tr:first-child th,
.table-bordered caption+tbody tr:first-child th,
.table-bordered caption+tbody tr:first-child td,
.table-bordered colgroup+thead tr:first-child th,
.table-bordered colgroup+tbody tr:first-child th,
.table-bordered colgroup+tbody tr:first-child td,
.table-bordered thead:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child th,
.table-bordered tbody:first-child tr:first-child td {
  border-top: 0;
}

.table-bordered thead:first-child tr:first-child>th:first-child,
.table-bordered tbody:first-child tr:first-child>td:first-child,
.table-bordered tbody:first-child tr:first-child>th:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered thead:first-child tr:first-child>th:last-child,
.table-bordered tbody:first-child tr:first-child>td:last-child,
.table-bordered tbody:first-child tr:first-child>th:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-bordered thead:last-child tr:last-child>th:first-child,
.table-bordered tbody:last-child tr:last-child>td:first-child,
.table-bordered tbody:last-child tr:last-child>th:first-child,
.table-bordered tfoot:last-child tr:last-child>td:first-child,
.table-bordered tfoot:last-child tr:last-child>th:first-child {
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.table-bordered thead:last-child tr:last-child>th:last-child,
.table-bordered tbody:last-child tr:last-child>td:last-child,
.table-bordered tbody:last-child tr:last-child>th:last-child,
.table-bordered tfoot:last-child tr:last-child>td:last-child,
.table-bordered tfoot:last-child tr:last-child>th:last-child {
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
  -moz-border-radius-bottomright: 4px;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:first-child {
  -webkit-border-bottom-left-radius: 0;
  border-bottom-left-radius: 0;
  -moz-border-radius-bottomleft: 0;
}

.table-bordered tfoot+tbody:last-child tr:last-child td:last-child {
  -webkit-border-bottom-right-radius: 0;
  border-bottom-right-radius: 0;
  -moz-border-radius-bottomright: 0;
}

.table-bordered caption+thead tr:first-child th:first-child,
.table-bordered caption+tbody tr:first-child td:first-child,
.table-bordered colgroup+thead tr:first-child th:first-child,
.table-bordered colgroup+tbody tr:first-child td:first-child {
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topleft: 4px;
}

.table-bordered caption+thead tr:first-child th:last-child,
.table-bordered caption+tbody tr:first-child td:last-child,
.table-bordered colgroup+thead tr:first-child th:last-child,
.table-bordered colgroup+tbody tr:first-child td:last-child {
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
}

.table-striped tbody>tr:nth-child(odd)>td,
.table-striped tbody>tr:nth-child(odd)>th {
  background-color: #f9f9f9;
}

.table-hover tbody tr:hover>td,
.table-hover tbody tr:hover>th {
  background-color: #f5f5f5;
}

table td[class*="span"],
table th[class*="span"],
.row-fluid table td[class*="span"],
.row-fluid table th[class*="span"] {
  display: table-cell;
  float: none;
  margin-left: 0;
}

.table td.span1,
.table th.span1 {
  float: none;
  width: 44px;
  margin-left: 0;
}

.table td.span2,
.table th.span2 {
  float: none;
  width: 124px;
  margin-left: 0;
}

.table td.span3,
.table th.span3 {
  float: none;
  width: 204px;
  margin-left: 0;
}

.table td.span4,
.table th.span4 {
  float: none;
  width: 284px;
  margin-left: 0;
}

.table td.span5,
.table th.span5 {
  float: none;
  width: 364px;
  margin-left: 0;
}

.table td.span6,
.table th.span6 {
  float: none;
  width: 444px;
  margin-left: 0;
}

.table td.span7,
.table th.span7 {
  float: none;
  width: 524px;
  margin-left: 0;
}

.table td.span8,
.table th.span8 {
  float: none;
  width: 604px;
  margin-left: 0;
}

.table td.span9,
.table th.span9 {
  float: none;
  width: 684px;
  margin-left: 0;
}

.table td.span10,
.table th.span10 {
  float: none;
  width: 764px;
  margin-left: 0;
}

.table td.span11,
.table th.span11 {
  float: none;
  width: 844px;
  margin-left: 0;
}

.table td.span12,
.table th.span12 {
  float: none;
  width: 924px;
  margin-left: 0;
}

.table tbody tr.success>td {
  background-color: #dff0d8;
}

.table tbody tr.error>td {
  background-color: #f2dede;
}

.table tbody tr.warning>td {
  background-color: #fcf8e3;
}

.table tbody tr.info>td {
  background-color: #d9edf7;
}

.table-hover tbody tr.success:hover>td {
  background-color: #d0e9c6;
}

.table-hover tbody tr.error:hover>td {
  background-color: #ebcccc;
}

.table-hover tbody tr.warning:hover>td {
  background-color: #faf2cc;
}

.table-hover tbody tr.info:hover>td {
  background-color: #c4e3f3;
}

@media only screen and (min-width: 1200px) {
  .desktopshow {
    display: block;
  }
  .makeitfull {
    margin-right: 40px;
  }
  .centeredmargin {
    margin-left: 45px!important;
  }
  div.theme-item .theme .right p.info1 {
    font-size: 24px;
  }
  div.theme-item .theme .right h3 {
    font-size: 32px;
  }

  div.theme-item .theme .right p.info2 {
    font-size: 13px;
  }
  .memberarea .left .product .extras {
    display: inline;
  }
  .footercontainer input {
    width: 160px;
  }
}

@media only screen and (min-width: 959px) {
  .desktopshow {
    display: block;
  }
}


/* Smaller than standard 960 (devices and browsers) */

@media only screen and (max-width: 959px) {}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  div.masterheader div.sliderarea .text {
    min-height: 220px;
  }
  .images .box div.info a {
    margin-top: 10px;
    margin-bottom: 5px;
    font-size: 12px;
  }
  .images .box div.info {
    line-height: 1.5em;
  }
  .themefeatures .img {
    min-height: 124px
  }
  div.theme-item .theme .right hr {
    margin: 20px 0 20px 0;
  }
  div.theme-item .theme .right p.info1 {
    font-size: 18px;
    margin: 0;
  }
  div.theme-item .theme .right a.button {
    margin-top: 5px;
  }
  div.theme-item .theme .right {
    padding-top: 0px;
  }
  div.theme-item .theme .right p.info2 {
    font-size: 12px;
  }
}


/* Tablet Portrait size to standard 960 (devices and browsers) */

@media only screen and (min-width: 768px) and (max-width: 959px) {
  div.masterheader div.sliderarea .text {
    min-height: 150px;
  }
  .mobilemenu {
    display: inline-block;
  }
  .smalldontshow {
    display: none!important
  }
  .smallshow {
    display: block
  }
  .tabletshow {
    display: block
  }
  .topline {
    margin-bottom: 30px;
  }
  .images .box {
    margin-bottom: 25px;
  }
  .images .box {
    margin-right: 0;
    width: 46%!important;
  }
  .centeredmargin {
    margin-left: 30px!important;
  }
  /* HOMEPAGE */
  /*
		div.masterheader div.sliderarea h1 {
			font-size:21px;
			line-height:34px;
		}
		*/
  div.masterheaderdiv a.main-logo {
    margin-top: 0!important;
  }
  .memberarea .left .product .extras {
    display: block;
    margin-top: 15px;
  }
  .footercontainer h4 {
    font-size: 14px;
  }
  .footercontainer p {
    font-size: 12px;
  }
  .footercontainer input {
    width: 200px;
  }
  .footercontainer .sharingfooter .sharingrow .gg {
    margin: 10px 0 0 0;
  }
}


/* All Mobile Sizes (devices and browser) */

@media only screen and (max-width: 767px) {
  .footercontainer .bydiv {
    margin-bottom: 50px;
    border: none;
  }
  .footercontainer .sharingfooter {
    margin: 0;
  }
  .footercontainer .bydiv {
    margin-bottom: 50px;
    border: none;
  }
  .footercontainer .sharingfooter {
    margin: 0;
  }
  .pop-change-log {
    text-align: left;
    margin-bottom: 100px;
  }
  .themefeatures .nor-tabs li a {
    padding: 11px;
    font-size: 12px;
  }
  .themepagetext {
    text-align: center;
  }
  .logo-container {
    width: 220px!important;
  }
  .mobilemenu {
    display: inline-block;
    margin-top: -2px;
  }
  .contact-helper h2.commision {
    margin-top: 40px;
    float: none;
  }
  .afflogout {
    float: none;
    text-align: center;
  }
  div.masterheader div.sliderarea .text {
    min-height: 150px;
  }
  .footercontainer {
    text-align: center
  }
  .themefeatures h3.title,
  .themefeatures {
    text-align: center;
  }
  .themefeatures .right {
    text-align: left;
  }
  .themefeatures .left span.title {
    margin-left: 0;
  }
  .themefeatures .left p.info {
    width: 100%;
    margin-left: 0;
  }
  .smalldontshow {
    display: none
  }
  .smallshow {
    display: block
  }
  .images .box {
    margin-right: 0;
    width: 100%!important;
  }
  .centeredmargin {
    margin-left: 10px!important;
  }
  /* HOMEPAGE */
  div.masterheader div.sliderarea h1 {
    font-size: 18px;
    line-height: 28px;
    width: 100%;
  }
  div.commonfeatures .specs {
    text-align: center;
  }
  div.commonfeatures .specs .left .feature-icon {
    float: none;
    display: inline-block;
    margin-bottom: 25px;
  }
  div.commonfeatures .specs .right hr {
    margin: 20px auto 20px auto;
  }
  div.commonfeatures .specs .right p {
    width: 100%;
  }
  .theme-item {
    text-align: center;
  }
  .theme-item hr {
    margin: 30px auto 30px auto;
  }
  div.theme-item .theme .right h3,
  div.theme-item .theme .right p.info1,
  div.theme-item .theme .right p.info2 {
    width: 100%;
  }
  footer {
    text-align: center;
  }
  .footercontainer input {
    width: 170px;
  }
  .footercontainer h4 {
    font-size: 21px;
  }
  .footercontainer .bydiv {
    text-align: center;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ddd;
  }
  .footercontainer .bydiv:last-child {
    border-bottom: none
  }
  .footercontainer .sharingfooter .sharingrow.facebook {
    width: auto;
    margin-bottom: 25px;
  }
  .footercontainer .sharingfooter .sharingrow {
    padding: 10px 0px 0 0;
  }
  .pagetitles {
    text-align: center;
  }
  .memberarea .left .product {
    padding: 0!important;
    background-color: #fff!important;
  }
  .button-memberarea {
    display: block!important;
  }
  .thankyou {
    margin-top: 70px;
    margin-bottom: 50px;
  }
  .thankyou h3 {
    font-size: 24px;
    line-height: 35px
  }
  .thankyou hr {
    width: 40%;
  }
  .memberarea {
    text-align: center;
  }
  .mobiledontshow {
    display: none!important
  }
  div.masterheader a.rightbutton {
    float: none;
  }
  .checkout-item {
    text-align: center;
  }
  .checkout-item .price {
    text-align: center!important;
  }
  .checkout-total ul {
    font-size: 12px;
  }
  .checkout-total ul li span {
    font-size: 12px;
  }
  .checkout-total input {
    width: 150px;
  }
  .checkout-total .couponform {
    margin-bottom: 25px;
  }
  .checkout-total .buy-now-button {}
  .contact-helper {
    text-align: center;
  }
  .contact-helper hr {
    margin: 20px auto 20px auto;
  }
  .contact-helper .right h3,
  .contact-helper p.info1,
  .contact-helper p.info2 {
    width: 100%;
  }
  .loginforms input[type=text] {
    width: 250px;
  }
  .loginforms .credit-card-container input[type=text] {
    width: 100%!important;
  }
  .form-login .cards {
    margin-left: 0;
  }
  .checkout-container .buttonarea .cartuserinfo {
    margin-top: 50px;
  }
  div.masterheaderdiv a.main-logo {
    margin-top: 0!important;
  }
  .navtabs li a,
  .navtabs li {
    padding: 2px!important;
  }
  .nav-tabs>li>a,
  .nav-tabs>li>a,
  .nav-tabs>li.active>a,
  .nav-tabs>li.active:hover>a {
    padding: 5px 7px 5px 7px;
    font-size: 10px;
  }
  .checkout-item .price strong {
    padding: 10px 15px 10px 15px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    border-radius: 50px;
  }
  .memberarea .left .product h5 .downloadbutton {
    float: none;
    margin-top: 20px;
  }
  .themefeatures .img {
    border: none;
    overflow: auto;
    float: none;
    height: auto;
  }
}


/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */

@media only screen and (min-width: 480px) and (max-width: 767px) {
  div.masterheader div.sliderarea .text {
    min-height: 140px;
  }
  .smalldontshow {
    display: none!important;
  }
  .smallshow {
    display: block
  }
  .mobiledontshow {
    display: none
  }
  .mobileshow {
    display: block!important
  }
  .topline {
    padding-top: 25px;
    margin-bottom: 40px;
  }
  #maincontainer a.main-logo {
    margin-left: 0;
  }
  .images .box {
    margin-right: 0;
    width: 100%!important;
  }
  .mobileshow {
    display: none
  }
  .centeredmargin {
    margin-left: 0px!important;
  }
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

@media only screen and (max-width: 479px) {
  div.masterheader div.sliderarea .text {
    min-height: 120px;
  }
  .smalldontshow {
    display: none!important;
  }
  .smallshow {
    display: block
  }
  .mobiledontshow {
    display: none
  }
  .mobileshow {
    display: block
  }
  .smallshow {
    display: block
  }
  .topline {
    padding-top: 25px;
    margin-bottom: 40px;
  }
  #maincontainer a.main-logo {
    margin-left: 0;
  }
  .images .box {
    margin-right: 0;
    width: 100%!important;
  }
  .centeredmargin {
    margin-left: 0px!important;
  }
}


/*! fancyBox v2.1.3 fancyapps.com | fancyapps.com/fancybox/#license */

.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp {
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background: #fff;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer,
.fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: visible!important;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image,
.fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading,
.fancybox-close,
.fancybox-prev span,
.fancybox-next span {
  background-image: url('js/fancybox/fancybox_sprite_nor.png');
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
}

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('js/fancybox/fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: -20px;
  right: -20px;
  width: 38px;
  height: 38px;
  cursor: pointer;
  z-index: 8040;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 65px;
  height: 65px;
  margin-top: -30px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 0px;
  background-position: 0 -48px;
}

.fancybox-next span {
  right: 0px;
  background-position: 0 -112px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -99999px;
  left: -99999px;
  visibility: hidden;
  max-width: 99999px;
  max-height: 99999px;
  overflow: visible !important;
}


/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url('js/fancybox/fancybox_overlay.png');
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}


/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}



  i.useicon {
    font-size:40px;
    font-family: 'Northeme_Icons';
    position: relative;
  }

  /* # MOBILE HAMBURGER ICON
  	================================================== */

  	 .mobile-hamburger {
  		width: 25px;
  		height: 20px;
  		margin-left:1.2rem;
  		display:inline-block;
  		float:right;
  		position: relative;
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  		-webkit-transition: .5s ease-in-out;
  		-moz-transition: .5s ease-in-out;
  		-o-transition: .5s ease-in-out;
  		transition: .5s ease-in-out;
  		cursor: pointer;
      display: none;
      position: relative;
  	}
    .main-menu-open .mobile-hamburger {
       z-index: 20;
    }

  	.mobile-hamburger span {
  		display: block;
  		position: absolute;
  		height: 2px;
  		width: 100%;
  		border-radius: 0px;
  		opacity: 1;
  		left: 0;
  		-webkit-transform: rotate(0deg);
  		-moz-transform: rotate(0deg);
  		-o-transform: rotate(0deg);
  		transform: rotate(0deg);
  		-webkit-transition: all .25s ease-in-out;
  		-moz-transition: all .25s ease-in-out;
  		-o-transition: all .25s ease-in-out;
  		transition: all .25s ease-in-out;
  	}


  	.mobile-hamburger span:nth-child(1) {
  	  	top: 0px;
  	}

  	.mobile-hamburger span:nth-child(2),.mobile-hamburger span:nth-child(3) {
  	  top: 8px;
  	}

  	.mobile-hamburger span:nth-child(4) {
  	  top: 16px;
  	}

  	.main-menu-open .mobile-hamburger span:nth-child(1) {
  	  top: 8px;
  	  width: 0%;
  	  left: 50%;
  	}

  	.main-menu-open .mobile-hamburger span:nth-child(2) {
  	  -webkit-transform: rotate(45deg);
  	  -moz-transform: rotate(45deg);
  	  -o-transform: rotate(45deg);
  	  transform: rotate(45deg);
  	}

  	.main-menu-open .mobile-hamburger span:nth-child(3) {
  	  -webkit-transform: rotate(-45deg);
  	  -moz-transform: rotate(-45deg);
  	  -o-transform: rotate(-45deg);
  	  transform: rotate(-45deg);
  	}

  	.main-menu-open .mobile-hamburger span:nth-child(4) {
  	  top: 8px;
  	  width: 0%;
  	  left: 50%;
  	}

    .mobile-hamburger span,
    body .on-move .mobile-hamburger span {
      background: rgb(77, 77, 77);
    }

    .dark-page .mobile-hamburger span {
      background: rgb(220, 220, 220);
    }



    .mobile-menu {
      position:fixed;
      top:0;
      right:0;
      bottom:0;
      left:0;
      opacity: 0;
      visibility: hidden;
  		-webkit-transition:  .5s ease-in-out;
  		-moz-transition:  .5s ease-in-out;
  		-o-transition:  .5s ease-in-out;
  		transition:  .5s ease-in-out;
    }
    .mobile-menu .mobile-menu-overlay {
      position:absolute;
      top:0;
      right:0;
      bottom:0;
      left:0;
      background:rgba(0,0,0,.3);
      opacity:0;
      visibility: hidden;
      transition:opacity .5s ease-in-out;
    }

    .mobile-menu .mobile-menu-content {
      background:#1e1e1e;
      position:fixed;
      top:0;
      bottom:0;
      width:260px;
      padding:30px 0;
      left:-260px;
  		-webkit-transition:  .5s ease-in-out;
  		-moz-transition:  .5s ease-in-out;
  		-o-transition:  .5s ease-in-out;
  		transition:  .5s ease-in-out;
    }

    .main-menu-open .mobile-menu {
      opacity: 1;
      visibility: visible;
      z-index: 10;
    }
    .main-menu-open .mobile-menu .mobile-menu-overlay {
      opacity:1;
      visibility: visible;
      z-index: 11;
    }
    .main-menu-open .mobile-menu .mobile-menu-content {
      left:0;
      z-index: 12;
    }

    .mobile-menu .mobile-menu-content img {
      margin:0 0 15px 20px;
      width: 140px;
    }
    .mobile-menu .mobile-menu-content ul {
      list-style:none;
      margin:0;
    }
    .mobile-menu .mobile-menu-content ul li {
      margin:0;
    }
    .mobile-menu .mobile-menu-content ul li a {
      color:#eee;
      border-bottom:1px solid #333;
      display:block;
      padding:15px 20px;
    }
    .mobile-menu .mobile-menu-content ul li a:hover {
      background:#333;
    }


    @media only screen and (max-width: 959px) {
      .mobile-hamburger {
        display:inline-block;
      }
    }

/* # ROTATE
================================================== */

element {
  behavior: url(ms-transform.htc);
}

.rotate-45 {
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

span.discounttag {
  background-color: #c72a2a;
  color: #fff;
  padding: 35px 68px 8px 68px;
  font-size: 14px;
  font-weight: bold;
  position: absolute;
  top: -15px;
  left: -70px;
  text-align: center;
}

@font-face {
  font-family: 'northeme_icons';
  src: url('fonts/icon-font/northeme.woff2') format('woff2'), url('fonts/icon-font/northeme.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}



@font-face {
  font-family: 'Sitefont';
  src: url('fonts/sa/st.woff2') format('woff2'),
       url('fonts/sa/st.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Sitefont';
  src: url('fonts/sa/si.woff2') format('woff2'),
       url('fonts/sa/si.woff') format('woff');
  font-weight: normal;
  font-style: italic;
}

@font-face {
  font-family: 'Sitefont';
  src: url('fonts/sa/sm.woff2') format('woff2'),
       url('fonts/sa/sm.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

/*

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/book/GothamBook-webfont.woff2') format('woff2'),
         url('fonts/gotham/book/GothamBook-webfont.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/book/GothamBook-webfont.woff2') format('woff2'),
         url('fonts/gotham/book/GothamBook-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham';
    src: url('fonts/gotham/extralight/GothamExLight-webfont.woff2') format('woff2'),
         url('fonts/gotham/extralight/GothamExLight-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;

}
*/


/* Bootstrap v2.2.2 */

.clearfix {
  *zoom: 1;
}

.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}

.clearfix:after {
  clear: both;
}

.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}

.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.tooltip {
  position: absolute;
  z-index: 1030;
  display: block;
  visibility: visible;
  padding: 5px;
  font-size: 11px;
  opacity: 0;
  filter: alpha(opacity=0);
}

.tooltip.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

.tooltip.top {
  margin-top: -3px;
}

.tooltip.right {
  margin-left: 3px;
}

.tooltip.bottom {
  margin-top: 3px;
}

.tooltip.left {
  margin-left: -3px;
}

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  text-decoration: none;
  background-color: #000000;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000;
}

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000;
}

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000;
}

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000;
}

.popover {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1010;
  display: none;
  width: 350px;
  padding: 1px;
  text-align: left;
  background-color: #ffffff;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  font-size: 12px!important;
  background-clip: padding-box;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

.popover.top {
  margin-top: -10px;
}

.popover.right {
  margin-left: 20px;
}

.popover.bottom {
  margin-top: 20px;
}

.popover.left {
  margin-left: -10px;
}

.popover-title {
  margin: 0;
  padding: 10px 20px;
  font-size: 14px;
  font-weight: bold;
  line-height: 18px;
  border-bottom: 1px solid #ebebeb;
  -webkit-border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  border-radius: 5px 5px 0 0;
}

.popover-content {
  padding: 12px 20px 20px 20px;
  color: #000;
  line-height: 1.7em;
  font-size: 11px!important;
}

.popover .arrow,
.popover .arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}

.popover .arrow {
  border-width: 11px;
}

.popover .arrow:after {
  border-width: 10px;
  content: "";
}

.popover.top .arrow {
  left: 50%;
  margin-left: -11px;
  border-bottom-width: 0;
  border-top-color: #999;
  border-top-color: rgba(0, 0, 0, 0.25);
  bottom: -11px;
}

.popover.top .arrow:after {
  bottom: 1px;
  margin-left: -10px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}

.popover.right .arrow {
  top: 50%;
  left: -11px;
  margin-top: -11px;
  border-left-width: 0;
  border-right-color: #999;
  border-right-color: rgba(0, 0, 0, 0.25);
}

.popover.right .arrow:after {
  left: 1px;
  bottom: -10px;
  border-left-width: 0;
  border-right-color: #ffffff;
}

.popover.bottom .arrow {
  left: 50%;
  margin-left: -11px;
  border-top-width: 0;
  border-bottom-color: #999;
  border-bottom-color: rgba(0, 0, 0, 0.25);
  top: -11px;
}

.popover.bottom .arrow:after {
  top: 1px;
  margin-left: -10px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}

.popover.left .arrow {
  top: 50%;
  right: -11px;
  margin-top: -11px;
  border-right-width: 0;
  border-left-color: #999;
  border-left-color: rgba(0, 0, 0, 0.25);
}

.popover.left .arrow:after {
  right: 1px;
  border-right-width: 0;
  border-left-color: #ffffff;
  bottom: -10px;
}



/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{font-family:'FontAwesome';src: url('fonts/icon-font/fontawesome-webfont.woff2') format('woff2'), url('fonts/icon-font/fontawesome-webfont.woff') format('woff');font-weight:normal;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333333em;line-height:.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571429em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14285714em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14285714em;width:2.14285714em;top:.14285714em;text-align:center}.fa-li.fa-lg{left:-1.85714286em}.fa-border{padding:.2em .25em .15em;border:solid .08em #eee;border-radius:.1em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left{margin-right:.3em}.fa.fa-pull-right{margin-left:.3em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:fa-spin 2s infinite linear;animation:fa-spin 2s infinite linear}.fa-pulse{-webkit-animation:fa-spin 1s infinite steps(8);animation:fa-spin 1s infinite steps(8)}@-webkit-keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes fa-spin{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";-webkit-transform:rotate(270deg);-ms-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";-webkit-transform:scale(-1, 1);-ms-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";-webkit-transform:scale(1, -1);-ms-transform:scale(1, -1);transform:scale(1, -1)}:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270,:root .fa-flip-horizontal,:root .fa-flip-vertical{filter:none}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-remove:before,.fa-close:before,.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-photo:before,.fa-image:before,.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before,.fa-bar-chart:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook-f:before,.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-feed:before,.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-navicon:before,.fa-reorder:before,.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-desc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-asc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-mail-reply-all:before,.fa-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before,.fa-gratipay:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.fa-space-shuttle:before{content:"\f197"}.fa-slack:before{content:"\f198"}.fa-envelope-square:before{content:"\f199"}.fa-wordpress:before{content:"\f19a"}.fa-openid:before{content:"\f19b"}.fa-institution:before,.fa-bank:before,.fa-university:before{content:"\f19c"}.fa-mortar-board:before,.fa-graduation-cap:before{content:"\f19d"}.fa-yahoo:before{content:"\f19e"}.fa-google:before{content:"\f1a0"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-square:before{content:"\f1a2"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-stumbleupon:before{content:"\f1a4"}.fa-delicious:before{content:"\f1a5"}.fa-digg:before{content:"\f1a6"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-drupal:before{content:"\f1a9"}.fa-joomla:before{content:"\f1aa"}.fa-language:before{content:"\f1ab"}.fa-fax:before{content:"\f1ac"}.fa-building:before{content:"\f1ad"}.fa-child:before{content:"\f1ae"}.fa-paw:before{content:"\f1b0"}.fa-spoon:before{content:"\f1b1"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-recycle:before{content:"\f1b8"}.fa-automobile:before,.fa-car:before{content:"\f1b9"}.fa-cab:before,.fa-taxi:before{content:"\f1ba"}.fa-tree:before{content:"\f1bb"}.fa-spotify:before{content:"\f1bc"}.fa-deviantart:before{content:"\f1bd"}.fa-soundcloud:before{content:"\f1be"}.fa-database:before{content:"\f1c0"}.fa-file-pdf-o:before{content:"\f1c1"}.fa-file-word-o:before{content:"\f1c2"}.fa-file-excel-o:before{content:"\f1c3"}.fa-file-powerpoint-o:before{content:"\f1c4"}.fa-file-photo-o:before,.fa-file-picture-o:before,.fa-file-image-o:before{content:"\f1c5"}.fa-file-zip-o:before,.fa-file-archive-o:before{content:"\f1c6"}.fa-file-sound-o:before,.fa-file-audio-o:before{content:"\f1c7"}.fa-file-movie-o:before,.fa-file-video-o:before{content:"\f1c8"}.fa-file-code-o:before{content:"\f1c9"}.fa-vine:before{content:"\f1ca"}.fa-codepen:before{content:"\f1cb"}.fa-jsfiddle:before{content:"\f1cc"}.fa-life-bouy:before,.fa-life-buoy:before,.fa-life-saver:before,.fa-support:before,.fa-life-ring:before{content:"\f1cd"}.fa-circle-o-notch:before{content:"\f1ce"}.fa-ra:before,.fa-resistance:before,.fa-rebel:before{content:"\f1d0"}.fa-ge:before,.fa-empire:before{content:"\f1d1"}.fa-git-square:before{content:"\f1d2"}.fa-git:before{content:"\f1d3"}.fa-y-combinator-square:before,.fa-yc-square:before,.fa-hacker-news:before{content:"\f1d4"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-qq:before{content:"\f1d6"}.fa-wechat:before,.fa-weixin:before{content:"\f1d7"}.fa-send:before,.fa-paper-plane:before{content:"\f1d8"}.fa-send-o:before,.fa-paper-plane-o:before{content:"\f1d9"}.fa-history:before{content:"\f1da"}.fa-circle-thin:before{content:"\f1db"}.fa-header:before{content:"\f1dc"}.fa-paragraph:before{content:"\f1dd"}.fa-sliders:before{content:"\f1de"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-bomb:before{content:"\f1e2"}.fa-soccer-ball-o:before,.fa-futbol-o:before{content:"\f1e3"}.fa-tty:before{content:"\f1e4"}.fa-binoculars:before{content:"\f1e5"}.fa-plug:before{content:"\f1e6"}.fa-slideshare:before{content:"\f1e7"}.fa-twitch:before{content:"\f1e8"}.fa-yelp:before{content:"\f1e9"}.fa-newspaper-o:before{content:"\f1ea"}.fa-wifi:before{content:"\f1eb"}.fa-calculator:before{content:"\f1ec"}.fa-paypal:before{content:"\f1ed"}.fa-google-wallet:before{content:"\f1ee"}.fa-cc-visa:before{content:"\f1f0"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-bell-slash:before{content:"\f1f6"}.fa-bell-slash-o:before{content:"\f1f7"}.fa-trash:before{content:"\f1f8"}.fa-copyright:before{content:"\f1f9"}.fa-at:before{content:"\f1fa"}.fa-eyedropper:before{content:"\f1fb"}.fa-paint-brush:before{content:"\f1fc"}.fa-birthday-cake:before{content:"\f1fd"}.fa-area-chart:before{content:"\f1fe"}.fa-pie-chart:before{content:"\f200"}.fa-line-chart:before{content:"\f201"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-bicycle:before{content:"\f206"}.fa-bus:before{content:"\f207"}.fa-ioxhost:before{content:"\f208"}.fa-angellist:before{content:"\f209"}.fa-cc:before{content:"\f20a"}.fa-shekel:before,.fa-sheqel:before,.fa-ils:before{content:"\f20b"}.fa-meanpath:before{content:"\f20c"}.fa-buysellads:before{content:"\f20d"}.fa-connectdevelop:before{content:"\f20e"}.fa-dashcube:before{content:"\f210"}.fa-forumbee:before{content:"\f211"}.fa-leanpub:before{content:"\f212"}.fa-sellsy:before{content:"\f213"}.fa-shirtsinbulk:before{content:"\f214"}.fa-simplybuilt:before{content:"\f215"}.fa-skyatlas:before{content:"\f216"}.fa-cart-plus:before{content:"\f217"}.fa-cart-arrow-down:before{content:"\f218"}.fa-diamond:before{content:"\f219"}.fa-ship:before{content:"\f21a"}.fa-user-secret:before{content:"\f21b"}.fa-motorcycle:before{content:"\f21c"}.fa-street-view:before{content:"\f21d"}.fa-heartbeat:before{content:"\f21e"}.fa-venus:before{content:"\f221"}.fa-mars:before{content:"\f222"}.fa-mercury:before{content:"\f223"}.fa-intersex:before,.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-venus-double:before{content:"\f226"}.fa-mars-double:before{content:"\f227"}.fa-venus-mars:before{content:"\f228"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-neuter:before{content:"\f22c"}.fa-genderless:before{content:"\f22d"}.fa-facebook-official:before{content:"\f230"}.fa-pinterest-p:before{content:"\f231"}.fa-whatsapp:before{content:"\f232"}.fa-server:before{content:"\f233"}.fa-user-plus:before{content:"\f234"}.fa-user-times:before{content:"\f235"}.fa-hotel:before,.fa-bed:before{content:"\f236"}.fa-viacoin:before{content:"\f237"}.fa-train:before{content:"\f238"}.fa-subway:before{content:"\f239"}.fa-medium:before{content:"\f23a"}.fa-yc:before,.fa-y-combinator:before{content:"\f23b"}.fa-optin-monster:before{content:"\f23c"}.fa-opencart:before{content:"\f23d"}.fa-expeditedssl:before{content:"\f23e"}.fa-battery-4:before,.fa-battery:before,.fa-battery-full:before{content:"\f240"}.fa-battery-3:before,.fa-battery-three-quarters:before{content:"\f241"}.fa-battery-2:before,.fa-battery-half:before{content:"\f242"}.fa-battery-1:before,.fa-battery-quarter:before{content:"\f243"}.fa-battery-0:before,.fa-battery-empty:before{content:"\f244"}.fa-mouse-pointer:before{content:"\f245"}.fa-i-cursor:before{content:"\f246"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-sticky-note:before{content:"\f249"}.fa-sticky-note-o:before{content:"\f24a"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-diners-club:before{content:"\f24c"}.fa-clone:before{content:"\f24d"}.fa-balance-scale:before{content:"\f24e"}.fa-hourglass-o:before{content:"\f250"}.fa-hourglass-1:before,.fa-hourglass-start:before{content:"\f251"}.fa-hourglass-2:before,.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-3:before,.fa-hourglass-end:before{content:"\f253"}.fa-hourglass:before{content:"\f254"}.fa-hand-grab-o:before,.fa-hand-rock-o:before{content:"\f255"}.fa-hand-stop-o:before,.fa-hand-paper-o:before{content:"\f256"}.fa-hand-scissors-o:before{content:"\f257"}.fa-hand-lizard-o:before{content:"\f258"}.fa-hand-spock-o:before{content:"\f259"}.fa-hand-pointer-o:before{content:"\f25a"}.fa-hand-peace-o:before{content:"\f25b"}.fa-trademark:before{content:"\f25c"}.fa-registered:before{content:"\f25d"}.fa-creative-commons:before{content:"\f25e"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-tripadvisor:before{content:"\f262"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-get-pocket:before{content:"\f265"}.fa-wikipedia-w:before{content:"\f266"}.fa-safari:before{content:"\f267"}.fa-chrome:before{content:"\f268"}.fa-firefox:before{content:"\f269"}.fa-opera:before{content:"\f26a"}.fa-internet-explorer:before{content:"\f26b"}.fa-tv:before,.fa-television:before{content:"\f26c"}.fa-contao:before{content:"\f26d"}.fa-500px:before{content:"\f26e"}.fa-amazon:before{content:"\f270"}.fa-calendar-plus-o:before{content:"\f271"}.fa-calendar-minus-o:before{content:"\f272"}.fa-calendar-times-o:before{content:"\f273"}.fa-calendar-check-o:before{content:"\f274"}.fa-industry:before{content:"\f275"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-map-o:before{content:"\f278"}.fa-map:before{content:"\f279"}.fa-commenting:before{content:"\f27a"}.fa-commenting-o:before{content:"\f27b"}.fa-houzz:before{content:"\f27c"}.fa-vimeo:before{content:"\f27d"}.fa-black-tie:before{content:"\f27e"}.fa-fonticons:before{content:"\f280"}.fa-reddit-alien:before{content:"\f281"}.fa-edge:before{content:"\f282"}.fa-credit-card-alt:before{content:"\f283"}.fa-codiepie:before{content:"\f284"}.fa-modx:before{content:"\f285"}.fa-fort-awesome:before{content:"\f286"}.fa-usb:before{content:"\f287"}.fa-product-hunt:before{content:"\f288"}.fa-mixcloud:before{content:"\f289"}.fa-scribd:before{content:"\f28a"}.fa-pause-circle:before{content:"\f28b"}.fa-pause-circle-o:before{content:"\f28c"}.fa-stop-circle:before{content:"\f28d"}.fa-stop-circle-o:before{content:"\f28e"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-hashtag:before{content:"\f292"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-percent:before{content:"\f295"}.fa-gitlab:before{content:"\f296"}.fa-wpbeginner:before{content:"\f297"}.fa-wpforms:before{content:"\f298"}.fa-envira:before{content:"\f299"}.fa-universal-access:before{content:"\f29a"}.fa-wheelchair-alt:before{content:"\f29b"}.fa-question-circle-o:before{content:"\f29c"}.fa-blind:before{content:"\f29d"}.fa-audio-description:before{content:"\f29e"}.fa-volume-control-phone:before{content:"\f2a0"}.fa-braille:before{content:"\f2a1"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asl-interpreting:before,.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-deafness:before,.fa-hard-of-hearing:before,.fa-deaf:before{content:"\f2a4"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-signing:before,.fa-sign-language:before{content:"\f2a7"}.fa-low-vision:before{content:"\f2a8"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-pied-piper:before{content:"\f2ae"}.fa-first-order:before{content:"\f2b0"}.fa-yoast:before{content:"\f2b1"}.fa-themeisle:before{content:"\f2b2"}.fa-google-plus-circle:before,.fa-google-plus-official:before{content:"\f2b3"}.fa-fa:before,.fa-font-awesome:before{content:"\f2b4"}.fa-handshake-o:before{content:"\f2b5"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-o:before{content:"\f2b7"}.fa-linode:before{content:"\f2b8"}.fa-address-book:before{content:"\f2b9"}.fa-address-book-o:before{content:"\f2ba"}.fa-vcard:before,.fa-address-card:before{content:"\f2bb"}.fa-vcard-o:before,.fa-address-card-o:before{content:"\f2bc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-circle-o:before{content:"\f2be"}.fa-user-o:before{content:"\f2c0"}.fa-id-badge:before{content:"\f2c1"}.fa-drivers-license:before,.fa-id-card:before{content:"\f2c2"}.fa-drivers-license-o:before,.fa-id-card-o:before{content:"\f2c3"}.fa-quora:before{content:"\f2c4"}.fa-free-code-camp:before{content:"\f2c5"}.fa-telegram:before{content:"\f2c6"}.fa-thermometer-4:before,.fa-thermometer:before,.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-3:before,.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-thermometer-2:before,.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-1:before,.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-0:before,.fa-thermometer-empty:before{content:"\f2cb"}.fa-shower:before{content:"\f2cc"}.fa-bathtub:before,.fa-s15:before,.fa-bath:before{content:"\f2cd"}.fa-podcast:before{content:"\f2ce"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-times-rectangle:before,.fa-window-close:before{content:"\f2d3"}.fa-times-rectangle-o:before,.fa-window-close-o:before{content:"\f2d4"}.fa-bandcamp:before{content:"\f2d5"}.fa-grav:before{content:"\f2d6"}.fa-etsy:before{content:"\f2d7"}.fa-imdb:before{content:"\f2d8"}.fa-ravelry:before{content:"\f2d9"}.fa-eercast:before{content:"\f2da"}.fa-microchip:before{content:"\f2db"}.fa-snowflake-o:before{content:"\f2dc"}.fa-superpowers:before{content:"\f2dd"}.fa-wpexplorer:before{content:"\f2de"}.fa-meetup:before{content:"\f2e0"}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto}






		/* SUPPORT */
		.support-section {
			margin-bottom:80px;
			text-align:left;
		}
		/* Support Form */
		form.support-form-submit {
			padding:35px 40px;
      background: #f0f0f0;
		}
		form.support-form-submit.main-submit {
      background:#f0f0f0;
      border: 1px solid #eee;
    }
		form.support-form-submit h3 {
			font-weight:bold;
			font-size:21px;
			border-bottom:1px solid #ddd;
      padding-bottom: 30px;
      margin-bottom: 35px;
		}
		form.support-form-submit input,
		form.support-form-submit select,
		form.support-form-submit textarea {
			width:100%;
			margin:0;
			line-height:1.55em;
		}
    form.support-form-submit input[type=checkbox] {
      width:auto;
      display:inline;
      margin-right: 3px;
    }
    form.support-form-submit .checkbox-group {
      padding: 25px;
      border: 1px solid #ddd;
      border-radius: 5px;
      margin-bottom: 40px;
      background: #f9f9f9;
    }
    form.support-form-submit .checkbox-group span {
      margin-bottom:10px;
      display:block;
    }
    form.support-form-submit .checkbox-group label {
      line-height: 2em;
      margin-bottom: 0;
    }
		form.support-form-submit textarea {
			height:250px;
		}
		form.support-form-submit .half-width {
			width:48%;
			margin-right:4%;
			display:inline-block
		}
		form.support-form-submit .half-width.no-right-margin {
			margin-right:0;
		}
		form.support-form-submit span.placeholder {
			font-size:15px;
			margin-bottom:5px;
		}
    form.support-form-submit label p {
      margin:-5px 0 15px 0;
    }
		form.support-form-submit span.placeholder small {
      font-size:11px;
      font-weight: normal;
    }
		form.support-form-submit label {
			margin-bottom:40px;
		}
		form.support-form-submit label.uploads input {
			font-size:12px;
		}
		form.support-form-submit label.uploads .addmore {
			display:inline-block;
			font-size:14px;
			margin:15px 0 20px 0;
			border-bottom:1px solid
		}

    form.support-form-submit div.to-whom {
      display:none;
    }

		form.support-form-submit button {
			font-weight:bold;
		}
		form.support-form-submit label.public-forum input {
			display:inline-block;
			margin-right:3px;
			width:auto;
		}

    form.support-form-submit div.auto-result {
      border: 1px solid #666;
      color: #000;
      padding: 16px 15px 11px 15px;
      margin-bottom: 30px;
      position: relative;
      font-weight: bold;
      display: none;
      border-radius: 5px;
      background: #f9f9f9;
    }
    form.support-form-submit div.auto-result:before {
      content:'Selected';
      position:absolute;
      top:-12px;
      background:#000;
      color:#fff;
      font-size:12px;
      font-weight:bold;
      padding:0 6px;
    }


    body.possible-answers-open {
      overflow:hidden;
    }

    .possible-answers-wrap {
      position:fixed;
      top:0;
      bottom:0;
      left:0;
      right:0;
      z-index:5;
      padding:0 20px;
      background:rgba(0,0,0,.7);
      overflow-y:auto;
      display: none;
    }

    .possible-answers-wrap .possible-answers {
      max-width:750px;
      margin:80px auto;
      border-radius: 5px;
			background:#f9f9f9;
			margin-bottom:30px;
      border: 1px solid #ddd;
		}

    .possible-answers-wrap .possible-answers-head,
    .possible-answers-wrap .possible-answers-q {
      padding: 20px 30px;
    }

    .possible-answers-wrap .possible-answers-head {
      background: #f0f0f0;
      border-bottom: 1px solid #ddd;
    }
    .possible-answers button {
      margin:0 30px 40px 30px;
    }

		.possible-answers h2 {
			font-size:16px;
			font-weight:bold;
      line-height: 1.6em;
      margin: 0px;
		}
		.possible-answers h2 span {
      color:#cc0000;
    }
    .possible-answers h2 small {
      font-weight:normal;
    }
    .possible-answers-q h3:before {
      content:'\f08e';
      font-family:'fontawesome';
      width:22px;
      display:inline-block;
      color:#777
    }

    .possible-answers .possible-scroll {
      width:100px;
      background: #aaa;
      color:#fff;
      padding:12px 0px 0px 0;
      float:right;
      text-align:center;
      border-radius:5px;
      position:relative;
      top: -2px;
      font-size: 9px;
      line-height: 12px;
      font-weight:bold;
    }

    .possible-answers .possible-scroll i {
      font-size:30px;
      line-height:1em;
      position:relative;
      top:-3px;
    }

    .support-wrapper .possible-answers .search-list .search-item {
      margin-bottom: 5px;
      padding-bottom: 5px;
      border-bottom: none;
    }
    .support-wrapper .possible-answers .search-list .search-item a.view-case {
      display:none;
    }
    .support-wrapper .possible-answers .search-list .search-item h3 {
      border:none;
      margin:0;
      padding-bottom:0;
      font-size:14px;
      line-height:1.6em;
    }
    .support-wrapper .possible-answers .search-list .search-item p {
      font-size: 12px;
    }

		.case-status-change {
      font-size: 12px;
      position: relative;
      margin-left: auto;
		}
		.case-status-change.for-customers {
      margin-top:15px;
      display:inline-block;
    }
		.case-status-change.for-customers .case-status-change-options {
      left: 0;
      right: auto;
    }

		.case-status-change strong.hidden-message {
      margin-right: 12px;
      font-size: 18px;
      position: relative;
      top: 1px;
    }
		.case-status-change > a {
      border: 1px solid #ccc;
      display: inline-block;
      padding: 0px 8px;
      font-size: 14px;
      border-radius: 5px;
      color: #666;
      margin-right: 7px;
		}
    .case-status-change > a i {
      position: relative;
      top: 1px;
    }
		.case-status-change select {
			width:130px;
			font-size:12px;
			height: 28px;
			line-height: 28px;
			margin-right: 12px;
			margin-left: 8px;
			top: -2px;
			margin-bottom:0;
			position: relative;
		}

    .case-status-change-options {
      list-style:none;
      margin:0;
      border:2px solid #ccc;
      background:#fff;
      display:inline-block;
      position:absolute;
      z-index:3;
      right:6px;
      top:30px;
      border-radius:5px;
      min-width: 120px;
      display: none;
    }
    .case-status-change-options li {
      margin:0;
      line-height:30px;
      border-bottom:1px solid #ddd;
    }
    .case-status-change-options a {
      padding:0px 10px;
      display:block;
    }
    .case-status-change-options a:hover {
      background:#f0f0f0;
      color:#000;
    }
    .case-status-change-options li:last-child {
      border:none;
    }

		.case-topic-change {
			margin:20px 0 ;
			display:block;
		}
		.case-topic-change a {
			border-bottom:1px solid;
			font-size:12px;
		}
		.single-case .case-topic-change form {
			margin:0;
			display:none;
		}
		.case-topic-change form select {
			width:230px;
			display:inline-block;
			margin-right:10px;
			height:35px;
			line-height:35px;
			font-size:12px;
		}
		.case-topic-change form button {
			padding:9px 15px;
			margin:0;
		}

		/* Success Message */
		.support-success {
			padding: 60px 20px 70px 20px;
      text-align: center;
		}
    .per-theme .support-success h3 {
      border:none;
      margin-bottom:0;
    }

		.support-success.submit-success {
		    padding: 40px 50px 40px 50px;
   		 	background: #f5f5f5;
		}
		.support-success i {
			font-size:60px;
		}
		.support-success h3 {
			margin:15px 0;
			font-weight:bold;
		}



		/* Support Page */

    .support-wrapper {
      margin-top:15px;
    }
    .per-theme {
			display:block;
      background:#fff;
      padding:25px;
      margin-bottom:30px;
      border:1px solid #eee;
      border-radius:5px;
    }
    .per-theme:nth-child(2n+2) {
      margin-right:0;
    }
    .per-theme h3 {
      margin-bottom:25px;
      padding-bottom:15px;
      font-size:18px;
      border-bottom:1px solid #eee;
			font-weight:bold;
      line-height: 27px;
    }
    .per-theme h3 select {
      float:right;
      width:200px;
      font-size:12px;
      height:35px;
      line-height:35px;
      top:-8px;
      position:relative;
    }
    .per-theme h3 small {
      font-size:12px;
      font-weight:normal;
      color:#666;
    }
    .per-theme h3 .badge {
      float:right;
      font-size:9px;
      border: 1px solid #eee;
      color:#000;
      padding:8px 8px 6px 8px;
      border-radius:5px;
      display:inline-block;
      line-height:12px;
    }

    .per-theme ul.questions {
      margin:0;
      list-style:none;
    }
    .per-theme ul.questions > li {
      display:flex;
    }
    .per-theme ul.questions li.question-item {
      border-bottom:1px solid #f0f0f0;
      padding-bottom:15px;
      margin-bottom:20px;
    }

    .per-theme ul.questions li:last-child {
      margin:0;
      border:none;
    }
    .per-theme ul.questions li div.question-div {
      flex-grow:1;
    }

    .per-theme ul.questions li.question-item:hover p.text {
      color:#000;
    }

    .per-theme ul.questions li div.question-div a.subject {
      font-size:14px;
      color: #000;
      display: block;
      font-weight: bold;
    }
    .per-theme ul.questions li div.question-div p.text {
      font-size: 12px;
      line-height: 1.65em;
      color: #666;
      margin: 6px 0 10px 0;
      width: 90%;
    }

    .per-theme ul.questions li div.question-div .question-details {
      font-size:11px;
      display:block;
      margin-top:5px;
      color:#666;
    }

    .per-theme ul.questions li.item-type-case-deleted div {
      opacity:.4;
    }
    .per-theme ul.questions li.item-type-case-deleted:hover div {
      opacity:1;
    }

    .question-details span:after {
      content:'\f111';
      font-family:fontawesome;
      font-size:4px;
      color:#999;
      position:relative;
      top:-2px;
      margin:0 6px;
    }
    .question-details span:last-child:after {
      content:'';
    }
    .per-theme ul.questions li span.user {
      /*
      float: right;
      border: 1px solid #ccc;
      border-radius: 50px;
      display: inline-block;
      height: 18px;
      line-height: 17px;
      padding: 0 8px;
      margin-right: 0px;
      font-size: 10px;
      */
    }
    .per-theme ul.questions li span.user i {
      margin-right:3px;
    }

    .per-theme ul.questions li div.question-div.question-details i {
      margin-right:4px;
      color:#333;
    }

    .per-theme .questions-footer > a {
      font-size:12px;
      border-bottom:1px solid #999;
      padding-bottom:3px;
    }

    .per-theme .delete-all-cases {
      margin-top:20px;
      padding-top:20px;
      border-top:1px solid #eee;
    }
    .per-theme .delete-all-cases button {
      padding:5px 10px;
      font-size:10px;
      float:right;
      margin-right:15px;
      border:1px solid;
      background:none;
      color:#999;
    }


		.per-theme table {
			width:100%;
		}
		.per-theme table td {
			border-bottom:1px solid #e5e5e5;
			padding:9px 0 9px 0;
			text-align:left;
			font-size:13px;
			line-height: 1.6em;
			position:relative;
		}
		.per-theme table tr td div.case:before {
			font-family:'fontAwesome';
			content:'\f105';
			margin-right:5px;
			position: absolute;
			left: -12px;
		}
		.per-theme table td.case_status {
			text-align:right;
			width:80px;
		}
		.per-theme table td.view-all {
			border:none;
			font-size:12px;
		}
		.per-theme table td.view-all a {
			color:#666
		}
		.per-theme table td.view-all:before {
			display:none;
		}
		.per-theme table td .subject {
			font-weight:bold;
			font-size:16px;
		}
		.per-theme table td .text {
			font-size:12px;
			color:#666;
			margin:0 0 5px 0;
		}
		.per-theme table td small {
			color:#666;
		}
		.per-theme button.delete-cases {
			padding: 3px 5px;
			margin: 0;
			float: right;
			color: #666;
			border-color: #666;
			font-size: 10px;
		}
		.per-theme button.delete-cases:hover {
			background:none;
		}
		.delete-cases th {
			border-bottom: 1px solid #ddd;
    		padding-bottom: 10px;
		}
		.support-pagination {
			margin:20px auto 0;
			list-style:none;
			width:100%;
			text-align:center;
			font-size:14px;
		}
		.support-pagination li {
			display:inline-block;
    		padding: 10px 5px;
			margin:0;
		}
		.support-pagination li a {
			color:#000;
			border: 1px solid #999;
			padding: 5px 10px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			border-radius:5px;
      font-size: 12px;
		}
		.support-pagination li.active a {
      background: #777;
      border-color: #777;
			color: #fff!important;
      font-weight:bold;
		}
		.support-section .case-status {
      display: inline-block;
      padding: 1px 7px 0px 7px;
      font-size: 15px;
      -webkit-border-radius: 50px;
      -moz-border-radius: 50px;
      border-radius: 50px;
      text-transform: uppercase;
      width:40px;
      height:40px;
      text-align:center;
      margin-right:12px;
      border:1px solid #ccc;
		}

    .per-theme ul.questions li .case-status i {
      position:relative;
      top: 9px;
      left: 0px;
    }

		.support-section .case-open {
      color:#666;
		}

    .support-section .case-font-type {
      font-weight: bold;
    }
		.support-section .case-resolved {
			color:#666;
		}
		.support-section .case-pending {
			color:#666;
		}
		.support-section .case-deleted {
			color:#cc0000;
		}
		.support-section .case-closed {
			color:#666;
		}

    .case-status-single {

    }
    .case-status-single .case-status-single-icon {
      width:35px;
      height:35px;
      display:inline-block;
      border:1px solid;
      font-size:18px;
      line-height:30px;
      text-align:center;
      border-radius:50px;
      margin-right:5px;
      text-align:center;
    }
    .case-status-single .case-status-single-icon i {
      position:relative;
      top:2px;
      left:1px;
    }


		/* Support Agent Home */
		.per-theme .case-heading {
			display:block;
			border-bottom:3px solid #ddd;
			padding-bottom:20px;
		}
		.per-theme .case-heading select {
			float:right;
			width:150px;
			font-size:14px;
			height:38px;
			line-height:37px;
			position:relative;
			top:-5px;
		}



		@media only screen and (max-width: 479px) {
			.per-theme {
				padding:15px;
			}
			.per-theme table td .subject {
				display:block;
			}
			.per-theme table tr td:first-child:before,
			.per-theme table td p {
				display:none;
			}
			.per-theme table td small {
				margin:0;
			}

			.per-theme .case-heading select {
				width:100%;
				float:none;
				margin:20px 0 0 0;
			}
		}


		/* Support Menu */
    .supportright {
      margin-top:30px;
    }
		.support-section .right .supportright h4 {
			font-weight: bold;
			margin: 10px 0 15px 0;
			border-bottom: 1px solid #ddd;
			padding-bottom: 15px;
			max-width: 220px;
      font-size:18px;
		}
		.support-section .right .supportright h4 small {
      font-size: 14px;
      font-weight: normal;
    }
		.support-section .right .supportright .support-links {
			padding:5px 0px;
		}
		.supportright .support-links {
			max-width: 220px;
		}
		.supportright .support-links div.sub-topics{
			margin-top:-5px;
			margin-left:12px;
			margin-bottom:20px;
		}
		.supportright .support-links a.sub-topic {
			margin:0 0 3px 0;
			padding:0 0 3px 0;
			font-size:12px;
			border-bottom:1px solid #e5e5e5;
		}
		.supportright .support-links a.sub-topic span.count {
			color:#cc0000;
			font-weight:bold;
			float:right;
		}

		.support-section .right .supportright span.user {
			font-size:14px;
			margin-bottom:10px;
			display:block
		}
		.supportright .support-links a.main {
			display:block;
			font-size:13px;
			margin-bottom:5px;
			padding-bottom:5px;
		}
		.supportright .support-links a.main.selected {
      font-weight:bold;
    }
		.supportright .support-links a.main strong {
      background: #cc0000;
      color: #fff;
      border-radius: 50px;
      padding: 1px 6px 2px 6px;
      font-size: 11px;
      margin-left: 2px;
      font-family: 'Helvetica Neue';
    }
		.supportright .support-links a.main:before {
			font-family:'FontAwesome';
			content:'\f105';
			margin-right:7px;
		}
		.supportright .support-links a.button {
			margin-top:20px;
			margin-bottom:0;
   			padding: 12px 14px;
		}



		/* Support Case Reply */
		.single-case {
			background:#fff;
			padding:30px 40px;
			display:block;
			color:#444;
      border: 1px solid #eee;
      border-radius: 5px;
		}
		.single-case .form-msg {
			margin-bottom:20px!important;
		}
		.single-case .reply-wrap {
			display:block;
      border-bottom: 1px solid #e5e5e5;
      margin-bottom: 50px;
      padding-bottom: 50px;
		}
		.single-case .reply-wrap.reply-wrap-more {

		}
		.single-case .case-header {
			display:block;
		}
		.single-case .case-header h1 {
			font-size:21px;
			font-weight:bold;
			line-height: 1.4em;
			margin: 10px 0 5px 0;
		}
		.single-case .case-header .case-info {
			display:block;
			font-size:12px;
			margin-bottom:20px;
			color:#000;
		}
    .case-info-wrap .customer-more,
    .case-info-wrap .customer-more a {
      color:#999;
      font-size:12px
    }

    .case-info-wrap .customer-more ul a {
      color:#222;
    }
    .case-info-wrap .customer-more ul p {
      color:#999;
      margin:0;
      font-size:11px;
      line-height:1.5em;
    }

		.single-case .case-time {
			color:#666;
      display: inline-block;
		}
    .single-case .case-last-replied {
      float: right;
      color:#999;
    }

    @media (max-width:768px) {
      .single-case .case-last-replied {
        float: none;
        display:block;
      }
    }

		.single-case .case-time span.case-status {
			padding:0px 8px;
			color:#000;
			line-height:1.9em;
			float:right;
		}
		.single-case .case-time .name,
		.single-case .case-time .agent-name {
			color:#000;
			font-weight:bold;
		}
    .single-case .case-time .name:before {
      margin-right:5px;
      content:'\f2bd';
      font-family:'fontawesome';
    }
		.case-reply-time {
			margin-bottom:15px;
			display:block;
      font-size: 12px;
      line-height: 20px;
      color: #777;
		}
    .case-reply-time {
      display:flex;
    }
    .case-reply-icon {
      width:40px;
      height:40px;
      display:inline-block;
      border:1px solid #ddd;
      text-align:center;
      line-height:40px;
      border-radius:50px;
      margin-right:12px;
    }
    .case-reply-icon i {
      font-size:15px;
      color:#666;
    }

    .case-reply-icon img {
      width: 17px;
      position: relative;
      top: 2px;
      left: -1px;
    }

		.case-reply-time .name {
			font-size:14px;
		}
		.case-reply-time span.agent-name,
	  .case-reply-time .name {
			font-weight:bold;
			font-size:13px;
			color:#333;
      display: block;
		}
		.case-reply-time span.agent-name {
      border-bottom: 1px solid;
      margin-bottom: 5px;
      color:#cc0000;
		}
		.private-message {
			color:#999;
      font-style: italic;
		}

    .case-body ul {
      font-size:100%;
    }

		.single-case .case-body .case-reply {
			font-size:14px;
			color:#000;
		}

    .single-case .case-body {
      font-family: 'Helvetica Neue', helvetica, arial, sans-serif;
      font-size:15px;
    }
    .single-case .case-body .reply-wrap:first-child .case-reply-text-content {
      margin-bottom:40px;
    }
    .single-case .case-body .case-status-hidden-1 .case-reply-text-content  {
      color:#aaa;
    }
    .single-case .case-body .case-reply .case-reply-text-content p:last-child {
      margin-bottom:0;
    }
    .case-reply-text-content a {
      color:steelblue;
    }
    .case-reply-text-content a:hover {
      color:#cc0000;
    }
    .single-case .case-body .case-reply .case-reply-text-content code {
      font-size:12px;
      font-family:'Courier';
      margin:30px 0px 30px 0px;
      display:block;
      border:1px solid #eee;
      border-left:3px solid #ddd;
      padding:25px;
    }
		.single-case .case-body .case-reply.case-more-replies {
      margin-left:52px;
		}
		.single-case .case-body .case-reply pre {
			font-family:courier;
			font-size:12px;
			line-height:1.7em;
			padding:10px
		}
		.single-case .case-body .case-reply a {
		}
		.single-case .reply-wrap.reply-wrap-more {
			position:relative;
		}

    .wp-install-status {
      background:#666;
      color:#fff;
      padding: 3px 8px;
      border-radius: 5px;
      margin: 0px 0 25px 0;
      display: inline-block;
      position: relative;
      top: -1px;
    }
    .wp-install-status.status-pending {
      background:#ffcc33;
      color:#000;
    }
    .wp-install-status.status-processing {
      background:#cc0000;
    }
    .wp-install-status.status-completed {
      background:#449d44;
    }

    .change-wp-install-status {
      margin-left:5px;
      border-bottom:1px solid;
      padding-bottom:2px;
      color:#cc0000;
    }

    .case-private-notification {
      margin-top: 40px;
      font-weight: bold;
      font-size: 12px;
      padding: 5px 10px;
      border: 1px solid #cc0000;
      color: #cc0000;
      border-radius: 5px;
    }
    .case-private-notification.reply-notification {
      border:none;
      padding:0;
    }
		.single-case .case-attachments {
			display:inline-block;
		}
    .single-case .case-attachments .attachments-title {
      margin-bottom: 2px;
    }
		.single-case .case-attachments a {
      display: inline-block;
      margin-bottom: 2px;
      margin: 0 5px;
      font-size: 12px;
      color: steelblue;
		}
		.single-case .case-attachments a:hover {
			color:#cc0000;
		}
		.single-case .case-attachments a i {
      margin-right:3px;
    }
		.case-breadcrumbs .case-wrap {
			float:right;
			position:relative;
			top:-2px;
		}
    .case-breadcrumbs .case-wrap i {
      margin-right:2px;
    }

    .case-post-details {
      margin-bottom: 20px;
      float: left;
      width: 100%;
    }
    .reply-wrap-more .case-post-details {
      display:block;
      margin-top: 30px;
      float:none;
      display:block;
      margin-bottom: 0;
      padding-bottom: 0;
    }
		.case-info-wrap:empty {
			display:none;
		}
		.case-body ul.case-info-wrap {
			margin:0 0 20px 0;
			list-style:none;
			font-size:13px;
			color:#333;
      line-height: 18px;
		}
		.case-info-wrap li {
			margin-bottom:5px;
      line-height: 21px;
		}
		.case-info-wrap li:last-child {
			border:none;
			margin:0;
			padding:0
		}
    .case-view-details {
      font-size:12px;
      margin:0px 0 5px 0;
    }

		.case-info-wrap li div {
			margin-top:0;
      flex-grow: 1;
		}
    .case-attachments-links {
      margin:0px 0 20px 0;
    }


    .case-info-wrap .customer-more div.history {
      display:none;
    }
    .case-info-wrap .customer-more ul {
      margin:20px 0;
      list-style:none;
      width:100%;
      color:#000;
      border:1px solid #eee;
      padding:8px 14px;
    }
    .case-info-wrap .customer-more ul li {
      border-bottom: 1px solid #eee;
      padding-bottom: 8px;
      margin-bottom: 8px;
      font-size: 12px;
      display: flex;
    }
    .case-info-wrap .customer-more ul li a:before {
      content:'\f105';
      font-family:'Fontawesome';
      margin-right:5px;
    }
    .case-info-wrap .customer-more ul li a:hover {
      color:#000;
    }
    .case-info-wrap .customer-more ul li:last-child {
      margin:0;
      padding:0;
      border:none;
    }
    .case-info-wrap .customer-more ul li span.date{
      float:right;
      font-size: 11px;
      color:#aaa;
      width: 120px;
      text-align: right;
      margin-left: 20px;
    }

    .case-info-wrap.case-attachments-links {
      border: 1px solid #eee;
      color: #666;
      border-radius: 5px;
      padding: 12px 15px;
      margin-bottom: 30px;
    }

    .case-info-wrap li.credentials {
      display:flex;
    }
    .case-info-wrap li.credentials ul {
      list-style:none;
      margin:10px 20px 0 0;
      flex-grow:1;
    }
    .case-info-wrap li.credentials ul li:not(:last-child) {
      border-bottom:1px solid #eee;
      padding-bottom:4px;
      margin-bottom:4px;
    }
    .case-info-wrap li.credentials ul li i {
      width:15px;
    }

    @media (max-width:768px) {
      .case-info-wrap li.credentials {
        flex-direction:column;
      }
    }


		.single-case .user-info {
			list-style:none;
			margin:40px 0;
			display:none;
		}
		.single-case .user-info li {
			display:block;
			border-bottom:1px solid #ddd;
			padding-bottom:10px;
		}
		.single-case .user-info span {
			float:right;
		}
		.single-case form {
			padding:0;
			background:none;
			margin-left:52px;
			margin-top:70px;
			display:block;
		}
		.single-case form h3 {
			border:none;
			margin-bottom:10px;
		}

		.single-case .guest-message {
			background:#f0f0f0;
      padding: 15px 25px 15px 25px;
		}
		.single-case .guest-message i {
			font-size:36px;
			float:left;
      margin-right: 15px;
		}
		.single-case .guest-message strong {
			color:#cc0000;
		}
		.single-case .guest-message a {
			border-bottom:1px solid;
			padding-bottom:2px;
		}
    .case-breadcrumbs {
      background: #f0f0f0;
      margin: 0 0 7px 0;
      padding: 10px 28px 10px 28px;
      color: #000;
      font-size:12px;
      border-radius: 5px;
    }

    .case-breadcrumbs .case-wrap {
      border:1px solid #666;
      padding:3px 12px 3px 5px;
      border-radius:50px;
      position:relative;
      top:-4px;
    }

		.case-breadcrumbs i {
			margin:0 5px
		}

    .case-breadcrumbs,
    .case-breadcrumbs a {
      color: #000;
    }


    .email-message-original {
      position:fixed;
      top:0;
      left:0;
      right:0;
      bottom:0;
      background:rgba(0,0,0,.3);
      z-index:20;
      overflow-y: auto;
    }
    .email-message-original div.email-message-original-content {
      background:#fff;
      width:750px;
      padding:30px;
      margin:auto;
      margin-top:0px;
    }
    .email-message-original a.email-message-original-close {
      background:#000;
      color:#fff;
      padding:5px;
      margin:auto;
      width:120px;
      display:block;
      text-align:center;
      clear:both;
      margin-top:25px;
    }



		form.support-search-form {
			margin:0;
			width:100%;
			position:relative;
		}
		form.support-search-form button {
			margin:0;
		}
		form.support-search-form input {
			margin:0;
			padding:15px 11% 15px 15px;
			border:2px solid #ccc;
			width:100%;
			-webkit-border-radius: 5px;
			-moz-border-radius: 5px;
			border-radius: 5px;
		}

		form.support-search-form button {
			height:51px;
			width:10%;
			border:none;
			background:#ccc;
			position:absolute;
			right:0;
			top:0;
			-webkit-border-top-right-radius: 5px;
			-webkit-border-bottom-right-radius: 5px;
			-moz-border-radius-topright: 5px;
			-moz-border-radius-bottomright: 5px;
			border-top-right-radius: 5px;
			border-bottom-right-radius: 5px;
		}
		form.support-search-form button  i {
			font-size:18px;
			color:#000;
		}

		form.support-search-form button:hover {
			background:#cc0000;
		}
		form.support-search-form button:hover i {
			color:#fff;
		}

		form.support-form-submit h3 small {
			font-size:12px;
			font-weight:normal;
			line-height:1.8em;
			margin-top:5px;
			display:block;
		}
		form.support-form-submit h3 a {

		}


    /* Submit Form Credentials */
    .submit-credentials {
      background:#ffefef;
      border:1px solid #ddd;
      padding:25px;
      margin-bottom:40px;
      border-radius: 5px;
    }
    .submit-credentials-item {
      margin-top:15px;
      display:inline-block;
      width:100%;
    }
    .submit-credentials .show-credential-fields {
      border: 2px solid;
      padding: 5px 10px;
      font-weight: bold;
      font-size: 12px;
      margin-top: 5px;
      display: inline-block;
      border-radius: 5px;
    }

    .submit-credentials .submit-credentials-item:last-child {
      border:none;
      margin-bottom:0;
      padding-bottom:0;
    }
    .submit-credentials .main-head {
      font-size:18px;
      font-weight:bold;
    }
    .submit-credentials-item .head {
      font-weight:bold;
      margin-bottom:12px;
      display:block;
    }
    .submit-credentials p.red {
      color:#cc0000;
      font-size:12px;
    }

    .credential-items {
      display:none;
    }

    form.support-form-submit .submit-credentials span.placeholder {
      margin-bottom:0;
    }

    form.support-form-submit .submit-credentials .placeholder {
      font-size:13px;
      font-weight:normal;
    }
    form.support-form-submit .submit-credentials input {
      margin-bottom:20px;
      padding: 5px 10px;
      border-color: #ddd;
      box-shadow: 1px 1px 1px #ddd;
    }
    form.support-form-submit .submit-credentials label {
      margin-bottom:0;
    }



		/* Search Results */
		.search-results {
      display: block;
      background: #fff;
      padding: 25px 35px;
      margin-bottom: 30px;
      border: 1px solid #eee;
      border-radius: 5px;
		}

		.support-wrapper .search-results h2 {
			font-size:21px;
			margin:10px 0 30px 0;
		}
    .support-wrapper .search-results h2 strong {
      border-bottom:1px solid;
      padding-bottom:3px;
    }
		.support-wrapper .search-list .search-item {
      margin-bottom: 20px;
      padding-bottom: 15px;
      border-bottom:1px solid #eee;
		}
		.support-wrapper .search-list .search-item h3 {
			font-size:15px;
			font-weight:bold;
      line-height:1.5em;
		}
		.support-wrapper .search-list .search-item p {
      font-size: 12px;
      color: #000;
      margin: 5px 0 10px 0;
		}
		.support-wrapper .search-list .search-item a.view-case {
			font-size:12px;
			color:#cc0000;
		}
		.support-wrapper .search-list .search-item a.view-case:before {
			content:'\f105';
			font-family:'fontawesome';
			margin-right:5px;
		}



		@media only screen and (max-width: 768px) {
			.single-case .reply-wrap.reply-wrap-more,
			.single-case form {
				margin-left:0;
			}
			.single-case .reply-wrap.reply-wrap-more:before {
				content:'';
			}
			form.support-search-form button {
				display:none;
			}
		}

		@media only screen and (max-width: 479px) {
			.single-case  {
				padding:20px;
			}

      .case-breadcrumbs {
        padding:20px;
      }

      .case-breadcrumbs .case-wrap {
        margin-top:5px;
        float:right;
        padding:0;
        border:none;
      }

		}



    /*
     * easy-autocomplete
     * jQuery plugin for autocompletion
     *
     * @author Łukasz Pawełczak (http://github.com/pawelczak)
     * @version 1.3.5
     * Copyright  License:
     */

    .easy-autocomplete{position:relative}.easy-autocomplete input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;box-shadow:0 1px 2px rgba(0,0,0,0.1) inset;color:#555;float:none;padding:6px 12px}.easy-autocomplete input:hover,.easy-autocomplete input:focus{box-shadow:none}.easy-autocomplete a{display:block}.easy-autocomplete.eac-blue-light input:hover,.easy-autocomplete.eac-blue-light input:focus{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul{border-color:#66afe9;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(102,175,233,0.6)}.easy-autocomplete.eac-blue-light ul li,.easy-autocomplete.eac-blue-light ul .eac-category{border-color:#66afe9}.easy-autocomplete.eac-blue-light ul li.selected,.easy-autocomplete.eac-blue-light ul .eac-category.selected{background-color:#ecf5fc}.easy-autocomplete.eac-green-light input:hover,.easy-autocomplete.eac-green-light input:focus{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul{border-color:#41DB00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(146,237,107,0.6)}.easy-autocomplete.eac-green-light ul li,.easy-autocomplete.eac-green-light ul .eac-category{border-color:#41DB00}.easy-autocomplete.eac-green-light ul li.selected,.easy-autocomplete.eac-green-light ul .eac-category.selected{background-color:#9eff75}.easy-autocomplete.eac-red-light input:hover,.easy-autocomplete.eac-red-light input:focus{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul{border-color:#ff5b5b;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,90,90,0.6)}.easy-autocomplete.eac-red-light ul li,.easy-autocomplete.eac-red-light ul .eac-category{border-color:#ff5b5b}.easy-autocomplete.eac-red-light ul li.selected,.easy-autocomplete.eac-red-light ul .eac-category.selected{background-color:#ff8e8e}.easy-autocomplete.eac-yellow-light input:hover,.easy-autocomplete.eac-yellow-light input:focus{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul{border-color:#ffdb00;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(255,231,84,0.6)}.easy-autocomplete.eac-yellow-light ul li,.easy-autocomplete.eac-yellow-light ul .eac-category{border-color:#ffdb00}.easy-autocomplete.eac-yellow-light ul li.selected,.easy-autocomplete.eac-yellow-light ul .eac-category.selected{background-color:#ffe233}.easy-autocomplete.eac-dark-light input:hover,.easy-autocomplete.eac-dark-light input:focus{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul{border-color:#333;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset,0 0 8px rgba(55,55,55,0.6)}.easy-autocomplete.eac-dark-light ul li,.easy-autocomplete.eac-dark-light ul .eac-category{border-color:#333}.easy-autocomplete.eac-dark-light ul li.selected,.easy-autocomplete.eac-dark-light ul .eac-category.selected{background-color:#4d4d4d;color:#fff}.easy-autocomplete.eac-dark{color:#fff}.easy-autocomplete.eac-dark input{background-color:#404040;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark input:hover,.easy-autocomplete.eac-dark input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-dark ul{border-color:#333}.easy-autocomplete.eac-dark ul li,.easy-autocomplete.eac-dark ul .eac-category{background-color:#404040;border-color:#333}.easy-autocomplete.eac-dark ul li.selected,.easy-autocomplete.eac-dark ul .eac-category.selected{background-color:#737373;color:#f6f6f6}.easy-autocomplete.eac-dark-glass{color:#fff}.easy-autocomplete.eac-dark-glass input{background-color:rgba(0,0,0,0.8);border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-dark-glass input:hover,.easy-autocomplete.eac-dark-glass input:focus{border-color:rgba(0,0,0,0.8);box-shadow:0}.easy-autocomplete.eac-dark-glass ul{border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li,.easy-autocomplete.eac-dark-glass ul .eac-category{background-color:rgba(0,0,0,0.8);border-color:rgba(0,0,0,0.8)}.easy-autocomplete.eac-dark-glass ul li.selected,.easy-autocomplete.eac-dark-glass ul .eac-category.selected{background-color:rgba(64,64,64,0.8);color:#f6f6f6}.easy-autocomplete.eac-dark-glass ul li:last-child,.easy-autocomplete.eac-dark-glass ul .eac-category:last-child{border-radius:0 0 4px 4px}.easy-autocomplete.eac-blue{color:#fff}.easy-autocomplete.eac-blue input{background-color:#6d9ed1;border-radius:4px;box-shadow:0;color:#f6f6f6}.easy-autocomplete.eac-blue input::-webkit-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input::-moz-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:-ms-input-placeholder{color:#f6f6f6}.easy-autocomplete.eac-blue input:hover,.easy-autocomplete.eac-blue input:focus{border-color:#5A91CB;box-shadow:0}.easy-autocomplete.eac-blue ul{border-color:#5A91CB}.easy-autocomplete.eac-blue ul li,.easy-autocomplete.eac-blue ul .eac-category{background-color:#6d9ed1;border-color:#5A91CB}.easy-autocomplete.eac-blue ul li.selected,.easy-autocomplete.eac-blue ul .eac-category.selected{background-color:#94b8dd;color:#f6f6f6}.easy-autocomplete.eac-yellow{color:#333}.easy-autocomplete.eac-yellow input{background-color:#ffdb7e;border-color:#333;border-radius:4px;box-shadow:0;color:#333}.easy-autocomplete.eac-yellow input:hover,.easy-autocomplete.eac-yellow input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-yellow ul{border-color:#333}.easy-autocomplete.eac-yellow ul li,.easy-autocomplete.eac-yellow ul .eac-category{background-color:#ffdb7e;border-color:#333}.easy-autocomplete.eac-yellow ul li.selected,.easy-autocomplete.eac-yellow ul .eac-category.selected{background-color:#ffe9b1;color:#333}.easy-autocomplete.eac-purple{color:#333}.easy-autocomplete.eac-purple input{background-color:#d6d1e7;border-color:#b8afd5;box-shadow:0;color:#333}.easy-autocomplete.eac-purple input:hover,.easy-autocomplete.eac-purple input:focus{border-color:#333;box-shadow:0}.easy-autocomplete.eac-purple ul{border-color:#333}.easy-autocomplete.eac-purple ul li,.easy-autocomplete.eac-purple ul .eac-category{background-color:#d6d1e7;border-color:#333}.easy-autocomplete.eac-purple ul li.selected,.easy-autocomplete.eac-purple ul .eac-category.selected{background-color:#ebe8f3;color:#333}.easy-autocomplete.eac-bootstrap input{border-color:#ccc;border-radius:4px;border-style:solid;border-width:1px;color:#555;padding:6px 12px}.easy-autocomplete-container{left:0;position:absolute;width:100%;z-index:2}.easy-autocomplete-container ul{background:none repeat scroll 0 0 #ffffff;border-top:1px dotted #ccc;display:none;margin-top:0;padding-bottom:0;padding-left:0;position:relative;top:-1px}.easy-autocomplete-container ul li,.easy-autocomplete-container ul .eac-category{background:inherit;border-color:#ccc;border-image:none;border-style:solid;border-width:0 1px;display:block;font-size:14px;font-weight:normal;padding:4px 12px}.easy-autocomplete-container ul li:last-child{border-radius:0 0 2px 2px;border-width:0 1px 1px}.easy-autocomplete-container ul li.selected{background:none repeat scroll 0 0 #ebebeb;cursor:pointer}.easy-autocomplete-container ul li.selected div{font-weight:normal}.easy-autocomplete-container ul li div{display:block;font-weight:normal;word-break:break-all}.easy-autocomplete-container ul li b{font-weight:bold}.easy-autocomplete-container ul .eac-category{font-color:#aaa;font-style:italic}.eac-description .eac-item span{color:#aaa;font-style:italic;font-size:0.9em}.eac-icon-left .eac-item img{margin-right:4px;max-height:30px}.eac-icon-right .eac-item{margin-top:8px;min-height:24px;position:relative}.eac-icon-right .eac-item img{margin-left:4px;max-height:30px;position:absolute;right:-4px;top:-8px}


    /*
     * easy-autocomplete
     * jQuery plugin for autocompletion
     *
     * @author Łukasz Pawełczak (http://github.com/pawelczak)
     * @version 1.3.5
     * Copyright  License:
     */

    .easy-autocomplete.eac-square{}.easy-autocomplete.eac-square input{border:1px solid #7f8c8d;border-radius:0;color:#7f8c8d;font-family:inherit;font-size:18px;font-style:italic;font-weight:300;margin:0;min-width:350px;padding:12px 43px 12px 15px}.easy-autocomplete.eac-square ul{border-color:#7f8c8d;border-top:0;box-shadow:none;top:0}.easy-autocomplete.eac-square ul li,.easy-autocomplete.eac-square ul .eac-category{border-color:#7f8c8d;font-family:inherit;font-size:16px;font-weight:300;padding:6px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-square ul li *,.easy-autocomplete.eac-square ul .eac-category *{font-weight:300}.easy-autocomplete.eac-square ul li.selected,.easy-autocomplete.eac-square ul .eac-category.selected{background-color:#f1f1f1;font-weight:300}.easy-autocomplete.eac-square ul li b,.easy-autocomplete.eac-square ul .eac-category b{font-weight:600}.easy-autocomplete.eac-round{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-round input{border:2px solid #888;border-radius:10px;color:#888;font-family:inherit;font-size:16px;font-weight:400;margin:0;min-width:300px;padding:10px}.easy-autocomplete.eac-round input:hover,.easy-autocomplete.eac-round input:focus{border-color:#3079ed}.easy-autocomplete.eac-round ul{background:none;border-color:#888;border-width:0;box-shadow:none;min-width:300px;top:20px}.easy-autocomplete.eac-round ul li,.easy-autocomplete.eac-round ul .eac-category{background:#fff;border-color:#3079ed;border-width:0 2px;font-size:14px;padding:8px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-round ul li.selected,.easy-autocomplete.eac-round ul .eac-category.selected{background-color:#d4e3fb}.easy-autocomplete.eac-round ul li:first-child,.easy-autocomplete.eac-round ul .eac-category:first-child{border-radius:10px 10px 0 0;border-width:2px 2px 0}.easy-autocomplete.eac-round ul li:last-child,.easy-autocomplete.eac-round ul .eac-category:last-child{border-radius:0 0 10px 10px;border-width:0 2px 2px}.easy-autocomplete.eac-round ul li b,.easy-autocomplete.eac-round ul .eac-category b{font-weight:700}.easy-autocomplete.eac-funky{font-family:"Inconsolata", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-funky input{background:#07ED89;border:0;border-radius:0;color:#ED076B;font-family:inherit;font-size:18px;min-width:240px;padding:12px}.easy-autocomplete.eac-funky ul{background:transparent;border:0}.easy-autocomplete.eac-funky ul li,.easy-autocomplete.eac-funky ul .eac-category{background:transparent;border:0;color:#ED076B;font-size:18px;padding:4px 12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-funky ul li.selected,.easy-autocomplete.eac-funky ul .eac-category.selected{color:#8907ED}.easy-autocomplete.eac-solid input{box-shadow:0 1px 2px rgba(0,0,0,0.15) inset;border-color:#ddd;color:#666;font-size:13px;min-height:0;padding:6px 12px}.easy-autocomplete.eac-solid ul li,.easy-autocomplete.eac-solid ul .eac-category{transition:all 0.4s ease 0s}.easy-autocomplete.eac-solid ul li.selected,.easy-autocomplete.eac-solid ul .eac-category.selected{background-color:#f2f2f2}.easy-autocomplete.eac-plate{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate ul{background:#b5b5b5;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate ul li,.easy-autocomplete.eac-plate ul .eac-category{background:#b5b5b5;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate ul li b,.easy-autocomplete.eac-plate ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate ul li.selected,.easy-autocomplete.eac-plate ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate ul li:first-child,.easy-autocomplete.eac-plate ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate ul li:last-child,.easy-autocomplete.eac-plate ul .eac-category:last-child{border-radius:0 0 6px 6px}.easy-autocomplete.eac-plate-dark{font-family:"Open Sans", "Helvetica Neue",Helvetica,Arial,sans-serif}.easy-autocomplete.eac-plate-dark input{font-size:13px;padding:6px 12px}.easy-autocomplete.eac-plate-dark ul{background:#212121;border-radius:6px;border-width:0;top:10px}.easy-autocomplete.eac-plate-dark ul li,.easy-autocomplete.eac-plate-dark ul .eac-category{background:#212121;color:#FAFAFA;font-size:12px;transition:all 0.4s ease 0s}.easy-autocomplete.eac-plate-dark ul li b,.easy-autocomplete.eac-plate-dark ul .eac-category b{color:#ffd464}.easy-autocomplete.eac-plate-dark ul li.selected,.easy-autocomplete.eac-plate-dark ul .eac-category.selected{background:#656565}.easy-autocomplete.eac-plate-dark ul li:first-child,.easy-autocomplete.eac-plate-dark ul .eac-category:first-child{border-radius:6px 6px 0 0}.easy-autocomplete.eac-plate-dark ul li:last-child,.easy-autocomplete.eac-plate-dark ul .eac-category:last-child{border-radius:0 0 6px 6px}