/*
Theme Name: Hero Plugins
Theme URI: https://heroplugins.com
Author: Hero Plugins
Author URI: https://heroplugins.com/
Description: Hero Plugins site
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Forms
 * 6.0 - Navigation
 *   6.1 - Links
 *   6.2 - Menus
 * 7.0 - Accessibility
 * 8.0 - Alignments
 * 9.0 - Clearings
 * 10.0 - Widgets
 * 11.0 - Content
 *    11.1 - Header
 *    11.2 - Posts and pages
 *    11.3 - Post Formats
 *    11.4 - Comments
 *    11.5 - Sidebar
 *    11.6 - Footer
 * 12.0 - Media
 *    12.1 - Captions
 *    12.2 - Galleries
 * 13.0 - Multisite
 * 14.0 - Media Queries
 *    14.1 - >= 710px
 *    14.2 - >= 783px
 *    14.3 - >= 910px
 *    14.4 - >= 985px
 *    14.5 - >= 1200px
 * 15.0 - Print
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

/* DEFAULTS */
body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  cursor: default;
  font-family: 'Raleway', sans-serif;
  transform-style: preserve-3d;
  color: #131719;
  position: relative; }

div {
  margin: 0px;
  padding: 0px;
  border: 0px; }

img {
  border: 0px; }

input:focus {
  outline: none; }

textarea:focus {
  outline: none; }

button:focus {
  outline: none; }

.clearfix {
  clear: both; }

/* GLOBAL */
h1 {
  font-size: 68px;
  line-height: 68px;
  font-weight: 100;
  padding: 34px 0;
  margin: 0; }

h2 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 200;
  padding: 25px 0;
  margin: 0; }

h3 {
  font-size: 50px;
  line-height: 50px;
  font-weight: 100;
  padding: 25px 0;
  margin: 0; }

h5 {
  font-size: 32px;
  line-height: 32px;
  font-weight: 100;
  padding: 16px 0;
  margin: 0; }

h6 {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-weight: 300;
  padding: 7px 0;
  margin: 0; }

p {
  font-size: 15px;
  line-height: 26px;
  font-weight: 300;
  padding: 7px 0;
  margin: 0; }

.content_container {
  position: relative;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto; }
  .content_container .inner {
    padding: 0 20px; }

.row {
  width: 100%;
  clear: both; }
  .row .col {
    float: left;
    width: 50%; }

header {
  position: relative;
  width: 100%;
  background: #EEE;
  padding: 40px 0;
  overflow: visible;
  z-index: 999; }
  header .logo {
	  color: #131719;
    float: left; }
    header .logo img {
      float: left;
      display: block; }
    header .logo p {
      float: left;
      display: block;
      text-decoration: none;
      text-transform: uppercase;
      font-size: 20px;
      line-height: 20px;
      font-weight: 300;
      padding: 8px 0 0 10px;
      margin: 0; }
  header nav {
    float: right;
    text-transform: uppercase;
    font-size: 14px;
    line-height: 14px;
    font-weight: 300;
    padding: 0 0 0 0; }
    header nav .menu_sep {
      float: left;
      margin: 0 15px 0 15px;
      width: 1px;
      height: 40px;
      background: #DDD; }
      header nav .menu_sep:last-of-type {
        display: none; }
    header nav .menu_res_switch {
      float: right;
      display: none;
      color: #131719;
      margin: -6px 0 0 15px; }
    header nav ul {
      list-style: none;
      position: relative;
      float: left;
      margin: 0;
      padding: 0; }
      header nav ul.social li ul li a {
        text-align: center;
        padding: 0 16px; }
      header nav ul li {
        position: relative;
        float: left;
        margin: 0;
        padding: 0; line-height:40px;  }
        header nav ul li a {
          display: block;
          margin: 0 15px;
          text-decoration: none;
          color: #131719; }
          header nav ul li a.sel {
            font-weight: 400; }
          header nav ul li a i.fa-angle-down {
            display: none;
            float: right; }
        header nav ul li:hover > ul {
          opacity: 1;
          transition-duration: 0.5s;
          height: auto;
          overflow: visible; }
      header nav ul ul {
        opacity: 0;
        height: 0;
        position: absolute;
        top: 40px;
        left: 0;
        width:230px;
        overflow: hidden;
        padding:0; }
        header nav ul.social ul{
            width:100%;
        }
        header nav ul ul a {
          padding: 0 15px;
          background: #222;
          color: #FFF; border-bottom:1px solid #2b2b2b }
          header nav ul ul a:hover {
            background: #2b2b2b; }
        header nav ul ul li {
          float: none; }
		  
		  .nav_active { font-weight: 400; padding-bottom: 5px; }
		  header nav ul li:hover a { font-weight: 400; }

section {
  position: relative;
  width: 100%; }
  section.grey_bg {
    background: #EEE; }
  section.header {
    text-align: center; }
    section.header h1 {
      padding: 70px 0 50px 0; }
    section.header p {
      display: inline-block;
      width: 100%;
      max-width: 700px; }
    section.header .scroll_down {
      font-weight: 100;
      padding: 30px 0 50px 0; }
    section.header.sub {
      text-align: left; }
      section.header.sub h1 {
        padding: 0 0 100px 0; }
      section.header.sub h6 {
        display: inline-block;
        width: 100%;
        padding: 60px 0 0 0; }
		
		
		section.header.sub h6 a { text-decoration: none; color: #131719; }
			section.header.sub h6 a:hover { text-decoration: underline; }
		
        section.header.sub h6 span {
          padding: 0 10px; }
  section .row {
    /*padding: 120px 0;*/
    padding: 90px 0;
    border-bottom: 1px solid #DDD; }
    section .row.product {
      /*padding: 120px 0 0 0; }*/
      padding: 90px 0 0 0; }
      section .row.product .col.img {
        float: left;
        width: 65%; }
        section .row.product .col.img img {
          display: block; }
      section .row.product .col.desc {
        float: right;
        width: 35%; }
        section .row.product .col.desc .desc {
          padding: 90px 30px 0 40px; }
          section .row.product .col.desc .desc h3.price {
            font-weight: 400; }
          section .row.product .col.desc .desc p {
            padding: 0;
            color: #666; }
            section .row.product .col.desc .desc p span {
              font-weight: 400; }
          section .row.product .col.desc .desc .btns {
            padding: 50px 0; }
            section .row.product .col.desc .desc .btns a {
              padding: 12px 50px; }
              section .row.product .col.desc .desc .btns a:first-child {
                margin: 0 20px 0 0; }
          section .row.product .col.desc .desc .links a {
            display: block;
            color: #666;
            text-decoration: none;
            margin: 0 0 8px 0;
            font-size: 15px; }
    section .row.product_desc {
      padding: 70px 0 120px 0; }
      section .row.product_desc ul {
        font-weight: 300;
        font-size: 15px;
        line-height: 25px;
        list-style: none;
        margin: 0;
        padding: 70px 0 0 0;
        -moz-column-count: 4;
        -moz-column-gap: 20px;
        -webkit-column-count: 4;
        -webkit-column-gap: 20px;
        column-count: 4;
        column-gap: 20px; }
    section .row .col {
      position: relative;
      float: left;
      width: 50%; }
      section .row .col.img {
        float: left;
        width: 55%; }
      section .row .col.desc {
        float: right;
        width: 45%; }
      section .row .col img {
        width: 100%; }
      section .row .col .desc {
        padding: 60px 30px 0 40px; }
        section .row .col .desc h3 {
          margin-left: -3px;
          padding: 0 0 30px 0; }
        section .row .col .desc h6 {
          padding: 0; }
        section .row .col .desc p {
          padding-bottom: 40px; }
        section .row .col .desc .more_info_btn {
          background: #46484C;
          text-decoration: none;
          text-transform: uppercase;
          color: #FFF;
          font-size: 15px;
          line-height: 15px;
          font-weight: 300;
          padding: 12px 30px;
          margin: 0;
          border-radius: 25px;
          transition-duration: 0.3s; }
          section .row .col .desc .more_info_btn.light {
            background: #EEE;
            color: #131719; }
            section .row .col .desc .more_info_btn.light:hover {
              background: #DDD; }
          section .row .col .desc .more_info_btn:hover {
            background: #666; }
  section .row.alt .col.img {
    float: right; }
  section .row.alt .col.desc {
    float: left; }

footer {
  clear: both;
  width: 100%;
  height: 70px;
  background: #0B0E38; }

footer img {
    padding-top: 12px;
}

/* TESTIMONIALS */
section .testimonials {
  width: 100%;
  display: inline-block;
  border-bottom: 1px solid #DDD; }
  section .testimonials .row {
    max-width: 1000px;
    padding: 60px 0;
    border-bottom: none; }
    section .testimonials .row .col.portrait {
      width: 45%; }
    section .testimonials .row .col.content {
      width: 55%; }
  section .testimonials .img_container {
    position: relative;
    float: right;
    margin: 0 100px 0 0; }
    section .testimonials .img_container .img {
      width: 130px;
      height: 130px;
      border-radius: 50%;
      overflow: hidden;
      text-align: center; }
      section .testimonials .img_container .img img {
        width: 100%; }
    section .testimonials .img_container .arrows {
      width: 100%;
      position: absolute;
      top: 50%;
      transform: translateY(-50%); }
      section .testimonials .img_container .arrows i {
        transition-duration: 0.3s;
        cursor: pointer; }
        section .testimonials .img_container .arrows i.fa-long-arrow-left {
          float: left;
          margin-left: -30px; }
          section .testimonials .img_container .arrows i.fa-long-arrow-left:hover {
            margin-left: -33px; }
        section .testimonials .img_container .arrows i.fa-long-arrow-right {
          float: right;
          margin-right: -30px; }
          section .testimonials .img_container .arrows i.fa-long-arrow-right:hover {
            margin-right: -33px; }
  section .testimonials .content h5 {
    padding: 5px 0; }
  section .testimonials .content .stars {
    padding: 10px 0 0 0; }
    section .testimonials .content .stars i {
      color: #FFDC73;
      margin: 0 10px 0 0; }

/* EMAIL SIGNUP */
section .email_signup {
  text-align: center;
  padding: 70px 0; }
  section .email_signup h3 {
    padding-bottom: 15px; }
  section .email_signup form {
    padding: 70px 0; }
    section .email_signup form input {
      width: 100%;
      max-width: 300px;
      font-family: 'Raleway', sans-serif;
      font-size: 15px;
      line-height: 30px;
      font-weight: 300;
      color: #131719;
      border: none;
      border-bottom: 1px solid #DDD; }
	  
	  .signup_error { border-bottom: 1px solid #F76260 !important; }
	  
	  .submit {
		   width: 100%;
		  /*max-width: 75px;*/
		  max-width: 30px;
		  font-family: 'Raleway', sans-serif;		  
		  line-height: 36px;
		  font-weight: 300;
		  background: #fff;
		  color: #47484c;
		  cursor: pointer;
		  border: none;
		  font-size: 24px;
		  border-bottom: 1px solid #DDD;
		  padding-left: 0px;
		  margin-left: -10px;		  
		  /*display: none;*/
		  padding-right: 0px;
		  padding-bottom: 1px;
		}
	   
	  
	  .submit:hover {  
			font-weight: bold;
	  }
	  /*section .email_signup input.submit:hover {
		  background: #fff;
		  color: #47484c;
		  border: none;
	  }*/
.help-link {
  background-color: #0B0E38; 
  background-position: 9px 5px;
  background-image:url('images/icons8-help-24.png'); 
  background-repeat: no-repeat;
  padding: 10px 20px 10px 40px;
  color: #fff;
  text-decoration: none;
  margin-top: 2px;
  display: inline-block;
  border-radius: 20px;
}
.help-link:hover {
  background-color: #4A49DD; 
}
@media screen and (max-width: 768px) {
  .help-link {
    margin-top: -15px;
  }
}
/* RESPONSIVE */
@media screen and (max-width: 1250px) {
  section .testimonials .row .col.portrait {
    width: 40%; }
  section .testimonials .row .col.content {
    width: 60%; } }
@media screen and (max-width: 1120px) {
  section .row.product .col.img {
    width: 60%; }
  section .row.product .col.desc {
    width: 40%; }
    section .row.product .col.desc .desc {
      padding: 50px 30px 0 40px; }
  section .row.product_desc ul {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3; }
  section .row .col.img {
    width: 50%; }
  section .row .col.desc {
    width: 50%; }
  section .row .col .desc {
    padding: 10px 30px 0 40px; }
  section .testimonials .row .col.portrait {
    width: 30%; }
  section .testimonials .row .col.content {
    width: 70%; } }
@media screen and (max-width: 1050px) {
  section .row {
    padding: 80px 0; }
    section .row.product {
      padding: 120px 0 80px 0; }
      section .row.product .col.img {
        float: none;
        text-align: center;
        width: 80%;
        padding: 0 10% 40px 10%; }
        section .row.product .col.img img {
          display: inline-block;
          border-bottom: 1px solid #DDD; }
      section .row.product .col.desc {
        float: none;
        width: 100%; }
    section .row .col.img {
      width: 40%; }
    section .row .col.desc {
      width: 60%; }
    section .row .col .desc {
      padding: 5px 30px 0 40px; } }
@media screen and (max-width: 950px) {
  section .testimonials .row {
    width: 100%;
    padding: 40px 0; }
    section .testimonials .row .col {
      clear: both; }
      section .testimonials .row .col.portrait {
        width: 100%;
        text-align: center; }
      section .testimonials .row .col.content {
        width: 100%; }
  section .testimonials .img_container {
    position: relative;
    display: inline-block;
    float: none;
    margin: 0;
    padding: 0 0 20px 0; } }
@media screen and (max-width: 820px) {
  header {
    padding: 20px 0; }
    header .logo img {
      width: 130px; }
    header .logo p {
      font-size: 16px;
      line-height: 16px;
      padding: 7px 0 0 10px; }
    header nav {
      padding: 7px 0 0 0; }
      header nav .menu_res_switch {
        display: block; margin-top: 6px;}
        header nav .menu_res_switch:hover {
          opacity: 1;
          transition-duration: 1s;
          height: auto;
          overflow: visible; }
    header nav .menu_sep{
        height:16px;
    }
      header nav .menu_sep:first-of-type {
        display: none; height:16px; }
      header nav .menu_sep:last-of-type {
        display: block; }
      header nav ul a:hover li {
        height: auto;
        overflow: visible; }
      header nav ul.main_menu {
        position: absolute;
        top: 45px;
        left: 0;
        float: none;
        width: 100%;
        padding: 10px 0;
        background: #222;
        height: 0;
        overflow: hidden;
        opacity: 0; }
    header nav ul ul{
        top:15px;
    }
    header nav ul li{
        line-height:normal;
    }
        header nav ul.main_menu li {
          float: none;
          padding: 0;
          margin: 0; }
          header nav ul.main_menu li:hover > ul {
            opacity: 1;
            transition-duration: 1s;
            height: auto;
            overflow: visible; top:0; }
          header nav ul.main_menu li a {
            background: #222;
            color: #FFF;
            padding: 10px 20px;
            margin: 0; }
            header nav ul.main_menu li a:hover {
              background: #333; color:#FFF; }
            header nav ul.main_menu li a i.fa-angle-down {
              display: block; }
          header nav ul.main_menu li ul {
            position: relative;
            float: none;
            width: 100%;
            height: 0;
            overflow: hidden;
            opacity: 0; padding:0; }
            header nav ul.main_menu li ul li {
              float: none;
              clear: both; }
              header nav ul.main_menu li ul li a {
                background: #444; }
                header nav ul.main_menu li ul li a:hover {
                  background: #555; color:#FFF; }

  section .row.product_desc ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2; }
  section .row .col {
    clear: both; }
    section .row .col.img {
      text-align: center;
      width: 80%;
      padding: 0 10% 40px 10%; }
    section .row .col.desc {
      width: 100%; }
    section .row .col img {
      width: 100%; }
    section .row .col .desc {
      padding: 5px 30px 0 40px; } }
      @media screen and (max-width: 768px) {
        header nav .menu_res_switch {
          margin-top: -6px;
        }
      }
@media screen and (max-width: 550px) {
  section .row.product_desc ul {
    -moz-column-count: 1;
    -webkit-column-count: 1;
    column-count: 1; } }
@media screen and (max-width: 420px) {
  section .row.product .col.desc .desc .btns {
    padding: 50px 0; }
    section .row.product .col.desc .desc .btns a {
      padding: 12px 35px; }
      section .row.product .col.desc .desc .btns a:first-child {
        margin: 0 10px 0 0; }
  section .row .col.img {
    width: 40%; }
  section .row .col.desc {
    width: 60%; }
  section .row .col .desc {
    padding: 5px 30px 0 40px; } }

/*# sourceMappingURL=styles.css.map */ 

/* CARL */
	
	.hide { display: none; }
	
	.documentation, .faqs, .video_guides, .knowledge_base { /*display: block;*/ margin-bottom: 0px; margin-top: 70px; width: 100%; float: left; clear: both !important; height: 100%; }
		.documentation_copy { width: 70%; float: left; }
		.documentation_links { /*width: 25%;*/ width: 22%; float: right; margin-left: 4%; }
		.documentation h2.title { font-size: 36px; font-family: 'Raleway', sans-serif; line-height: 36px; }
		.documentation h2 { font-size: 30px; font-family: 'Raleway', sans-serif; line-height: 30px; font-weight: 300; }
		.documentation .doc_content  h2 { padding-top: 20px; padding-bottom: 10px; font-size: 26px; line-height: 26px; }
			.documentation h2.first { margin-top: 0px; padding-top: 0px; font-weight: 300; }
	
	.documentation_links ul { list-style: none; margin-left: 0px; padding-left: 0px; display:block; margin-top: 30px; }
		.documentation_links ul li { list-style: none; margin-left: 0px; padding-left: 0px }
			.documentation_links ul li a { color: #AAAAAA; text-decoration: none; font-size: 15px; line-height: 26px;  }
				.documentation_links ul li a:hover, .documentation_links ul li a.active { color: #131719; }
	
	.faws { border-bottom: 1px solid #EEE; }
	.faqs h4 { margin-top: 25px; margin-bottom: 25px; padding: 0px; font-size: 14px; font-weight: 400; font-family: 'Raleway', sans-serif; letter-spacing: 2px; cursor: pointer; }
		.faqs p { padding-top: 0px; }
	
	.faq {  border-top: 1px solid #EEE; background: url('images/faqdown.png') 15px 30px no-repeat; padding-left: 45px; }		
		.faqactive { background: url('images/faqup.png') 15px 30px no-repeat; }
		.faq_content { height: 0px; overflow: hidden; }
	
	.video_guides { overflow: hidden; }
	
	.search_box input { width: 80%; padding: 14px; border-radius: 2px; border: 1px solid #AAA; color: #131719 !important; font-size: 16px; display: block; }
	
	.clear { clear: both; }
	
	.guide_holder { width: 29.33%; float: left; margin-bottom: 25px; padding-right: 4%; text-decoration: none; }
		.guide_holder h5 { font-size: 24px; color: #131719; }
	
	.knowledge_holders { margin-top: 30px; }
	.knowledge_holder { width: 29.33%; float: left; margin-bottom: 30px; padding-right: 4%; text-decoration: none; }
	.side_block { width: 100%; float: left; text-decoration: none; } 
		.side_block h5 { font-size: 24px; letter-spacing: 2px; font-weight: 300; }  
		.side_block a { text-decoration: none; display: block; color: #AAAAAA; font-family: 'Raleway', sans-serif; font-size: 15px; line-height: 26px; }
		.knowledge_holder h5 { font-size: 24px; padding-top: 20px; padding-bottom: 10px; line-height: 24px; font-weight: 300; font-family: 'Raleway', sans-serif; }
		/* .knowledge_holder a { text-decoration: none; display: block; color: #131719; letter-spacing: 2px; margin-bottom: 8px; font-size: 14px; font-family: 'Raleway', sans-serif; } */
		.knowledge_holder a { text-decoration: none; display: block; color: #131719; font-size: 15px; line-height: 18px !important; font-weight: 300; padding: 7px 0; margin: 0; }
		
	.documentation_sections { height: 38px; list-style: none; margin-left: 0px; padding-left: 0px; }
		.documentation_sections li { padding-bottom: 20px; text-transform: uppercase; cursor: pointer; display: inline; /*float: left; */ list-style: none; margin-right: 40px; font-size: 14px; font-weight: normal;  }
			.documentation_sections li.active, .documentation_sections li:hover { background: url(images/doc_active.png) center bottom no-repeat; }
		
	.doc_inner h1 { padding-bottom: 50px !important; padding-top: 10px; }
		
	.knowledge_base .search input { width: 100%; border-radius: 24px; padding: 14px; border: 1px solid #CECECE; color: #131719 !important; font-size: 16px; display: block; }	
	
	.knowledge_article h3 { padding-top: 0px; margin-top: 0px; font-size: 40px; font-weight: 300; font-family: 'Raleway', sans-serif; }
	
	.copyleft { width: 70%; float: left; }
	.copyright { width: 22%; float: right; }
	
	.back_knowledge { border-radius: 22px; width: 80%; padding: 14px; text-decoration: none; background: #47484c; color: #fff; display: block; text-align: center; font-size: 14px; }
		
	.support { border-bottom: 1px solid #DDD; padding-bottom: 90px !important; float: left; }	
		
	.support_block { float: left; margin-top: 65px; }	
		.support_block h4 { font-weight: normal; letter-spacing: 2px; font-size: 22px; }
		
		.support_block ul { margin: 0px; padding: 0px; margin-left: 3px; list-style: none; }
			.support_block ul li { margin: 0px; padding: 0px; }
				.support_block ul li a { color: #131719; text-decoration: none; font-size: 15px; line-height: 22px; }
	
	.support_50 { width: 45%; }
		.support_50 p { margin-top: 0px; padding-top: 0px; }
		.support_50 a { border-radius: 35px; width: 25%; padding: 10px; text-decoration: none; background: #47484c; color: #fff; display: block; text-align: center; font-size: 14px; text-transform: uppercase; margin-top: 20px; }
	
	.support_25 { width: 20%; }
	
	@font-face {
		font-family: 'icomoon';
		src:    url('fonts/icomoon.eot?b7qog1');
		src:    url('fonts/icomoon.eot?b7qog1#iefix') format('embedded-opentype'),
			url('fonts/icomoon.ttf?b7qog1') format('truetype'),
			url('fonts/icomoon.woff?b7qog1') format('woff'),
			url('fonts/icomoon.svg?b7qog1#icomoon') format('svg');
		font-weight: normal;
		font-style: normal;
	}

	[class^="icon-"], [class*=" icon-"] {
		/* use !important to prevent issues with browser extensions that change fonts */
		font-family: 'icomoon' !important;
		speak: none;
		font-style: normal;
		font-weight: normal;
		font-variant: normal;
		text-transform: none;
		line-height: 1;

		/* Better Font Rendering =========== */
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.icon-arrow-right:before {
		content: "\e944";
	}

	.blog { margin-top: 70px; height: 100%; border-bottom: 1px solid #DDD; padding-bottom: 90px; }
		.blog_copy { width: 70%; float: left; }
			.blog_copy h3 { font-size: 40px; line-height: 40px; }
			.blog_copy a { color: #131719; }
		.blog_side { width: 25%; float: left; padding-left: 5%; }
		
		.blog_side h3 { font-size: 20px; margin-top: 0px; margin-bottom: 10px; padding-bottom: 0px; padding-top: 0px; font-weight: 200; }
		.blog_side ul { list-style: none; margin-left: 0px; padding-left: 0px; display:block; margin-top: 10px; }
		.blog_side ul li { list-style: none; margin-left: 0px; padding-left: 0px; padding-bottom: 5px; }
			.blog_side ul li a { color: #AAAAAA; text-decoration: none; font-size: 15px; line-height: 26px;  }
				.blog_side ul li a:hover, .blog_side ul li a.active { color: #131719; }
				
	.blog_desc { margin-top: 0px; padding-top: 0px !important; }
		.blog_desc h3 { font-size: 34px; line-height: 34px; padding-bottom: 10px !important; }
	
	.post_nav { margin-top: 30px; clear: both; }
	.post_nav .prev { display: block; float: left; }	
	.post_nav .next { display: block; float: right; }	
		.post_nav a { border-radius: 22px; padding: 14px; text-decoration: none; background: #47484c; color: #fff; display: block; text-align: center; font-size: 14px; }
	
	.icon-arrow-right_testimonial:before {
		content: "\e944";		
	}	
	
	.icon-arrow-right_testimonial {
		display: inline-block;
		float: right !important;
		margin-right: -30px !important;
	}

	.icon-arrow-right_testimonial:hover {
		margin-right: -33px !important;
	}
	
	.icon-arrow-left_testimonial:before {
		content: "\e943";		
	}	
	
	.icon-arrow-left_testimonial {
		display: inline-block;
		float: left !important;
		margin-left: -30px !important;
	}

	.icon-arrow-left_testimonial:hover {
		margin-left: -33px !important;
	}
	
	.copy_link { font-family: 'Raleway', sans-serif; display: block; float: right; font-size: 14px; text-decoration: none; margin-right: 20px; display: none; padding-left: 5px; padding-right: 5px; color: #AAAAAA; }
		
		.copy_link:hover { font-family: 'Raleway', sans-serif; color: #131719 !important; } 
	
	.main_li { color: #131719; }
	.main_li:hover { font-weight: 400; color: #131719; }
	
	.main_li ul li a:hover { font-weight: normal !important; letter-spacing: 1px !important; }
	
	.sitemap { margin-top: 70px; border-bottom: 1px solid #DDD; padding-bottom: 90px; }
		.sitemap .block  { float: left; width: 33%; }
	
	.sitemap ul { list-style: none;  padding-left: 10px; }
		.sitemap ul li { line-height: 21px; }
			.sitemap ul li a { color: #131719; text-decoration: none; }
			
	.error_notice {
		display: none; margin-right: 20px; border-radius: 4px; position: relative; z-index:9999; padding: 12px; right: auto; left: 0px; color:#fff;background: #F76260;font-size:15px; font-family: 'Raleway', sans-serif; transform-style: preserve-3d;
	}
	
	.success_notice {
		position: relative; margin-right: 20px; display: none; border-radius: 4px; z-index:9999; padding: 12px; right: 10px; color:#fff;background: #82BFA0;font-size:15px; font-family: 'Raleway', sans-serif; transform-style: preserve-3d;
	}
	
	.scroll_down { cursor: pointer; }
	
	#mobile_sections, .mobile_back { display: none; }
	
	.submit_ticket h4 { margin-top: 90px; font-size: 22px; line-height: 22px; font-weight: 200; }
	
	.ticketleft { width: 66%; float: left; }
		.ticketleft .field_holder { float: left; width: 45%; }
		
		.ticketleft .field_holder_full { float: left; width: 90%; }
			.ticketleft .field_holder_full input { font-family: 'Raleway', sans-serif; color: #b1a9a9; margin-bottom: 12px; font-size: 16px; width: 94%; padding: 10px; padding-left: 10px; border: 1px solid #dddddd; }
			.ticketleft .field_holder_full textarea { font-family: 'Raleway', sans-serif; color: #b1a9a9; margin-bottom: 12px; font-size: 16px; width: 94%; padding: 10px; padding-left: 10px; border: 1px solid #dddddd; }
			.ticketleft .field_holder input { font-family: 'Raleway', sans-serif; color: #b1a9a9; margin-bottom: 12px; font-size: 16px; width: 88%; padding-left: 10px; padding: 10px;  border-top: none; border-left: none; border-right: none; border: 1px solid #dddddd; }
			.ticketleft .field_holder select { -moz-appearance:none !important; -webkit-appearance:none !important; background: #fff url('images/drop.png') 96% center no-repeat !important; font-family: 'Raleway', sans-serif; color: #b1a9a9; margin-bottom: 12px; font-size: 16px; width: 94%; padding: 10px; border: 1px solid #dddddd; padding-left: 10px; border-radius: 0px; }
			
			.ticketleft .field_holder label, .ticketleft .field_holder_full label { margin-bottom: 10px; margin-top: 10px; display: block; font-family: 'Raleway', sans-serif; color: #131719; font-weight: 200; }
   		
			.ticketleft .field_holder_full .ticket_submit { cursor: pointer; margin-top: 20px; margin-right: 3%; border-radius: 22px; padding: 14px; text-decoration: none; background: #47484c; color: #fff; display: block; text-align: center; font-size: 14px; float: right; width: 20%; text-decoration: uppercase; border: none !important; }
			
	.ticketright { width: 34%; float: left; }
		.support_margin { margin-top: 30px; /*margin-bottom: 30px;*/ }
			.ticketright h5 { font-size: 20px; line-height: 20px; font-weight: 300; padding-bottom: 0px; }
			
		.ticket_error { border-bottom: 1px solid #F76260 !important; }	
		
	.purchase_code { display: none; }	
		
	select:disabled { background-color: rgb(235, 235, 228); }
	
	.doc_content a, .knowledge_article_content a { color: #131719 !important; }
		
	.blog_image img { width: 100%; margin-top: 15px; margin-bottom: 10px; }	
	
	.doc_content  ul	 { margin-bottom: 25px; padding-bottom: 0px; }
	.doc_content  ul li { font-size: 15px; line-height: 18px !important; font-weight: 300; padding: 7px 0; margin: 0; }	
		
	.docbox { border-bottom: 1px solid #DDD; padding-bottom: 90px; float: left; }	
		
	/*.header_image { overflow: hidden; }*/
	.homecontent h1{ margin: 0 auto; max-width: 700px; }

	
	@media screen and (max-width: 600px){
		
		.header span { display: block; color: #EEE; }
		.header h6 { font-size: 10px; line-height: 10px; padding-top: 30px !important; padding-bottom: 15px !important; }
		.header h1 { font-size: 26px; line-height: 26px; font-weight: 400; padding-bottom: 30px !important; }
		.blog { margin-top: 30px; padding-bottom: 45px; }	
		.blog_copy { width: 100%; padding-top: 25px; }	
			.blog_copy p { font-size: 12px; }
		.blog_side { display: none; }	
		
		.email_signup { padding-top: 20px !important; }
			.email_signup h3 { font-size: 28px; line-height: 28px; }
			.email_signup p { font-size: 12px !important; }
			
			#email_signup { padding-top: 20px; padding-bottom: 20px;  } 
			.submit { float: left; margin-top: -6px; }
			#email_address { float: left; }
			
			.sitemap { margin-top: 30px; border-bottom: 1px solid #DDD; padding-bottom: 15px; }
				.sitemap .block  { float: left; width: 100%; }		
			
			.sitemap h3 { font-size: 24px; line-height: 24px; padding-top: 0px !important; padding-bottom: 0px !important; font-weight: 400; }
			
			.sitemap ul { list-style: none;  padding-left: 10px; }
				.sitemap ul li { line-height: 18px; font-size: 12px; }
					.sitemap ul li a { color: #131719; text-decoration: none; }
			
			.blog { padding-top: 0px !important; margin-top: 0px !important; }			
			.blog .img { display: block; width: 100% !important; padding-left: 0px !important; margin-left: 0px !important; }
				.blog .img img { width: 80% !important; }
				.blog .desc { padding-left: 0px !important; margin-left: 0px !important; }	
					.blog .desc h3 { width: 80%; }
				
			.testimonials h5 { text-align: center !important; }
			.testimonials .stars { text-align: center !important; }
			.testimonials .content { text-align: center !important; }
			
			.homecontent p { font-size: 16px; line-height: 24px; }
			.homecontent h1{ font-size: 32px !important; line-height: 32px; }
			.homecontent h2 { font-size: 30px !important; line-height: 30px; }
			
			.mainrow { padding-bottom: 40px !important; padding-top: 40px !important; }
			.mainrow .col { width: 100% !important; }
			.mainrow .col.img { padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; }
			.mainrow img { display: block !important; margin: 0px; padding: 0px; width: 100% !important; }
			
			.mainrow .row .col .desc p { padding-bottom: 30px; }
			
			.mainrow h6 { font-size: 12px; margin-bottom: 5px !important; }
			.mainrow h3 { font-size: 36px; line-height: 36px; padding-bottom: 10px !important; margin-bottom: 0px !important; padding-left: 0px !important; }
				.mainrow p { font-size: 12px; }
					.mainrow a { text-align: center !important; display: block !important; }
			
			.support { margin-top: 25px !important; padding-bottom: 30px !important; }
			.support_block { width: 100%; padding-top: 0px; margin-top: 10px; padding-bottom: 15px !important; }
				.support_block h4 { margin-top: 0px; margin-bottom: 10px; }
				.support_block p { font-size: 12px; }
				.support_block ul li a { font-size: 12px; }
				.support_block a { display: block; width: 100%; font-size: 12px; }
			
			section .row .col .desc  { padding-left: 0px; padding-right: 0px; }
			
			.product_container .product { padding-top: 35px !important; padding-bottom: 30px !important; }
			.product_container .product .img { padding-left: 0px !important; padding-right: 0px !important; width: 100% !important; padding-bottom: 0px !important; }
				.product_container .product .img img { width: 100% !important; }
				
			section .row.product .col.desc .desc { padding-top: 25px; padding-left: 0px; padding-right: 20px; }
				section .row.product .col.desc .desc h3 { font-size: 32px; line-height: 32px; }
			section .row.product .col.desc .info p { font-size: 12px; }
			section .row.product .col.desc .btns { padding-top: 20px !important; padding-bottom: 20px !important; }
			section .row.product .col.desc .btns a { display: block; width: 70%; margin-bottom: 5px !important; text-align: center; font-size: 12px; }
			section .row.product .col.desc .links a { font-size: 12px !important; }
			
			.product_container .product_desc { padding-top: 25px !important; padding-bottom: 40px !important; }
			.product_container .product_desc h3 { font-size: 30px; line-height: 30px; font-weight: 400; padding-bottom: 10px; padding-top: 10px; }
			.product_container .product_desc p { font-size: 12px; }
			
			.product_container .product_desc ul { padding-top: 20px !important; }
				.product_container .product_desc ul li { font-size: 12px; }
			
			.documentation_sections { display: none; }
			
			#mobile_sections { display: block; width: 100%; padding: 10px; margin-top: 30px; border-radius: 5px; }
			
			.documentation { margin-top: 30px; }
			
			.documentation_copy { width: 100%; }
			.documentation_links { display: none; }
			.copy_link { display: none !important;  }
			
			.documentation_copy h2 { font-size: 28px; line-height: 28px; padding-bottom: 10px !important}
				.documentation_copy p{ font-size: 12px !important; }
			
			.video_guides { margin-top: 15px; }
			.guide_holder { display: block; width: 100%; color: #131719 !important; }
				.guide_holder h5 { font-size: 28px; line-height: 28px; padding-bottom: 10px !important; font-weight: 200; }					
					.guide_holder img { margin-top: 10px; display: block; }  
			
			.faqs { margin-top: 40px; }
				.faqs h4 { font-size: 14px; }
					.faqs p { font-size: 12px; }
					
			.knowledge_base { margin-top: 15px; }
				.knowledge_base .search { display: none !important; }
				
			.knowledge_holders { margin-top: 0px !important; }	
			.knowledge_holder { width: 100%; margin-bottom: 0px; }
				.knowledge_holder h5 { font-size: 28px; line-height: 28px; padding-bottom: 10px !important; font-weight: 200; }
					.knowledge_holder a { font-size: 12px; }
					
			.copyright { display: none; }
			
			.copyleft { width: 100%; }
				.copyleft  h3{ font-size: 28px; line-height: 28px; font-weight: 200; margin-top: 15px; padding-bottom: 10px; }
					.copyleft p { font-size: 12px; } 
					
					.copyleft a{ margin-top: 5px; border-radius: 22px; width: 91%; padding: 14px; text-decoration: none; background: #47484c; color: #fff; display: block; text-align: center; font-size: 12px; }
			
			.ticketleft, .ticketright { width: 100%; float: left; }
				
				.ticketright { margin-top: 15px; }
					.ticketright p { font-size: 12px; }
						.ticketright h5 { margin-top: 10px; margin-bottom: 10px; padding-top: 0px; }
			
			.submit_ticket h4 { margin-top: 30px; }
			
			.field_holder, .field_holder_full { width: 100% !important; }
				.field_holder input, .field_holder_full input { width: 95% !important; font-size: 12px !important; padding: 12px !important; margin-bottom: 12px !important; }
					.field_holder textarea, .field_holder_full textarea { width: 95% !important; font-size: 12px !important; padding: 12px !important; margin-bottom: 12px !important; }
						.field_holder select, .field_holder_full select { width: 100% !important; font-size: 12px !important; padding: 12px !important; margin-bottom: 12px !important; }
						
			.ticket_submit { margin-right: 0% !important; width: 100% !important; display: block; }
	}	
	
	/* LOADER */
		
		.loader {
		  margin: 15px auto;
		  font-size: 10px;
		  position: relative;
		  text-indent: -9999em;
		  border-top: 5px solid rgba(255, 255, 255, 0.2);
		  border-right: 5px solid rgba(255, 255, 255, 0.2);
		  border-bottom: 5px solid rgba(255, 255, 255, 0.2);
		  border-left: 5px solid #333;
		  -webkit-transform: translateZ(0);
		  -ms-transform: translateZ(0);
		  transform: translateZ(0);
		  -webkit-animation: load8 1.1s infinite linear;
		  animation: load8 1.1s infinite linear;
		}
		.loader,
		.loader:after {
		  border-radius: 50%;
		  width: 5em;
		  height: 5em;
		}
		@-webkit-keyframes load8 {
		  0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		  }
		  100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		  }
		}
		@keyframes load8 {
		  0% {
			-webkit-transform: rotate(0deg);
			transform: rotate(0deg);
		  }
		  100% {
			-webkit-transform: rotate(360deg);
			transform: rotate(360deg);
		  }
		}
		
	/* END LOADER */
	
	pre { padding: 8.5px; background: #eee url(images/bg_numbers.jpg) left top no-repeat; padding-left: 50px; overflow: auto; }
	
	blockquote { background: #EEEEEE; margin-left: 0px; padding: 20px; }
	
	.page a { border-radius: 40px; width: 12%; padding: 14px; text-decoration: none; background: #47484c; color: #fff; display: block; text-align: center; font-size: 14px; }
		.page h3 { font-weight: 300; font-size: 28px; line-height: 28px; border-top: 1px solid #DDD; padding-top: 40px; margin-top: 40px; }

#temp_notice {
	padding: 10px;
	background-color: #ffefad;
}

.footer_menu { float: right; margin-top: 25px; margin-right: 0px !important; }
.footer_menu li { display: block; float: left; color: #fff; list-style: none; margin-left: 10px; font-family: 'Raleway', sans-serif; }
.footer_menu li a { color: #fff; font-family: 'Raleway', sans-serif; text-decoration: none; font-size: 14px; }
.footer_menu li a:hover { text-decoration: underline; color: #fff; }

.footer_menu li ul { display: none;  }
#holiday_message { display: none; border: solid 1px #FF4D4D; background-color: #FFADAD; padding: 15px; max-width:635px; margin-bottom: 30px; margin-right: 30px; margin-top: 15px; border-radius: 3px; }
#holiday_message p { color: #000; font-size: 13px;}
#holiday_message_two { display: none; border: solid 1px #FF4D4D; background-color: #FFADAD; padding: 15px; max-width:635px; margin-bottom: 30px; margin-right: 30px; margin-top: 15px; border-radius: 3px; }
#holiday_message_two p { color: #000; font-size: 13px;}
/* END CARL - DONT JUDGE ME */

/* NEW CSS */

.doc_content{
    box-sizing:border-box;
    padding:30px 25px; background-color:#F5F5F5; width:100%; margin-bottom:50px;
}

.doc_content img{
    max-width:100%;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    box-sizing:border-box;
    border:5px solid #CCC;
}

.doc_content p,
.doc_content h2{
    padding:0 0 25px !important; margin:0 !important;
}

.doc_content h2{
    font-size:20px; font-weight:500; color:#0073AA;
}

.doc_quick_links{
    width:100%; box-sizing:border-box; padding:20px;
    display:table;
    background-color:#EEE;
    border:1px solid #EEE;
    font-weight:500; font-size:18px;
}

.documentation_links ul{
    margin:0; padding:0; width:100%; display:table;
    box-sizing:border-box;
    border-left:1px solid #EEE;
    border-right:1px solid #EEE;
}

.documentation_links ul li{
    box-sizing:border-box; width:100%;
    border-bottom:1px solid #EEE;
}

.documentation_links ul li a{
    padding:10px 20px; box-sizing:border-box; width:100%; display:table;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
}

.documentation_links ul li a:hover,
.documentation_links ul li a.active{
    background-color:#0073AA; color:#FFF;
    padding-left:25px;
}


.set_floater{
    position:absolute; width:255px;
}

#cookie-notice .cookie-notice-container { box-sizing: border-box; }
#cn-notice-text { clear: both; display: block; padding-bottom: 10px; }