/*
 Theme Name:   ExpressVPN Support
 Theme URI:    http://expressvpn.com/support
 Description:  ExpressVPN Support Center
 Author:       Andrey Vladetsky
 Author URI:   http://example.com
 Template:     twentythirteen
 Version:      1.0.0
 Text Domain:  expressvpn
*/

img {
    height: auto;
}

#main {
    position: relative;
    padding: 0 0 30px;
}

.home #main {
    padding-top: 20px;
}

.contact-landing {
    padding-bottom: 50px;
    margin-top: 0;
}

/*404 page*/
.error404 .page-title {
    line-height: .6;
    margin: 0;
    padding: 300px;
    position: relative;
    text-align: center;
    width: auto;
}

.error404 .page-title:before {
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    font: normal 16px/1 Genericons;
    vertical-align: text-bottom;
}

.error404 .page-title:before {
    color: #e8e5ce;
    content: "\f423";
    font-size: 964px;
    line-height: .6;
    overflow: hidden;
    position: absolute;
    left: 7px;
    top: 28px;
}


.contact-us-methods {
    padding-top: 20px;
}

.contact-us-method {
    height: 211px;
}

.homeSection {
    border: 1px solid #eee;
    background: #fafafa;
    padding: 25px 15px 73px;
    margin-bottom: 15px;
    position: relative;
}

.homeSection h2 {
    margin-top: 0;
    text-align: center;
}

.homeSection h2 a {
    color: inherit;
    text-decoration: none;
}

.homeSection .btn-wrapper {
    text-align: center;
    position: absolute;
    width: 100%;
    bottom: 25px;
    left: 0;
}

.homeSection .btn {
    padding-left: 50px;
    padding-right: 50px;
}

.homeSection .device-wrapper {
    text-align: center;
    padding: 15px 0 30px;
}

.homeSection .device-wrapper div {
    padding: 5px 0;
}

.contact-landing h3 {
    margin-bottom: 12px;
}

.contact-landing h3 {
    margin-bottom: 12px;
}

.tutorial_page .sidebar h3 {
    font-weight: 400;
    padding-top: 0;
    padding-bottom: 12px;
    margin-bottom: 12px;
    font-size: 16px;
    color: #888;
    text-transform: uppercase;
}

.cat-descr p {
    margin-bottom: 40px;
    font-size: 14px;
    color: #888;
}

header.cat-header {
    border-bottom: none;
}

#wpns-search-wrap #wpns_results_box .wpns_results_list li i {
    padding-right: 15px;
}

#wpns-search-wrap #wpns_results_box .wpns_results_list li {
    margin-bottom: 13px;
}

#wpns-search-wrap #wpns_search_form #wpns_search_icon {
	cursor: pointer;
  opacity: 0.5;
}

.navigation .alignleft {
  float: left;
}

.navigation .alignright {
  float: right;
}

body.overlay div#devices_overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.7;
}

/*******Callout Div********/
.tutorial_page .top-callout {
    background: rgb(250,205,67);
    background: rgba(250,205,67,0.20);
    border-radius: 4px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    padding: 10px;
}

.tutorial_page .top-callout h3 {
    font-weight: 500;
    font-size: 23px;
    color: #222222;
    letter-spacing: 0px;
    padding-top: 10px;
    margin-top: 0;
    margin-bottom: 15px;
}

.tutorial_page .top-callout .callout-btn {
    display: inline-block;
    background: #C8252C;
    text-transform: uppercase;
    border-radius: 4px;
    moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -o-border-radius: 4px;
    font-weight: 500;
    font-size: 14px;
    color: #FFFFFF;
    letter-spacing: 0px;
    padding: 5px 10px;
}

.tutorial_page .top-callout .callout-btn:hover,
.tutorial_page .top-callout .callout-btn:focus,
.tutorial_page .top-callout .callout-btn:active {
    background: #EB4136;
    text-decoration: none;
}

.tutorial_page .main-content .top-callout .imgContainer {
    width: 177px;
    height: 88px;
    float: left;
    clear: left;
    text-align: center;
    margin: 0 20px 0 0;
}

.tutorial_page .main-content .top-callout img {
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    padding: 0;
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.top-callout .callout-text {
    overflow: hidden;
}

@media (max-width: 500px) {
    .tutorial_page .main-content .top-callout .imgContainer {
        float: none;
        margin: 0 0 20px;
        text-align: left;
    }
}


/***** Search Order Select ****/
.search-orderby {
    float: right;
    text-transform: none;
    margin-left: 20px;
}

.search-selected-option-container,
.search-orderby-label {
    display: inline-block;
    vertical-align: middle;
}

.search-selected-option-container select {
    border: 1px solid #eee;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 2px;
    box-shadow: 0 1px 1px #eee;
    box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    color: #444;
    cursor: default;
    font-size: 13px;
    font-weight: bold;
    height: 27px;
    line-height: 27px;
    min-width: 104px;
    outline: 0;
    padding: 0 28px 0 6px;
    position: relative;
    text-align: center;
    background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -moz-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -ms-linear-gradient(top,whiteSmoke,#F1F1F1);
    background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
}







.excerpt-thumb {
  width: 40%;
}
/*xv blog css*/
.entry-title {
  font-weight: 700;
  line-height: 1.2;
}
.entry-title a {
  color: #333;
}
.entry-title a:hover, .navigation a:hover {
  color: #333;
}
.navigation a, .navigation a:hover {
  color: #b9121b;
  font-weight: 700;
}
.navigation a:hover {
  text-decoration: underline;
}
.entry-meta a {
  color: #555;
}
.comments-title {
font-weight: 700;
font-size: 17px;
line-height: 1.5;
text-align: left;
font-family: 'proxima nova', 'proxima-nova', 'helvetica neue', helvetica, arial, sans-serif;
color: #666;
}
.site {
  max-width: 100%;
  border: 0 none;
}
.site-header, .site-header-xv {
  background: url(images/blog_subheader_bg.jpg) no-repeat scroll top !important;
  background-size: 1900 auto;
  float: left;
  width: 100%;
  margin-bottom: 40px;
}
.site-header .home-link {
  min-height: 148px;
}
.site-main {
  float: left;
  width: 100%;
  z-index: 999;
}
.site-title {
  display: inline-block;
  color: #333;
  font-size: 26px;
  line-height: 148px;
  padding: 0;
  font-weight: 700;
  text-decoration: none;
  text-shadow: 1px 1px 0px white;
}
.navbar, .paging-navigation, .attachment .hentry, .paging-navigation, .error404 .page-title:before, .error404 .page-wrapper {
  background: #fff;
}
 .archive-header, .page-header {
  background: white;
 }
button, input, textarea {
  border-color: #ddd;
}
input:focus, textarea:focus {
  border-color: #ccc;
  outline: 0;
}
.comment-respond {
  background: #fff;
}

.navbar {
  max-width: 100%;
}
.widget {
  background: #fff;
  padding: 0;
  margin: 0 0 4em 2em;
}
.widget .widget-title {
  color: #555;
  font-weight: 700;
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1;
  font-family: 'proxima nova', 'proxima-nova', 'helvetica neue', helvetica, arial, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}
.widget a {
  color: #666;
}
.widget a:hover {
  color: #666;
  text-decoration: underline;
}
.widget p, .widget li, .widget {
  font-size: 16px;
}
.widget.try {
  padding: 2em 1em 0;
  background: #fafafa;
  border: 1px solid #eaeaea;
}
ul.checklist {
  margin: 0 0 1em;
}
ul.checklist li {
  padding: 5px 0 5px 20px;
  background: url("images/blog_sidebar_bullet.png") left center no-repeat;
}
.xv-foot {
  background: #343434;
  box-shadow: inset 0 1px 2px #333;
  font-size: 0.9em;
  line-height: 1.6em;
  color: #fff;
}
.site-footer {
  background: white;
  padding-top: 100px;
}
.site-info {
  padding: 2px 0;
}
footer .bttn-support {
position: fixed;
right: 0;
bottom: 0;
z-index: 9999;
}
a.more-link, button, input[type="submit"], input[type="button"], input[type="reset"] {
  font-weight: 700;
  color: #fff;
  margin: 2em 0 0;
  background: #71B3EA;
  display: inline-block;
}
a.more-link, button, input[type="submit"], input[type="button"], input[type="reset"],
button:hover, button:focus, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover,
input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus,
a.more-link:hover, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active {
  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  transition: all 0.2s linear;
  padding: 15px 20px;
  border: 1px solid #ccc;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
button:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:focus, input[type="button"]:focus, input[type="reset"]:focus, a.more-link:hover {
  background: #4F677F;
  text-decoration: none;
  color: #fff;
}
a.more-link:active, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active  {
  background: #454545;
}
.more-link.buy, .more-link.buy:hover, .more-link.buy:active, .more-link.buy:focus {
  font-size: 18px;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  letter-spacing: 0.1em;
  border-width: 2px;
  padding: 0.65em 0.85em;
  font-size: 15px;
  line-height: 1.2;
}
.more-link.buy {
  background: #05a856;
  margin: 0;
}
.more-link.buy:hover {
  background: #5bb846;
}
.more-link.buy:active {
  background: #454545;
}
.wp-caption .wp-caption-text, .entry-caption, .gallery-caption {
  font-size: 14px;
  font-style: italic;
  font-weight: 300;
  margin-top: 0.5em;
  color: #999;
}
.paging-navigation .meta-nav {
  background: #b9121b;
}
.paging-navigation a:hover .meta-nav {
  background: #ccc;
}
.site-main .widget-area {
  margin-bottom: 100px;
}
.post-navigation a[rel="next"] {
  margin-top: 20px;
}

a.ssba_tooptip{outline:none;text-decoration:none !important;color:inherit !important;}
a.ssba_tooptip strong{line-height:12px;}
a.ssba_tooptip:hover{text-decoration:none;color:inherit !important;}
a.ssba_tooptip span{z-index:10;display:none;padding:10px;margin-top:-30px;margin-left:28px;line-height:16px;}
a.ssba_tooptip:hover span{font-family: arial;font-size: 12px;display:inline;position:absolute;color:#555e58;border:1px solid #e0dddd;background:#f5f5f5;}
a.ssba_tooptip span{border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;-khtml-border-radius:4px;-o-border-radius:4px;}
#ssba img
{
width: 45px;
padding: 6px;
border: 0;
box-shadow: none !important;
display: inline;
vertical-align: middle;
}

#ssba {
  margin: 1em 0;
}


/*hides clock*/
.entry-meta .date a:before, .comments-link a:before {
  content: '';
}
.entry-meta {
  margin-top: 10px;
}
.entry-meta.date-top {
  margin: 0 0 16px;
}
.categories-links, .tags-links, .author {
  display: none;
}
/*guides*/

.guide {
  background: #fafafa;
  border: 1px solid #ddd;
  padding: 0 32px 16px;
  float: left;
  width: 100%;
  margin-bottom: 24px;
}

.guide-title h3 {
  text-align: left;
  font-size: 16px;
  display: block;
  margin: 32px 0 16px;
  text-transform: uppercase;
  color: #555;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px;
}
.guide-entry {
  padding: 0 0 16px;
  float: left;
  width: 100%;
}
.guide .entry-image {
  width: 30%;
  float: left;
  margin-right: 20px;
}
.guide img {
  outline: 1px solid #eee;
}
.guide .entry-text {
  width: 65%;
  float: left;
}
.guide p {
  font-size: 15px;
}
.guide h4 {
  margin: 4px 0 10px;
  font-size: 18px;
  text-transform: uppercase;
  font-weight: 700;
}
.guide h4 a {
  color: #333;
}
.guide h4 a:hover {
  color: #555;
}
.entry-header {
  margin-bottom: 20px;
}
/*full page*/
.sidebar .full-width.entry-header, .sidebar .full-width.entry-content {
  margin-left: auto !important;
  margin-right: auto !important;
  height: auto;
  padding-right: 1em !important;
  max-width: 900px;
}

.format-standard footer.entry-meta {
  margin-top: 0;
  padding-top: 20px;
}
.excerpt-text p {
  margin-bottom: 0;
}

.cf:before, .cf:after {
    content: "";
    display: table;
}

.cf:after {
    clear: both;
}






#breadcrumbs {
 font-size: 15px;
 margin: 12px 0;
}

a {
	color: #007EA7
}

a:hover, a:focus {
    color: #214759;
    text-decoration: underline;
}

.btn-danger,
.navbar-default .navbar-nav>li>.btn-get {
    background-color: #C8252C;
    border-color: #C8252C;
}

.btn-danger:hover, .btn-danger:focus,
.navbar-default .navbar-nav>li>.btn-get:hover,
.navbar-default .navbar-nav>li>.btn-get:focus {
    background-color: #EB4136;
    border-color: #EB4136;
}

body .SnapABug_Button {
  left: auto !important;
  right: 5% !important;
}

.search h2.pagetitle {
    font-weight: 400;
    border-bottom: 1px solid #eee;
    padding-bottom: 12px;
    margin-bottom: 40px;
    font-size: 16px;
    line-height: 27px;
    color: #888;
    text-transform: uppercase;
}

strong.search-excerpt {
	background-color:yellow;
}

.search p.small {
	padding-top: 10px;
}


#ajax_search {
    padding: 30px 0;
}

.home #ajax_search {
    padding: 80px 0;
}

#wpns-search-wrap {
    max-width: 1000px!important;
}

#ajax_search #wpns-search-wrap #wpns_results_box {
    font-size: 14px;
    z-index: 20000;
}

#categories {
    padding: 50px 0;
}

#wpns-search-wrap #wpns_search_form #wpns_search_input {
    line-height: 20px;
}

.cat_img {
  width: 50px;  
  display: block;
  float: left;
}

.cat_img img {
  max-width: 40px;
  max-height: 40px;
}

.contact-landing h5 {
  line-height: 32px;
}

.tutorial_page .main-content .device-list img,
.tutorial_page .sidebar .device-list img {
    width: 40px;
    box-sizing: border-box;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
}

.tutorial_page .sidebar .callout a {
    display: inline;
    padding: 0;
}

.tutorial_page .sidebar .callout img {
    padding: 3px;
    max-width: 100%;
}

ul {
    list-style: none;
}

#most_viewed {
    padding-bottom: 50px;
}

#most_viewed ul {
    padding: 0;
}

.one-third {
    width: 30%;
    margin-bottom: 24px;
    float: left;
    position: relative;
    margin-left: 1.6666666666%;
    margin-right: 1.6666666666%;
}

.one-third h5 {
    margin-bottom: 0;
}

.catList { margin-top: 30px; }

.catList ul {
    margin-top: 0;
    padding-left: 50px;
}

.catList ul li {
    font-size: 16px;
}

.catList .one-third:nth-of-type(3n+1) {
    clear: left;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:active {
    background: #ddd;
    padding: 9px 10px;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.navbar-toggle {
    position: relative;
    float: right;
    margin-right: 15px;
    padding: 9px 10px;
    margin-top: 8px;
    margin-bottom: 8px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
}

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    border: 0;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background-color: #888;
}

.navbar-toggle .icon-bar+.icon-bar {
    margin-top: 4px;
}

.navbar-collapse {
    max-height: 340px;
    overflow-x: visible;
    padding-right: 15px;
    padding-left: 15px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    -webkit-overflow-scrolling: touch;
}




/******Tutorial Page*******/

.tutorial_page {
    background: #fafafa;
    padding: 1em 0;
}

.single #main,
.single .site-footer {
    background: #fafafa;
}

@media (max-width: 767px) {
    .tutorial_page {
    padding: 0;
}
}.tutorial_page code {
    border: 1px solid #aaa;
    padding: 10px;
    background: #fafafa;
    font-size: 12px;
    display: block;
    color: #000;
}
.tutorial_page .main-content {
    background: #fff;
    border: 1px solid #eee;
    padding: 45px 46px;
}
.tutorial_page .main-content img {
    max-width: 100%;
    border: 1px solid #ddd;
    padding: 3px;
    -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.1);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}
@media (max-width: 767px) {
    .tutorial_page .main-content {
    padding: 30px 15px;
    margin-left: -10px;
    margin-right: -10px;
    /*margin-bottom: 3em;*/
    border: 0 none;
}
}
.tutorial_page p, .tutorial_page li {
    font-size: 17px;
    color: #333;
    line-height: 1.75;
    margin-bottom: 24px;
}

.tutorial_page .entry-meta p {
  font-size: 15px;
}

.tutorial_page #top {
  outline: none;
}

.tutorial_page h1 {
    font-size: 28px;
    line-height: 1.1;
    color: #333;
    font-weight: 400;
    margin: 0 0 24px;
}
@media (max-width: 767px) {
    .tutorial_page h1 {
    font-size: 22px;
}
}.tutorial_page h2, .tutorial_page h3 {
    font-weight: 500;
    font-size: 24px;
    padding-top: 24px;
    margin-bottom: 24px;
    line-height: 1.35;
    outline: none;
}
.tutorial_page h3 {
    font-weight: 400;
}
.tutorial_page hr {
    margin: 32px 0 0;
    border-top: 2px solid #eee;
}
.tutorial_page .answer {
    padding-bottom: 28px;
    border-bottom: 1px solid #eee;
    margin-bottom: 36px;
}
.tutorial_page .answer.last {
    border-bottom: 0;
}
.tutorial_page .callout {
    background: #fff7e4;
    border-left: 5px solid #ffdf92;
    padding: 18px;
    margin-bottom: 32px;
}
.tutorial_page .callout p {
    margin-bottom: 10px;
}
.tutorial_page .panel-title {
    font-size: 16px;
}
.tutorial_page .sidebar h4 {
    font-size: 13px;
    text-transform: uppercase;
    margin-bottom: 8px;
    font-weight: bold;
    color: #000;
}
.tutorial_page .sidebar ul {
    list-style: none;
    font-size: 15px;
    padding: 0;
    margin-bottom: 32px;
}
@media (max-width: 767px) {
    .tutorial_page .sidebar ul {
    margin-bottom: 40px;
}
}.tutorial_page .sidebar ul li {
    margin: 0;
    font-size: 15px;
    line-height: 20px;
}
.tutorial_page .sidebar a {
    color: #787878;
    text-shadow: 1px 1px 0px white;
    padding: 6px;
    display: block;
}
@media (max-width: 767px) {
    .tutorial_page .sidebar a {
    padding: 8px;
}
}

.tutorial_page .sidebar a.current_post {
    color: #333;
    font-weight: bold;
    background: #eee;
}

.tutorial_page .sidebar a:hover, .tutorial_page .sidebar a:active, .tutorial_page .sidebar a:focus {
    text-decoration: none;
    color: #222;
}
.tutorial_page .sidebar h4 a {
    color: #333 !important;
    padding-left: 0;
    padding-top: 0;
    padding-right: 0;
}
.tutorial_page .sidebar h4 a:hover {
    color: #222;
}
.tutorial_page .main-content ul.single-spaced li, .tutorial_page .main-content ol.single-spaced li {
    margin-bottom: 0;
}
.tutorial_page .main-content ol, .tutorial_page .main-content ul {
    padding: 0;
    margin: 24px 0 24px 24px;
}
.tutorial_page .main-content ol {
    list-style-type: none;
    counter-reset: li-counter;
}
.tutorial_page .main-content ol>li {
    position: relative;
    margin-bottom: 36px;
    padding-left: 16px;
}
.tutorial_page .main-content ul>li {
    padding-left: 16px;
    position: relative;
}
.tutorial_page .main-content ol>li:before {
    position: absolute;
    top: -2px;
    left: -24px;
    width: 24px;
    height: 24px;
    font-size: 15px;
    line-height: 26px;
    text-align: center;
    color: #fff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background-color: #999;
    content: counter(li-counter);
    counter-increment: li-counter;
}
.tutorial_page .main-content ol li ol li:before {
    background-color: #ccc;
}
.tutorial_page .main-content ul {
    list-style-type: disc;
}
.tutorial_page .panel-heading a {
    color: #333;
}

.tutorial_page .hentry {
    padding: 0;
}

.tutorial_page .entry-header, .tutorial_page .entry-content, .tutorial_page .entry-summary, .tutorial_page .entry-meta {
    max-width: none;
}

.tutorial_page .sidebar {
    width: 25%;
    float: left;
    position: relative;
    padding: 0 15px;
}

.tutorial_page .main-content {
    width: 75%;
    margin: 0 auto;
    float: left;
    position: relative;
}

@media (max-width: 767px) {
    .tutorial_page .main-content,
    .tutorial_page .sidebar {
        padding: 30px 15px;
        margin-left: -10px;
        margin-right: -10px;
        border: 0 none;
        float: none;
        width: auto;
    }
}

/*** Panel Group ***/

.collapse {
    display: none;
}
.collapse.in {
    display: block;
}
.collapsing {
    position: relative;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.35s ease;
    transition: height 0.35s ease;
}

.panel {
    margin-bottom: 24px;
    background-color: #fff;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);
}
.panel-body {
    padding: 15px;
}
.panel-body:before, .panel-body:after {
    content: " ";
    display: table;
}
.panel-body:after {
    clear: both;
}
.panel-heading {
    padding: 10px 15px;
    border-bottom: 1px solid transparent;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel-heading>.dropdown .dropdown-toggle {
    color: inherit;
}
.panel-title {
    margin-top: 0;
    margin-bottom: 0;
    font-size: 18px;
    color: inherit;
}
.panel-title>a {
    color: inherit;
}
.panel-footer {
    padding: 10px 15px;
    background-color: #f5f5f5;
    border-top: 1px solid #ddd;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel>.list-group {
    margin-bottom: 0;
}
.panel>.list-group .list-group-item {
    border-width: 1px 0;
    border-radius: 0;
}
.panel>.list-group:first-child .list-group-item:first-child {
    border-top: 0;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel>.list-group:last-child .list-group-item:last-child {
    border-bottom: 0;
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel-heading+.list-group .list-group-item:first-child {
    border-top-width: 0;
}
.panel>.table, .panel>.table-responsive>.table {
    margin-bottom: 0;
}
.panel>.table:first-child, .panel>.table-responsive:first-child>.table:first-child {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:first-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:first-child {
    border-top-left-radius: 3px;
}
.panel>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table:first-child>tbody:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>thead:first-child>tr:first-child th:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child td:last-child, .panel>.table-responsive:first-child>.table:first-child>tbody:first-child>tr:first-child th:last-child {
    border-top-right-radius: 3px;
}
.panel>.table:last-child, .panel>.table-responsive:last-child>.table:last-child {
    border-bottom-right-radius: 3px;
    border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:first-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:first-child {
    border-bottom-left-radius: 3px;
}
.panel>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table:last-child>tfoot:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tbody:last-child>tr:last-child th:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child td:last-child, .panel>.table-responsive:last-child>.table:last-child>tfoot:last-child>tr:last-child th:last-child {
    border-bottom-right-radius: 3px;
}
.panel>.panel-body+.table, .panel>.panel-body+.table-responsive {
    border-top: 1px solid #ddd;
}
.panel>.table>tbody:first-child>tr:first-child th, .panel>.table>tbody:first-child>tr:first-child td {
    border-top: 0;
}
.panel>.table-bordered, .panel>.table-responsive>.table-bordered {
    border: 0;
}
.panel>.table-bordered>thead>tr>th:first-child, .panel>.table-bordered>thead>tr>td:first-child, .panel>.table-bordered>tbody>tr>th:first-child, .panel>.table-bordered>tbody>tr>td:first-child, .panel>.table-bordered>tfoot>tr>th:first-child, .panel>.table-bordered>tfoot>tr>td:first-child, .panel>.table-responsive>.table-bordered>thead>tr>th:first-child, .panel>.table-responsive>.table-bordered>thead>tr>td:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:first-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:first-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:first-child {
    border-left: 0;
}
.panel>.table-bordered>thead>tr>th:last-child, .panel>.table-bordered>thead>tr>td:last-child, .panel>.table-bordered>tbody>tr>th:last-child, .panel>.table-bordered>tbody>tr>td:last-child, .panel>.table-bordered>tfoot>tr>th:last-child, .panel>.table-bordered>tfoot>tr>td:last-child, .panel>.table-responsive>.table-bordered>thead>tr>th:last-child, .panel>.table-responsive>.table-bordered>thead>tr>td:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>th:last-child, .panel>.table-responsive>.table-bordered>tbody>tr>td:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>th:last-child, .panel>.table-responsive>.table-bordered>tfoot>tr>td:last-child {
    border-right: 0;
}
.panel>.table-bordered>thead>tr:first-child>td, .panel>.table-bordered>thead>tr:first-child>th, .panel>.table-bordered>tbody>tr:first-child>td, .panel>.table-bordered>tbody>tr:first-child>th, .panel>.table-responsive>.table-bordered>thead>tr:first-child>td, .panel>.table-responsive>.table-bordered>thead>tr:first-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:first-child>th {
    border-bottom: 0;
}
.panel>.table-bordered>tbody>tr:last-child>td, .panel>.table-bordered>tbody>tr:last-child>th, .panel>.table-bordered>tfoot>tr:last-child>td, .panel>.table-bordered>tfoot>tr:last-child>th, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>td, .panel>.table-responsive>.table-bordered>tbody>tr:last-child>th, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>td, .panel>.table-responsive>.table-bordered>tfoot>tr:last-child>th {
    border-bottom: 0;
}
.panel>.table-responsive {
    border: 0;
    margin-bottom: 0;
}
.panel-group {
    margin-bottom: 24px;
}
.panel-group .panel {
    margin-bottom: 0;
    border-radius: 4px;
    overflow: hidden;
}
.panel-group .panel+.panel {
    margin-top: 5px;
}
.panel-group .panel-heading {
    border-bottom: 0;
}
.panel-group .panel-heading+.panel-collapse .panel-body {
    border-top: 1px solid #ddd;
}
.panel-group .panel-footer {
    border-top: 0;
}
.panel-group .panel-footer+.panel-collapse .panel-body {
    border-bottom: 1px solid #ddd;
}
.panel-default {
    border-color: #ddd;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ddd;
}
.panel-default>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ddd;
}
.panel-primary {
    border-color: #b9121b;
}
.panel-primary>.panel-heading {
    color: #fff;
    background-color: #b9121b;
    border-color: #b9121b;
}
.panel-primary>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #b9121b;
}
.panel-primary>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #b9121b;
}
.panel-success {
    border-color: #d6e9c6;
}
.panel-success>.panel-heading {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
}
.panel-success>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #d6e9c6;
}
.panel-success>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #d6e9c6;
}
.panel-info {
    border-color: #bce8f1;
}
.panel-info>.panel-heading {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
}
.panel-info>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #bce8f1;
}
.panel-info>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #bce8f1;
}
.panel-warning {
    border-color: #faebcc;
}
.panel-warning>.panel-heading {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
}
.panel-warning>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #faebcc;
}
.panel-warning>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #faebcc;
}
.panel-danger {
    border-color: #ebccd1;
}
.panel-danger>.panel-heading {
    color: #a94442;
    background-color: #f2dede;
    border-color: #ebccd1;
}
.panel-danger>.panel-heading+.panel-collapse .panel-body {
    border-top-color: #ebccd1;
}
.panel-danger>.panel-footer+.panel-collapse .panel-body {
    border-bottom-color: #ebccd1;
}

/* Support Links on Content */
div.support-icons {
  margin: 10px 0;
  padding: 30px 0;
  border-top: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
}
div.support-icons a {
  text-align: center;
}
div.support-icons a:hover {
  text-decoration: none;
}
div.support-icons a span.icon-wrapper {
  display: block;
  height: 60px;
  width: 60px;
  border: 1px solid #e7e7e7;
  border-radius: 100%;
  margin: auto;
}
div.support-icons a:hover span.icon-wrapper {
  border-color: #3B6EB6;
  background: #3B6EB6;
}
div.support-icons a span.icon-wrapper i.fa {
  font-size: 30px;
  line-height: 60px;
  color: #555;
}
div.support-icons a:hover span.icon-wrapper i.fa {
  color: #FFF;
}
div.support-icons a strong {
  display: block;
  margin-top: 10px;
}
div.support-icons a span.description {
  display: block;
  text-align: center;
  line-height: 1.1;
  margin-top: 5px;
  font-size: 15px;
  color: #555;
}
div.support-icons a span.description.email {
  font-size: 13px;
}
@media (max-width: 643px) {
  div.support-icons .col-sm-4{
    margin-bottom: 20px;
  }
  div.support-icons .col-sm-4:last-child {
    margin-bottom: 0;
  }
}


/* For modern browsers */
.cf:before,
.cf:after {
    content:"";
    display:table;
}

.cf:after {
    clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
    *zoom:1;
}

#sidebar-callout {
    display: none;
}

@media (max-width: 1069px) {
  .error404 .page-title {
    font-size: 24px;
    padding: 180px;
  }

  .error404 .page-title:before {
    font-size: 554px;
  }
}

@media (max-width: 767px) {
  .one-third {
    float: none;
    width: auto;
    margin: 0 0 15px;
  }
  .site-header {
    background: #efefef;
    margin-bottom: 0;
    float: left;
    width: 100%;
  }
  .site-header .home-link {
    min-height: 48px;
  }
  .site-title {
    padding: 13px 0 0;
    font-size: 20px;
    line-height: 26px;
    margin-bottom: 0;
  }

  #wpns-search-wrap {
    padding: 0 10px;
  }
  #wpns-search-wrap #wpns_search_form #wpns_search_icon {
    right: 25px;
  }

  #sidebar-callout {
    display: block;
  }

  #bottom-callout {
    display: none;
  }

  body.home div#snapengage-button {
    display: none!important;
  }
}

@media (max-width: 700px) {
  .excerpt-thumb {
    width: 100%;
    margin-bottom: 22px !important;
    float: left;
  }
  .excerpt-text {
    width: 100%;
    float: left;
  }
}

@media (max-width: 643px) {
  .error404 .page-title {
    padding: 0;
  }

  .error404 .page-title:before {
    content: normal;
  }
}

.tutorial_page .main-content .ssba img {
	padding: 4px;
    border: 0;
}

#setup-grid .animate {
  animation: highlight 2s ease;  
}
@keyframes highlight {
  0% { border: 1px solid #3B6EB6; }
  100% { border: 1px solid #EAEFF7;  }
}


/******************/
/* New Setup Page */
/******************/
.dark-jumbotron {
  background-color: #1D2228;
  background-image: url('images/bg-dark.png');
  background-repeat: repeat;
}
.dark-jumbotron h1 {
  color: #FFF;
  font-size: 38px;
  font-weight: 200;
}
@media (max-width: 768px){ 
  .dark-jumbotron h1 { font-size: 32px; }
}
.dark-jumbotron p { 
  font-weight: 200; 
  color: rgba(255,255,255,0.5);
}
.dark-jumbotron a.user-device {
  color: #FFF;
  font-size: 18px;
  font-weight: 200;
  border-bottom: 1px solid #FFF;
}
.dark-jumbotron a.user-device:hover { 
  text-decoration: none; 
  border-bottom: 0 none;
}
.dark-jumbotron #ajax_search {
  padding: 10px 0 30px 0;
}
@media (min-width: 1170px) {
  .dark-jumbotron #wpns-search-wrap { width: 550px; }
}
.dark-jumbotron a.user-device i.fa { font-size: 22px; margin-left: px; }
.dark-jumbotron #wpns-search-wrap #wpns_search_form #wpns_search_input {
  background: #FFF;
  border-radius: 4px;
  border: none 0;
}
.dark-jumbotron #breadcrumbs {
  color: #8e9094;
}
.dark-jumbotron #breadcrumbs a { color: #8e9094; }

.setup-card { 
  background: rgba(58,110,182,0.02);
  border-radius: 4px;
  border: 1px solid #EAEFF7;
  padding: 30px;
}
.setup-card .tab-pane { position: relative; }
.setup-card a { color: #3B6EB6; }
@media (max-width: 768px){ 
  .setup-card { 
    padding: 20px; 
  }
}
.setup-card ul { 
  /* Overrides */
  margin-bottom: 0; 
  padding-left: 0;
}
.setup-card ul li { margin-bottom: 15px; }
.setup-card ul li:last-child { margin-bottom: 0; }

.setup-card .platform-img { 
  display: table;
  min-height: 50px; 
  text-align: center;
  width: 100%;
}
.setup-card .platform-img img{ 
  display: inline-block;
  margin: auto; 
  vertical-align: bottom;
  max-height: 50px;
  max-width: 70px;
}
.setup-card hr.dark{
  border-top: 1px solid #D3DBE8;
  margin-bottom: 30px;
  margin-top: 0;
  opacity: 50%;
}
.setup-card h4.setup-title {
  color: #1e1e1e;
  font-size: 21px;
  font-weight: 400;
  margin: 10px auto 20px;
  text-align: center;
}
.setup-card ul[role=tablist] {
  text-align: center;
  margin-bottom: 30px;
  clear: both;
  display: table;
  width: 100%;
}
.setup-card ul[role=tablist] li{
  display: inline-block;
  float: left;
  margin-bottom: 0;
  width: 49%;
}
.setup-card ul[role=tablist] li:first-child a{
  border-bottom-right-radius: 0; 
  border-top-right-radius: 0; 
}
.setup-card ul[role=tablist] li:last-child a{ 
  border-bottom-left-radius: 0; 
  border-top-left-radius: 0; 
  border-left: 0 none;
}
.setup-card ul[role=tablist] li a {
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #D3DBE8;
  color: #466389;
  display: block;
  font-size: 14px;
  font-weight: 400; 
  margin-top: 0;
  padding: 5px 30px;
  position: relative;
  text-align: center;
}
.setup-card ul[role=tablist] li.active a {
  background-color: #D3DBE8;
}
.setup-card ul[role=tablist] li.active :after{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  border-top-color: #D3DBE8;
  border-top: 8px solid #D3DBE8;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  margin-left: -8px;
}
.setup-card ul[role=tablist] li a:hover,
.setup-card ul[role=tablist] li a:active,
.setup-card ul[role=tablist] li a:focus { text-decoration: none; outline: 0 none; }

.setup-callout { 
  color: #F7941E;
  display: block;
  line-height: 1.25;
  margin-bottom: 20px;
  font-weight: 200;
} 
.setup-callout a.callout-link { 
  cursor: pointer; 
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #F7941E;
}
.setup-callout a.callout-link:hover { 
  text-decoration: none; 
  border-bottom: 0 none;
}

.grid-item {
  float: left;
  width: -moz-calc(50% - 30px);  
  width: 47%;  
  width: calc(50% - 30px);
  display: block;  
  outline: none;
  margin: 0 15px 30px 15px;
}
@media (max-width: 768px) {
  .grid-item {
    float: none;
    margin: 0 15px 30px 15px;
    width: -moz-calc(100% - 30px);  
    width: 93%;  
    width: calc(100% - 30px);
  }
}
.recommended {
  border-radius: 10px;
  border: 1px solid #45B649;
  color: #45B649;
  font-size: 12px;
  letter-spacing: 0px;
  margin-left: 5px;
  padding: 2px 5px 1px 5px;
  text-transform: uppercase;
  vertical-align: middle;
}


/* Menu Bar */
.menu-bar {
  -moz-transition: all 1s ease;
  -o-transition: all 1s ease;
  -webkit-transition: all 1s ease;
  background: #3B6EB6;
  color: #FFF;
  font-weight: 200;
  padding: 20px 0;
  position: relative;
  transition: all 1s ease;
}
@media (max-width: 992px) { 
  .menu-bar .container { width: 100%; } 
}
.menu-bar .menu-switch { 
  position: absolute;
  right: 15px;
  top: 0px;
}
.menu-bar .menu-switch #toggleMenu {
  padding: 0 20px 0 0;
  font-weight: 200;
  margin-top: 0;
  color: #FFF;
}
.menu-bar.on .menu-switch #toggleMenu::after {
  content: '\f106';  
}
.menu-bar .menu-switch #toggleMenu::after {
  content: '\f107';
  font-family: fontAwesome;
  font-size: 20px;
  padding-left: 5px;
  position: absolute;
  right: 0;
  top: -3px;
}
.menu-bar .menu-switch #toggleMenu:active,
.menu-bar .menu-switch #toggleMenu:focus { 
  outline: none;
  text-decoration: none;
}
ul.reset li,
ul.reset,
.menu-bar ul { margin: 0; }
.menu-bar ul li a { 
  color: #FFF;
  font-size: 16px;
}

.menu-bar .menu li.title {
  display: block; 
  font-weight: 200;
  margin-bottom: 10px;
  opacity: 0.6;
  text-transform: uppercase;
}
.menu-bar .menu li {
  display: inline-block;
  float: left;
  margin-bottom: 0;
  margin-right: 20px;
}
@media (max-width: 992px) { .menu-bar .menu li { margin-right: 15px; } }

.menu-bar .menu li.title,
.menu-bar.on .menu li.hide-when-on,
.menu-bar .menu.other-setup { display: none; }
.menu-bar .menu li:last-child { margin-right: 0; }
.menu-bar.on .menu li.title { display: block; }
.menu-bar .menu.other-setup.first { border-left: 1px solid #4E7CBD; padding-left: 25px; }
.menu-bar.on .menu {
  display: block;
  float: left;
  margin-right: 100px;
}
@media (max-width: 768px){ 
  .menu-bar { display: none; }
}
@media (max-width: 992px){
  .menu-bar.on .menu{ 
    margin-right: 50px!important; 
  }
}
.menu-bar.on .menu li { 
  display: block;
  float: none;
  line-height: 30px;
  margin-right: 0;
}

/* FAQ Section */
.faq-box { 
  background: rgba(58,110,182,0.10);
  border-radius: 4px;
  margin-top: 30px;
  border: 1px solid rgba(58,110,182,0.10);
}
.faq-box ul li:first-child { margin-left: 0; }
.faq-box ul li { 
  margin-left: 10px;
}
.faq-box a { 
  color: #3B6EB6; 
  font-size: 18px;
  line-height: 30px;
}
/* Questions box */
.faq-box .faq-list {
  background: #F5F8FB;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  display: none;
  padding: 15px 20px 30px; 
}
.faq-box .faq-list ol {
  padding-left: 0;
  margin-bottom: 0;
}
.faq-box .faq-list ol li { 
  list-style: decimal inside; 
  color: #3B6EB6;
  font-size: 18px;
}
.faq-box .faq-list ol li a { padding-left: 10px; }
.faq-box.on .faq-list { display: block;  }
.faq-box .link-box {
  padding: 15px 20px;
}
@media (max-width: 768px){ 
  .faq-box .faq-list ol li { list-style: none; } 
  .faq-box .faq-list ol li a { padding-left: 0; }
}
/*Top Links*/
.faq-box .link-box a#faq-list-switch { position: relative; }
.faq-box.on .link-box a#faq-list-switch::after {
  content: '\f106';  
}
.faq-box .link-box a#faq-list-switch::after {
  content: '\f107';
  font-family: fontAwesome;
  font-size: 20px;
  padding-left: 5px;
  position: absolute;
  right: -20;
  top: -5px;
}
.faq-box .link-box a#faq-list-switch:active,
.faq-box .link-box a#faq-list-switch:focus { 
  outline: none;
  text-decoration: none;
}
@media (max-width: 768px){
  .faq-box .link-box ul.list-inline.pull-right.reset { display: none; }
}