/*
Theme Name: OpenSRS
Theme URI: http://opensrs.com/
Author: Aaron Awad
Author URI: http://aaronawad.com
Description: Description
Version: 1.0-wpcom
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: opensrs
Domain Path: /languages/
Tags:
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.
OpenSRS is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
and Blueprint http://www.blueprintcss.org/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 - Reset
2.0 - Base Typography
3.0 - Elements
4.0 - Forms
5.0 - Navigation
  5.1 - Links
  5.2 - Menus
6.0 - Accessibility
7.0 - Alignments
8.0 - Clearings
9.0 - Widgets
10.0 - Aaron's Styles
  10.1 - Posts and pages
  10.2 - Asides
  10.3 - Comments
11.0 - Infinite scroll
12.0 - Media
  12.1 - Captions
  12.2 - Galleries
--------------------------------------------------------------*/
/*--------------------------------------------------------------
1.0 - Reset
--------------------------------------------------------------*/
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;}
html {  font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust:     100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}
*,
*:before,
*:after { /* apply a natural box layout model to all elements; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */
  -webkit-box-sizing: border-box; /* Not needed for modern webkit but still used by Blackberry Browser 7.0; see http://caniuse.com/#search=box-sizing */
  -moz-box-sizing:    border-box; /* Still needed for Firefox 28; see http://caniuse.com/#search=box-sizing */
  box-sizing:         border-box;}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section {  display: block;}
ol, ul {  list-style: none;}
table { /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;}
caption, th, td {  font-weight: normal;
  text-align: left;}
blockquote:before, blockquote:after,
q:before, q:after {  content: "";}
blockquote, q {  quotes: "" "";}
a:focus {  outline: thin dotted;}
a:hover,
a:active {  outline: 0;}
a img {border: 0;}
.visuallyhidden {border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;}
/*--------------------------------------------------------------
2.0 Base Typography
--------------------------------------------------------------*/
span.at {  font-family: Verdana, Geneva, Tahoma, sans-serif
}

body,
button,
input,
select,
textarea {-webkit-appearance: none;
    -webkit-border-radius:0;
    border-radius:0;
  color: #555;
  font-family: "interface", sans-serif;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;}
h1, h2, h3, h4, h5, h6 {  clear: both;}
p {  margin-bottom: 1.1em;}
b, strong {  font-weight: bold;}
dfn, cite, em, i {  font-style: italic;}
blockquote {  margin: 0 1.5em;}
address {  margin: 0 0 1.5em;}
pre {background: #eee;
  font-family: "Courier 10 Pitch", Courier, monospace;
  font-size: 15px;
  font-size: 1.5rem;
  line-height: 1.6;
  margin-bottom: 1.6em;
  max-width: 100%;
  overflow: auto;
  padding: 1.6em;}
code, kbd, tt, var {  font: 15px Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;}
abbr, acronym {border-bottom: 1px dotted #666;
  cursor: help;}
mark, ins {background: #fff9c0;
  text-decoration: none;}
sup,
sub {  font-size: 75%;
  height: 0;
  line-height: 0;
  position: relative;
  vertical-align: baseline;}
sup {bottom: 1ex;}
sub {  top: .5ex;}
small, .font_small {  font-size: 0.8em;
  line-height: 1.4em;}
.center {  text-align: center;}
/* Base Typography - Scale: 1.2 Minor Third (thanks http://type-scale.com/)  */
p {  font-size: 1em;}
h1, h2, h3, h4 {  margin: 0 0 0.5em 0;
  line-height: 1.2;
  font-weight: 300;}
h1, h2, h3, h4 {  margin: 0 0 0.5em 0;
  line-height: 1.2;
  font-weight: 300;}
h1 a, h2 a, h3 a, h4 a {  font-weight: 300;
  border: none;}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover {border: none;}
h1 {font-size: 2.074em;}
h2 {font-size: 1.728em;}
h3 {font-size: 1.44em;}
h4 {font-size: 1.2em;}
h4 {font-size: 1.1em;}

/* Medium Screen Typography - Scale: 1.333 Perfect Fourth (thanks http://type-scale.com/)  */
@media screen and (min-width: 42em) {
p, .site-content li {  font-size: 1.2em;}
h1, h2, h3, h4 {  line-height: 1.1;
  font-weight: 300;}
h1 {font-size: 3.157em;}
h2 {font-size: 2.369em;}
h3 {font-size: 1.777em;}
h4 {font-size: 1.333em;}
}

/* Large Screen Typography  - Scale: 1.414 Augmented Fourth (thanks http://type-scale.com/)  */
@media screen and (min-width: 72em) {
p, .site-content li {  font-size: 1.3em;}
h1 {  margin: 0 0 0.35em 0;
  font-size: 3.998em;}
h2 {  font-size: 2.827em;}
h3 {  font-size: 1.999em;}
h4 {  font-size: 1.414em;}
}


/* Icon Font  */

@font-face {  font-family: 'opensrs';
  src:url('fonts/opensrs.eot?-fv3xme');
  src:url('fonts/opensrs.eot?#iefix-fv3xme') format('embedded-opentype'),
    url('fonts/opensrs.woff?-fv3xme') format('woff'),
    url('fonts/opensrs.ttf?-fv3xme') format('truetype'),
    url('fonts/opensrs.svg?-fv3xme#opensrs') format('svg');
  font-weight: normal;
  font-style: normal;}
[class^="icon-"], [class*=" icon-"], .exed:after, .checked:after, .exed:before, .checked:before {font-family: 'opensrs';
  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-link:before {content: "\e63b"}
.icon-video:before {content: "\e635"}
.icon-file2:before {content: "\e639"}
.icon-phone:before {content: "\e634"}
.icon-video-2:before {content: "\e63a"}
.icon-file-pdf:before {content: "\e636"}
.icon-file-word:before {content: "\e637"}
.icon-file-xml:before {content: "\e638"}
.icon-search:before {content: "\e600"}
.icon-envelope-o:before {content: "\e601"}
.icon-heart:before {content: "\e602"}
.icon-star:before {content: "\e603"}
.icon-star-o:before {content: "\e604"}
.icon-user:before {content: "\e605"}
.icon-check:before {content: "\e606"}
.icon-times:before {content: "\e607"}
.icon-gear:before {content: "\e608"}
.icon-home:before {content: "\e609"}
.icon-file-o:before {content: "\f016"}
.icon-lock:before {content: "\f023"}
.icon-tag:before {content: "\e60a"}
.icon-tags:before {content: "\e60b"}
.icon-bookmark:before {content: "\e60c"}
.icon-align-justify:before {content: "\e60d"}
.icon-pencil:before {content: "\e60e"}
.icon-chevron-left:before {content: "\e60f"}
.icon-chevron-right:before {content: "\e610"}
.icon-plus-circle:before {content: "\e611"}
.icon-minus-circle:before {content: "\e612"}
.icon-times-circle:before {content: "\e613"}
.icon-check-circle:before {content: "\e614"}
.icon-arrow-left:before {content: "\e615"}
.icon-arrow-right:before {content: "\e616"}
.icon-arrow-up:before {content: "\e617"}
.icon-arrow-down:before {content: "\e618"}
.icon-mail-forward:before {content: "\f064"}
.icon-plus:before {content: "\e619"}
.icon-minus:before {content: "\e61a"}
.icon-exclamation-circle:before {content: "\e61b"}
.icon-warning:before {content: "\e61c"}
.icon-comment:before {content: "\e61d"}
.icon-chevron-up:before {content: "\e61e"}
.icon-chevron-down:before {content: "\e61f"}
.icon-folder:before {content: "\f07b"}
.icon-folder-open:before {content: "\f07c"}
.icon-facebook-square:before {content: "\f082"}
.icon-comments:before {content: "\e620"}
.icon-external-link:before {content: "\f08e"}
.icon-sign-in:before {content: "\f090"}
.icon-github-square:before {content: "\e621"}
.icon-twitter:before {content: "\e622"}
.icon-github:before {content: "\e623"}
.icon-rss:before {content: "\e624"}
.icon-filter:before {content: "\e625"}
.icon-caret-down:before {content: "\e626"}
.icon-caret-up:before {content: "\e627"}
.icon-caret-left:before {content: "\e628"}
.icon-caret-right:before {content: "\e629"}
.icon-unsorted:before {content: "\e62a"}
.icon-sort-down:before {content: "\e62b"}
.icon-sort-up:before {content: "\e62c"}
.icon-envelope:before {content: "\e62d"}
.icon-cloud-download:before {content: "\f0ed"}
.icon-cloud-upload:before {content: "\f0ee"}
.icon-angle-left:before {content: "\e62e"}
.icon-angle-right:before {content: "\e62f"}
.icon-angle-up:before {content: "\e630"}
.icon-angle-down:before {content: "\e631"}
.icon-github-alt:before {content: "\e632"}
.icon-info:before {content: "\e633"}
.icon-calendar-o:before {content: "\f133"}
.icon-level-up:before {content: "\f148"}
.icon-level-down:before {content: "\f149"}
.icon-file:before {content: "\f15b"}
.icon-file-text:before {content: "\f15c"}




/*--------------------------------------------------------------
3.0 Elements
--------------------------------------------------------------*/
hr {background-color: #eeeeec;
  border: 0;
  height: 3px;
  margin-bottom: 1.5em;}
ul, ol {  margin: 0 0 1.5em 3em;}
ul {  list-style: none;}
ol {  list-style: decimal;}
.site-content ul li {  text-indent: -1em;}
.site-content ul li:before {  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  content: "\e62f";
  padding-right: 0.5em;}
li > ul,
li > ol {  margin-bottom: 0;
  margin-left: 1.5em;}
dt {  font-weight: bold;}
dd {  margin: 0 1.5em 1.5em;}
img {  height: auto; /* Make sure images are scaled correctly. */
  max-width: 100%; /* Adhere to container width. */
}
figure {  margin: 0;}
table {  margin: 0 0 1.5em;
  width: 100%;}
th {  font-weight: bold;}
/*--------------------------------------------------------------
4.0 Forms
--------------------------------------------------------------*/
button,
input,
select,
textarea {  font-size: 100%; /* Corrects font size not being inherited in all browsers */
  margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */
  vertical-align: baseline; /* Improves appearance and consistency in all browsers */
  *vertical-align: middle; /* Improves appearance and consistency in IE6/IE7 */
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {border:none;
  background: #ea5329;
  color: #fff;
  cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */
  -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin-left:-4px;}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
}
button:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="submit"]:focus,
button:active,
input[type="button"]:active,
input[type="reset"]:active,
input[type="submit"]:active {
}
input[type="checkbox"],
input[type="radio"] {  padding: 0; /* Addresses excess padding in IE8/9 */
}
input[type="search"] {  -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */
  -webkit-box-sizing: content-box; /* Addresses box sizing set to border-box in S5, Chrome (include -moz to future-proof) */
  -moz-box-sizing:    content-box;
  box-sizing:         content-box;}
input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */
  -webkit-appearance: none;}
button::-moz-focus-inner,
input::-moz-focus-inner { /* Corrects inner padding and border displayed oddly in FF3/4 www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */
  border: 0;
  padding: 0;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {  color: #666;
  border: 1px solid #ccc;}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {  color: #111;}
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"] {  padding: .6em 1em;
  line-height:1.4;}
@media screen and (max-width: 40em) {
input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {  width: 100%;}
}

textarea {  overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */
  padding-left: 3px;
  vertical-align: top; /* Improves readability and alignment in all browsers */
  width: 100%;}
/*--------------------------------------------------------------
5.0 Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
5.1 Links
--------------------------------------------------------------*/
a, a:visited {  color: #ea5329;
  font-weight: 600;
  text-decoration:none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  border-bottom: 1px solid #f7a56a;
  border-bottom: 1px solid #fde4d2;
  border: none;}

a:hover, a:focus, a:active {  color: #f37d27;
  text-decoration:none;
  border-bottom: 1px solid #fabf94;
}
/*--------------------------------------------------------------
5.2 Menus
--------------------------------------------------------------*/

.main-navigation {  clear: both;
  display: block;
  float: left;
  width: 100%;
  position: relative;}
.main-navigation ul {  list-style: none;
  margin: 0;
  padding-left: 0;
  position: absolute;
  top: -3.6em;
  right: 2%;
  font-size: 1.25em;}

.main-navigation li {  position: relative;
  display: inline-block;}
.main-navigation li.get_started {margin-left: 0.75em;}
.main-navigation li.get_started a {background-color: #05828e;}
.main-navigation li.current_page_item.get_started a, .main-navigation li.current-menu-item.get_started a {background-color: #05828e;}

.main-navigation li.get_started a:after {}

.button.arrow:after,
.main-navigation li.get_started a:after {font-family: 'opensrs';
font-size: 80%;  display: inline;  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e610";
  padding-left: 0.5em;}

.main-navigation a {  display: block;
  border-bottom: none;
  font-weight: 400;}
.main-navigation ul li.menu-item-has-children a:after {  content: "\e631"; /* angle-down */
  font-family: 'opensrs';
  color: #fff;
  padding-left: 0.5em;
  vertical-align: top;}
.main-navigation ul li.menu-item-has-children ul li a:after {  content: "";
  padding-left: 0;}
.main-navigation ul ul li.menu-item-has-children a:after {  content: "\e62f"!important; /* angle-right */
  font-family: 'opensrs';
  color: #fff;
  vertical-align: top;
  position: absolute;
  top: 0.25em;
  right:0.5em;}
.main-navigation ul ul li.menu-item-has-children ul li a:after {  content: ""!important;
  padding-left: 0!important;}
li.nav-right-arrow:after {  content: "\e62f"!important; /* angle-right */
  font-family: 'opensrs';
  color: #fff;
  vertical-align: top;
  position: absolute;
  top: 0.25em;
  right:0.5em;}




/* Dropdowns */
.main-navigation ul ul {  display: none;
  left: 0;
  top: 42px;
  position: absolute;
  z-index: 99999;
  padding: 0;
  font-size: 100%;
  width: 12.5em;}
.main-navigation li:hover > ul {  left: 0;
  top: 42px;
  display: block;}
ul.sub-menu, ul.sub-menu ul {  position: static;}
ul#menu-primary-nav > li ul.sub-menu li a, ul#menu-primary-nav > li ul.sub-menu ul li a {  display: block;
  padding: 0.3em 1em;}
ul#menu-primary-nav li:hover > ul {  left: 0;
  display: block;}

ul#menu-primary-nav ul li:hover > ul {  top: 0;
  left: 12.5em;
  position: absolute;}
.main-navigation ul ul li:last-child {  margin: 0;}
.main-navigation ul ul ul {  left: 100%;
  top: 0;}
.main-navigation ul ul a {border-bottom: none;
  width: 12.5em;}
.main-navigation ul ul li {}
.main-navigation ul ul:hover > a {border-bottom: none;}
.main-navigation ul ul a:hover {border-bottom: none;}
.main-navigation ul li:hover > ul {  display: block;}
.single-tld li.single-tld a, .single-promotion li.single-promotion a {   /*  <-- THIS!  Makes parent page highlighted for these CPTS (need to make sure 'What We Offer' menu item has each of these classes. */
  background-color: #f69752;}
.main-navigation li:hover > a {border-bottom: none;}

.main-navigation ul ul {background-color: #f69752;}
ul.sub-menu, ul.sub-menu ul {background-color: #f69752;}
.main-navigation li.current_page_parent a {background-color: #f69752;}
.main-navigation .current-page-ancestor a,
.main-navigation .current-menu-ancestor a {background-color: #f69752;}
.main-navigation li.current_page_item a,
.main-navigation li.current-menu-item a {background-color: #f69752;}
.main-navigation .current_page_item a:hover, .main-navigation .current-menu-item a:hover {background-color: #f7a56a;}
.main-navigation li:hover > a {background-color: #f7a56a;}
.main-navigation li.current_page_parent:hover > a {background-color: #f7a56a;}

.main-navigation li.get_started a:hover {background-color: #089ba9!important;}

.site-footer li.current-page-ancestor a {background-color: inherit;}
ul#menu-primary-nav > li a {  color: #fff;
  text-decoration: none;
  margin-right: -4px;
  padding:0.3em 0.7em;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;}

@media screen and (min-width: 80em) { ul#menu-primary-nav > li a { padding: 0.3em 1.5em; } }
@media screen and (min-width: 90em) { ul#menu-primary-nav > li a { padding: 0.3em 2.25em; } }
@media screen and (min-width: 100em) { ul#menu-primary-nav > li a { padding: 0.3em 2.75em; } }


/* Secondary Nav */

.secondary-navigation {  text-align: right;
  text-transform: uppercase;
  font-size: 0.8em;
  letter-spacing: 0.03em;
  max-height:43px;
  overflow: hidden;
  background-color: #073539;
  background-color: #f6f5ea;}
.secondary-navigation li:nth-child(3) {  margin-right: 56px;}
.secondary-navigation a {  display: inline-block;
  color: #fff;
  color: #ea5329;
  text-decoration: none;
  border-bottom: none;
  font-weight: 400;
  padding: 1em 0.75em;
  max-height: 44px;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;}
.secondary-navigation a:hover {  opacity: 0.5;
  border-bottom: none;}



/* Dave Bushell's Off-Canvas Implemetation */

.nav-btn:after {  font-family: arial, roboto;
  font-size: 1.125em;
  position: absolute;
  content: "\2261";
  padding-left: 0.35em;}
.close-btn:after {  font-family: arial, roboto;
  font-size: 1em;
  position: absolute;
  content: "\2715";
  padding-left: 0.5em;
  top: 0;}

a.nav-btn, a.close-btn {  display: none;}
#outer-wrap {  position: relative;
  overflow: hidden;
  width: 100%;}
#page {  position: relative;
  width: 100%;}
#site-navigation ul {  *zoom: 1;}

@media only screen and (max-width: 65em) {
  .showondesktop {display:none!important}
.hideondesktop {display:block!important}

   /* Reveal open/close buttons */
    a.nav-btn, a.close-btn {  display: block;
      color: #fff;
      font-weight: 400;
    }
    .nav-btn {  position: absolute;
      top: 3.8em;
      right: 2em;
      font-size: 1.2em;
    }
    .close-btn {  position: absolute;
      top: .5em;
      right: 2em;
    }
    a.nav-btn:hover, a.close-btn:hover {  text-decoration: none;
      border: none;
      background-color: transparent!important;
    }
     #site-navigation {  z-index: -1;
    }

    .js-ready #site-navigation {  width: 70%;
      position: absolute;
      right: -70%;
      top: 0;
      height: 100%;
    }
    .js-ready #site-navigation .block {background: transparent;
    }
    .js-ready #site-navigation .close-btn {  display: block;
    }
    .js-ready #site-navigation .close-btn:focus, .js-ready #site-navigation .close-btn:hover {background-color: transparent!important;
    }
    .js-ready #site-navigation {  right: -70%;
    }
    .js-ready #page {  right: 0;
    }
    .js-nav #page {  right: 70%;
    }
    .csstransforms3d.csstransitions.js-ready #site-navigation {  right: 0;
      -webkit-transform: translate3d(100%, 0, 0);
      -moz-transform: translate3d(100%, 0, 0);
      -ms-transform: translate3d(100%, 0, 0);
      -o-transform: translate3d(100%, 0, 0);
      transform: translate3d(100%, 0, 0);
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
      overflow-y: scroll; /* <-- important if nav is taller than page content! `*/
    }
    .csstransforms3d.csstransitions.js-ready #page {  left: 0 !important;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
      -webkit-transition: -webkit-transform 500ms ease;
      -moz-transition: -moz-transform 500ms ease;
      -o-transition: -o-transform 500ms ease;
      transition: transform 500ms ease;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden;
      -o-backface-visibility: hidden;
      backface-visibility: hidden;
    }
    .csstransforms3d.csstransitions.js-nav #page {  -webkit-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
      -moz-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
      -ms-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
      -o-transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
      transform: translate3d(-70%, 0, 0) scale3d(1, 1, 1);
    }
    .csstransforms3d.csstransitions.js-ready #site-navigation .block {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
      opacity: 0.7;
      -webkit-transition: opacity 300ms 100ms, -webkit-transform 500ms ease;
      -webkit-transition-delay: ease, 0s;
      -moz-transition: opacity 300ms 100ms ease, -moz-transform 500ms ease;
      -o-transition: opacity 300ms 100ms ease, -o-transform 500ms ease;
      transition: opacity 300ms 100ms ease, transform 500ms ease;
      -webkit-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
      -moz-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
      -ms-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
      -o-transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
      transform: translate3d(70%, 0, 0) scale3d(0.9, 0.9, 0.9);
      -webkit-transform-origin: 50% 0%;
      -moz-transform-origin: 50% 0%;
      -ms-transform-origin: 50% 0%;
      -o-transform-origin: 50% 0%;
      transform-origin: 50% 0%;
    }
    .csstransforms3d.csstransitions.js-nav #site-navigation .block {  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      -moz-transform: translate3d(0, 0, 0);
      -ms-transform: translate3d(0, 0, 0);
      -o-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }

    #content {  padding-top: 0;
    }

  .main-navigation ul {top: 46px;
    left: 0;
    width: 100%;
    width: calc(100% - 1em);
    clear: both;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    margin: 0 0.5em;
    font-size: 1em;}
    ul#menu-primary-nav > li a {margin: 0;
    padding: 0.4em 0.4em 0.6em 0.4em;}
  ul#menu-primary-nav > li ul.sub-menu li a {margin: 0;
    padding: 0.4em 0.4em 0.6em 0.4em!important;}
  .main-navigation li {display: block;
    width: 100%;
    text-align: left;
    border-top: 3px solid #214A4D;
    margin-top: -3px;}
  .main-navigation ul ul li:last-child {margin-top: -3px;}
  ul#menu-primary-nav li:hover > ul, ul#menu-primary-nav ul li:hover > ul {left: 1em;
    top: 0;
    position: relative;}
  .main-navigation li.get_started {border-top: 3px solid #05828e;}
  .main-navigation li.get_started {margin-left: 0;}
  li.menu-item-has-children a:after {content: "";
    padding-left: 0;}
  ul.sub-menu > li.menu-item-has-children a:after {content: "";
    padding-left: 0;}
  /* Sub Menus */
  .main-navigation li ul, .sub-menu li ul {display: block;
    position: relative;
    width: 100%;}
  .main-navigation ul ul li {display: block;
    width: calc(100% - 1em);}
  .main-navigation ul ul a {width: 100%;}
  .main-navigation ul ul, .main-navigation ul ul ul {display: block;
    margin: 0;
    position: relative;
    left: 1em;
    width: calc(100% - 0.5em);
    top: 0;}
  .main-navigation ul ul li a {padding-left: 1em;}
  ul.sub-menu, ul.sub-menu ul {margin: 0;}
  .main-navigation ul ul ul {display: block;
    position: relative;
    left: 1em;
    top: 0;}
  li.menu-item-has-children ul li a:after {  content: "";
      padding-left: 0;}
  /* Small Menu Background Colours */

  .single-tld li.single-tld a, .single-promotion li.single-promotion a {background-color: transparent;}
  .main-navigation a:hover {background-color: #214A4D!important;}
  .main-navigation li.get_started a:hover {background-color: #05828e!important;}
  .main-navigation li.current_page_parent > ul {background-color: transparent;}
  .main-navigation ul ul, ul.sub-menu, ul.sub-menu ul {background-color: transparent;}
  .main-navigation li:hover > a {background-color: transparent;}
  .main-navigation li.current-menu-item a {background-color: transparent;}
  .main-navigation a.close-panel:hover {background-color: transparent!important;}
  .main-navigation li.current_page_parent a {background-color: transparent;}
  .main-navigation .current-page-ancestor a,
  .main-navigation .current-menu-ancestor a {background-color: transparent;}
  .main-navigation li.current_page_parent:hover > a {background-color: transparent;}
  .main-navigation ul li.menu-item-has-children a:after {content: ""!important;
    padding-left: 0!important;}
  .main-navigation ul li.menu-item-has-children ul li a:after {content: "";
    padding-left: 0;}
  .main-navigation ul ul li.menu-item-has-children a:after {content: ""!important;
    padding-left: 0!important;}
  .main-navigation ul ul li.menu-item-has-children ul li a:after {content: ""!important;
    padding-left: 0!important;}
  .main-navigation ul ul ul li.menu-item-has-children ul li a:after {content: ""!important;
    padding-left: 0!important;}
  li.nav-right-arrow:after {content: ""!important; /* angle-right */
  }

}




/* ********* OLD MENU STYLES (to implement, un-comment these styles and re-enqueue navigation.js in functions.php)
.menu-toggle {background-color: transparent;
  color: #fff;
  font-size: 1.2em;
  border-radius: 0;
  position: absolute;
  top: -3.8em;
  right: 0.8em;
  text-align: right;
  cursor: pointer;}
.menu-toggle:after {  font-family: arial, roboto;
  font-size: 1.125em;
  position: absolute;
  content: "\2261";
  padding-left: 0.35em;}
nav#site-navigation.main-navigation.toggled .menu-toggle:after {  font-family: arial, roboto;
  font-size: 1em;
  position: absolute;
  content: "\2715";
  padding-left: 0.35em;
  top: 11px;}
h1.menu-toggle  {  padding: 0.5em 2em 0.5em 1em;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;}
.main-navigation li:hover > a {border-bottom: none;}
.menu-item.menu-item-search {  vertical-align: top;}
.menu-search-form {  font-size: 0.8em;}
form.menu-search-form {  width:100%;
  padding:0 0 0 1em;
  background-color: #f37d27;}

form.menu-search-form #s {border:none;
  margin:0;
  width: 70%;
    width: calc(100% - 4.65em);
    height: 41px;}
input#searchsubmit.my-wp-search {  margin-left: -4px;}
input#searchsubmit.menu-search-button.icon {  font-family: 'opensrs';
  line-height:1;
  height: 41px;
  vertical-align: top;}


/* Medium Menu
@media screen and (max-width: 72em) {
  ul#menu-primary-nav > li a {padding: 0.3em 0.6em;}
  form.menu-search-form #s {width: 120px;}
}

/* Small menu

.menu-toggle {  display: none;}

@media screen and (max-width: 61em) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {display: block;}
  .main-navigation.toggled ul {max-height: 20em;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;}
  .main-navigation ul {text-align: center;
    background-color: #f69853;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    clear: both;
    overflow: hidden;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;}
    ul#menu-primary-nav > li a {  padding: 0.5em 0.75em;
      border-bottom: none;
    }
  .main-navigation li {display: inline-block;}
  form.menu-search-form {width:100%;
    padding:1em;
    background-color: #f37d27;}
  .menu-search-form {font-size: 0.8em;}
  form.menu-search-form #s {width: 70%;
      width: calc(100% - 3em);}
}


/* X-Small menu

@media screen and (max-width: 25em) {
  .menu-toggle,
  .main-navigation.toggled .nav-menu {display: block;}
  .main-navigation.toggled ul {max-height: 25em;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;}
  .main-navigation ul {background-color: #f69853;
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    max-height: 0;
    clear: both;
    overflow: hidden;
    transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;}
    ul#menu-primary-nav > li a {margin: 0;
    padding: 0.5em;
    border-bottom: none;}
  .main-navigation li {display: block;}
  .main-navigation li:last-child {margin-left: 0;}
  form.menu-search-form {width:100%;
    padding:1em;
    background-color: #f37d27;}
}

*/




.site-main .comment-navigation,
.site-main .paging-navigation,
.site-main .post-navigation {  margin: 0 0 1.5em;
  overflow: hidden;}
.comment-navigation .nav-previous,
.paging-navigation .nav-previous,
.post-navigation .nav-previous {  float: left;
  width: 50%;}
.comment-navigation .nav-next,
.paging-navigation .nav-next,
.post-navigation .nav-next {  float: right;
  text-align: right;
  width: 50%;}
.secondary-navigation ul {  list-style: none;
  margin: 0;
  padding-left: 0;
  overflow: hidden;
  position: relative;}
.secondary-navigation li {  /* position: relative; */
  display: inline-block;}

ul.footer-navigation {  list-style: none;
  margin: 0;
  padding-left: 0;}
ul#menu-footer-menu.footer-navigation {  margin-right: 3em;}
.footer-navigation li {  position: relative;
  display: inline-block;}
/*--------------------------------------------------------------
6.0 Accessibility
--------------------------------------------------------------*/
/* Text meant only for screen readers */
.screen-reader-text {  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;}
.screen-reader-text:hover,
.screen-reader-text:active,
.screen-reader-text:focus {background-color: #f1f1f1;
  border-radius: 3px;
/*  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);*/
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000; /* Above WP toolbar */
}
/*--------------------------------------------------------------
7.0 Alignments
--------------------------------------------------------------*/
.alignleft {  display: inline;
  float: left;
  margin-right: 1.5em;}
.alignright {  display: inline;
  float: right;
  margin-left: 1.5em;}
.aligncenter {  clear: both;
  display: block;
  margin: 0 auto;}
/*--------------------------------------------------------------
8.0 Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {  content: '';
  display: table;}
.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {  clear: both;}
/*--------------------------------------------------------------
9.0 Widgets
--------------------------------------------------------------*/
.widget {  margin: 0 0 1.5em;}
/* Make sure select elements fit in widgets */
.widget select {  max-width: 100%;}
/* Search widget */
.widget_search .search-submit {  display: none;}
/*--------------------------------------------------------------
10.0 Aaron's Styles
--------------------------------------------------------------*/
body {background: #f37d27;
  background: #073539;
  height:100%;}
a.button {border: none;
  background: #ea5329;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0.5em 0;
  display: inline-block;
  font-weight: 400;}
a.sand-button {border: none;
  background: #aaa99f;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0.5em 0;
  display: inline-block;
  font-weight: 400;}
a.green-button {border: none;
  background: #3eb59a;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0.5em 0;
  display: inline-block;
  font-weight: 400;}
a.blue-button {border: none;
  background: #05828E;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0.5em 0;
  display: inline-block;
  font-weight: 400;}
a.button:hover, a.sand-button:hover, a.green-button:hover, a.blue-button:hover {  opacity:0.7;}
@media only screen and (min-width: 42em)  { a.button, a.sand-button, a.green-button { font-size: 1.2em; } }
@media only screen and (min-width: 72em)  { a.button, a.sand-button, a.green-button { font-size: 1.3em; } }

.site-header {background-color: #f37d27;
    min-height:5em;}
a.shifted-anchor {position: relative;
    top: -10px;
    margin: 0;
    padding: 0;
    float: left;}
@media only screen and (min-width: 65em)  {
  .site-header {position: fixed;
    z-index: 9999;
    width: 100%;
    top: 0;}
  .breadcrumb-wrapper {position: fixed;
    width: 100%;
    z-index: 8888;}
  .page-template-_domains-page-php article, .page-template-_domain-pricing-page-php article, .page-template-_ssl-page-php article, .page-template-_ssl-product-page-php article, .page-template-_promo-page-php article, .single-promotion article, .single-tld article, .page-template-_premium-page-php article, .page-template-_new-domains-page-php article,
  .page-template-_email-page-php article,
  .page-template-_email-page-mod-php article,
  .page-template-_new-domain-pricing-page-php article, .page-template-_security-page-php article, .page-template-_api-page-php article, .page-template-_plugins-page-php article, .page-template-_hrs-page-php article, .page-template-_whmcs-page-php article, .page-template-_custom-page-php article {margin-top: 2.55em;}
  .page-template-_documentation-page-php article {margin-top: 3.25em;}
  .logged-in .site-header {top: 32px;}
  .site-content {margin-top: 139px;}
  a.shifted-anchor {position: relative;
    top: -220px;
    margin: 0;
    padding: 0;
    float: left;}
}
.site-branding {  padding-top: 0.5em;}
.site-footer {background-color: #f37d27;
    position: relative;}
.site-footer p {  font-size: 1em;}
.site-footer-content {position: relative;}
.site-footer h5 {  color: #ffb27d;
  font-size: 1.25em;
  font-weight: 400;
  line-height: 1.15;
  margin-bottom: 0.25em;}
.site-footer input {border: none;}
.site-footer a {  color: #fff;
  text-decoration: none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  border-bottom: none;
  font-weight: 400;}
.site-footer a:hover {  /* opacity:0.5; */
  border-bottom: none;}
.site-info {background: #073539;
  padding:0.75em;
  font-size: 0.9em;
  position: relative;
  clear: both;}
.site-info p {  color: #6a8688;
  margin: 0 0 1em 0;}
.email-signup {  padding:0.75em;}
.email-signup h5, .email-signup p {  color: #fff;}
.mce-response {  color: #fff;
  font-weight: 600;
    font-size: 1.2em;
  display: block;
  width: inherit;
  margin: 0 auto;
  padding: 1em;
  text-align: center;
  background-color: #05828e;
  clear: both;
  position: relative;
  -webkit-animation: mc_message 1.5s ease;
    -moz-animation: mc_message 1.5s ease;
    -o-animation: mc_message 1.5s ease;
    animation: mc_message 1.5s ease;}
@-webkit-keyframes mc_message {0% { background-color: #073539; max-height: 0; }
    /* 50% { background-color: #3eb59a; } */
    100% { background-color: #05828e; max-height: 999px;}
}
@-moz-keyframes mc_message {0% { background-color: #073539; max-height: 0; }
    /* 50% { background-color: #3eb59a; } */
    100% { background-color: #05828e; max-height: 999px; }
}
@-o-keyframes mc_message {0% { background-color: #073539; max-height: 0; }
    /* 50% { background-color: #3eb59a; } */
    100% { background-color: #05828e; max-height: 999px; }
}
@keyframes mc_message {0% { background-color: #073539; max-height: 0; }
    /* 50% { background-color: #3eb59a; } */
    100% { background-color: #05828e; max-height: 999px; }
}
.mce-response a {text-decoration: underline;}
.footer-menu-1 {  padding: 1em 0 0.75em 1em;}
.footer-menu-2, .footer-menu-3, .footer-menu-4 {  padding: 0 0 0.75em 1em;}
.footer-navigation li a {  margin: 0 1em 0.5em 0;
  display: inline-block;}
.footer-navigation li a:hover {  opacity: 0.5;}
.site-content {background-color:#fff;}
.content-area, .resellergrid-container {max-width: 70em;
    margin:0 auto;}
.page-template-_offer-page-php .content-area, .page-template-_integration-page-php .content-area, .page-template-_api-page-php .content-area, .page-template-_plugins-page-php .content-area, .page-template-_hrs-page-php .content-area, .page-template-_whmcs-page-php .content-area, .page-template-_custom-page-php .content-area {max-width:62em;
    margin:0 auto;}
.single-tld .content-area {  max-width: 55em;}
.site-title {background: url('images/logo.png') 50% 50% no-repeat;
  background-size: 162px 48px;
  width: 162px;
  height: 48px;
  display: block;
  margin: 20px;
  margin-left: 3%;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  border-bottom: none;}
.form-container {  margin: 1em 1em 1em 0;}
input#mce-EMAIL {  width: 220px;
  width: calc(100% - 6em);}

a.logo {  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  width: 162px;
  height: 48px;
  border-bottom: none;}
a.logo:hover {border-bottom: none;}
.site-title:hover {  opacity: 0.5;}

/* Responsive Embedding */

#wistia_video_grid_below {  display: none!important;}
.embed-container {  position: relative;
  margin:1em 0 2em 0;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0;
  overflow: hidden; max-width: 100%;
  height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed {  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}
.email-signup {background-color: #f69853;}
.uparrow {  position: absolute;
  background-color: #3eb59a;
  padding: 0.5em 1em;
  right: 0;
  bottom: 0;}
a.uparrow {  color: #fff;}
h3.mail-link a, h4.phone-link a {  font-weight: 400;
  color: #414042;
  color: #555;
  opacity: 1;}
h4.phone-link a {  cursor: text;}
h3.mail-link a:hover {  opacity: 0.5;}
h4.phone-link span {  font-weight: 400;}
.contact-card {background-color: #F6F5EA;
  padding: 1em;
  position: relative;}
.contact-card:before {  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #fff;
  z-index: 2;}
.contact-card:after {  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 0;
  width: 0;
  border-top: 10px solid #fff;
  border-left: 10px solid transparent;}


.highlight {  position: relative;
  display: block;
  background-color: #f6f5ea;
  font-size: 110%;
  padding: 1em;}
.highlight:before {  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 0;
  border-top: 20px solid transparent;
  border-left: 20px solid #fff;}
.highlight:after {  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 0;
  width: 0;
  border-top: 20px solid #fff;
  border-left: 20px solid transparent;}

/* Sliding search styles */

.sb-search {  position: absolute;
  top: 0;
  right: 0;
  margin-top: 0;
  width: 0%;
  min-width: 44px;
  height: 44px;
  /* float: right; */
  overflow: hidden;
  -webkit-transition: width 0.3s;
  -moz-transition: width 0.3s;
  transition: width 0.3s;
  -webkit-backface-visibility: hidden;}
.sb-search-input {border: none;
  outline: none;
  background: #fff;
  width: 100%;
  height: 44px;
  margin: 0;
  z-index: 10;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  overflow: hidden;}
#header-search input[type="search"] {  padding: 0 0 0 1em;
  line-height: 1.4;
  border: none;
  max-height: 44px;
  -webkit-appearance: none;
    border-radius: 0;}
.sb-search-input::-webkit-input-placeholder {  color: silver;}
.sb-search-input:-moz-placeholder {  color: silver;}
.sb-search-input::-moz-placeholder {  color: silver;}
.sb-search-input:-ms-input-placeholder {  color: silver;}
.sb-icon-search,
.sb-search-submit  {  width: 44px;
  height: 44px;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  padding: 0.5em;
  margin: 0;
  line-height: 1.4em;
  text-align: center;
  cursor: pointer;}
.sb-search-submit {background: #fff; /* IE needs this */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE 8 */
    filter: alpha(opacity=0); /* IE 5-7 */
    opacity: 0;
  color: transparent;
  border: none;
  outline: none;
  z-index: -1;}
.sb-icon-search {  color: #fff;
  background: #3EB59A;
  background: #ea5329;
  z-index: 90;
  font-size: inherit;
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  -webkit-font-smoothing: antialiased;
  font-size: 1.5em
}
.sb-icon-search:before {  content: '\e600';}
/* Open state */
.sb-search.sb-search-open,
.no-js .sb-search {  width: 100%;}
.sb-search.sb-search-open .sb-icon-search,
.no-js .sb-search .sb-icon-search {background: #3EB59A;
  background: #ea5329;
  color: #fff;
  z-index: 11;}
.sb-search.sb-search-open .sb-search-submit,
.no-js .sb-search .sb-search-submit {  z-index: 9999;}

@media only screen and (min-width: 34em)  {
  .sb-search {float: right;}
  .secondary-navigation li:nth-child(3) {margin-right: 12px;}
  .secondary-navigation li {position: relative;}
  .sb-search.sb-search-open,
  .no-js .sb-search {width: 250px;}
}

#disqus_thread {  padding: 1em 2em;}


/* add a 1px border to the search form button when displayed on pages */
.site-content button, .site-content input[type="button"], .site-content input[type="reset"], .site-content input[type="submit"] {border: 1px solid #ea5329;
background: #ea5329;
color: #fff;
cursor: pointer;
-webkit-appearance: button;
font-size: 100%;
line-height: 1.4;
padding: .6em 1em;
margin-left: -4px;}
a.sign-in {  font-size: 1.1em;}
a.sign-in:before {  font-size: 1em;
  font-family: 'opensrs';
  content: "\f090";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;}
a.download {  font-size: 1.1em;}
a.download:before {  font-size: 1em;
  font-family: 'opensrs';
  content: "\f0ed";
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.5em;}

/* TLD Pricing List */
.filterbtn {padding:0.5em;color:#555!important;background-color:#f5f4e9;display:inline-block;color:white;cursor:pointer;float:left;font-weight:normal;}
.filterbtn {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.filterbtn {margin-left:0.5em;margin-bottom:0.5em;margin-top:0.25em;}
.filterbtn,
.filterbtn.active:after {-webkit-transition: all 250ms ease-out;-moz-transition: all 250ms ease-out;-o-transition: all 250ms ease-out;transition: all 250ms ease-out;}
.filterbtn,
.filterbtn.active:after {-webkit-transition: color 125ms ease-out;-moz-transition: color 125ms ease-out;-o-transition: color 125ms ease-out;transition: color 125ms ease-out;}
/* .filterbtn.geo.active, .filterbtn.cctld.active, .filterbtn.gtld.active {background-color:#f37d27} */
.active.filterbtn[class^=lt-],.active.filterbtn[class*= lt-],.active.filterbtn.sale {background-color:#f37d27}
#filterset {vertical-align:baseline;float:left;}
#filtersearch {float:left;display:inline-block;margin-bottom:0.5em;margin-right:0.25em;}
#filtergroup:after {content:'';display:table;clear:both;}
.filterbtn:hover:before {}
.filterbtn.active:hover:after {color:white}
.filterbtn:hover {background-color:#e3e0ce;}
.filterbtn.active:after {font-size:95%;line-height:120%;margin-left:0.375em;content:'\e613';font-family:'opensrs';vertical-align: bottom;color:rgba(255,255,255,0.65);}
.filterbtn.active {background-color:#05828E;color:white!important;padding-right:0.3125em;}



/* Featured TLD Tiles */
.feature-tld {  display: inline-block;
  padding: 1em;}
.feature-tld h3 {  font-weight: 800;}


/* TLD Details */
img.tld-logo {  width: 30%;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1em;}
h2.tld-tagline {  width: 65%;
  display: inline-block;
  vertical-align: top;
  padding-left: 1em;
  margin-bottom: 0;}
@media only screen and (max-width: 31em) {
ul.ruledlist {-webkit-columns: 1;-moz-columns: 1;columns: 1;}
img.tld-logo {  width: 80%;
  padding-right: 0;
  padding-bottom: 1em;
  margin: 0 auto;
  display: block;}
h2.tld-tagline {  width: 100%;
  padding-left: 0;
  text-align: center;}
}

/* Special Page  */
img.special-logo {  width: 30%;
  display: inline-block;
  vertical-align: middle;
  padding-right: 1em;}
h2.special-tagline {  width: 65%;
  display: inline-block;
  vertical-align: middle;
  padding-left: 1em;
  margin-bottom: 0;}
@media only screen and (max-width: 31em) {
img.special-logo {  width: 80%;
  padding-right: 0;
  padding-bottom: 1em;
  margin: 0 auto;
  display: block;}
h2.special-tagline {  width: 100%;
  padding-left: 0;
  text-align: center;}
}

/* Promo Tiles */

.single-promotion .entry-content {  padding: 2em 1em;}
.single-promotion .entry-header {  text-align: center;
  color: #fff;
  position: relative;}
.single-promotion .entry-header:after {  position: absolute;
  content: '';
  width: calc(100% - 6px);
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border: 2px dashed #fff;
  opacity: 0.25;}
.single-promotion .entry-header h1 {  margin-bottom: 0.25em;
  font-weight: 900;}
.single-promotion .entry-header span {  position: relative;
  display: inline-block;
  font-size: 140%;
  padding-right: 0.5em;
  z-index: 1;
  margin-right: 0.3em;}
.single-promotion .entry-header span:after {  position: absolute;
  display: block;
  content: '';
  width: 3px;
  height: 100%;
  background-color: #fff;
  opacity: 0.25;
  top: 0;
  right: 0;}
.single-promotion .entry-header sup {  font-size: 60%;
  font-weight: 600;
  padding-right: 0.125em;}

.promo-form {  position: relative;
  float: left;
  width: 65%;
  padding: 1em;}
.promo-form:after {  position: absolute;
  content: '';
  width: 3px;
  height: 95%;
  height: calc(100% - 3em);
  top: 1em;
  right: 0;
  background-color: #e3e0ce;}
.promo-content {background-color: #f6f5ea;
  overflow:auto;}
.promo-details {background-color: #f6f5ea;
  padding: 1em 2em;
  float: left;
  width: 35%;}
.promo-details ul {  margin-left: 1em;}
.promo-details p, .promo-details li {  font-size: 1em;}

@media only screen and (max-width: 50em) {
.promo-form {  width: 100%;}
.promo-details {  width: 100%;}
.promo-form:after {  width: 90%;
  width: calc(100% - 4em);
  height: 3px;
  top: 100%;
  left: 2em;}
}
.tiny-promos {  margin-top: 2em;}
.tiny-promo {  position: relative;
  text-align: center;
  display: inline-block;
  width: 23%;
  color: #fff;
  padding: 1em;
  margin: 0 1% 1em 1%;
  background-color: #3eb59a;}
.tiny-promo:after {  position: absolute;
  content: '';
  width: 95%;
  width: calc(100% - 6px);
  height: 95%;
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border: 2px dashed #fff;
  opacity: 0.25;}
.tiny-promos a:hover {  opacity: 0.75;
  border: none;}
.tiny-promo h3 {  font-weight: 900;
  margin: 0;}
.tiny-promo span {  font-size: 120%;
  position: relative;
  padding-right: 0.5em;
  margin-right: 0.3em;}
.tiny-promo span:after {  position: absolute;
  display: block;
  content: '';
  width: 3px;
  height: 100%;
  background-color: #fff;
  opacity: 0.25;
  top: 0;
  right: 0;}
.tiny-promo sup {  font-size: 60%;
  font-weight: 600;
  padding-right: 0.125em;}

@media only screen and (max-width: 52em) {
  .tiny-promo {width: 23%;
    margin: 0 1% 1em 1%;}
  .tiny-promo span {display: block;
    padding-right: 0;
    margin-right: 0;
    padding-bottom: 0.3em;
    margin-bottom: 0.3em;}
  .tiny-promo span:after {position: absolute;
    display: block;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #fff;
    opacity: 0.25;
    top: 100%;}
}


.tp-promo-set {border-spacing: 0 1.5rem!important}
.tp-promo-set .promo-page-promoprice {white-space: nowrap}
.tp-promo-set td {vertical-align:middle;height:6.25em;height:10rem;}
.tp-promo-set td p {line-height:110%;}
.promo-page-tld h2 {margin-left:1em;margin-left:1.75rem;}
.tp-promo-set h3 {display:inline-block!important}
.tp-promo-set .promo-page-regularprice {font-weight:normal;font-size:0.5625em;display:inline-block;}
.tp-promo-set .promo-page-details, .tp-promo-set .promo-page-details span {font-size:120%;line-height:110%;text-align:center;}
.tp-promo-set {margin-right:0.5em}
.tp-promo-set .promo-button {margin-right:1em}

#tablepress-12 td, #tablepress-12 th {vertical-align:middle;line-height:115%;width:20%;}
#tablepress-12 td.column-2, #tablepress-12 th.column-2,
#tablepress-12 td.column-3, #tablepress-12 th.column-3,
#tablepress-12 td.column-4, #tablepress-12 th.column-4 {width:13.3%}
#tablepress-12 td.column-5, #tablepress-12 th.column-5 {width:40%}
#tablepress-12 td, #tablepress-12 th {padding-left:4px!important;padding-right:4px!important;}
#tablepress-12 td.column-3 {font-weight:800;font-size:100%;}
/*#tablepress-12 th.column-3 {font-weight:bold;font-size:inherit;}*/
#tablepress-12 .promo-button {font-size:100%;line-height:110%;margin-top:0;margin-bottom:0;padding-left:0.4em;padding-right: 0.4em;}
#tablepress-12 .promo-button:after {  font-family: 'opensrs';
display: inline;speak: none;font-size: 80%;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: inherit;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e610";padding-left: 0.5em;}

@media only screen and (max-width: 31em) {
  #tablepress-12 .promo-button {padding-left: 2px!important;padding-right: 2px!important;}
  #tablepress-12 thead {background-color:#F5F4E9;}
  #tablepress-12 th {padding:0.375em!important;}
  #tablepress-12 table {width:100%;display:block;}
  #tablepress-12 td {padding-bottom:0.25em!important}
  #tablepress-12 th, #tablepress-12 td {display:inline-block;min-width:25%;float:left;clear:none;border-bottom:none;}
  #tablepress-12 th.column-5 {display:none}
  #tablepress-12 td.column-5 {padding:0.25em 0 0.5em 0!important;display:block;width:100%;border:none;text-align:center;border-bottom: 3px solid #EEEEEC;}
}

@media only screen and (max-width: 75em) {
  .tp-promo-set .promo-page-promoprice span {padding-left:0;padding-right:0}
  .tp-promo-set .promo-page-promoprice,
  .tp-promo-set .promo-page-regularprice {white-space: nowrap;min-width:12rem;text-align:center;}
  .tp-promo-set .promo-page-regularprice {display:block;width:100%;}
  .tp-promo-set .promo-page-regularprice br {display:none;}
  .tp-promo-set .promo-page-regularprice br + div {display:inline;}
  .tp-promo-set .promo-page-regularprice br + div:before {content:' '}
}

@media only screen and (max-width: 31em) {
  .tiny-promo {width: 47%;
    margin: 0 1% 2% 1%;}
}
.promo-page-tile {  position: relative;
  padding: 1.5em;
  color: #fff;
  text-align: center;
  margin-bottom: 1em;}
.promo-page-tile:after  {  pointer-events: none;
  position: absolute;
  content: '';
  width: 95%;
  width: calc(100% - 6px);
  height: 95%;
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border: 2px dashed #fff;
  opacity: 0.25;}
a.promo-button {  display: inline-block;
  background-color: #05828e;
  background-color: rgba(255,255,255,0.25);
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  padding: 0.4em 0.8em;
  font-weight: 400;
  display: inline-block;
  font-size: 1.25em;
  margin: 0.5em;}
a.promo-button:hover {  opacity: 0.75;}
.promo-page-tile h2, .promo-page-tile h3, .promo-page-tile p {  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;}
.promo-page-tile h2, .promo-page-tile h3 {  font-weight: 900;
  margin-top: -0.125em;}
.promo-page-tile h2 span {  font-size: 130%;}
.promo-page-tile h3 span {  font-size: 180%;
  position: relative;
  padding: 0 0 0 0.25em;}
.promo-page-tile p {  position: relative;
  width: auto;
  font-size: 120%;
  padding: 0 0.25em 0 0.75em;}
/*
.promo-page-tile p:after {  content: '';
  position: absolute;
  width: 3px;
  height: 120%;
  background-color: #fff;
  background-color: rgba(255,255,255,0.25);
  top: -10%;
  right: 0;}
*/
.promo-page-tile sup {  font-size: 60%;
  font-weight: 600;
  padding-right: 0.125em;}

@media only screen and (max-width: 50em) {
  .promo-page-tile p {font-size: 100%;
    width: auto;
    margin-bottom: 2em;}

/*
  .promo-page-tile p:after {content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.25);
    top: auto;
    bottom: -1.25em;
    right: 0;}
*/

  .tp-promo-set tr {display:block;padding:0.75em;}
  .tp-promo-set td {text-align:center;height:auto;}
  .tp-promo-set td + td {display:block;text-align:center;}
  .tp-promo-set .promo-page-regularprice br {display:none;}
  .promo-page-tld {display:inline-block;margin-bottom:0.375em;}
  .tp-promo-set .promo-page-expirydate p {padding-bottom:0.75em;width:90%;border-bottom:2px solid white;border-bottom:2px solid rgba(255,255,255,0.5);margin-bottom:0.75em;}
  .tp-promo-set .promo-page-regularprice br + div {display:inline;}
  .tp-promo-set .promo-page-regularprice {display:block;margin-bottom:0.5em;margin-top:-0.125em}
  .tp-promo-set .promo-page-tile h3 > span {font-size:220%;line-height:100%;}
  .tp-promo-set .promo-page-tile h3 > span + span {font-size:70%}
}

.promo {background-color: #3eb59a;
  padding: 0;
  margin: 0;
  overflow: hidden;
  position: relative;}
.promo-tile {  margin: 0 auto;
  max-width: 70em;
  color: #fff;
  padding: 1em 1em 2em 1em;
  text-align: center;}
.promo:before  {  pointer-events: none;
  position: absolute;
  content: '';
  width: 95%;
  width: calc(100% - 6px);
  height: 95%;
  height: calc(100% - 6px);
  top: 3px;
  left: 3px;
  border: 2px dashed #fff;
  opacity: 0.25;}
.promo-tile h5 {  padding: 0;
  padding: 0;
  text-transform: uppercase;
  letter-spacing: 0.25em;
  font-size: 0.8em;
  margin: -1.25em 0 0 -1.25em;
  text-align: left;}
.promo-tile h5 a {background-color: #05828E;
  background-color: rgba(255, 255, 255, 0.25);
  color: #fff;
  text-decoration: none;
  border-bottom: none;
  padding: 0.6em 0.8em;
  font-weight: 400;
  display: inline-block;}
.promo-tile h5 a:hover {  opacity: 0.7;}
.promo-tile h2, .promo-tile h3, .promo-tile p {  display: inline-block;
  vertical-align: middle;
  margin-bottom: 0;}
.promo-tile h2, .promo-tile h3 {  font-weight: 900;
  margin-top: -0.125em;}
.promo-tile h2 span {  font-size: 160%;}
.promo-tile h3 span {  font-size: 180%;
  position: relative;
  padding: 0 0.5em;}
.promo-tile p {  position: relative;
  width: 18em;
  font-size: 120%;
  padding: 0 1em;}
.promo-tile p:after {  content: '';
  position: absolute;
  width: 3px;
  height: 120%;
  background-color: #fff;
  background-color: rgba(255,255,255,0.25);
  top: -10%;
  right: 0;}
.promo-tile sup {  font-size: 60%;
  font-weight: 600;
  padding-right: 0.125em;}


@media only screen and (max-width: 50em) {
  .promo-tile p {font-size: 100%;
    width: 100%;
    margin-bottom: 2em;}
  .promo-tile p:after {content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.25);
    top: auto;
    bottom: -1.25em;
    right: 0;}

}
/*  Up Next Tiles  */

a.cta {  display: none!important;}

.upnext a {  color: #fff;
  border: none;}
.upnext a:hover {  color: #f69853;
  border: none;}
.upnext {background: #ea5329;
  padding: 0;
  margin: 0;
  overflow: hidden;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;}
.upnext:hover {background: #e14315;}
.next-tile {  margin: 0 auto;
  max-width: 60em;
  color: #fff;
  padding: 1em;
  text-align: left;}
.next-tile h3:after {  font-family: 'opensrs';
  display: inline;
  speak: none;
  font-size: 80%;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62f";
  padding-left: 0.5em;}
.next-integration {background: url('images/next-integration.svg') no-repeat -45px 50%;
  background-size: 200px;}
.next-globe {background: url('images/next-globe.svg') no-repeat -55px 50%;
  background-size: 120px;}
.next-globe h3 {  padding-left: 60px;}
.next-contact {background: url('images/next-contact.svg') no-repeat -20px 50%;
  background-size: 150px;}
.next-platform {background: url('images/next-platform.svg') no-repeat -70px 50%;
  background-size: 210px;}
.next-pricing {background: url('images/next-pricing.svg') no-repeat -70px 50%;
  background-size: 200px;}
.next-ssl {background: url('images/next-ssl.svg') no-repeat -10px 50%;
  background-size: 120px;}
.next-email {background: url('images/next-email.svg') no-repeat -10px 50%;
  background-size: 140px;}
.next-security {background: url('images/next-security.svg') no-repeat -10px 50%;
  background-size: 140px;}
.next-documentation {background: url('images/next-documentation.svg') no-repeat -20px 60%;
  background-size: 120px;}
.next-integration h3 {  padding-left: 160px;}
.next-contact h3 {  padding-left: 130px;}
.next-platform h3 {  padding-left: 140px;}
.next-pricing h3 {  padding-left: 130px;}
.next-ssl h3 {  padding-left: 130px;}
.next-email h3 {  padding-left: 130px;}
.next-security h3 {  padding-left: 130px;}
.next-documentation h3 {  padding-left: 120px;}
@media only screen and (min-width: 50em)  {
  .next-integration {background: url('images/next-integration.svg') no-repeat 0 50%;
    background-size: 240px;
    padding: 2em;}
  .next-integration h3 {padding-left: 240px;}
  .next-contact {background: url('images/next-contact.svg') no-repeat 10px 50%;
    background-size: 150px;}
  .next-contact h3 {padding-left: 220px;}
  .next-platform {background: url('images/next-platform.svg') no-repeat 0 50%;
    background-size: 280px;
    padding: 2em;}
  .next-pricing {background: url('images/next-pricing.svg') no-repeat 0 50%;
    background-size: 200px;}
  .next-ssl {background: url('images/next-ssl.svg') no-repeat 0 -10px;
    background-size: 110px;}
  .next-platform h3 {padding-left: 220px;}
  .next-pricing h3 {padding-left: 220px;}
  .next-ssl h3 {padding-left: 150px;}
  .next-email {background: url('images/next-email.svg') no-repeat 0 -20px;
    background-size: 130px;}
  .next-email h3 {  padding-left: 150px;
    }
  .next-security {background: url('images/next-security.svg') no-repeat 0 -20px;
    background-size: 130px;}
  .next-documentation {background: url('images/next-documentation.svg') no-repeat 0 -10px;
    background-size: 100px;}
  .next-security h3 {  padding-left: 150px;
    }
}



.next-globe {background: url('images/next-globe.svg') no-repeat 0 50%;
  background-size: 120px;}
.next-globe h3 {  padding-left: 130px;}

@media only screen and (max-width: 60em)  {
  .next-globe {background: url('images/next-globe.svg') no-repeat -55px 50%;
    background-size: 120px;}
  .next-globe h3 {padding-left: 60px;}
}

/* Modals & Popovers */
/*.simplemodal-data {overflow:visible;}*/
.simplemodal-close {-webkit-transition: all 0.25s ease-in;-moz-transition: all 0.25s ease-in;-ms-transition: all 0.25s ease-in;-o-transition: all 0.25s ease-in;transition: all 0.25s ease-in;}
.modal-close.simplemodal-close {display:block;float:left;background-color:white;border:3px solid #05828e;border-radius:50%;width:3rem;height:3rem;position:absolute;top:0;right:0;text-align:center;font-size:2rem;line-height:100%;margin-right:-1.5rem;margin-top:-1.5rem;color:#05828e;}
.modal-close.simplemodal-close:hover {color:white;background-color:#05828e;}
.simplemodal-close:before {display:block;position:absolute;content:'\e607';left:0.42rem;bottom:0.26rem;}
.noselect {-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.infolink {font-size:16px;font-family: "interface", sans-serif;margin-left:4px;color:white!important;background-color:#05828e;display:inline-block!important;width:auto;height:auto;min-width:1.75rem;padding:2px 3px 1px 3px;line-height:100%;font-weight:600!important;cursor:pointer;-webkit-transition: background-color 0.3s ease-in;-moz-transition: background-color 0.3s ease-in;-ms-transition: background-color 0.3s ease-in;-o-transition: background-color 0.3s ease-in;transition: background-color 0.3s ease-in;}
.infolink.overlay {font-size:20px;padding:0.6em 1em 0.6em 1em;font-weight:normal!important}
div + .infolink {margin-left:0;}
.infolink:before {font-size:1rem;line-height:100%;}
.infolink:hover {background-color:#089ba9;}
.infolink.popover {border-collapse:collapse!important;}
.popover {text-align:center!important}
/* simplemodal */
.simplemodal-data {padding:1rem};
#gallery-overlay {background-color:#000;}
#gallery-container {font: 16px/22px verdana, arial, sans-serif; margin:0 auto;}
#gallery {background:#fff url(../img/gallery/loading.gif) center 100px no-repeat; color:#999; display:none; height:200px;margin:0 auto; position:relative; width:300px; box-shadow:0 0 64px #000; -moz-box-shadow:0 0 64px #000; -webkit-box-shadow:0 0 64px #000;}
#gallery-image-container {display:none; height:100%;}
#gallery-loading {padding:8px;}
#gallery-controls {display:none; height:100%; left:0; position:absolute; top:0; width:100%;}
#gallery-controls div {float:left; height:100%; width:50%;}
#gallery-controls a {background:#fff; color:#000; font-size:12px; outline-style:none; position:absolute; text-decoration:none; top:40px;}
#gallery-previous-link {left:0; padding:6px 10px 6px 6px; border-radius:0 6px 6px 0; -moz-border-radius-bottomright:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -webkit-border-top-right-radius:6px;}
#gallery-next-link {padding:6px 6px 6px 10px; right:0; border-radius:6px 0 0 6px; -moz-border-radius-bottomleft:6px; -webkit-border-bottom-left-radius:6px; -moz-border-radius-topleft:6px; -webkit-border-top-left-radius:6px;}
#gallery-meta-container {background:#fff; color:#999; display:none; margin:0 auto; overflow:auto;}
#gallery-image {padding:8px;}
#gallery-meta {display:none; height:44px; padding:0px 8px;}
#gallery-meta div {float:left;}
#gallery-info {text-align:left; width:80%;}
#gallery-close {line-height:30px; text-align:right; width:20%;}
#gallery-close a {color:#999; font-size:24px; font-weight:bold; outline-style:none; text-decoration:none;}
#gallery-close a:hover {color:#bbb;}
#gallery-title a, #gallery-title a:link, #gallery-title a:visited {color:#666; font-size:14px; font-weight:bold; line-height:14px;}
#gallery-title a:visited:hover {color:#999}
#gallery-pages {color:#999; display:block; font-size:10px; line-height:14px;}

/* flickr styles */
.flickr_badge_image {float:left; padding:2px;}
#flickr_www {font-size:12px;}
#flickr_link {clear:both;}

/*  webui popover  */
.webui-popover {position: absolute;top: 0;left: 0;z-index: 9999;display: none;width: 276px;min-height: 32px;padding: 1px;text-align: left;white-space: normal;background-color: #ffffff;background-clip: padding-box;border: 1px solid #cccccc;border: 1px solid rgba(0, 0, 0, 0.2);border-radius: 6px;-webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);}
.webui-popover.top,.webui-popover.top-left,.webui-popover.top-right {  margin-top: -10px;}
.webui-popover.right,.webui-popover.right-top,.webui-popover.right-bottom {  margin-left: 10px;}
.webui-popover.bottom,.webui-popover.bottom-left,.webui-popover.bottom-right {  margin-top: 10px;}
.webui-popover.left,.webui-popover.left-top,.webui-popover.left-bottom {  margin-left: -10px;}
.webui-popover.pop {-webkit-transform: scale(0.8);-o-transform: scale(0.8);transform: scale(0.8);transition: transform 0.15s cubic-bezier(0.3, 0, 0, 1.5);}
.webui-popover.fade {transition: opacity .15s linear;}
.webui-popover.in {-webkit-transform: none;-o-transform: none;transform: none;opacity: 1;}
.webui-popover-inner .close {font-family: arial;margin: 5px 10px 0 0;float: right;font-size: 20px;font-weight: bold;line-height: 20px;color: #000000;text-shadow: 0 1px 0 #fff;opacity: 0.2;
filter: alpha(opacity=20);text-decoration: none;}
.webui-popover-inner .close:hover,.webui-popover-inner .close:focus {opacity: 0.5;filter: alpha(opacity=50);}
.webui-popover-title {padding: 8px 14px;margin: 0;font-size: 14px;font-weight: bold;line-height: 18px;background-color: #ffffff;border-bottom: 1px solid #f2f2f2;border-radius: 5px 5px 0 0;}
.webui-popover-content {padding: 9px 14px;overflow: auto;}
.webui-popover-inverse {background-color: #333333;color: #eeeeee;}
.webui-popover-inverse .webui-popover-title {background: #333333;border-bottom: 1px solid #3b3b3b;color: #eeeeee;}
.webui-no-padding .webui-popover-content {padding: 0;}
.webui-no-padding .list-group-item {border-right: none;border-left: none;}
.webui-no-padding .list-group-item:first-child {border-top: 0;}
.webui-no-padding .list-group-item:last-child {border-bottom: 0;}
.webui-popover > .arrow,.webui-popover > .arrow:after {position: absolute;display: block;width: 0;height: 0;border-color: transparent;border-style: solid;}
.webui-popover > .arrow {border-width: 11px;}
.webui-popover > .arrow:after {border-width: 10px;content: "";}
.webui-popover.top > .arrow,.webui-popover.top-right > .arrow,.webui-popover.top-left > .arrow {bottom: -11px;left: 50%;margin-left: -11px;border-top-color: #999999;border-top-color: rgba(0, 0, 0, 0.25);border-bottom-width: 0;}
.webui-popover.top > .arrow:after,.webui-popover.top-right > .arrow:after,.webui-popover.top-left > .arrow:after {content: " ";bottom: 1px;margin-left: -10px;border-top-color: #ffffff;border-bottom-width: 0;}
.webui-popover.right > .arrow,.webui-popover.right-top > .arrow,.webui-popover.right-bottom > .arrow {top: 50%;left: -11px;margin-top: -11px;border-left-width: 0;border-right-color: #999999;border-right-color: rgba(0, 0, 0, 0.25);}
.webui-popover.right > .arrow:after,.webui-popover.right-top > .arrow:after,.webui-popover.right-bottom > .arrow:after {content: " ";left: 1px;bottom: -10px;border-left-width: 0;border-right-color: #ffffff;}
.webui-popover.bottom > .arrow,.webui-popover.bottom-right > .arrow,.webui-popover.bottom-left > .arrow {top: -11px;left: 50%;margin-left: -11px;border-bottom-color: #999999;border-bottom-color: rgba(0, 0, 0, 0.25);border-top-width: 0;}
.webui-popover.bottom > .arrow:after,.webui-popover.bottom-right > .arrow:after,.webui-popover.bottom-left > .arrow:after {content: " ";top: 1px;margin-left: -10px;border-bottom-color: #ffffff;border-top-width: 0;}
.webui-popover.left > .arrow,.webui-popover.left-top > .arrow,.webui-popover.left-bottom > .arrow {top: 50%;right: -11px;margin-top: -11px;border-right-width: 0;border-left-color: #999999;border-left-color: rgba(0, 0, 0, 0.25);}
.webui-popover.left > .arrow:after,.webui-popover.left-top > .arrow:after,.webui-popover.left-bottom > .arrow:after {content: " ";right: 1px;border-right-width: 0;border-left-color: #ffffff;bottom: -10px;}
.webui-popover-inverse.top > .arrow,.webui-popover-inverse.top-left > .arrow,.webui-popover-inverse.top-right > .arrow,.webui-popover-inverse.top > .arrow:after,.webui-popover-inverse.top-left > .arrow:after,.webui-popover-inverse.top-right > .arrow:after {border-top-color: #333333;}
.webui-popover-inverse.right > .arrow,.webui-popover-inverse.right-top > .arrow,.webui-popover-inverse.right-bottom > .arrow,.webui-popover-inverse.right > .arrow:after,.webui-popover-inverse.right-top > .arrow:after,.webui-popover-inverse.right-bottom > .arrow:after {border-right-color: #333333;}
.webui-popover-inverse.bottom > .arrow,.webui-popover-inverse.bottom-left > .arrow,.webui-popover-inverse.bottom-right > .arrow,.webui-popover-inverse.bottom > .arrow:after,.webui-popover-inverse.bottom-left > .arrow:after,.webui-popover-inverse.bottom-right > .arrow:after {border-bottom-color: #333333;}
.webui-popover-inverse.left > .arrow,.webui-popover-inverse.left-top > .arrow,.webui-popover-inverse.left-bottom > .arrow,.webui-popover-inverse.left > .arrow:after,.webui-popover-inverse.left-top > .arrow:after,.webui-popover-inverse.left-bottom > .arrow:after {border-left-color: #333333;}
.webui-popover i.icon-refresh:before {content: "";}
.webui-popover i.icon-refresh {display: block;width: 30px;height: 30px;font-size: 20px;top: 50%;left: 50%;position: absolute;margin-left: -15px;margin-right: -15px;background: url(../img/loading.gif) no-repeat;}
@-webkit-keyframes rotate {100% {-webkit-transform: rotate(360deg);}}
@keyframes rotate {100% {transform: rotate(360deg);}}
.webui-popover-backdrop {background-color: rgba(0, 0, 0, 0.65);width: 100%;height: 100%;position: fixed;top: 0;left: 0;z-index: 9998;}


/* Pricing Table */
.pricing-table-container {  overflow: auto;
  width: 100%;}
table.pricing {  margin: 0.5em 0 2em 0;}
.pricing th {  padding: 1em;
  background: #f5f4e9;
  text-align: center;}
th.table-price-head {background: #e3e0ce;}
.pricing thead a {  text-decoration: none;
  border-bottom: none;
  font-weight: 400;
  color: inherit;}
.pricing tr:hover {background: #fbfaf5;}
.pricing td {  text-align: center;
  padding: 1em;
  border-bottom: 3px solid #eeeeec;}
td.table-price {  font-weight: 600;}
td.table-price-sale {  font-weight: 600;}
.pricing td:nth-of-type(1) {font-weight: 600;}

td.table-price-new:after {  font-weight: 600;
  content: 'NEW';
  color: #fff;
  font-size: 0.7em;
  margin-left: 0.5em;
  margin-right: -3em;
  padding: 0.25em 0.35em;
  background: #80af30;}
td.table-price-sale:after {  font-weight: 600;
  content: 'SALE';
  color: #fff;
  font-size: 0.7em;
  margin-left: 0.5em;
  margin-right: -3.25em;
  padding: 0.25em 0.35em;
  background: #f6931e;}
input.pricing-filter {  height: 41px;
  padding: 0.5em;}

/* General TablePress Styles */
table.tablepress {  table-layout: fixed;}
.dataTables_filter {  padding: 0.5em;
  float: none!important;
  white-space: nowrap;
  background-color: #d9d5c2;}
.dataTables_info {  color: #aaa;
  clear: both;
  float: left;
  margin: 4px 0 0;}
.dataTables_paginate {  float: right;
  margin: 4px 0 0;
  padding: 0 15px;}
.dataTables_paginate a {  color: #414042;
  opacity: 0.5;
  font-weight: 400;
  display: inline-block;
  border-bottom: none;
  outline: 0;
  position: relative;
  text-decoration: none!important;
  text-decoration: none\0/IE;}
.dataTables_paginate a:hover {  opacity: 1;}
.dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_disabled_previous, .paginate_button.previous.disabled, .paginate_button.next.disabled  {  color: #999!important;
  text-decoration: none!important;
  background-color: none!important;}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_button.previous {  padding-left: 0.75em;}
.paginate_disabled_next, .paginate_enabled_next, .paginate_button.next {  margin-left: 10px;
  padding-right: 0.75em;}
a.paginate_button.next, a.paginate_button.previous {  cursor: pointer!important;}
a.paginate_button.next.disabled, a.paginate_button.previous.disabled {  cursor: text!important;}

a.paginate_disabled_previous:hover, a.paginate_disabled_next:hover, a.paginate_button.previous.disabled, a.paginate_button.next.disabled {  opacity: 0.5!important;}
.dataTables_paginate .paginate_disabled_next, .dataTables_paginate .paginate_disabled_previous {  color: #aaa!important;
  text-decoration: none;
  border-bottom: none;}
.paginate_disabled_next:after, .paginate_disabled_previous:before, .paginate_enabled_next:after, .paginate_enabled_previous:before, .paginate_button.previous:before, .paginate_button.next:after {  font-family: 'opensrs'!important;
  -webkit-font-smoothing: antialiased!important;
  position: absolute!important;
  text-shadow: none!important;
  color: inherit!important;}
.paginate_disabled_previous:before, .paginate_enabled_previous:before, .paginate_button.previous:before {  content: '\e62e'!important;
  left: 0!important;}
.paginate_disabled_next:after, .paginate_enabled_next:after, .paginate_button.next:after {  content: '\e62f'!important;
  right: 0!important;}

.paginate_disabled_next:after, .paginate_disabled_previous:before, .paginate_button.previous.disabled:before, .paginate_button.next.disabled:after {  color: #f9f9f9;}
.tablepress tfoot th, .tablepress thead th {background-color: #f5f4e9!important;
  font-weight: 400!important;
  vertical-align: middle;}
.dataTables_wrapper .sorting:hover, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc {background-color: #e3e0ce!important;}
.tablepress .row-hover tr:hover td {background-color: #fbfaf5!important;}
.tablepress tbody td, .tablepress tfoot th {border-top: 0!important;}
.tablepress th {border-bottom: 0!important;}
.tablepress tbody td {border-bottom: 3px solid #eeeeec;}
.tablepress tbody tr:first-child td {border-top: 0;}
.tablepress tbody tr:last-child td {border-bottom: 0;}
.tablepress th {border: none;
  background: 0 0;
  text-align: center!important;}
.tablepress td {border: none;
  background: 0 0;
  text-align: center!important;}
.tablepress td, .tablepress th { padding: 1em 0.5em 1em 0.5em!important;
  border: none;
  background: 0 0;
  text-align: left;}
.tablepress caption {  margin: 0.5em 0!important;}
div.dataTables_scrollHead th {  padding: 0.75em!important;
  border: none;
  background: 0 0;
  text-align: left;}
.dataTables_scrollHeadInner th {  padding: 0.75em!important;}
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc {  padding-right: 20px!important;cursor: pointer;  outline: 0;}
.dataTables_wrapper .sorting, .dataTables_wrapper .sorting_asc, .dataTables_wrapper .sorting_desc {  padding-right: 8px!important;}
.dataTables_wrapper .sorting div:after, .dataTables_wrapper .sorting_asc div:after, .dataTables_wrapper .sorting_desc div:after {  font-family: TablePress;
  font-weight: 400;
  font-size: 14px;
  -webkit-font-smoothing: antialiased;
  position: absolute;
  top: 0;
  bottom: 0;
  left: auto;
  right: -10px!important;
  margin: auto;
  height: 14px;
  line-height: 1;
  padding: 1px 0 0;}
.dataTables_paginate, .dataTables_info {  margin-top: 0.75em!important;}
.dataTables_info {  margin-left: 0.5em!important;}
.tablepress .even td, .tablepress .odd td {background-color: #fff!important;}
td.column-1, td.sorting_1 {  font-weight: 700;}
caption {  display: none!important;}
.tablepress-table-description {  text-align: right;
  padding: 0.5em!important;
  color: #aaa;}
.tablepress-table-description:before {  font-family: 'opensrs';
  content: '\e615';
  padding-right: 0.5em;}

.tablepress-table-description:after {  font-family: 'opensrs';
  content: '\e616';
  padding-left: 0.5em;}

@media (min-width: 980px) { .tablepress-table-description { display: none!important; } }

@media (max-width: 979px) {
  .tablepress-responsive-tablet tbody tr td {border-bottom: none!important;
      border-right: 3px solid #eeeeec;}
}
.tablepress-meta {background-color: #f5f4e9;
  width: 100%;
  float: left;
  padding: 0 0 0.75em 0.25em;}
.dataTables_wrapper label input, .dataTables_wrapper label select {display: inline;
    margin: 0 0 0 0.25em!important;
    width: 180px!important;
    border: 1px solid transparent;}
.tablepress-notes {  margin-top: -2.6em;
  margin-bottom: 2.50em;
  padding: 0.75em;
  background-color: #d9d5c2;
  font-size: 0.85em;}
.dataTables_wrapper {  clear: both;
  margin-bottom: 2em!important;}


/* Pricing table-specific styles (may need to change ID) */
#tablepress-1 td.column-1 {  font-weight: 700;}
#tablepress-1 caption {  display: none!important;}
#tablepress-5 tr.row-1 {  display: none!important;}

/* Responsive Tables!!! */

.pricing-table-container {  overflow: auto;
  width: 100%;}
table.responsive-pricing {  margin: 0.5em 0 2em 0;}
.responsive-pricing th {  padding: 1em;
  background: #f5f4e9;
  text-align: center;}
.responsive-pricing th.table-price-head {background: #e3e0ce;}
.responsive-pricing thead a {  text-decoration: none;
  border-bottom: none;
  font-weight: 400;
  color: inherit;}
.responsive-pricing tr:hover {background: #fbfaf5;}
.responsive-pricing td {  text-align: center;
  padding: 1em;
  border-bottom: 3px solid #eeeeec;}
.responsive-pricing td.table-price {  font-weight: 600;}
.responsive-pricing td.table-price-sale {  font-weight: 600;}
.responsive-pricing td:nth-of-type(1) {font-weight: 600;}

.responsive-pricing td.table-price-new:after {  font-weight: 600;
  content: 'NEW';
  color: #fff;
  font-size: 0.7em;
  margin-left: 0.5em;
  margin-right: -3em;
  padding: 0.25em 0.35em;
  background: #80af30;}
.responsive-pricing td.table-price-sale:after {  font-weight: 600;
  content: 'SALE';
  color: #fff;
  font-size: 0.7em;
  margin-left: 0.5em;
  margin-right: -3.25em;
  padding: 0.25em 0.35em;
  background: #f6931e;}

/* Security products page */
/* align logo to paragraph */
.logoleft {display:table-cell;min-width:300px;vertical-align: top;}
.logoafter {display:table-cell;padding-left:0.7em;padding-left:2rem;}
.gaptop-0 {margin-top:0!important}
.gaptop-1 {margin-top:0.625em;margin-top:1rem}
.gaptop-2 {margin-top:1.25em;margin-top:2rem}
.gaptop-3 {margin-top:1.875em;margin-top:3rem}
.gaptop-4 {margin-top:2.5em;margin-top:4rem}
.gaptop-5 {margin-top:3.125em;margin-top:5rem}
.gaptop-6 {margin-top:3.75em;margin-top:6rem}
.gaptop-8 {margin-top:5em;margin-top:8rem}
.gapbottom-0 {margin-bottom:0!important;}
.gapbottom-1 {margin-bottom:0.625em!important;margin-bottom:1rem!important}
.gapbottom-2 {margin-bottom:1.25em!important;margin-bottom:2rem!important}
.gapbottom-3 {margin-bottom:1.875em!important;margin-bottom:3rem!important}
.padbottom-0 {padding-bottom:0!important}
.padbottom-1 {padding-bottom:0.625em!important;padding-bottom:1rem!important}
.padbottom-2 {padding-bottom:1.25em!important;padding-bottom:2rem!important}
.negtop-2 {margin-top:-1.25em!important;margin-top:-2rem!important}
.negtop-3 {margin-top:-1.875em!important;margin-top:-3rem!important}
.negtop-4 {margin-top:-2.5em!important;margin-top:-4rem!important}
.negtop-6 {margin-top:-3.75em!important;margin-top:-6rem!important}
.gapdividers .sitelock-card-middle:before,
.gapdividers .sitelock-card-middle:after {margin-top:2rem;}
.invisiborder {border-color:white!important;border-color:rgba(255,255,255,0)!important}
#tablepress-10_wrapper {margin-top:2rem;margin-bottom:0!important;}
.tablepress-id-10 .column-1 {width: 40%;text-align:left!important;font-weight:normal;}
.tablepress-id-10 .column-2,
.tablepress-id-10 .column-3,
.tablepress-id-10 .column-4 {width: 20%;}
.tablepress-id-10 thead tr th {font-size:115%;font-weight:bold!important}
.tablepress-id-10 .row-2 {display:none!important}
.tablepress-id-10 .row-3,
.tablepress-id-10 .row-3 .column-1,
.tablepress-id-10 .row-3 .column-2,
.tablepress-id-10 .row-3 .column-3,
.tablepress-id-10 .row-3 .column-4 {background-color:#FBFAF5!important}
.tablepress-id-10 td, .tablepress-id-10 th {padding: 0.5em!important;border:2px solid green}
.tpmulti .bodyrow .cell {padding:0.5em!important;}


@media only screen and (max-width: 50em), (min-device-width: 50em) and (max-device-width: 70em)  {
/* Force table to not be like tables anymore */
  table.responsive-pricing, .responsive-pricing thead, .responsive-pricing tbody, .responsive-pricing th, .responsive-pricing td, .responsive-pricing tr {display: block;}
  /* Hide table headers (but not display: none;, for accessibility) */
  .responsive-pricing thead tr {position: absolute;
    top: -9999px;
    left: -9999px;}
  .responsive-pricing td:before {padding-right: 0.5em;
    white-space: nowrap;
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 0.25em;
    left: 1em;
    width: 45%;
    font-weight: 400;}
  .responsive-pricing td.table-price-new:after {font-size: 0.5em;}
  .responsive-pricing td:nth-of-type(1) {background-color: #f5f4e9;
    margin-top:1em;
    font-size: 1.5em;
    padding-left: 0.5em;}
  .responsive-pricing td:nth-of-type(7) {border-bottom: 3px solid #eeeeec;}
  .responsive-pricing td {text-align: left;
    padding: 0.25em 1em;
    padding-left: 50%;
    border-bottom: none;
    position: relative;}
  /*
  Label the data
  */
  .responsive-pricing td:nth-of-type(2):before { content: "Phase:"; }
  .responsive-pricing td:nth-of-type(3):before { content: "New:"; }
  .responsive-pricing td:nth-of-type(4):before { content: "Transfer:"; }
  .responsive-pricing td:nth-of-type(5):before { content: "Renewals:"; }
  .responsive-pricing td:nth-of-type(6):before { content: "Redemption:"; }
  .responsive-pricing td:nth-of-type(7):before { content: "Implementation:"; }

}


/* SSL Table */

.pricing-table-container {  overflow: auto;
  width: 100%;}
table.ssl-table {  margin: 0.5em 0 2em 0;}
.ssl-table th {  padding: 1em;
  background: #f5f4e9;
  text-align: center;}
th.table-price-head {background: #e3e0ce;}
.ssl-table thead a {  text-decoration: none;
  border-bottom: none;
  font-weight: 400;
  color: inherit;}
.ssl-table tr:hover {background: #fbfaf5;}
.ssl-table td {  text-align: center;
  padding: 1em;
  border-bottom: 3px solid #eeeeec;}
td.table-price {  font-weight: 600;}
input.pricing-filter {  height: 41px;
  padding: 0.5em;}

span.symantec-table {background: url('images/symantec_chart.png') no-repeat 50% 50%;
  background-size: 100px 30px;
  color: transparent;
  width: 100px;
  height: 30px;
  padding: 1em 1em;}
span.geotrust-table {background: url('images/geotrust_chart.png') no-repeat 50% 50%;
  background-size: 100px 30px;
  color: transparent;
  width: 100px;
  height: 30px;
  padding: 1em 2em;
}
span.trustwave-table {background: url('images/trustwave_chart.png') no-repeat 50% 50%;
  background-size: 100px 30px;
  color: transparent;
  width: 100px;
  height: 30px;
  padding: 1em 2em;
}
span.comodo-table {background: url('images/comodo_chart.png') no-repeat 50% 50%;
  background-size: 100px 30px;
  color: transparent;
  width: 100px;
  height: 30px;
  padding: 1em 2em;
}
span.thawte-table {background: url('images/thawte_chart.png') no-repeat 50% 50%;
  background-size: 100px 30px;
  color: transparent;
  width: 100px;
  height: 30px;
  padding: 1em 2em;
}


/* Features Table */
table.features-table {  margin: 0 auto 2em auto;
  max-width: 600px;
  border-top: 3px solid #eeeeec;
  border-bottom: 3px solid #eeeeec;}
.features-table thead td {  /* background-color: #e3e0ce; */
  font-weight: 700;
  border-bottom: 3px solid #eeeeec;
  vertical-align:bottom;}
.features-table td {  /* background-color: #f6f5ea; */
  padding: 0.5em;
  text-align: center;
  font-size: 1em;}
.features-table td.yup {  color: #3eb59a;}
.features-table td.nope {  color: #9e0b0f;}
@media only screen and (min-width: 72em)  { .features-table td { font-size: 1.3em; } }
@media only screen and (min-width: 42em)  { .features-table td { font-size: 1.2em; } }
/* TLD Tiles */

.tld-tiles-parfait {  margin: 0;
  background-color: #f6f5ea;}

.tld-tiles {  padding: 0 0 1em 1em;
  max-width: 70em;
  margin: 0 auto;
  color: #fff;}

.tld-logo-tile, .tld-small-tile {  display: inline-block;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  background-color: #389CA5;
  overflow: hidden;
  position: relative;
  margin: 0 1em 1em 0;}
.tld-logo-tile:before, .tld-small-tile:before {  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 0;
  border-top: 10px solid transparent;
  border-left: 10px solid #f6f5ea;
  z-index: 2;}
.tld-logo-tile:after, .tld-small-tile:after {  content: "";
  position: absolute;
  right: 0;
  top: 0;
  height: 0;
  width: 0;
  border-top: 10px solid #f6f5ea;
  border-left: 10px solid transparent;}
.tld-logo-tile:hover, .tld-small-tile:hover {  opacity: 0.75;}
.tld-small-tile a, .tld-logo-tile a {  text-decoration: none;
  color: #fff;
  border: none;
  font-weight: 800;}
.tld-logo-tile h2, .tld-logo-tile h3 {  display: inline-block;
  margin: 0;
  text-align: center;
  font-size: 2em;}
.tld-logo-tile h2 {  width: 60%;}
.tld-logo-tile h3 {  width: 40%;}
.tld-logo-tile h2 a, .tld-logo-tile h3 a {  margin: 0;
  display: block;
  padding: 1.25em 0.5em;}
.tld-logo-tile h2 a {  color: transparent;
  background-size: auto 60%;
  background-position: 50% 50%;
  background-color: #fff;
  background-repeat: no-repeat;}
.tld-logo-tile sup {  font-weight: 400;
  font-size: 0.6em;}

/* three items OR six items */
.tld-logo-tile:first-child:nth-last-child(3),
.tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile,
.tld-logo-tile:first-child:nth-last-child(6),
.tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile {  width: 30%;
  width: calc(33% - 1em);}
/* four items */
.tld-logo-tile:first-child:nth-last-child(4),
.tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile {  width: 22%;
  width: calc(25% - 1em);}
.tld-logo-tile:first-child:nth-last-child(4) h2,
.tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile h2,
.tld-logo-tile:first-child:nth-last-child(4) h3,
.tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile h3 {   width: 100%;}
.tld-logo-tile:first-child:nth-last-child(4) h2 a,
.tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile h2 a {padding: 1.25em 0.5em;}
.tld-logo-tile:first-child:nth-last-child(4) h3 a,
.tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile h3 a {padding: 0.125em 0.25em;}

/* five items */
.tld-logo-tile:first-child:nth-last-child(5),
.tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile {  width: 17%;
  width: calc(20% - 1em);}
.tld-logo-tile:first-child:nth-last-child(5) h2,
.tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h2,
.tld-logo-tile:first-child:nth-last-child(5) h3,
.tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h3 {   width: 100%;}
.tld-logo-tile:first-child:nth-last-child(5) h3 a,
.tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h3 a {padding: 0.125em 0.25em;}

@media only screen and (max-width: 56.25em)  {
  .tld-logo-tile:first-child:nth-last-child(3),
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile,
  .tld-logo-tile:first-child:nth-last-child(6),
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile {width: 30%;
    width: calc(33% - 1em);}
  .tld-logo-tile:first-child:nth-last-child(3) h2,
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile h2,
  .tld-logo-tile:first-child:nth-last-child(3) h3,
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile h3,
  .tld-logo-tile:first-child:nth-last-child(6) h2,
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile h2,
  .tld-logo-tile:first-child:nth-last-child(6) h3,
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile h3 { width: 100%;}
  .tld-logo-tile:first-child:nth-last-child(3) h3 a,
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile h3 a,
  .tld-logo-tile:first-child:nth-last-child(6) h3 a,
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile h3 a {padding: 0.125em 0.25em;}
  .tld-logo-tile:first-child:nth-last-child(3) h2 a,
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile h2 a,
  .tld-logo-tile:first-child:nth-last-child(6) h2 a,
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile h2 a {padding: 1em 0.5em;
    background-size: auto 55%;}
  .tld-logo-tile:first-child:nth-last-child(5) h2 a,
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h2 a {padding: 0.5em;}
  .tld-logo-tile:first-child:nth-last-child(5) h3,
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h3 {  font-size: 1.5em;
    }
}
@media only screen and (max-width: 47.5em)  {
  .tld-logo-tile:first-child:nth-last-child(4) h2 a,
  .tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile h2 a {  padding: 0.5em;
    }
  .tld-logo-tile:first-child:nth-last-child(4) h3,
  .tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile h3 {  font-size: 1.25em;
    }
  .tld-logo-tile:first-child:nth-last-child(5),
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile {width: 95%;
    width: calc(100% - 1em);}
  .tld-logo-tile:first-child:nth-last-child(5) h2,
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h2 {width: 60%;}
  .tld-logo-tile:first-child:nth-last-child(5) h3,
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h3 {width: 40%;}
  .tld-logo-tile:first-child:nth-last-child(5) h2 a,
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h2 a {padding: 1em;}
  .tld-logo-tile:first-child:nth-last-child(5) h3,
  .tld-logo-tile:first-child:nth-last-child(5) ~ .tld-logo-tile h3 {  font-size: 2em;
    }
}
@media only screen and (max-width: 31.25em)  {
  .tld-logo-tile:first-child:nth-last-child(3),
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile,
  .tld-logo-tile:first-child:nth-last-child(6),
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile {width: 95%;
    width: calc(100% - 1em);}
  .tld-logo-tile:first-child:nth-last-child(3) h2,
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile h2,
  .tld-logo-tile:first-child:nth-last-child(6) h2,
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile h2 { width: 60%;}
  .tld-logo-tile:first-child:nth-last-child(3) h3,
  .tld-logo-tile:first-child:nth-last-child(3) ~ .tld-logo-tile h3,
  .tld-logo-tile:first-child:nth-last-child(6) h3,
  .tld-logo-tile:first-child:nth-last-child(6) ~ .tld-logo-tile h3 { width: 40%;}

  .tld-logo-tile:first-child:nth-last-child(4),
  .tld-logo-tile:first-child:nth-last-child(4) ~ .tld-logo-tile {width: 48%;
    width: calc(50% - 1em);}
}
.tld-small-tile h2, .tld-small-tile h3 {  font-size: 1.25em;
  text-align: center;
  display: inline-block;}
.tld-small-tile h2 {background-color: #05828e;
  width: 65%;
  padding: 0.25em 0.25em 0.5em 0.25em;}
.tld-small-tile h3 {  width: 35%;
  padding: 0.25em;}
.tld-small-tile h2, .tld-small-tile h3 {  font-size: 1.25em;
  margin: 0;}
.tld-small-tile h2 a, .tld-small-tile h3 a {  margin: 0;
  display: block;}
.tld-small-tile sup {  font-weight: 400;
  font-size: 0.6em;}

/* three items OR six items */
.tld-small-tile:first-child:nth-last-child(3),
.tld-small-tile:first-child:nth-last-child(3) ~ .tld-small-tile,
.tld-small-tile:first-child:nth-last-child(6),
.tld-small-tile:first-child:nth-last-child(6) ~ .tld-small-tile  {  width: 30%;
  width: calc(33% - 1em);}
/* four items */
.tld-small-tile:first-child:nth-last-child(4),
.tld-small-tile:first-child:nth-last-child(4) ~ .tld-small-tile {  width: 22%;
  width: calc(25% - 1em);}
/* five items */
.tld-small-tile:first-child:nth-last-child(5),
.tld-small-tile:first-child:nth-last-child(5) ~ .tld-small-tile {  width: 17%;
  width: calc(20% - 1em);}
@media only screen and (max-width: 37.5em)  {
  .tld-small-tile:first-child:nth-last-child(3),
  .tld-small-tile:first-child:nth-last-child(3) ~ .tld-small-tile,
  .tld-small-tile:first-child:nth-last-child(6),
  .tld-small-tile:first-child:nth-last-child(6) ~ .tld-small-tile {width: 30%;
    width: calc(33% - 1em);}
  .tld-small-tile:first-child:nth-last-child(3) h2,
  .tld-small-tile:first-child:nth-last-child(3) ~ .tld-small-tile h2,
  .tld-small-tile:first-child:nth-last-child(3) h3,
  .tld-small-tile:first-child:nth-last-child(3) ~ .tld-small-tile h3,
  .tld-small-tile:first-child:nth-last-child(6) h2,
  .tld-small-tile:first-child:nth-last-child(6) ~ .tld-small-tile h2,
  .tld-small-tile:first-child:nth-last-child(6) h3,
  .tld-small-tile:first-child:nth-last-child(6) ~ .tld-small-tile h3 { width: 100%;}
  .tld-small-tile h2,
  .tld-small-tile h3 {font-size: 1.125em;}
}
@media only screen and (max-width: 62.5em)  {
  .tld-small-tile:first-child:nth-last-child(5) h2,
  .tld-small-tile:first-child:nth-last-child(5) ~ .tld-small-tile h2,
  .tld-small-tile:first-child:nth-last-child(5) h3,
  .tld-small-tile:first-child:nth-last-child(5) ~ .tld-small-tile h3 { width: 100%;}
}

@media only screen and (max-width: 55em)  {
  .tld-small-tile:first-child:nth-last-child(4) h2,
  .tld-small-tile:first-child:nth-last-child(4) ~ .tld-small-tile h2,
  .tld-small-tile:first-child:nth-last-child(4) h3,
  .tld-small-tile:first-child:nth-last-child(4) ~ .tld-small-tile h3 { width: 100%;}
}

@media only screen and (max-width: 31.25em)  {
  .tld-small-tile:first-child:nth-last-child(4),
  .tld-small-tile:first-child:nth-last-child(4) ~ .tld-small-tile {width: 48%;
    width: calc(50% - 1em);}
  .tld-small-tile:first-child:nth-last-child(4) h2,
  .tld-small-tile:first-child:nth-last-child(4) ~ .tld-small-tile h2,
  .tld-small-tile:first-child:nth-last-child(4) h3,
  .tld-small-tile:first-child:nth-last-child(4) ~ .tld-small-tile h3 { width: 100%;}
  .tld-small-tile:first-child:nth-last-child(5),
  .tld-small-tile:first-child:nth-last-child(5) ~ .tld-small-tile {width: 95%;
     width: calc(100% - 1em);}
  .tld-small-tile:first-child:nth-last-child(5) h2,
  .tld-small-tile:first-child:nth-last-child(5) ~ .tld-small-tile h2 { width: 65%;}
  .tld-small-tile:first-child:nth-last-child(5) h3,
  .tld-small-tile:first-child:nth-last-child(5) ~ .tld-small-tile h3 { width: 35%;}
}



/* TLD Banners
On these templates:
What we offer
Domains
Domains pricing
New gTLDs
New gTLD pricing
Premium domains
Resources
Documentation
Marketing resources
Video library
Promotions
*/
.tld-banner {  display: none;
  position: relative;
  padding: 0.5em 3em 0.75em 3em;
  text-align: center;
  border-bottom: 2px solid #e3e0ce;
  /*
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.125);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.125);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.125);
  */
}
.tld-banner a img {  -webkit-transition: opacity 0.5s ease;
       -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            height: 50px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0.5em;}
.tld-banner a img:hover {  opacity: 0.5;}
.tld-banner a:hover {border: none;}
.tld-banner h2 {  margin: 0;
  display: inline-block;
  vertical-align: middle;}
.tld-banner h2 a {  color: transparent;
  background-size: auto 70%;
  background-position: center 60%;
  background-color: #fff;
  background-repeat: no-repeat;
  padding: 0 0.25em;}
.tld-banner h2 a:hover {  opacity: 0.5;}
.tld-banner p {  margin: 0.25em 0;
  display: inline-block;
  vertical-align: middle;}
.tld-banner h3 {  margin: 0;
  padding: 0 0.5em;
  display: inline-block;
  vertical-align: middle;
  font-weight: 800;
  font-size: 1.5em;}
.tld-banner h3 span a {  margin: 0 0.5em;
  font-size: 90%;
  font-weight: 800;}
.tld-banner a.banner-close {  color: #abaaa0;
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 125%;}
.tld-banner a.banner-close:hover {border: none;
  opacity: 0.5;}






/* Generic Banners
On these templates:
Why OpenSRS
Contact Us
Our Resellers
What We Offer
Domains
Domain Pricing
New TLDs
New TLD Pricing
Premium Domains
Promotions
SSL Certificates
Hosted Email
Migrating Away from Google Apps
Web Security and Privacy
Integration
API
Tools
WHMCS
Hosted Registrar Services
Resources
Documentation
Marketing Resources
Video Library
Join
Sign In
Privacy Policy
*/
.banner {  display: none;
  position: relative;
  padding: 1em 3em;
  min-height: 72px;
  text-align: center;
  border-bottom: 2px solid #e3e0ce;
  /*
  -webkit-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.125);
  -moz-box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.125);
  box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.125);
  */
}
.banner img {  -webkit-transition: opacity 0.5s ease;
       -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;
            height: 30px;
            display: inline-block;
            vertical-align: middle;
            margin: 0 0.5em;}
.banner a:hover {border: none;}

.banner p {  margin: 0.25em 0 0 0;
  padding: 0 0.25em;
  display: inline-block;
  vertical-align: middle;}
.banner a.banner-close {  color: #abaaa0;
  position: absolute;
  top: 1em;
  right: 1em;
  font-size: 125%;}
.banner a.banner-close:hover {border: none;
  opacity: 0.5;}




/* Resellers */

.page-template-_reseller-page-php .hero h1 {  text-align: center;}
.page-template-_reseller-page-php .hero p {  text-align: center;
  width: 100%;}
.reseller-content-area {background-color: #05828e;}
.reseller-content-area .entry-content {  max-width: 75em;
  margin: 0 auto;}
.testimonial {  position: relative;
  width: 46%;
  float: left;
  margin-left: 3em;
  z-index: 1;
  font-style: italic;
  font-weight: 300;
  text-align: center;}
.testimonial:first-child {  margin-left: 0;}
.testimonial:before {  color: #1f909a;
  content: '“';
  position: absolute;
  font-weight: 700;
  font-size: 150px;
  top: -48px;
  left: -20px;
  font-style: normal;}
.testimonial p {  padding: 0.5em 50px;
  color: #fff;
  font-size: 1.35em;
  margin: 0;
  font-weight: 100;
  text-align: left;
  margin-bottom: 2em;}
.testimonial span {  position: absolute;
  display: inline-block;
  margin-top: 0.25em;
  font-size: 0.9em;
  font-style: normal;
  padding-left: 60px;
  right: 50px;
  font-weight: 600;}
.testimonial span:before  {  position: absolute;
  content: '';
  width: 50px;
  height: 3px;
  top: 50%;
  left: 0;
  background-color: #1f909a;}
@media only screen and (max-width: 50em) {
  .testimonial {width: 100%;
    float: none;
    margin-left: 0;
    margin-top: 4em;}
  .testimonial:first-child {margin-top: 0;}
  .testimonial p {font-size: 1.25em;}

}

.reseller-tiles {  margin: 0 auto;}
.reseller-tile {  position: relative;
  display: inline-block;
  width: 33%;
  vertical-align: top;
  padding: 2em 2em 1em 2em;
  margin-bottom: 1em;}
.reseller-tile:before {  position: absolute;
  top: 10%;
  right: 0;
  content: '';
  width: 3px;
  height: 80%;
  background-color: #eeeeec;}
.reseller-tile:nth-child(3n+3):before {background-color: transparent;}
.reseller-tile:nth-child(4):after, .reseller-tile:nth-child(5):after, .reseller-tile:nth-child(6):after {  position: absolute;
  top: 0;
  left: 10%;
  content: '';
  width: 80%;
  height: 3px;
  background-color: #eeeeec;}
.reseller-tile h3, .reseller-tile p {  text-align: left;}
.reseller-tile a {  font-weight: 600;}
.reseller-logo-box {  padding: 1em;}
img.reseller-logo {  width: 100%;}
@media only screen and (max-width: 50em) {
.reseller-tile {  width: 50%;}
.reseller-tile:nth-child(even):before {background-color: transparent;}
.reseller-tile:nth-child(odd):before {background-color: #eeeeec;}
.reseller-tile:nth-child(3):after {  position: absolute;
  top: 0;
  left: 10%;
  content: '';
  width: 80%;
  height: 3px;
  background-color: #eeeeec;}
}

@media only screen and (max-width: 30em) {
.reseller-tile {  width: 100%;}
.reseller-tile:before {  position: absolute;
  top: 0;
  left: 10%;
  content: '';
  width: 80%;
  height: 3px;
  background-color: #eeeeec;}
.reseller-tile:nth-child(even):before {background-color: #eeeeec;}
.reseller-tile:first-of-type:before {background-color: transparent;}
.reseller-tile:after {background-color: transparent;}
}


/* =============================================================
    HOUDINI COLLAPSE & EXPAND
    The widget styling.
 * ============================================================= */
/*  Hide the collapase and expand link or button by default */
.collapse-toggle {display: none;
    visibility: hidden;}
/*  If JavaScript is enabled, show the collapse and expand link or button */
.js .collapse-toggle {display: inline;
    visibility: visible;
    cursor: pointer;}
/*  When expanded, hide "show" text.
 *  When collapsed, hide "hide" text. */
.active .collapse-text-show,
.collapse-text-hide,
.active .req-text-show,
.req-text-hide,
.active .sitelock-text-show,
.sitelock-text-hide {display: none;
    visibility: hidden;}
/*  When expanded, show "hide" text. */
.active .collapse-text-hide,
.active .req-text-hide,
.active .sitelock-text-hide {display: inline-block;
    visibility: visible;}
/* If JavaScript is enabled, hide the collapsed element */
.js .collapse {  display: none; /* Fix for Firefox */
  /* The old code...
    max-height: 0;
    overflow: hidden;
    opacity: 0;
    */
    -webkit-transition: opacity 0.5s ease;
       -moz-transition: opacity 0.5s ease;
        -ms-transition: opacity 0.5s ease;
         -o-transition: opacity 0.5s ease;
            transition: opacity 0.5s ease;}
/*  When collapsed element has the .active class, show it
 *  Uses max-height instead of display: none to allow for
 *  CSS3 animations, which don't work on display values. */
.js .collapse.active {  display: block; /* Fix for Firefox */
  /* The old code...
    max-height: 9999em;
    opacity: 1;
    */
}
a.collapse-toggle  {text-decoration:none;
    border: none;}


.collapse-text-show {border: none;
  background: #ea5329;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0;
  display: inline-block;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  width:100%;
  max-width: 650px;}
.collapse-text-show:hover {  opacity: 0.7;}
.collapse-text-show:before {font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e62d";
  padding-right: 0.5em;}
.collapse-text-hide {border: none;
  color: #fff;
  background-color: #ea5329;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  width:100%;
  max-width: 650px;}
.collapse-text-hide:hover {  opacity: 0.7;}
.collapse-text-hide:before {font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e607";
  padding-right: 0.5em;}
.req-text-show {border: none;
  background: #ea5329;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0;
  display: inline-block;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  width:100%;
  position: relative;}
.req-text-show:hover {  opacity: 0.8;}
.req-text-show:after {font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e611";
  position: absolute;
  right: 0.5em;
  top: 0.5em;}
.req-text-hide {border: none;
  color: #fff;
  background-color: #ea5329;
  background-color: #3eb59a;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  width:100%;
  position: relative;}
.req-text-hide:hover {  opacity: 0.8;}
.req-text-hide:after	 {font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e612";
  position: absolute;
  right: 0.5em;
  top: 0.5em;}
.req-box {background: #f6f5ea;
  margin-bottom: 1em;}
.req-box h4 {  margin: 0;
  text-transform: capitalize;}
.req-box .collapse {  padding: 1em;}
.req-box span.link {  display: none!important;
  font-size: 100%;
  word-wrap: break-word;
  color: #aaaaa7;}
.req-box span.link:before {  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63b";
  padding-right: 0.5em;
  vertical-align: middle;}
.sitelock-text-show, .sitelock-text-hide {border: none;
  background: #c51c1d;
  color: #fff;
  font-size: 100%;
  line-height: 1.4;
  padding: .6em 1em;
  margin: 0;
  display: inline-block;
  font-weight: 400;
  text-decoration: none;
  transition: all .3s linear;
  -o-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -webkit-transition: all .3s linear;
  width:100%;
  position: relative;
  text-align: center;}
.sitelock-text-show:hover, .sitelock-text-hide:hover {background: #cf4c51;}

.sitelock-box {background: #f6f5ea;
  margin-bottom: 0;}
.sitelock-box h4 {  margin: 0;
  text-transform: capitalize;}
.sitelock-box .collapse {  padding: 1em;}
.sitelock-box span.link {  display: none!important;
  font-size: 100%;
  word-wrap: break-word;
  color: #aaaaa7;}
.sitelock-box span.link:before {  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e63b";
  padding-right: 0.5em;
  vertical-align: middle;}




.sitelock-card {  position: relative;
  text-align: center;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em 1em 0;}
.sitelock-card-middle {  margin: 0 1%;}
.sitelock-card-middle:before {  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 3px;
  height: 100%;
  background-color: #e3e0ce;}
.sitelock-card-middle:after {  position: absolute;
  top: 0;
  right: 0;
  content: '';
  width: 3px;
  height: 100%;
  background-color: #e3e0ce;}
.sitelock-duplicate {  display: none;}


@media only screen and (max-width: 40em) {
  .sitelock-card {width: 100%;}
  .sitelock-card-middle:before {position: absolute;
    top: 0;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;}
  .sitelock-card-middle:after {position: absolute;
    top: auto;
    bottom: 0;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;}
  .sitelock-more:before {position: absolute;
    top: 0;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #e3e0ce;}
  .sitelock-duplicate { display: block; }
}




/* Phases Graphic */

.phases {  text-align: justify;
  position: relative;}
.phases:before {  content: '';
  position: absolute;
  width: 80%;
  height: 2px;
  background-color: #AAA99F;
  top: 2em;
  left: 10%;}
.phase-break {  width: 100%;
    height: 0;}
.phase {  display: inline-block;
  vertical-align: top;
  text-align: center;
  padding: 70px 1em 1em 1em;
  z-index: 2;
  position: relative;
  width: 16%;}
.phases h5 {  line-height: 1.2;
  font-weight: 300;}
.upcoming-phase {background: url('images/upcoming.svg') no-repeat 50% 0;}
.sunrise-phase {background: url('images/sunrise.svg') no-repeat 50% 0;}
.quiet-phase1 {background: url('images/quiet.svg') no-repeat 50% 0;}
.landrush-phase {background: url('images/landrush.svg') no-repeat 50% 0;}
.quiet-phase2 {background: url('images/quiet.svg') no-repeat 50% 0;}
.ga-phase {background: url('images/ga.svg') no-repeat 50% 0;}


@media only screen and (max-width: 37.5em) {
  .phase {width: 32%;}
  .phases:before {width: 70%;
    top: 2em;
    left: 15%;}
  .phases:after {content: '';
    position: absolute;
    width: 70%;
    height: 2px;
    background-color: #AAA99F;
    top: 9.5em;
    left: 10%;}
  .quiet-phase1:after {content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #AAA99F;
    top: 2em;
    right: -2em;}
  .landrush-phase:before {content: '';
    position: absolute;
    width: 50%;
    height: 2px;
    background-color: #AAA99F;
    top: 2.25em;
    left: -2em;}
}





.hero-parfait {background-color: #f6f5ea;
  overflow: auto;
  padding: 1% 0 2% 0;}
.page-template-_domain-pricing-page-php .hero-parfait {  padding: 1% 0 0 0;}
.page-template-_domain-pricing-page-php .hero h1,
.page-template-_new-domain-pricing-page-php .hero h1 {  text-align: center;
  margin-bottom: 0;}
.page-template-_premium-page-php .hero h1,
.page-template-_premium-page-php .hero p,
.page-template-_general-page-php .hero h1,
.page-template-_general-page-php .hero p,
.page-template-_new-domains-page-php .hero h1,
.page-template-_new-domains-page-php .hero p,
.page-template-_documentation-page-php .hero h1,
.page-template-_documentation-page-php .hero p,
.page-template-_requirements-page-php .hero h1,
.page-template-_requirements-page-php .hero p,
.page-template-_marketing-page-php .hero h1,
.page-template-_marketing-page-php .hero p,
.page-template-_video-page-php .hero h1,
.page-template-_video-page-php .hero p,
.page-template-_general-experiment-page-php .hero h1,
.page-template-_general-experiment-page-php .hero p,
.page-template-_join-page-php .hero h1,
.page-template-_join-page-php .hero p,
.page-template-_sign-in-page-php .hero h1,
.page-template-_sign-in-page-php .hero p,
.page-template-_resources-page-php .hero h1,
.page-template-_resources-page-php .hero p
{  text-align: center;
  width: 100%;}
.page-template-_premium-page-php .hero h1 {  margin-bottom: 0;}
.page-template-_home-page-php .hero-parfait {background-image: url('images/home-hero2.svg');
  background-repeat: repeat-x;
  background-color: #f6f5ea;
  background-size: 600px;
  background-position: 0 100%;
  padding: 2% 0;
  margin: 0;
  border: 0;}

.page-template-_contact-page-php .hero-parfait {  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
  height: 100%;
  min-height: 100%;}
.cust1 {background: #e3e0ce url('images/cust1.jpg') no-repeat 0 0;}
.cust2 {background: #e3e0ce url('images/cust2.jpg') no-repeat 100% 50%;}
.cust3 {background: #e3e0ce url('images/cust3.jpg') no-repeat 100% 0;}
.cust4 {background: #e3e0ce url('images/cust4.jpg') no-repeat 50% 0;}
.cust5 {background: #e3e0ce url('images/cust5.jpg') no-repeat 0 0;}
.page-template-_contact-page-php .hero {color: #fff;}

.page-template-_home-page-php .hero {  padding: 1.25em;
  /* padding-bottom: 215px; */
}
.page-template-_home-page-php .hero h1, .page-template-_contact-page-php .hero h1 {  margin-bottom: 0.25em;}

.hero {  margin: 0 auto;
  max-width: 65em;
  padding: 1.25em;}
.hero h1, .hero p {  text-align: center;}
.hero p {  margin-bottom: 0;
  font-size: 1.25em;}
.page-template-_offer-page-php .hero {background: url('images/platform.svg') no-repeat 50% 2em;
  background-size: 300px;}
.page-template-_domains-page-php .hero {background: url('images/domain.svg') no-repeat 50% 2em;
  background-size: 140px;}

 .email-migration.em-path .hero {background: url('images/email-migration-path_header.svg') no-repeat 50% 2.25em;background-size: 150px;}
 .email-migration.em-landing .hero {background: url('images/email-migration-path_header.svg') no-repeat 50% 2.25em;background-size: 150px;}
.page-template-_ssl-page-php .hero {background: url('images/ssl.svg') no-repeat 50% 2em;
  background-size: 140px;}
.page-template-_ssl-product-page-php .hero {background-repeat: no-repeat;
  background-position: 2em 1em;
  background-size: 180px;}

.page-template-_security-page-php .hero {background: url('images/security.svg') no-repeat 50% 2em;
  background-size: 140px;}
.page-template-_integration-page-php .hero {background: url('images/integration.svg') no-repeat 50% 2em;
  background-size: 250px;}
.page-template-_why-page-php .hero {background: url('images/globe.svg') no-repeat 50% 1em;
  background-size: 210px;}
.page-template-_email-page-mod-php .hero,
.page-template-_email-page-php .hero {background: url('images/email.svg') no-repeat 50% 1em;
  background-size: 180px;}
.page-template-_api-page-php .hero {background: url('images/api2.svg') no-repeat 50% 2em;
  background-size: 120px;}
.page-template-_plugins-page-php .hero {background: url('images/plug.svg') no-repeat 50% 2em;
  background-size: 100px;}
.page-template-_hrs-page-php .hero {background: url('images/hrs.svg') no-repeat 50% 2em;
  background-size: 120px;}
.page-template-_email-page-php .hero h1,
.page-template-_email-page-mod-php .hero h1 {  padding-top: 170px;}
.page-template-_offer-page-php .hero h1 {  padding-top: 210px;}
.page-template-_domains-page-php .hero h1 {  padding-top: 140px;}
.page-template-_api-page-php .hero h1, .page-template-_plugins-page-php .hero h1 {  padding-top: 180px;}
.page-template-_hrs-page-php .hero h1 {  padding-top: 120px;}
.page-template-_ssl-page-php .hero h1,
.page-template-_ssl-product-page-php .hero h1,
.page-template-_security-page-php .hero h1 {  padding-top: 160px;}
.page-template-_integration-page-php .hero h1 {  padding-top: 210px;}
.page-template-_why-page-php .hero h1 {  padding-top: 210px;}
.page-template-_opensrs-page-php .hero {
}
.page-template-_opensrs-page-php .hero h1 {  text-align: center;}
.page-template-_opensrs-page-php .hero p {  text-align: center;
  width: 100%;}
.page-template-_marketing-page-php .content-area,
.page-template-_video-page-php .content-area {  max-width: 45em;}



.page-template-_custom-page-php .hero {background-repeat: no-repeat;
  background-position: 3em 2em;
  background-size: 140px;
  padding-left: 220px;}
.page-template-_custom-page-php .hero h1 {  text-align: left;
  width: 100%;}
.page-template-_custom-page-php .hero p {  text-align: left;
  width: 100%;}


@media only screen and (max-width: 41.99em)  {
  .page-template-_custom-page-php .hero {background-repeat: no-repeat;
    background-position: 50% 2em;
    padding: 1.25em;
    padding-top: 190px;}
  .page-template-_custom-page-php .hero h1 {text-align: center;}
  .page-template-_custom-page-php .hero p {text-align: center;}
  .email-migration .hero h1 {padding-top: 140px;}
}


@media only screen and (min-width: 42em)  {
  .page-template-_home-page-php .hero-parfait {background-size: 800px;}
  .page-template-_home-page-php .hero {/* padding-bottom: 280px; */
}
  .page-template-_home-page-php .hero h1,
  .page-template-_home-page-php .hero p, .page-template-_contact-page-php .hero h1, .page-template-_contact-page-php .hero p {text-align: center;
    width: 100%;}
  .page-template-_home-page-php .hero p, .page-template-_contact-page-php .hero p {font-size: 1.5em;}

  .hero h1, .hero p {text-align: left;}
  .hero p {width: 60%;
    font-size: 1.3em;}
  .page-template-_offer-page-php .hero {background: url('images/platform.svg') no-repeat 140% 50%;
    background-size: 55%;}
  .email-migration .hero,
  .page-template-_domains-page-php .hero,
  .page-template-_ssl-page-php .hero,
  .page-template-_ssl-product-page-php .hero,
  .page-template-_email-page-php .hero,
  .page-template-_email-page-mod-php .hero,
  .page-template-_security-page-php .hero, .page-template-_api-page-php .hero, .page-template-_plugins-page-php .hero, .page-template-_hrs-page-php .hero  {padding: 2em 2em 2em 220px;}
  .page-template-_offer-page-php .hero h1 {width: 64%; padding-top: 0;}
  .page-template-_domains-page-php .hero h1,
  .page-template-_ssl-page-php .hero h1,
  .page-template-_ssl-product-page-php .hero h1,
  .page-template-_email-page-php .hero h1,
  .page-template-_email-page-mod-php .hero h1,
  .page-template-_security-page-php .hero h1, .page-template-_api-page-php .hero h1, .page-template-_plugins-page-php .hero h1, .page-template-_hrs-page-php .hero h1 {padding-top: 0;}
  .page-template-_domains-page-php .hero p,
  .page-template-_ssl-page-php .hero p,
  .email-migration .hero p,
  .page-template-_ssl-product-page-php .hero p,
  .page-template-_email-page-php .hero p,
  .page-template-_email-page-mod-php .hero p,
  .page-template-_api-page-php .hero p, .page-template-_plugins-page-php .hero p, .page-template-_hrs-page-php .hero p, .page-template-_security-page-php .hero p {width: 100%;}
  .page-template-_domains-page-php .hero {background: url('images/domain.svg') no-repeat 3em 3em;
    background-size: 140px;}
  .page-template-_ssl-page-php .hero {background: url('images/ssl.svg') no-repeat 3em 3em;background-size: 140px;}
  .email-migration.em-path .hero {background: url('images/email-migration-path_header.svg') no-repeat 2.875em 2.95em;background-size: 154px;}
  .email-migration .entry-content {padding-top: 0!important;}
  .page-template-_security-page-php .hero {background: url('images/security.svg') no-repeat 3em 3em;
    background-size: 140px;}
  .page-template-_why-page-php .hero {background: url('images/globe.svg') no-repeat 130% 50%;
    background-size: 50%;}
  .page-template-_integration-page-php .hero {background: url('images/integration.svg') no-repeat 126% 50%;
    background-size: 50%;}
  .page-template-_email-page-php .hero,
  .page-template-_email-page-mod-php .hero {background: url('images/email.svg') no-repeat 3em 3em;
    background-size: 140px;}
  .page-template-_api-page-php .hero {background: url('images/api2.svg') no-repeat 3em 2em;
    background-size: 140px;}
  .page-template-_plugins-page-php .hero {background: url('images/plug.svg') no-repeat 4em 1em;
    background-size: 130px;}
  .page-template-_hrs-page-php .hero {background: url('images/hrs.svg') no-repeat 2em 3em;
    background-size: 160px;}

  .page-template-_why-page-php .hero h1, .page-template-_integration-page-php .hero h1 {padding-top: 0;
    width: 60%;}
  .page-template-_promo-page-php .hero h1 {text-align: center;}
  .page-template-_promo-page-php .hero p {text-align: center;
    width: 100%;}
}


@media only screen and (min-width: 50em)  {
  .page-template-_home-page-php .hero-parfait {background-size: 835px 300px;}
  .page-template-_home-page-php .hero {/* padding-bottom: 300px; */
  }
  .page-template-_home-page-php .hero p, .page-template-_contact-page-php .hero p {font-size: 1.9em;}
  .page-template-_contact-page-php .hero {padding: 8% 1.5em;}
  .page-template-_offer-page-php .hero {background: url('images/platform.svg') no-repeat 97% 50%;
    background-size: 34%;}
  .page-template-_why-page-php .hero {background: url('images/globe.svg') no-repeat 96% 50%;
    background-size: 33%;}
  .page-template-_integration-page-php .hero {background: url('images/integration.svg') no-repeat 100% 50%;
    background-size: 38%;}
  .page-template-_why-page-php .hero h1, .page-template-_integration-page-php .hero h1 {padding-top: 0;
    width: 60%;}
}






/* ------------------- */
/* Training Components */
/* ------------------- */

.spacer {  height: 100px;}

/* Horizontal Tiles */
.hortile {  display: block;
  position: relative;
  padding: 1em 0 1.5em 0;
  margin: 0 0 0.5em 0;}
.hortile-text {  display: inline-block;
  vertical-align: top;
  width: 80%;}
.hortile img {  display: inline-block;
  vertical-align: top;
  width: 100px;
  margin: 0 20px 20px 0;}
.hortile h2, .hortile p {  margin: 0 0 0.125em 0;
  padding: 0 1em 0 0;}
@media only screen and (max-width: 700px)  {
  .hortile-text { width: 70%; }
}
@media only screen and (max-width: 479px)  {
  .hortile { text-align: center; }
  .hortile-text { width: 100%; }
}

/* 2x1 Grid Tiles */
.twobyone {  text-align: center;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;}
.twobyone:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.twobyone:first-of-type:before {background-color: transparent;}
@media only screen and (max-width: 599px)  {
  .twobyone { width: 100%; }
  .twobyone:before {top: -0.5em;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #eeeeec;}
}



/* 3x1 Grid Tiles */
.threebyone {  text-align: center;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;}
.threebyone:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.threebyone:first-of-type:before {background-color: transparent;}
@media only screen and (max-width: 599px)  {
  .threebyone { width: 100%; }
  .threebyone:before {top: -0.5em;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #eeeeec;}
}

/* 4x1 Grid Tiles */
.fourbyone {  text-align: center;
  width: 23%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;}
.fourbyone:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.fourbyone:first-of-type:before {background-color: transparent;}
@media only screen and (max-width: 599px)  {
  .hero-desktop {display:none}
  .hero-mobile {display:block!important}
/*  .hero-vertical-centre {display:block;text-align: center;white-space: nowrap;padding-top:1em!important;}*/

  .hero-centre-group h1 {position:margin-top:0.75em;float:left;clear:both;display:block!important;}
  .fourbyone { width: 100%; }
  .fourbyone:before {top: -0.5em;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #eeeeec;}
}

/* 5x1 Grid Tiles */
.fivebyone {  text-align: center;
  width: 18.5%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;}
.fivebyone:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.fivebyone:first-of-type:before {background-color: transparent;}
@media only screen and (max-width: 599px)  {
  .fivebyone { width: 100%; }
  .fivebyone:before {top: -0.5em;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #eeeeec;}
}

.sslspecs .oneebyone p, .sslspecs .twobyone p, .sslspecs .threebyone p, .sslspecs .fourbyone p, .sslspecs .fivebyone p {margin-bottom:0}
.sslspecs .onebyone h2, .sslspecs .twobyone h2, .sslspecs .threebyone h2, .sslspecs .fourbyone h2, .sslspecs .fivebyone h2 {font-size:2.625em;line-height:100%;}
.sslspecs .fourbyone, .sslspecs .fivebyone {min-height:9em}
.squeezed {letter-spacing:-0.02em}

/* 3x3 Grid Tiles */
.threebythree {  text-align: center;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;
  margin-bottom: 1em;}
.threebythree:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.threebythree:after {  position: absolute;
  bottom: 0.5em;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec;}
.threebythree:nth-of-type(3n+1):before {background-color: transparent;}
.threebythree:nth-of-type(7):after, .threebythree:nth-of-type(8):after, .threebythree:nth-of-type(9):after {background-color: transparent;}
@media only screen and (max-width: 599px)  {
  .threebythree { width: 100%; }
  .threebythree:before {top: -1em;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #eeeeec;}
  .threebythree:after {background-color: transparent!important;}
  .threebythree:nth-of-type(3n+1):before {background-color: #eeeeec!important;}
  .threebythree:first-of-type:before {background-color: transparent!important;}
}


.layer {  position: relative;
  padding: 1em;
  text-align: center;}
.layer h2 {  margin-top: 0.25em;}
.layer:after {  position: absolute;
  top:0;
  left:0;
  content: '';
  width:100%;
  height:3px;
  background-color: #eeeeec;}
.layer:first-of-type:after {background-color: transparent;}
.snip-domain {background: url('images/domain.svg') no-repeat 50% 2em;
  background-size: 100px;
  padding-top: 120px;}
.snip-ssl {background: url('images/ssl.svg') no-repeat 50% 2em;
  background-size: 100px;
  padding-top: 140px;
}
.snip-email {background: url('images/email.svg') no-repeat 50% 2em;
  background-size: 100px;
  padding-top: 130px;}
.snip-security {background: url('images/security.svg') no-repeat 50% 2em;
  background-size: 100px;
  padding-top: 140px;}
.snip-api2 {background: url('images/api2.svg') no-repeat 50% 1em;
  background-size: 100px;
  padding-top: 150px;}
.snip-tools {background: url('images/plug.svg') no-repeat 50% 1em;
  background-size: 80px;
  padding-top: 150px;}
.snip-hrs {background: url('images/hrs.svg') no-repeat 50% 1.5em;
  background-size: 150px;
  padding-top: 150px;}
.snip-ucp {background: url('images/ucp.svg') no-repeat 50% 1.5em;
  background-size: 120px;
  padding-top: 150px;}

@media only screen and (min-width:37.5em) and (max-width:55em)  {
  .sslspecs .fourbyone h2 {font-size:1.875em;}
  .sslspecs .fourbyone {padding-left: 3px;padding-right: 3px;}
  .vertical-centre-group h1 {margin-top:0.75em;display:block!important;}
}
@media only screen and (min-width:30em) and (max-width:37.5em)  {
  .sslspecs .fivebyone h2 {font-size:1.875em;}
  .sslspecs .fourbyone {padding-left: 3px;padding-right: 3px;}
}
  /* Layer Module Medium and Large Screen */
@media only screen and (min-width: 30em)  {

.layer {  position: relative;
  padding: 1em;
  text-align: left;}
.layer h2 {  margin: 0.125em 0;}
.layer p {  font-size: 1.2em;}
.layer:after {  position: absolute;
  top:0;
  left:0;
  content: '';
  width:100%;
  height:3px;
  background-color: #eeeeec;}
.layer:first-of-type:after {background-color: transparent;}
.snip-domain {background: url('images/domain.svg') no-repeat 1% 2em;
  background-size: 100px;
  padding-left: 150px;}
.snip-ssl {background: url('images/ssl.svg') no-repeat 1% 2em;
  background-size: 100px;
  padding-left: 150px;
}
.snip-email {background: url('images/email.svg') no-repeat 1% 2em;
  background-size: 100px;
  padding-left: 150px;}
.snip-security {background: url('images/security.svg') no-repeat 1% 2em;
  background-size: 100px;
  padding-left: 150px;}

.snip-api2 {background: url('images/api2.svg') no-repeat 2% 1em;
  background-size: 90px;
  padding-left: 150px;}
.snip-tools {background: url('images/plug.svg') no-repeat 1.5% 1.5em;
  background-size: 80px;
  padding-left: 150px;}
.snip-hrs {background: url('images/hrs.svg') no-repeat 1% 1.5em;
  background-size: 120px;
  padding-left: 150px;}
.snip-ucp {background: url('images/ucp.svg') no-repeat 2% 1em;
  background-size: 100px;
  padding-left: 150px;}
}
.split-container {  width: 100%;
  padding: 0.5em;}

.split {  margin-bottom: 1em;}
.page-template-_contact-page-php .split {  text-align: center;}
@media only screen and (min-width: 40em)  {
  .split {vertical-align: top;
    width: 44%;
    display: inline-block;
    margin-left: 2em;}
  .split:first-of-type {margin-left: 0;}
}

.split-60, .split-40 {  margin-bottom: 1em;}
@media only screen and (min-width: 50em)  {
  .split-60 {width: 56%;
    margin: 1em;
    padding-right: 1em;
    float: left;}
  .split-40 {width: 34%;
    margin: 1em;
    padding-right: 1em;
    float: left;}
}

.home-clients {background-color: #05828e;
  color: #fff;
  position: relative;
  overflow: hidden;}
.client-tile {  position: relative;
  max-width: 70em;
  margin: 0 auto;
  text-align: center;
  padding: 2em;
  z-index: 0;}
@media only screen and (min-width: 50em)  { .client-tile { padding: 3em; } }
.client-tile:after {  content : "";
    position: absolute;
    top: -20px;
    right: -150px;
    background: url('images/globe2.svg') no-repeat;
    width: 350px;
    height: 350px;
    opacity : 0.4;
    pointer-events: none;
    z-index: -1;}
.client-tile img {  opacity: 0.3;
  display: inline;
  margin: 0 1em 0.5em 0;
  vertical-align: top;}
.client-tile a.green-button {  display: inline-block;}



.home-domains {  text-align: center;}
.domain-text {  max-width: 50em;
  margin: 0 auto;
  padding: 2em;}
.tld-logo-strip img {  display: inline-block;
  width: 23%;
  vertical-align: middle;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.tld-logo-strip img:hover {  opacity: 0.7;}
.tld-logo-strip a {  margin: 1em;}
.tld-logo-strip a:hover {  text-decoration: none;
  border: none;}
.tld-logo-strip {  margin-bottom: 1.5em;}





.slider-outer {  width: 100%;}
.domain-slider {  position: relative;
  min-height: 100px;
  max-height: 150px;}
.domain-slider img {  position: absolute;
  left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    -webkit-animation-name: fade;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 12s;
    animation-name: fade;
    animation-iteration-count: infinite;
    animation-duration: 12s;}
@-webkit-keyframes fade {0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
@keyframes fade {0% {opacity: 0;}
    20% {opacity: 1;}
    33% {opacity: 1;}
    53% {opacity: 0;}
    100% {opacity: 0;}
}
#slide1 { -webkit-animation-delay: 0;
 animation-delay: 0;}
#slide2 { -webkit-animation-delay: -8s;
 animation-delay: -8s;}
#slide3 { -webkit-animation-delay: -4s;
 animation-delay: -4s;}




.home-cust {background: #e3e0ce url('images/cust1.jpg') no-repeat 50% 50%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  overflow:hidden;
  background-attachment: scroll
  -webkit-overflow-scrolling:touch;
  overflow-scrolling:touch;
  height: 100%;
  min-height: 100%;}
.cust-tile {  max-width: 60em;
  text-align: center;
  width: 100%;
  margin: 0 auto;
  padding: 2em 4em;
  color: #fff;}
@media only screen and (min-width: 50em)  { .cust-tile, .domain-text { padding: 4em 6em; } }
.grid-home-container {  margin: 1em auto;
  text-align: justify;
  width: 100%;
  max-width: 80em;}
.grid-home-container:after {  content: '';
  display: inline-block;
  width: 100%;}
.grid-home-generic .button {font-size:1em}
.grid-home-generic:after {display:none}
.grid-home-generic + .grid-home-generic {border-top:none;border-left:3px solid #EEEEEC;}
.grid-home-generic, .grid-home-product, .grid-home-platform, .grid-home-integration  {  position: relative;
  padding: 0.5em 1em 1.5em 1em;
  padding-top: 220px;
  text-align: center;
  width: 100%;
  vertical-align: top;}
.grid-home-product {background: url('images/home-product.svg') no-repeat 50% 2em;
  background-size: 200px;}
.grid-home-platform {background: url('images/home-platform.svg') no-repeat 50% 2em;
  background-size: 200px;}
.grid-home-integration {background: url('images/home-integration.svg') no-repeat 50% 2em;
  background-size: 200px;}
.grid-home-generic {padding-top:0!important}
.grid-home-generic p {line-height:120%}
.grid-home-generic:after, .grid-home-product:after, .grid-home-platform:after, .grid-home-integration:after {  position: absolute;
  top: 100%;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec;}
.grid-home-integration:after {background-color: transparent;}
.grid-container {  margin: 0 auto;
  padding: 1em 0;
  text-align: center;}
.grid-big {  position: relative;
  padding: 100px 0.5em 0.5em 0.5em;
  margin: 0 0.5em 1em 0.5em;
  text-align: center;}
.grid-big:after {  position: absolute;
  top: 100%;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec;}
.grid-big:last-of-type:after {background-color: transparent;}
.name-suggest {background: url('images/lightbulb.svg') no-repeat 50% 0;
  background-size: 90px;}
.managed-dns {background: url('images/gears.svg') no-repeat 50% 0;
  background-size: 100px;}
.customer-care {background: url('images/support.svg') no-repeat 50% 0;
  background-size: 80px;}
.contact-privacy {background: url('images/private.svg') no-repeat 50% 0;
  background-size: 80px;}
.parked-pages {background: url('images/keys.svg') no-repeat 50% 0;
  background-size: 90px;}
.dedicated-team {background: url('images/network.svg') no-repeat 50% 0;
  background-size: 100px;}
.control-panel {background: url('images/panel.svg') no-repeat 50% 1em;
  background-size: 100px;}
.test-panel {background: url('images/test.svg') no-repeat 50% 1em;
  background-size: 90px;}
.mwi {background: url('images/mwi.svg') no-repeat 50% 1em;
  background-size: 100px;}
.grid-big.control-panel, .grid-big.test-panel {  padding-top: 120px;}
.grid-big.mwi {  padding-top: 100px;}
.mwi:after {  position: absolute;
  top: 100%;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec!important;}
.grid-small {  position: relative;
  padding: 100px 0.5em 0.5em 0.5em;
  margin: 0 0.5em 1em 0.5em;
  text-align: center;}

.grid-small.adjunct {margin-top:-0.5em}
.grid-small:after {  position: absolute;
  top: 100%;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec;}
.brandable {background: url('images/design.svg') no-repeat 50% 0;
  background-size: 90px;}
.performance {background: url('images/rocket.svg') no-repeat 50% 0;
  background-size: 60px;}
.reliable {background: url('images/check.svg') no-repeat 50% 0;
  background-size: 90px;}
.integration {background: url('images/api.svg') no-repeat 50% 0;
  background-size: 110px;}
.package {background: url('images/package.svg') no-repeat 50% 0;
  background-size: 80px;}
.check-ul {
}
.check-ul li {  text-indent: -1.5em!important;}
.check-ul li:before {  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\e606"!important;
  color: #3eb59a;
  padding-right: 0.5em;}

.newgrid-container {  text-align: justify;
  margin-bottom: -1em;}
.newgrid-container:after {  content: '';
  display: inline-block;
  width: 100%;}

.new-grid-small {  text-align: center;
  width: 17%;
  display: inline-block;
  position: relative;
  vertical-align: top;
  padding: 0.5em;}
.new-grid-small:after {  content: '';
  position: absolute;
  width: 3px;
  height: 90%;
  top: 0;
  left: -7%;
  background-color: #eeeeec;}
.new-grid-small:first-of-type:after {background-color: transparent;}

.new-grid-med {  text-align: center;
  width: 22%;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  padding: 1em;
  margin-bottom: 1.5em;}
.new-grid-med:after {  content: '';
  position: absolute;
  width: 3px;
  height: 90%;
  top: 0;
  left: -7%;
  background-color: #eeeeec;}
.new-grid-med:first-of-type:after {background-color: transparent;}
.new-grid-med:nth-child(5):after {background-color: transparent;}

.new-grid-med:before {  content: '';
  position: absolute;
  width: 90%;
  height: 3px;
  bottom: 0;
  left: 5%;
  background-color: #eeeeec;}
.new-grid-med:nth-child(5):before, .new-grid-med:nth-child(6):before, .new-grid-med:nth-child(7):before, .new-grid-med:nth-child(8):before {background-color: transparent;}




.protocol {background: url('images/protocol.svg') no-repeat 50% 0;
  background-size: 70px;
  padding-top: 100px;}
.language {background: url('images/language.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.spam {background: url('images/spam.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.storage {background: url('images/storage.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.ui {background: url('images/ui.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.solid {background: url('images/solid.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.ops {background: url('images/ops.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.save {background: url('images/save.svg') no-repeat 50% 0;
  background-size: 70px;
  padding-top: 100px;}



/* New Icons for HRS and UCP */


.new-grid-big {  text-align: center;
  width: 32%;
  display: inline-block;
  position: relative;
  vertical-align: bottom;
  padding: 1.25em;
  margin-bottom: 1.5em;}
.new-grid-big:after {  content: '';
  position: absolute;
  width: 3px;
  height: 90%;
  top: 0;
  left: 0;
  background-color: #eeeeec;}
.new-grid-big:first-of-type:after {background-color: transparent;}
.new-grid-big:nth-child(4):after {background-color: transparent;}

.new-grid-big:before {  content: '';
  position: absolute;
  width: 90%;
  height: 3px;
  bottom: 0;
  left: 5%;
  background-color: #eeeeec;}
.new-grid-big:nth-child(4):before, .new-grid-big:nth-child(5):before, .new-grid-big:nth-child(6):before {background-color: transparent;}




.alert {background: url('images/alert.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.facilities {background: url('images/facilities.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.connectivity {background: url('images/connectivity.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.monitoring {background: url('images/monitoring.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.maintenance {background: url('images/maintenance.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.upgrade {background: url('images/upgrade.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.knife {background: url('images/knife.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.clock {background: url('images/clock.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.accurate {background: url('images/accurate.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.permission {background: url('images/permission.svg') no-repeat 50% 0;
  background-size: 120px;
  padding-top: 100px;}
.simple {background: url('images/simple.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}
.flexible {background: url('images/flexible.svg') no-repeat 50% 0;
  background-size: 90px;
  padding-top: 100px;}




@media only screen and (max-width: 50em) {
  .new-grid-small {width: 48%;
    margin-bottom: 1.5em;}
  .new-grid-small:after {left: -4%;}
  .new-grid-small:nth-child(3):after, .new-grid-small:nth-child(5):after {background-color: transparent;}
  .new-grid-small:before {content: '';
    position: absolute;
    width: 90%;
    height: 3px;
    bottom: 0;
    left: 5%;
    background-color: #eeeeec;}
  .new-grid-small:last-of-type {width: 100%;}

  .new-grid-med {width: 48%;}
  .new-grid-med:after {left: -3%;}
  .new-grid-med:nth-child(odd):after {background-color: transparent;}
  .new-grid-med:nth-child(5):before, .new-grid-med:nth-child(6):before {background-color: #eeeeec;}
  .new-grid-big {width: 48%;}
  .new-grid-big:nth-child(odd):after {background-color: transparent;
    }
  .new-grid-big:nth-child(even):after {background-color: #eeeeec;
    }

  .new-grid-big:nth-child(4):before {background-color: #eeeeec;}
  .new-grid-big:nth-child(5):before, .new-grid-big:nth-child(6):before {background-color: transparent;}

}
@media only screen and (max-width: 30em) {
  .new-grid-small {width: 100%;
    margin-bottom: 1.5em;}
  .new-grid-small:after {background-color: transparent;}
  .new-grid-small:before {content: '';
    position: absolute;
    width: 90%;
    height: 3px;
    bottom: 0;
    left: 5%;
    background-color: #eeeeec;}

  .new-grid-med {width: 100%;}
  .new-grid-med:after {background-color: transparent;}
  .new-grid-med:nth-child(7):before, .new-grid-med:nth-child(8):before {background-color: #eeeeec;}

  .new-grid-big {width: 100%;}
  .new-grid-big:nth-child(even):after {background-color: transparent;
    }
  .new-grid-big:nth-child(4):before {background-color: #eeeeec;}
  .new-grid-big:nth-child(5):before {background-color: #eeeeec;}
}

.grid-2 {  text-align: center;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;
  margin-bottom: 1em;}

.grid-2:before {  position: absolute;
  top: 0;
  left: -5%;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.grid-2:first-of-type:before {background-color: transparent;}
.grid-3 {  text-align: center;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;
  margin-bottom: 1em;}

.grid-3:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.grid-3:first-of-type:before {background-color: transparent;}
.grid-9 {  text-align: center;
  position: relative;
  display: inline-block;
  width: 32%;
  vertical-align: top;
  padding: 2em 2em 1em 2em;
  margin-bottom: 1em;}
.grid-9 h3, .grid-9 p {  text-align: left;}
.grid-9:before {  position: absolute;
  top: 5%;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.grid-9:nth-of-type(3n+1):before {background-color: transparent;}
.grid-9:after {  position: absolute;
  top: -0.5em;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec;}
.grid-9:nth-of-type(1):after, .grid-9:nth-of-type(2):after, .grid-9:nth-of-type(3):after {background-color: transparent;}

@media only screen and (max-width: 50em) {
  .grid-9:last-of-type {width: 100%;}
  .grid-9:last-of-type img, .grid-9:last-of-type h3, .grid-9:last-of-type p {width: 48%;
    text-align: left;
    margin: 0 auto;}
  .grid-9 {width: 48%;}
  .grid-9:nth-of-type(3n+1):before {background-color: #eeeeec;}
  .grid-9:nth-of-type(2n+1):before {background-color: transparent;}
.grid-9:nth-of-type(3):after {background-color: #eeeeec;}
}

@media only screen and (max-width: 30em) {
  .grid-9 {width: 100%;}
  .grid-9:last-of-type img, .grid-9:last-of-type h3, .grid-9:last-of-type p {width: 100%;}
  .grid-9:before {background-color: transparent!important;}

  .grid-9:after {background-color: #eeeeec!important;}
  .grid-9:first-of-type:after {background-color: transparent!important;}
}

.grid-4 {  text-align: center;
  width: 24%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em;
  margin-bottom: 1em;}

.grid-4:before {  position: absolute;
  top: 0;
  left: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #eeeeec;}
.grid-4:first-of-type:before {background-color: transparent!important;}

.grid-3.evaluate, .grid-3.negotiate, .grid-3.control, .grid-3.domain-api, .grid-3.ssl-api, .grid-3.email-api {  padding-top: 120px;}
.evaluate {background: url('images/evaluate.svg') no-repeat 50% 1em;
  background-size: 60px;}
.negotiate {background: url('images/negotiate.svg') no-repeat 50% 1em;
  background-size: 100px;}
.control {background: url('images/control.svg') no-repeat 50% 1em;
  background-size: 100px;}
.domain-api {background: url('images/domain-api.svg') no-repeat 50% 1em;
  background-size: 80px;}
.ssl-api {background: url('images/ssl-api.svg') no-repeat 50% 1em;
  background-size: 80px;}
.email-api {background: url('images/email-api.svg') no-repeat 50% 1em;
  background-size: 80px;}


.grid-4.get-started-domain, .grid-4.get-started-ssl, .grid-4.get-started-email, .grid-4.get-started-security {  padding-top: 120px;}
.get-started-domain {background: url('images/domain.svg') no-repeat 50% 1em;
  background-size: 100px;}
.get-started-ssl {background: url('images/ssl.svg') no-repeat 50% 1em;
  background-size: 90px;}
.get-started-email {background: url('images/email.svg') no-repeat 50% 1em;
  background-size: 100px;}
.get-started-security {background: url('images/security.svg') no-repeat 50% 1em;
  background-size: 95px;}


h3.documentation-resources {background: url('images/documentation.svg') no-repeat 50% 1em;
  background-size: 70px;
  padding-top: 130px;}
h3.marketing-resources {background: url('images/marketing.svg') no-repeat 50% 1em;
  background-size: 70px;
  padding-top: 130px;}
h3.video-resources {background: url('images/video.svg') no-repeat 50% 1em;
  background-size: 100px;
  padding-top: 130px;}
.resources-grid .grid-3 {  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.resources-grid .grid-3 h3 {  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.resources-grid .grid-3 a {  font-size: 1.1em;}
.resources-grid .grid-3 a:hover {border: none;}

@media only screen and (max-width: 40em) {
  .resources-grid .grid-3 p {  text-align: center;}
h3.documentation-resources {background: url('images/documentation.svg') no-repeat 50% 0;
  background-size: 70px;
  padding-top: 100px;
  text-align: center;}
h3.marketing-resources {background: url('images/marketing.svg') no-repeat 50% 0;
  background-size: 70px;
  padding-top: 100px;
  text-align: center;}
h3.video-resources {background: url('images/video.svg') no-repeat 50% 0;
  background-size: 100px;
  padding-top: 100px;
  text-align: center;}
  }


.card-container {  text-align: justify;
  background-color: #f6f5ea;
  margin: 2em 0 1em 0;}
.card-container-heading {  padding: 0.25em;
  background-color: #e3e0ce;}
.card-container:after {  content: '';
  display: inline-block;
  width: 100%;}
.card-2 {  position: relative;
  text-align: center;
  width: 48%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em 1em 0;}
.card-2:after {  position: absolute;
  top: 5%;
  right: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #e3e0ce;}
.card-2:last-of-type:after {background-color: transparent;}
.card-3 {  position: relative;
  text-align: center;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em 1em 0;}
.card-3:after {  position: absolute;
  top: 5%;
  right: -0.5em;
  content: '';
  width: 3px;
  height: 90%;
  background-color: #e3e0ce;}
.card-3:last-of-type:after {background-color: transparent;}

.col-container {  text-align: justify;}
.col-container:after {  content: '';
  display: inline-block;
  width: 100%;}
.col-3 {  position: relative;
  text-align: left;
  width: 32%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em 1em 0;}
.col-2 {  position: relative;
  text-align: left;
  width: 49%;
  display: inline-block;
  vertical-align: top;
  position: relative;
  padding: 1em 1em 0;}

@media only screen and (max-width: 50em) {
.col-3 {  width: 100%;}
.col-2 {  width: 100%;}
}

@media only screen and (max-width: 50em) {
.grid-4 {  width: 48%;}
.grid-4:nth-of-type(3):before {background-color: transparent;}
.grid-4:nth-of-type(1):after, .grid-4:nth-of-type(2):after {  position: absolute;
  bottom: 0;
  left: 7%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec;}
}

@media only screen and (max-width: 40em) {
  .grid-3 {  text-align: left;
  width: 100%;}

.card-2, .card-3 {  width: 100%;}
.card-2:after, .card-3:after {  position: absolute;
  top: 100%;
  right: 5%;
  content: '';
  width: 90%;
  height: 3px;}
.grid-3.evaluate, .grid-3.negotiate, .grid-3.control, .grid-3.domain-api, .grid-3.ssl-api, .grid-3.email-api  {  padding-top: 1em;
  padding-left: 120px;}
.grid-3:before {  position: absolute;
  top: -1em;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #eeeeec;}
.grid-3:last-of-type:after {  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #eeeeec;}
.evaluate {background: url('images/evaluate.svg') no-repeat 0 1em;
  background-size: 90px;}
.negotiate {background: url('images/negotiate.svg') no-repeat 0 1em;
  background-size: 100px;}
.control {background: url('images/control.svg') no-repeat 0 1em;
  background-size: 100px;}
.domain-api {background: url('images/domain-api.svg') no-repeat 0 1em;
  background-size: 90px;}
.ssl-api {background: url('images/ssl-api.svg') no-repeat 0 1em;
  background-size: 90px;}
.email-api {background: url('images/email-api.svg') no-repeat 0 1em;
  background-size: 90px;}

}


@media only screen and (max-width: 30em) {
.grid-2 {  width: 100%;}
.grid-2:before {  position: absolute;
  top: -1em;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #eeeeec;}
.grid-2:last-of-type:after {  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #eeeeec;}
.grid-4 {  width: 100%;
  margin-bottom: 0;}
.grid-4:before {  position: absolute;
  top: -0.5em;
  left: 5%;
  content: '';
  width: 90%;
  height: 3px;
  background-color: #eeeeec!important;}
.grid-4:after {background-color: transparent!important;}
}




/* Resources Page */
.page-template-_documentation-page-php .entry-content h3,
.page-template-_marketing-page-php .entry-content h3,
.page-template-_video-page-php .entry-content h3 {  text-align: left;
  padding: 0.5em;
  padding-left: 2.25em;
  background-color: #f6f5ea;
  background-color: #f37d27;
  color: #fff;}
/*
h3:target {  -webkit-animation: pop 1.5s ease;
  -moz-animation: pop 1.5s ease;}
@-webkit-keyframes pop {0% { background-color: #f37d27; }
    50% { background-color: #ea5329; }
    100% { background-color: #f37d27; }
}
@-moz-keyframes pop {0% { background-color: #f37d27; }
    50% { background-color: #ea5329; }
    100% { background-color: #f37d27; }
}
*/


.page-template-_documentation-page-php .entry-content h4,
.page-template-_marketing-page-php .entry-content h4,
 .page-template-_video-page-php .entry-content h4 {  font-weight: 600;}
h3.domain-resources {background: #f37d27 url('images/domain-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.5em;}
h3.email-resources {background: #f37d27 url('images/email-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.5em;}
h3.publishing-resources {background: #f37d27 url('images/publishing-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.5em;}
h3.ssl-resources {background: #f37d27 url('images/ssl-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.25em;}
h3.hrs-resources {background: #f37d27 url('images/hrs-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.5em;
}
h3.api-resources {background: #f37d27 url('images/api-resources.svg') no-repeat -0.25em 50%;
  background-size: 2em;}
h3.contract-resources {background: #f37d27 url('images/contract-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.5em;}
h3.payment-resources {background: #f37d27 url('images/payment-resources.svg') no-repeat -0.5em 50%;
  background-size: 2.5em;}

.grid-resources {  position: relative;
  padding: 1em;
  margin: 0 0 1.5em 0;
  text-align: left;}
.grid-resources:last-child {  margin-bottom: 0;}
.grid-resources:last-child:after {  height: 0;}
.grid-resources ul {  margin: 0 0 1.5em 0;
  position: relative;}
.grid-resources ul:last-child {  margin-bottom: 0;}
.grid-resources ul li {  padding: 0 0 0.25em 1.4em;
  text-indent: -1.5em;
  -webkit-column-break-inside:avoid;
  -moz-column-break-inside:avoid;
  -o-column-break-inside:avoid;
  -ms-column-break-inside:avoid;
  column-break-inside:avoid;
  overflow: hidden;}
.grid-resources ul li:before {  content: "\e639";
  color: #ea5329;
  line-height: 1;
  font-size: 0.9em;
  padding-left: 1em;
  margin-left: 0;
  border-bottom: none!important;
  text-decoration: inherit;
  font-weight: normal;
  font-style: normal;
  vertical-align: middle;
  font-family: 'opensrs';
  padding-left: 0.25em;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.grid-resources ul li:hover:before {  color: #f37d27;}
.grid-resources ul li.ext:before {  content: "\f08e";}
.grid-resources ul li.pdf:before {  content: "\e636";}
.grid-resources ul li.doc:before {  content: "\e637";}
.grid-resources ul li.vid:before {  content: "\e63a";}
.page-template-_documentation-page-php .content-area, .page-template-_requirements-page-php .content-area {  max-width: 45em;}
.page-template-_domains-page-php .entry-content {  padding-bottom: 0;}
.page-template-_domains-page-php .hentry {  margin-bottom: 0;}

.symantec-tile h3 {background: url('images/symantec.png') no-repeat 50% 0;
  background-size: 120px;}
.thawte-tile h3 {background: url('images/thawte.png') no-repeat 50% 0;
  background-size: 120px;}
.geotrust-tile h3 {background: url('images/geotrust.png') no-repeat 50% 0;
  background-size: 120px;}
.trustwave-tile h3 {background: url('images/trustwave.png') no-repeat 50% 0;
  background-size: 120px;}
.comodo-tile h3 {background: url('images/comodo.png') no-repeat 50% 0;
  background-size: 120px;}
.email-migration .grid-small,
.page-template-_ssl-page-php .grid-small,
.page-template-_ssl-product-page-php .grid-small
{  padding-top: 0;}
.email-migration .grid-small h3,
.page-template-_ssl-page-php .grid-small h3,
.page-template-_ssl-product-page-php .grid-small h3
{  text-indent: 100%;
  overflow: hidden;
  white-space: nowrap;
  width: 120px;
  height: 120px;
  margin: auto;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.email-migration h3 a,
.page-template-_ssl-page-php .grid-small h3 a,
.page-template-_ssl-product-page-php .grid-small h3 a
{  display: block;
  text-decoration: none;
  border-bottom: none;
  width: 120px;
  height: 120px;
  margin: auto;}
@media only screen and (min-width: 34em) {
  .showondesktop {display:none!important}
  .hideondesktop {display:block!important}

  .email-migration .grid-small,
  .page-template-_ssl-page-php .grid-small,
.page-template-_ssl-product-page-php .grid-small
  {width: 100%;
    margin-left: 0;
    margin-right: 0;}
.page-template-_ssl-page-php .grid-small p,
.page-template-_ssl-product-page-php .grid-small p
  {text-align: left;
    padding-left: 170px;
    padding-right: 1.5em;
    padding-top: 1em;}
.email-migration .grid-small h3,
.page-template-_ssl-page-php .grid-small h3,
.page-template-_ssl-product-page-php .grid-small h3
  {width: 120px;
    float: left;
    margin-left: 1em;}
}
@media only screen and (min-width: 60em) {

  .showondesktop {display:none!important}
  .hideondesktop {display:block!important}
.email-migration .grid-small,
.page-template-_ssl-page-php .grid-small,
.page-template-_ssl-product-page-php .grid-small
  {width: 17.5%;
    margin: 0.5em;
    padding: 0.25em;
    min-height: 20em;
    vertical-align: top;}
.email-migration .grid-small.adjunct,
.page-template-_ssl-page-php .grid-small.adjunct,
.page-template-_ssl-product-page-php .grid-small.adjunct {min-height:inherit;margin-top:-60px;padding-top:1em;}


  .email-migration .grid-small:after,
  .page-template-_ssl-page-php .grid-small:after,
.page-template-_ssl-product-page-php .grid-small:after
  {background-color: transparent;}
.email-migration .grid-small p,
.page-template-_ssl-page-php .grid-small p,
.page-template-_ssl-product-page-php .grid-small p
  {text-align: center;
    padding: 0;
    font-size: 1em;
    padding: 0 0.75em;}
.email-migration .grid-small h3,
.page-template-_ssl-page-php .grid-small h3,
.page-template-_ssl-product-page-php .grid-small h3
  {width: 100%;
    margin-left: 0;}
.email-migration .grid-small h3 a,
.page-template-_ssl-page-php .grid-small h3 a,
.page-template-_ssl-product-page-php .grid-small h3 a {width: 100%;}
.page-template-_ssl-page-php .grid-small:before {position: absolute;
    top: 0;
    right: -0.75em;
    content: '';
    width: 3px;
    height: 100%;
    background-color: #eeeeec;}
.page-template-_ssl-page-php .grid-small:last-of-type:before,
.email-migration .grid-small:last-of-type:before,
  {background-color: transparent;}
}
@media only screen and (min-width: 30em)  {
  .showondesktop {display:none!important}
  .hideondesktop {display:block!important}
  .grid-home-generic {text-align:center!important;padding-left:0!important;padding-right:0!important}

  .grid-home-container  {  margin: 1em auto;
    }
  .grid-home-generic, .grid-home-product, .grid-home-platform, .grid-home-integration  {display: inline-block;
    width: 100%;
    position: relative;
    padding: 2em;
    padding-left: 240px;
    text-align: left;
    width: 100%;
    vertical-align: top;}
  .grid-home-product {background: url('images/home-product.svg') no-repeat 2em 50%;
    background-size: 180px;}
  .grid-home-platform {background: url('images/home-platform.svg') no-repeat 2em 50%;
    background-size: 180px;}
  .grid-home-integration {background: url('images/home-integration.svg') no-repeat 2em 50%;
    background-size: 180px;}
}


@media only screen and (min-width: 34em)  {
    .showondesktop {display:none!important}
  .hideondesktop {display:block!important}
  .grid-home-generic {border-left:none!important;border-right:none!important;}
  .grid-home-generic + .grid-home-generic {border-top:2px solid #eeeeec!important;padding-top:3rem!important;}
  .grid-big {width: 40%;
    position: relative;
    display: inline-block;
    padding: 100px 0.5em 0.5em 0.5em;
    margin: 0 1.5em 2em 1.5em;
    text-align: center;}
  .grid-big.parked-pages:after {background-color: transparent;}
  .managed-dns:before, .contact-privacy:before {position: absolute;
    top: 0;
    left: -1.5em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .parked-pages:before {position: absolute;
    top: 0;
    right: -1.7em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .control-panel:before {position: absolute;
    top: 0;
    right: -1.7em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .grid-small {width: 40%;
    position: relative;
    display: inline-block;
    padding: 100px 0.5em 0.5em 0.5em;
    margin: 0 1.5em 2em 1.5em;
    text-align: center;}
  .grid-small:after {position: absolute;
    top: 100%;
    left: 5%;
    content: '';
    width: 90%;
    height: 3px;
    background-color: #eeeeec;}
  .brandable:before, .reliable:before {position: absolute;
    top: 0;
    right: -1.6em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
}
@media only screen and (min-width: 42em)  {  .grid-small h3 { font-size: 1.5em;}  }

@media only screen and (min-width: 50em)  {

.grid-home-container  {margin: 3em auto;}
.grid-home-generic, .grid-home-product, .grid-home-platform, .grid-home-integration  {width: 33%;
    display: inline-block;
    padding-left: 2em;
    padding-right: 2em;
    padding-top: 200px;
    text-align: center;}
  .grid-home-product {background: url('images/home-product.svg') no-repeat 50% 0;
    background-size: 200px;}
  .grid-home-platform {background: url('images/home-platform.svg') no-repeat 50% 0;
    background-size: 200px;}
  .grid-home-integration {background: url('images/home-integration.svg') no-repeat 50% 0;
    background-size: 200px;}
  .grid-home-product:after {position: absolute;
    top: 0;
    left: 100%;
    content: '';
    width: 3px;
    height: 100%;
    background-color: #eeeeec;}
  .grid-home-platform:after {background-color: transparent;}
  .grid-home-integration:after {position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 3px;
    height: 100%;
    background-color: #eeeeec;}
  .grid-home-generic {padding-left:1em;padding-right:1em}
}

@media only screen and (min-width: 60em)  {
  .grid-big {width: 25%;
    position: relative;
    display: inline-block;
    padding: 100px 0.5em 0.5em 0.5em;
    margin: 0 1.5em 2em 1.5em;
    text-align: center;}
  .test-panel:before {position: absolute;
    top: 0;
    right: -1.7em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .mwi:after {background-color: transparent!important;}
  .test-panel:after, .control-panel:after {background-color: transparent;}
  .grid-big.parked-pages:after {background-color: transparent;}
  .grid-big.contact-privacy:after {background-color: transparent;}
  .grid-small {width: 15%;
    position: relative;
    display: inline-block;
    padding: 100px 0.5em 0.5em 0.5em;
    margin: 0 1.5em 2em 1.5em;
    text-align: center;}
  .managed-dns:before, .customer-care:before, .parked-pages:before, .dedicated-team:before {position: absolute;
    top: 0;
    left: -1.5em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .performance:before, .thawte-tile:before {position: absolute;
    top: 0;
    right: -1.6em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .contact-privacy:before {background-color: transparent;}
}
@media only screen and (min-width: 66.250em)  {
  .brandable:before, .performance:before, .reliable:before, .integration:before, .package:before {position: absolute;
    top: -10%;
    right: -1.6em;
    content: '';
    width: 3px;
    height: 120%;
    background-color: #eeeeec;}
  .trustwave-tile:before {position: absolute;
    top: 0;
    right: -1.6em;
    content: '';
    width: 3px;
    height: 90%;
    background-color: #eeeeec;}
  .brandable:after, .performance:after, .reliable:after, .integration:after, .package:after, .package:before, .grid-small:after {background-color: transparent;}
}


/* Responsive Embedding */
.embed-container {  position: relative;
  margin:1em 0 2em 0;
  padding-bottom: 56.25%;
  padding-top: 30px; height: 0;
  overflow: hidden; max-width: 100%;
  height: auto;}
.embed-container iframe, .embed-container object, .embed-container embed {  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;}



/* Author Block */
.author-block {background-color: #e3e0ce;
  background-color: #ececdd;
  margin-bottom: 20px;
  position: relative;}
.author-block:after {  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-top: 8px solid #ececdd;
  bottom: -8px;
  left: 49.5%;
  left: calc(50% - 12px);}
.author-content {  max-width: 55em;
  margin: 0 auto;
  padding: 2em 1.5em;}
.author-content h3 {  margin-bottom: 0.175em;}
.author-content h4, .author-content h5 {  margin-bottom: 0.25em;}
.author-content p:last-child {  margin-bottom: 0;}
.author-content h4 {  font-size: 1.3em;}
.author-avatar img {  width: 90px;
  margin-right: 15px;
  display: inline-block;
  vertical-align: top;}
.author-name-title {  display: inline-block;
  vertical-align: top;
  width: 65%;
  width: calc(100% - 110px);
  padding-right: 10px;}
.author-avatar {  display: inline-block;
  vertical-align: middle;
  margin-right: 2em;
  width: 40%;
  position: relative;}
.author-bio {  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 55%;}
.author-bio:before {  position: absolute;
  left: -2em;
  top: -15%;
  content: '';
  width: 3px;
  height: 130%;
  background-color: #e3e0ce;}
.linkedin:before {  content: '\e63c';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;
  color: #ea5329;}

@media only screen and (max-width: 47.5em)  {  .author-bio {width: 50%;}
}
@media only screen and (max-width: 42em)  {
  .author-avatar img {width: 80px;}
  .author-name-title {width: calc(100% - 100px);}
  .author-bio {width: 100%;
    text-align: center;}
  .author-avatar {margin: 0 auto 2em auto;
    width: 60%;
    position: relative;
    display: block;}
  .author-bio:before {position: absolute;
    left: 0;
    top: -1em;
    content: '';
    width: 100%;
    height: 3px;
    background-color: #e3e0ce;}
  .author-name-title {padding-right: 0;}
}

@media only screen and (max-width: 34em)  {
  .author-avatar {width: 100%;
    text-align: center;}
  .author-avatar img {margin: 0 0 1em 0;
    width: 70px;}
  .author-name-title {width: 100%;}
}





/* Blog */

.rss:before {  content: "\e624";
  font-family: "opensrs";
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;}
ul.blog-cat {  padding: 0.5em;
  margin: 0;
  background-color: #f6f5ea;
  text-align: center;}
ul.blog-cat li {  display: inline-block;
  text-indent: 0;
  font-size: 1em;}
ul.blog-cat li:before {  content: '';
  padding: 0;}
ul.blog-cat li a {  text-decoration: none;
  border: none;
  font-weight: 400;
  display: block;
  color: #414042;
  opacity: 0.5;
  padding: 0.15em 0.6em;}
ul.blog-cat li a:hover {  opacity: 1;}
.blog li.cat-item-all a, ul.blog-cat li.current-cat a {  color: #414042;
  opacity: 1;
  background-color: #e4e1d0;}
.blog article, .archive article {  position: relative;
  margin: 1.5em;}
.blog .entry-header, .archive .entry-header {  padding: 1em 0 0 0;}
.blog .entry-summary, .archive .entry-summary {  padding: 0 0 1em 0;}
.blog .entry-meta, .archive .entry-meta, .page-template-_home-page-php .entry-meta {  color: #aaaaa7;
  margin-bottom: 0.5em;}
p.release-date {  color: #aaaaa7;
  margin-bottom: 0.5em;
  margin-top: -0.5em;}
.blog .entry-meta a, .archive .entry-meta a, .page-template-_home-page-php .entry-meta a {  color: #aaaaa7;
  border-bottom: #ddd 1px solid ;
  font-weight: 400;}
.blog .entry-meta a:hover, .archive .entry-meta a:hover, .page-template-_home-page-php .entry-meta a:hover {  opacity: 0.75;
  border-bottom: #eee 1px solid ;}
.single-format-standard .entry-meta {  /* background-color: #f6f5ea; */
  color: #aaaaa7;
  margin-bottom: 0.25em;
  min-height: 50px;}
.single-format-standard .entry-meta .meta-text {  display: inline-block;
  width: 80%; /* falll back */
  width: calc(100% - 70px);
  vertical-align: middle;}
.single-format-standard .entry-meta .meta-avatar {  display: inline-block;
  vertical-align: middle;
  width: 50px;
  height: 50px;
  margin-right: 10px;}
.single-format-standard .entry-meta a {  color: #aaaaa7;
  border-bottom: #ddd 1px solid ;
  font-weight: 400;}
.single-format-standard .entry-meta a:hover {  opacity: 0.75;
  border-bottom: #eee 1px solid ;}
.single-format-standard .entry-meta img {  margin: 0 0.5em 0 0;}
img.single-feature {  padding-bottom: 1em;
  width: 100%;}
.single-format-standard .entry-content {  padding-top: 0;}
.page-template-_home-page-php .content-area {  padding: 1.5em 1.5em 0 1.5em;
  max-width: 70em;}
.page-template-_premium-page-php .content-area {  max-width: 60em;}
.page-template-_home-page-php .content-area article {background-color: #f6f5ea;
  margin-bottom: 1.5em;
  display: inline-block;
  width: 100%;
  border-bottom: 3px solid #eeeeec;}
.home-blog-tiles {  text-align: justify;
  padding-top: 1em;}
.home-blog-tiles:after {  content: '';
  display: inline-block;
  width: 100%;}
.page-template-_home-page-php .content-area .entry-header {  padding: 1em;}
.page-template-_home-page-php .content-area h2, .page-template-_home-page-php .content-area p {  text-align: center;}
.page-template-_home-page-php .content-area h3.entry-title, .page-template-_home-page-php .content-area h4.entry-title {  margin: 0;
  text-align: left;}
.page-template-_home-page-php .content-area h3.entry-title a, .page-template-_home-page-php .content-area h4.entry-title a {  font-weight: 400;}
.page-template-_home-page-php .content-area .entry-meta {  text-align: left;}
.page-template-_home-page-php .content-area .meta-date:before {  content: '';
  padding: 0;}

@media only screen and (min-width: 28em)  {  .page-template-_home-page-php .content-area article {width: 46%;
    vertical-align: top;}
  .page-template-_home-page-php .featured-img img {width: 100%;
    display: block;
    float: none;}
  .page-template-_home-page-php .content-area h4.entry-title {min-height: 3.5em;}
}

@media only screen and (min-width: 44em)  {  .page-template-_home-page-php .content-area article {width: 23%;
    vertical-align: top;}
  .page-template-_home-page-php .featured-img img {width: 100%;
    display: block;
    float: none;}
  .page-template-_home-page-php .content-area h4.entry-title {min-height: 3.5em;}
  .blog-title {font-size: 85%;}
}

.blog article:after, .archive article:after {  position: absolute;
  bottom: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #eeeeec;}
.blog article:last-of-type:after, .archive article:last-of-type:after {background-color: transparent;}
.featured-img img {  width: 100%;
  display: block;}
a.featured-img img {  text-decoration: none;
  border: none;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
a.featured-img img:hover {  opacity: 0.5;}
.blog .content-area, .archive .content-area {  max-width: 57.5em;}
.single-format-standard .content-area {  max-width: 55em;}
.blog article:hover, .archive article:hover {background-color: #f6f5ea;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.blog-text {  padding: 0 1em;}
.blog-text h2 {  margin-bottom: 0.25em;}
.meta-date {  margin-right: 0.5em;}
.cat-links {  margin-right: 0.5em;}
.tag-links {  margin-right: 0.5em;}
.meta-date:before {  content: '\f133';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;}
.cat-links:before {  content: '\f07c';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;}
.tag-links:before {  content: '\e60a';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;}
a.avatar-card-img  {  display: block;
  border: none!important;
  margin-bottom: 0;}
.author-name {  margin-right: 0.5em;}
.meta-text {}

.sharebar {background-color:#f6f5ea;
    text-align:center;
    width:100%;
    padding: 0.75em 1em 1em 1em;
    margin: 1em 0 0 0;}
.sharebar a {  color: #aaaaa7;
  border-bottom: #ddd 1px solid;
  font-weight: 400;}
.sharebar a:hover {  opacity: 0.75;
  border-bottom: #eee 1px solid;}
.sharebar ul {  margin: 0;}
.sharebar li {  display: inline-block;
  font-size: 1em;
  text-indent: 0;}
li.facebook, li.twitter {margin-left:12%;}
.sharebar li.mail:before {content: '\e62d';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.4em;
  color: #aaaaa7;}
.sharebar li.twitter:before {content: '\e622';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;
  color: #aaaaa7;}
.sharebar li.facebook:before {content: '\f082';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-right: 0.25em;
  color: #aaaaa7;}
.single-format-standard .hentry {  margin: 0;}
.page-template-_home-page-php .hentry {  margin: 0;}
/* Search, 404 */
.search-results .page-header, .search-no-results .page-header, .error404 .page-header {  max-width: 50em;
  margin: 0 auto;}
.search-results .page-header h2, .search-no-results .page-header h2 {  text-align: center;
  margin-bottom: 0;}
.error404 .page-header h1 {background: url('images/sad.svg') no-repeat 0 50%;
  background-size: 2.125em;
  padding-left: 2.7em;
  margin-bottom: 0;}
.error404 .content-area h3 {  margin-bottom: 1em;}
.search-results .content-area, .search-no-results .content-area, .error404 .content-area {  max-width: 50em;}
.error404 .content-area {  padding: 5em 0;}
.search-results article.entry-summary {  position: relative;}
.search-results article.entry-summary:before {  position: absolute;
  top: 0;
  left: 0;
  content: '';
  width: 100%;
  height: 3px;
  background-color: #eeeeec;}
.search-results article.entry-summary:first-of-type:before {background-color: transparent;}
.search-no-results .page-content {  padding: 5em 0;}
.search-no-results .page-content h3 {  text-align: center;
  margin-bottom: 1em;}
.search-no-results .page-content span, .error404 .page-content span {  font-size: 150%;}
.search-no-results .page-content form#search-form, .error404 .page-content form#search-form  {  text-align: center;}
.search-no-results .page-content input[type="search"], .error404 .page-content input[type="search"] {  width: 35%;
  width: calc(100% - 7.5em);}

@media only screen and (max-width: 30em) {
.search-no-results .page-content span, .error404 .page-content span {  font-size: 120%;}
.error404 .page-header h1 {background: url('images/sad.svg') no-repeat 50% 0;
  background-size: 130px;
  padding-top: 4em;
  padding-left: 0;
  margin-bottom: 0;
  text-align: center;}

}


#related_posts {  padding: 0 1.5em;
  margin-bottom: 1.5em;
  text-align: justify;
  width: 100%;
}
#related_posts:after{content: '';
    display: inline-block;
    width: 100%;}
#related_posts h3 {  margin-bottom: 1em;}
.relatedtile {  position: relative;
  width: 45%;
  margin-bottom: 1.5em;
  display: inline-block;
  vertical-align: top;}
.relatedthumb, .relatedcontent {  text-align: center;
  display: block;}
.relatedcontent a {  color: #aaaaa7;
  border-bottom: #ddd 1px solid;
  font-weight: 400;
  line-height: 1.2;}
.relatedcontent a:hover {  opacity: 0.75;
  border-bottom: #eee 1px solid;}
.relatedthumb a {  text-decoration: none;
  border: none;
  -webkit-transition: all .3s linear;
  -moz-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear;}
.relatedthumb a:hover {  opacity: 0.5;}

@media only screen and (min-width: 30em)  {
  .relatedtile, .relatedtile:nth-child(even) {width: 22%;}
  .relatedtile:last-child {margin-right: 0;}
}

@media only screen and (min-width: 34em)  {
  ul.blog-cat {padding: 0.75em;}
  ul.blog-cat li {font-size: 1.1em;}
  ul.blog-cat li a {padding: 0.4em 1em;}
  .author-name {display: inline-block;}
  .blog article, .archive article {display: inline-block;}
  .featured-img img {width: 25%;
    display: block;
    float: left;}
  .blog .content-area, .archive .content-area, .single-format-standard .content-area {margin-top: 1em;}
  .blog-text {width: 68%;
    float: left;
    margin-left: 1.75em;}
  .blog .entry-header, .archive .entry-header {padding: 0;}
  .blog article:hover, .archive article:hover {background-color: transparent;
    -webkit-transition: all .3s linear;
    -moz-transition: all .3s linear;
    -o-transition: all .3s linear;
    transition: all .3s linear;}
  .blog-text {padding: 0;}
  .sticky .featured-img img {width: 100%;
    display: block;
    float: left;}
  .sticky .blog-text {width: 100%;
    float: left;
    margin-left: 0;
    margin-top: 0.5em;
    padding: 0 1em;}
}
@media only screen and (min-width: 50em)  {
  .sticky .featured-img img {width: 50%;
    display: block;
    float: left;
    margin-bottom: 2em;}
  .sticky .blog-text {width: 45%;
    float: left;
    margin-left: 1.75em;
    padding: 0;
    margin-top: 0;}

}
@media only screen and (min-width: 61em)  {
  ul.blog-cat, .jump {position: fixed;
    width: 100%;
    z-index: 9998;}
  .blog .content-area, .single-format-standard .content-area, .archive .content-area, .author-block {margin-top: 4.125em;
    }
  .author .content-area {margin-top: 1em;
    }
}

/*  Pagination */

.pagination {background-color: #f6f5ea;
  margin: 0 1.5em 2em 1.5em;
  text-align: center;
  padding: 0.5em 0;}
.pagination ul.pagination-ul {  margin: 0 0 0 4px;}
.pagination ul.pagination-ul li {  display: inline-block;
  text-indent: 0;
  margin-left: -4px;
  position: relative;}
.pagination ul.pagination-ul li:before {  content: '';
  padding-right: 0;}
.pagination ul.pagination-ul li a {  text-decoration: none;
  border: none;
  padding: 0.3em 0.4em;
  display: block;
  font-weight: 400;
  color: #414042;
  opacity: 0.5;}
.pagination ul.pagination-ul li a:hover {  opacity: 1;}
.pagination ul.pagination-ul li.active a {background-color: #e4e1d0;
  opacity: 1;}
.pagination ul.pagination-ul li.page-prev a {  padding-left: 0.75em;}
.pagination ul.pagination-ul li.page-next a {  padding-right: 0.75em;}
.pagination ul.pagination-ul li.page-prev:before, .pagination ul.pagination-ul li.page-next:before {  position: absolute;
  opacity: 0.5;}
.pagination ul.pagination-ul li.page-prev:before {  content: '\e62e';
  left: 0;
  top:0.3em;}
.pagination ul.pagination-ul li.page-next:before {  content: '\e62f';
  right: 0;
  top:0.3em;}
.pagination ul.pagination-ul li.page-prev:hover:before, .pagination ul.pagination-ul li.page-next:hover:before {  opacity: 1;}


/*    Jump Links    */

.jump {background-color: #e3e0ce;}
ul.jump-links {  margin: 0;
  padding: 0.75em;
  max-width: 80em;
  margin: 0 auto;
  text-align: center;}
.jump-links li {  list-style: none;
  display: inline-block;
  position: relative;
  text-indent: 0;
  font-size: 1.1em!important;}
.jump-links li:before {  content: ''!important;
  padding-right: 0;
}
.jump-links li a {  color: #41403e;
  opacity: 0.5;
  border-bottom: none;
  font-weight: 400;
  margin-right: 1.5em;}
.jump-links li a:hover {  opacity: 1;}
.jump-link {font-size:1.3em!important}
.jump-link:after, .jump-links li a:after {  content: '\e631';
  content: '\2193';
  content: '\f149';
  font-family: 'opensrs';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: inherit;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding-left: 0.25em;
  vertical-align: middle;
  font-size: 75%;}
.jump-link:after {padding-left:0.375em}

/* Bread Crumb  */

.breadcrumb-wrapper {background-color: #f6f5ea;
  background-color: #e3e0ce;
  margin: 0;}

ul.breadcrumbs {  padding: 0.5em 0;
  margin: 0 3%;
  text-align: center;}
ul.breadcrumbs li {  display: inline-block;
  text-indent: 0;
  font-size: 1em;
  margin-right: 0.5em;
  color: #aaa;}
ul.breadcrumbs li:before {  padding-right: 0.25em;}
ul.breadcrumbs li:first-of-type:before {  content: '';}
ul.breadcrumbs li a {  text-decoration: none;
  border: none;
  font-weight: 400;
  color: #414042;
  opacity: 1;}
ul.breadcrumbs li a:hover {  opacity: 0.5;}


/* FormStack Overrides */
.fsForm {  font: 0.9em/1.4 "interface", sans-serif!important;
  background-color: #f6f5ea;
  max-width: 650px;
  margin-top: 0;}
.fsForm .fsLabel {  font-weight: 400;
  font-size: 1.5em!important;}
.fsForm .fsSupporting {  color: #777;
  font-size: 1em!important;}
.fsForm .fsFieldRow input[type=text], .fsForm textarea {border: 1px solid #ddd!important;
  background-color: #fff!important;
  background-image: none!important;
  color: #555!important;
  padding: 0.5em!important;
  font-size: 1.5em!important;
  line-height: 18px!important;
  font-weight: 400!important;
  margin: 0.5em 0!important;
  width: 100%!important;}
.fsForm	input[type="checkbox"] {  -webkit-appearance: checkbox;
  -moz-appearance: checkbox;
  -ie-appearance: checkbox;
  -o-appearance: checkbox;
  appearance: checkbox;
  box-sizing: border-box;
  margin: 1em 0.5em 0 0;}
.fsForm	input[type="radio"] {  -webkit-appearance: radio;
  -moz-appearance: radio;
  -ie-appearance: radio;
  -o-appearance: radio;
  appearance: radio;
  box-sizing: radio;
  margin: 1em 0.5em 0 0;}
select.fsField {  -webkit-appearance: menulist;
  margin: 0.5em 0;
  border: 1px solid #ddd!important;
  color: #555!important;
  font-size: 1.25em!important;}
.fsForm p {  margin: 0.5em 0;}

.fsForm .fsPagination {  text-align: left;
  margin: 0;}
.fsSubmit input.fsSubmitButton {  line-height: 1.4!important;
  padding: .6em 1em!important;
  font-size: 1.2em!important;
  clear: both;
  width: 100%!important;
  margin: 0!important;}
.fsForm .fsPagination {  text-align: center!important;
  margin: 0!important;}
.fsError {  width: 100%!important;
  max-width: 40em;
  margin: 15px auto;
  font-size: 1em!important;
  background-color: #fee;
  color: red!important;
  border: none!important;
  padding: 10px;
  clear: both;
  text-align: center;}
legend.fsLabel.fsRequiredLabel {  font-size: 1.2em!important;}
.fsSubField {  float: none!important;
  margin-right: 0.8em!important;}
.fsValidationError .fsLabel {  color: #ba0000;
  padding-left: 0!important;
  background-image: url(../../images/2/validationAlert.png);
  background-image: none!important;
  background-repeat: no-repeat;
  background-position: left bottom;}
p.formstack {  margin: 0;
  text-align: center;}
.fsForm .fsSubmit {padding-left:15px!important;padding-right: 15px!important;}

.fsForm textarea {min-width:100%;}

/* Footer Media Queries */

@media only screen and (min-width: 42em)  {
  ul#menu-footer-menu.footer-navigation {text-align: right;
    margin: 0;
    position: absolute;
    top: 1em;
    right: 3em;}
  .site-info {padding: 1em;
    overflow-y: hidden;}
  .site-info p {text-align: left;
    margin: 0;}

  .uparrow {position: absolute;
    background-color: #3eb59a;
    padding: 1em 1em;
    right: 0;
    bottom: 0;
    max-height: 50px;}
  .email-signup {position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    max-width: 39%;
    height: 100%;}
}

@media only screen and (min-width: 65em)  {
  ul#menu-footer-menu.footer-navigation {  right: 0;
    }
  .uparrow {display: none!important;}
}
@media only screen and (min-width: 42em) and (max-width: 50em)  {  input#newsletter { width: 8em; }  }

@media only screen and (min-width: 76em)  {
  .site-footer {  }
  .footer-menus {margin-left: 1%;}
  .footer-menus li {display: block;}
  .footer-menu-1, .footer-menu-2, .footer-menu-3, .footer-menu-4 {max-width: 24%;
    height: 100%;
    float: left;
    min-height: 11em;
    padding-top: 1em;
    margin-right: 1.5%;}
  .footer-menu-1 {padding-left: 1.5em;}
  .email-signup {position: absolute;
    top: 0;
    right: 0;
    padding: 1em;
    max-width: 39%;}
}
@media only screen and (min-width: 85em)  {
  .footer-menu-1, .footer-menu-2, .footer-menu-3, .footer-menu-4 {margin-right: 4%;}
}


/*--------------------------------------------------------------
10.1 Posts and pages
--------------------------------------------------------------*/
.sticky {}
.hentry {
}
.byline,
.updated {  display: none;}
.single .byline,
.group-blog .byline {  display: inline;}
.page-content,
.page-header,
.entry-header,
.entry-content,
.entry-summary,
.page-footer,
.entry-footer,
.comments-area {  padding: 1.5em;}
.page-links {  clear: both;
  margin: 0 0 1.5em;}
/*--------------------------------------------------------------
10.2 Asides
--------------------------------------------------------------*/
.blog .format-aside .entry-title,
.archive .format-aside .entry-title {  display: none;}
/*--------------------------------------------------------------
10.3 Comments
--------------------------------------------------------------*/
.comment-content a {  word-wrap: break-word;}
.bypostauthor {}
/*--------------------------------------------------------------
11.0 Infinite scroll
--------------------------------------------------------------*/
/* Globally hidden elements when Infinite Scroll is supported and in use. */
.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */
.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */
  display: none;}
/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */
.infinity-end.neverending .site-footer {  display: block;}
/*--------------------------------------------------------------
12.0 Media
--------------------------------------------------------------*/
.page-content img.wp-smiley,
.entry-content img.wp-smiley,
.comment-content img.wp-smiley {border: none;
  margin-bottom: 0;
  margin-top: 0;
  padding: 0;}
/* Make sure embeds and iframes fit their containers */
embed,
iframe,
object {  max-width: 100%;}
/*--------------------------------------------------------------
12.1 Captions
--------------------------------------------------------------*/
.wp-caption {  margin-bottom: 1.5em;
  max-width: 100%;}
.wp-caption img[class*="wp-image-"] {  display: block;
  margin: 0 auto;}
.wp-caption-text {  text-align: center;}
.wp-caption .wp-caption-text {  margin: 0.8075em 0;}
/*--------------------------------------------------------------
12.2 Galleries
--------------------------------------------------------------*/
.gallery {  margin-bottom: 1.5em;}
.gallery-item {  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 100%;}
.gallery-columns-2 .gallery-item {  max-width: 50%;}
.gallery-columns-3 .gallery-item {  max-width: 33.33%;}
.gallery-columns-4 .gallery-item {  max-width: 25%;}
.gallery-columns-5 .gallery-item {  max-width: 20%;}
.gallery-columns-6 .gallery-item {  max-width: 16.66%;}
.gallery-columns-7 .gallery-item {  max-width: 14.28%;}
.gallery-columns-8 .gallery-item {  max-width: 12.5%;}
.gallery-columns-9 .gallery-item {  max-width: 11.11%;}
.gallery-caption {}




/* Retina-specific Styles */
@media print,
  (-o-min-device-pixel-ratio: 5/4),
  (-webkit-min-device-pixel-ratio: 1.25),
  (min-resolution: 120dpi) {
  .site-title {background: url('images/logo@2x.png') 50% 50% no-repeat;
    background-size: 162px 48px;
    width: 162px;
    height: 48px;}
  .dot-com-tile .tld-name h2 { background: url('images/dotcom@2x.png') no-repeat 53% 58%; color: transparent; background-size: 155px; }
  .dot-net-tile .tld-name h2 { background: url('images/dotnet@2x.png') no-repeat 50% 50%; color: transparent; background-size: 130px; }
  .dot-org-tile .tld-name h2 { background: url('images/dotorg@2x.png') no-repeat 50% 55%; color: transparent; background-size: 140px; }
  .symantec-tile h3 {background: url('images/symantec@2x.png') no-repeat 50% 0;
    background-size: 120px;}
  .thawte-tile h3 {background: url('images/thawte@2x.png') no-repeat 50% 0;
    background-size: 120px;}
  .geotrust-tile h3 {background: url('images/geotrust@2x.png') no-repeat 50% 0;
    background-size: 120px;}
  .trustwave-tile h3 {background: url('images/trustwave@2x.png') no-repeat 50% 0;
    background-size: 120px;}
  .comodo-tile h3 {background: url('images/comodo@2x.png') no-repeat 50% 0;
    background-size: 120px;}

  span.symantec-table {background: url('images/symantec_chart@2x.png') no-repeat 50% 50%;
    background-size: 100px 30px;}
  span.geotrust-table {background: url('images/geotrust_chart@2x.png') no-repeat 50% 50%;
    background-size: 100px 30px;}
  span.trustwave-table {background: url('images/trustwave_chart@2x.png') no-repeat 50% 50%;
    background-size: 100px 30px;}
  span.comodo-table {background: url('images/comodo_chart@2x.png') no-repeat 50% 50%;
    background-size: 100px 30px;}
  span.thawte-table {background: url('images/thawte_chart@2x.png') no-repeat 50% 50%;
    background-size: 100px 30px;}

}



/* IE8 SVG Image Fallbacks */

.no-svg .page-template-_home-page-php .hero-parfait {background: url('images/home-hero2.png') repeat-x 0 100%;}
.no-svg .grid-home-product {background: url('images/home-product.png') no-repeat 50% 0;}
.no-svg .grid-home-platform {background: url('images/home-platform.png') no-repeat 50% 0;}
.no-svg .grid-home-integration {background: url('images/home-integration.png') no-repeat 50% 0;}
.no-svg .client-tile:after {background: url('images/globe2.png') no-repeat;}
.no-svg .page-template-_why-page-php .hero {background: url('images/globe.png') no-repeat 96% 50%;}
.no-svg .brandable {background: url('images/design.png') no-repeat 50% 0;}
.no-svg .performance {background: url('images/rocket.png') no-repeat 50% 0;}
.no-svg .reliable {background: url('images/check.png') no-repeat 50% 0;}
.no-svg .integration {background: url('images/api.png') no-repeat 50% 0;}
.no-svg .package {background: url('images/package.png') no-repeat 50% 0;}
.no-svg .next-platform {background: url('images/next-platform.png') no-repeat 0 50%;}
.no-svg .page-template-_offer-page-php .hero {background: url('images/platform.png') no-repeat 97% 50%;}
.no-svg .snip-domain {background: url('images/domain.png') no-repeat 1% 2em;}
.no-svg .snip-ssl {background: url('images/ssl.png') no-repeat 1% 2em;}
.no-svg .snip-email {background: url('images/email.png') no-repeat 1% 2em;}
.no-svg .snip-security {background: url('images/security.png') no-repeat 1% 2em;}
.no-svg .next-integration {background: url('images/next-integration.png') no-repeat 0 50%;}
.no-svg .page-template-_domains-page-php .hero {background: url('images/domain.png') no-repeat 3em 3em;}
.no-svg .name-suggest {background: url('images/lightbulb.png') no-repeat 50% 0;}
.no-svg .managed-dns {background: url('images/gears.png') no-repeat 50% 0;}
.no-svg .customer-care {background: url('images/support.png') no-repeat 50% 0;}
.no-svg .contact-privacy {background: url('images/private.png') no-repeat 50% 0;}
.no-svg .parked-pages {background: url('images/keys.png') no-repeat 50% 0;}
.no-svg .dedicated-team {background: url('images/network.png') no-repeat 50% 0;}
.no-svg .next-pricing {background: url('images/next-pricing.png') no-repeat 0 50%;}


.no-svg .page-template-_ssl-page-php .hero {background: url('images/ssl.png') no-repeat 3em 3em;}
.no-svg .next-email {background: url('images/next-email.png') no-repeat 0 -20px;}
.no-svg .page-template-_email-page-php .hero,
.no-svg .page-template-_email-page-php .hero {background: url('images/email.png') no-repeat 3em 3em;}
.no-svg .protocol {background: url('images/protocol.png') no-repeat 50% 0;}
.no-svg .language {background: url('images/language.png') no-repeat 50% 0;}
.no-svg .spam {background: url('images/spam.png') no-repeat 50% 0;}
.no-svg .storage {background: url('images/storage.png') no-repeat 50% 0;}
.no-svg .ui {background: url('images/ui.png') no-repeat 50% 0;}
.no-svg .save {background: url('images/save.png') no-repeat 50% 0;}
.no-svg .ops {background: url('images/ops.png') no-repeat 50% 0;}
.no-svg .solid {background: url('images/solid.png') no-repeat 50% 0;}
.no-svg .next-security {background: url('images/next-security.png') no-repeat 0 -20px;}
.no-svg .page-template-_security-page-php .hero {background: url('images/security.png') no-repeat 3em 3em;}
.no-svg .next-integration {background: url('images/next-integration.png') no-repeat 0 50%;}
.no-svg .evaluate {background: url('images/evaluate.png') no-repeat 50% 1em;}
.no-svg .negotiate {background: url('images/negotiate.png') no-repeat 50% 1em;}
.no-svg .control {background: url('images/control.png') no-repeat 50% 1em;}
.no-svg .next-pricing {background: url('images/next-pricing.png') no-repeat 0 50%;}
.no-svg .next-ssl {background: url('images/next-ssl.png') no-repeat 0 -10px;}
.no-svg .page-template-_integration-page-php .hero {background: url('images/integration.png') no-repeat 100% 50%;}
.no-svg .snip-api2 {background: url('images/api2.png') no-repeat 2% 1em;}
.no-svg .snip-tools {background: url('images/plug.png') no-repeat 1.5% 1.5em;}
.no-svg .snip-hrs {background: url('images/hrs.png') no-repeat 1% 1.5em;}
.no-svg .snip-ucp {background: url('images/ucp.png') no-repeat 1% 1.5em;}
.no-svg .next-contact {background: url('images/next-contact.png') no-repeat 10px 50%;}
.no-svg .page-template-_api-page-php .hero {background: url('images/api2.png') no-repeat 3em 2em;}
.no-svg .domain-api {background: url('images/domain-api.png') no-repeat 50% 1em;}
.no-svg .ssl-api {background: url('images/ssl-api.png') no-repeat 50% 1em;}
.no-svg .email-api {background: url('images/email-api.png') no-repeat 50% 1em;}
.no-svg .next-documentation {background: url('images/next-documentation.png') no-repeat 0 -20px;}
.no-svg .page-template-_plugins-page-php .hero {background: url('images/plug.png') no-repeat 3em 2em;}
.no-svg .page-template-_hrs-page-php .hero {background: url('images/hrs.png') no-repeat 2em 3em;}
.no-svg h3.documentation-resources {background: url('images/documentation.png') no-repeat 50% 1em;}
.no-svg h3.marketing-resources {background: url('images/marketing.png') no-repeat 50% 1em;}
.no-svg h3.video-resources {background: url('images/video.png') no-repeat 50% 1em;}
.no-svg h3.domain-resources {background: #f37d27 url('images/domain-resources.png') no-repeat -0.5em 50%;}
.no-svg h3.email-resources {background: #f37d27 url('images/email-resources.png') no-repeat -0.5em 50%;}
.no-svg h3.publishing-resources {background: #f37d27 url('images/publishing-resources.png') no-repeat -0.5em 50%;}
.no-svg h3.ssl-resources {background: #f37d27 url('images/ssl-resources.png') no-repeat -0.5em 50%;}
.no-svg h3.hrs-resources {background: #f37d27 url('images/hrs-resources.png') no-repeat -0.5em 50%;}
.no-svg h3.api-resources {background: #f37d27 url('images/api-resources.png') no-repeat -0.25em 50%;}
.no-svg h3.contract-resources {background: #f37d27 url('images/contract-resources.png') no-repeat -0.5em 50%;}
.no-svg h3.payment-resources {background: #f37d27 url('images/payment-resources.png') no-repeat -0.5em 50%;}
.no-svg .get-started-domain {background: url('images/domain.png') no-repeat 50% 1em;}
.no-svg .get-started-ssl {background: url('images/ssl.png') no-repeat 50% 1em;}
.no-svg .get-started-email {background: url('images/email.png') no-repeat 50% 1em;}
.no-svg .get-started-security {background: url('images/security.png') no-repeat 50% 1em;}
.no-svg .control-panel {background: url('images/panel.png') no-repeat 50% 1em;}
.no-svg .test-panel {background: url('images/test.png') no-repeat 50% 1em;}
.no-svg .mwi {background: url('images/mwi.png') no-repeat 50% 1em;}
.no-svg .alert {background: url('images/alert.png') no-repeat 50% 0;}
.no-svg .facilities {background: url('images/facilities.png') no-repeat 50% 0;}
.no-svg .connectivity {background: url('images/connectivity.png') no-repeat 50% 0;}
.no-svg .monitoring {background: url('images/monitoring.png') no-repeat 50% 0;}
.no-svg .maintenance {background: url('images/maintenance.png') no-repeat 50% 0;}
.no-svg .upgrade {background: url('images/upgrade.png') no-repeat 50% 0;}
.no-svg .knife {background: url('images/knife.png') no-repeat 50% 0;}
.no-svg .clock {background: url('images/clock.png') no-repeat 50% 0;}
.no-svg .accurate {background: url('images/accurate.png') no-repeat 50% 0;}
.no-svg .permission {background: url('images/permission.png') no-repeat 50% 0;}
.no-svg .simple {background: url('images/simple.png') no-repeat 50% 0;}
.no-svg .flexible {background: url('images/flexible.png') no-repeat 50% 0;}

.no-svg .upcoming-phase {background: url('images/upcoming.png') no-repeat 50% 0;}
.no-svg .sunrise-phase {background: url('images/sunrise.png') no-repeat 50% 0;}
.no-svg .quiet-phase1 {background: url('images/quiet.png') no-repeat 50% 0;}
.no-svg .landrush-phase {background: url('images/landrush.png') no-repeat 50% 0;}
.no-svg .quiet-phase2 {background: url('images/quiet.png') no-repeat 50% 0;}
.no-svg .ga-phase {background: url('images/ga.png') no-repeat 50% 0;}

.ssl-product .wp-post-image {width:3em;}

/*.hero-vertical-centre h1, .hero-vertical-centre p {display:inline-block;}*/

.hero-vertical-centre {display:block;text-align: center;white-space: nowrap;padding-top:0!important;}
.hero-vertical-centre:before {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.ssl-product .hero-vertical-centre-group {display:inline-block;vertical-align:bottom;min-height:180px;}
.hero-vertical-centre {display:block;width:100%;}
.hero-mobile {display:none}
.productheading {text-align:center;width:auto;margin-left:auto;margin-right:auto;margin-bottom:0!important;}
.productheading img {height:220px;width:220px;}
.productheading table {float:left;clear:none;display:block;width:auto;position:relative;}
.productheading td {vertical-align:middle;width:auto;}
.productheading td:first-child {width:220px!important}
.hero.vertical-centre-outer {position:relative;display:table;width:auto;
  margin-left:auto;margin-right:auto;padding-right:0!important;padding-bottom:0!important;
}
.hero-mobile .hero {margin-left:auto;margin-right:auto;text-align:center;}

.hero-mobile .hero img {height:220px;text-align:center;position:relative;display:inline-block;margin-left:auto;margin-right:auto;}
.centred {text-align:center}





/*
.hero.vertical-centre-outer {
position: absolute;
display: table;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
text-align: center;
}

.hero .vertical-centre-group {
  #position: absolute;
  display: table-cell;
  #top: 50%;
  vertical-align: middle;
  text-align: center;
}

.hero .vertical-centre {
  #position: relative;
  #top: -50%;
  text-align: center;
  display: inline;
  background-color: red;
  color: white;
}
*/

/*
.hero .vertical-centre {display:table-cell;vertical-align: middle}
.hero .vertical-centre-group {min-height:170px!important;display:table-row!important;width:auto;height:100%;border: 2px solid blue!important}
.hero.vertical-centre {display:table;width:auto;margin-left:auto;margin-right:auto;padding-right:0!important;padding-bottom:0!important}
.centred {text-align:center}
*/



@media only screen and (min-width: 42.01em) {
  ul.ruledlist {-webkit-columns: 2;-moz-columns: 2;columns: 2;-webkit-column-gap: 30px;-moz-column-gap: 30px;column-gap: 30px;}
}
@media only screen and (min-width: 65.01em) {
  -webkit-column-gap: 40px;-moz-column-gap: 40px;column-gap: 40px;
}


ul.ruledlist {margin:0;overflow:hidden;}
.rightalign {white-space:nowrap;margin-left:auto;margin-right:0;float:right;color:black;}
.extrainfo {font-size:80%;text-align:right;margin-bottom:0;color:black;}
ul.ruledlist li {text-align:left;text-indent:0;display:block;border-width:2px 0 0 0;border-color:#e6e3d2;border-style: solid;padding:0.3em 0 0.3em;line-height:2.5rem;
  break-inside: avoid-column;
  -webkit-column-break-inside:avoid;
  -moz-column-break-inside:avoid;
  -o-column-break-inside:avoid;
  -ms-column-break-inside:avoid;
  column-break-inside:avoid;
  page-break-inside: avoid;
}


ul.ruledlist li:before {content:'';display:none;}
ul.ruledlist li:after {content:'';display:table;clear:both;}
ul.ruledlist li.checked:before, ul.ruledlist li.exed:before {white-space:nowrap;float:right;padding:0 0 0 1em;display:block;clear:both;}
ul.ruledlist li.checked:before, .landing.checked:before, .tpmulti .checked:before, .tablepress .checked:before  {content:'\e606';color:#3eb49a;}
ul.ruledlist li.exed:before, .landing.exed:before, .tpmulti .exed:before {content:'\e607';color:#be202e;}
.landing.checked:before, .landing.exed:before, .tpmulti .exed:before
.landing.checked:after, .landing.exed:after, .tpmulti .checked:before {font-size:125%;line-height:125%;}
.morebutton {background-color:#f4f4ea;padding:0.5em;margin-bottom:-0.5em;border:none;display:inline-block;}
a.morebutton:visited, a.morebutton {border:none}
.tpmulti .exed:before, .tpmulti .checked:before {text-align:center;margin-left:auto;margin-right:auto;display:table;clear:both;}
.tpmulti .exed:before {padding-top:0.25em;}
/*.exed:after, .checked:after {display:table;clear:both;}*/
.morebutton:after {margin-left:0.375em;content:'\e62f';font-family:'opensrs';font-size:80%;font-variant:normal;line-height:inherit;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;color:#555;}
.morebutton:before {content:'Details';font-weight:400;color:#555;}
.compare .morebutton:before, .morebutton.compare :before {content:'Compare';}
.moreinfo .morebutton:before, .morebutton.moreinfo :before {content:'More Info';}
.more .morebutton:before, .morebutton.more :before {content:'More';}
.pricepoint {font-weight:900;font-size:2.5em;}
.pricepoint sup {font-weight:700;font-size:50%;vertical-align:text-top;top:-1em;}
.ctabanner {width:100%;padding:1.625em;padding:2rem;background-color:#F6F5EA;text-align:center}
.ctabanner h4 {margin-bottom:0!important;}
.ctabanner h3 {margin-top:0!important;margin-bottom:0!important;}
.morebutton:hover {background-color:#e6e3d2;border:none;}
[class^="downloadcsv"], [class*="downloadcsv"] {cursor:pointer}
.dataTables_wrapper {line-height:120%}
[class^="downloadcsv"] + hr,[class*="downloadcsv"] + hr  {margin-top:1.5em;}
#fullcsvtable {display:block;visibility: hidden;position:absolute;left:-999em;}
.downloadcsv a {font-size:1.3em;}

/* multiple product comparison */
.tpmulti-wrapper, tpmulti-wrapper {width:100%;overflow-x:auto;}
.tpmulti.table {overflow-y:auto}
.tpmulti .morebutton {margin-bottom:0;}
/*.tpmulti .morebutton:after {display:table;clear:both;content:''}*/
.tpmulti.table {width:100%}
.tpmulti-scroll {display:none!important}
.tpmulti .headrow {white-space:nowrap; background-color:#F5F4E9;width:100%;height:auto;display:block;}
.tpmulti .headrow:after {content:'';display:table;clear:both;height:0;margin:0;padding:0;border-collapse: collapse}
.tpmulti .bodyrow {white-space:nowrap; display:block;clear:both;float:none;border-width:2px 0 0 0;border-color:#e6e3d2;border-style: solid;}
.tpmulti .cell {white-space:normal; font-size: 16px;line-height:2.5rem;text-align:center;display:block;float:left;padding:8px 4px 8px 4px;background-color:transparent;vertical-align:top;text-align:center;}
.tpmulti .cell span {padding-top:5px;padding-bottom:5px}
.tpmulti.cols-4 .cell {width:17.5%;}
.tpmulti.cols-5 .cell {width:14%;}
.tpmulti.cols-6 .cell {width:11.65%;}
.tpmulti.cols-7 .cell {width:10%;}
.tpmulti.cols-8 .cell {width:8.75%;}
.tpmulti.cols-4 .cell.lead,
.tpmulti.cols-5 .cell.lead,
.tpmulti.cols-6 .cell.lead,
.tpmulti.cols-7 .cell.lead,
.tpmulti.cols-8 .cell.lead {width:30%;text-align:left;}

.tpmulti.table.simplechecklist {width:100%;display:table}
.tpmulti.table.simplechecklist .bodyrow {display:table-row;}
.tpmulti.table.simplechecklist .bodyrow .cell {border-top:2px solid #EEEEEC!important;}
.tpmulti.table.simplechecklist .bodyrow .cell {display:table-cell;height:auto!important;overflow:visible!important;vertical-align:top;}
.tpmulti.table.simplechecklist .bodyrow .cell {width:90%}
.tpmulti.table.simplechecklist .bodyrow .cell + .cell {max-width:10%;}
.tpmulti.table.simplechecklist .bodyrow .cell + .cell:before {margin-left:auto;margin-right:0;}


.dataTables_wrapper [class*=' tablepress-id-'] .sorting:after,
.dataTables_wrapper [class^='tablepress-id-'] .sorting:after,
.dataTables_wrapper [class*=' tablepress-id-'] .sorting_asc:after,
.dataTables_wrapper [class^='tablepress-id-'] .sorting_asc:after,
.dataTables_wrapper [class*=' tablepress-id-'] .sorting_desc:after,
.dataTables_wrapper [class^='tablepress-id-'] .sorting_desc:after {	content: ''; }

/*.dataTables_wrapper th.sorting {padding-top:8px!important;padding-bottom:6px!important}*/

.dataTables_wrapper [class*=' tablepress-id-'] .sorting,
.dataTables_wrapper [class^='tablepress-id-'] .sorting,
.dataTables_wrapper [class*=' tablepress-id-'] .sorting_asc,
.dataTables_wrapper [class^='tablepress-id-'] .sorting_asc,
.dataTables_wrapper [class*=' tablepress-id-'] .sorting_desc,
.dataTables_wrapper [class^='tablepress-id-'] .sorting_desc {padding-right: 0;}


/* production – identify custom font characters */
.fontsample:after {font-family:sans-serif;font-size:20px;line-height:100%;content:'e63b .icon-link \A e635 .icon-video \A e639 .icon-file2 \A e634 .icon-phone \A e63a .icon-video-2 \A e636 .icon-file-pdf \A e637 .icon-file-word \A e638 .icon-file-xml \A e600 .icon-search \A e601 .icon-envelope-o \A e602 .icon-heart \A e603 .icon-star \A e604 .icon-star-o \A e605 .icon-user \A e606 .icon-check \A e607 .icon-times \A e608 .icon-gear \A e609 .icon-home \A f016 .icon-file-o \A f023 .icon-lock \A e60a .icon-tag \A e60b .icon-tags \A e60c .icon-bookmark \A e60d .icon-align-justify \A e60e .icon-pencil \A e60f .icon-chevron-left \A e610 .icon-chevron-right \A e611 .icon-plus-circle \A e612 .icon-minus-circle \A e613 .icon-times-circle \A e614 .icon-check-circle \A e615 .icon-arrow-left \A e616 .icon-arrow-right \A e617 .icon-arrow-up \A e618 .icon-arrow-down \A f064 .icon-mail-forward \A e619 .icon-plus \A e61a .icon-minus \A e61b .icon-exclamation-circle \A e61c .icon-warning \A e61d .icon-comment \A e61e .icon-chevron-up \A e61f .icon-chevron-down \A f07b .icon-folder \A f07c .icon-folder-open \A f082 .icon-facebook-square \A e620 .icon-comments \A f08e .icon-external-link \A f090 .icon-sign-in \A e621 .icon-github-square \A e622 .icon-twitter \A e623 .icon-github \A e624 .icon-rss \A e625 .icon-filter \A e626 .icon-caret-down \A e627 .icon-caret-up \A e628 .icon-caret-left \A e629 .icon-caret-right \A e62a .icon-unsorted \A e62b .icon-sort-down \A e62c .icon-sort-up \A e62d .icon-envelope \A f0ed .icon-cloud-download \A f0ee .icon-cloud-upload \A e62e .icon-angle-left \A e62f .icon-angle-right \A e630 .icon-angle-up \A e631 .icon-angle-down \A e632 .icon-github-alt \A e633 .icon-info \A f133 .icon-calendar-o \A f148 .icon-level-up \A f149 .icon-level-down \A f15b .icon-file \A f15c .icon-file-text \A e63c .icon-linkedin \A '}
.fontsample:before {font-family:'opensrs';font-size:20px;line-height:100%;content:'\e63b\A\e635\A\e639\A\e634\A\e63a\A\e636\A\e637\A\e638\A\e600\A\e601\A\e602\A\e603\A\e604\A\e605\A\e606\A\e607\A\e608\A\e609\A\f016\A\f023\A\e60a\A\e60b\A\e60c\A\e60d\A\e60e\A\e60f\A\e610\A\e611\A\e612\A\e613\A\e614\A\e615\A\e616\A\e617\A\e618\A\f064\A\e619\A\e61a\A\e61b\A\e61c\A\e61d\A\e61e\A\e61f\A\f07b\A\f07c\A\f082\A\e620\A\f08e\A\f090\A\e621\A\e622\A\e623\A\e624\A\e625\A\e626\A\e627\A\e628\A\e629\A\e62a\A\e62b\A\e62c\A\e62d\A\f0ed\A\f0ee\A\e62e\A\e62f\A\e630\A\e631\A\e632\A\e633\A\f133\A\f148\A\f149\A\f15b\A\f15c\A\e63c\A'}
.fontsample:before, .fontsample:after {white-space:pre;display:inline-block;margin-right:10px;}
/* production – hide top nav */
/*#masthead, .breadcrumb-wrapper {opacity:0;} */
#tablepress-4_wrapper .tablepress-meta {display:none!important}

@media(max-width:680px) {

.grid-home-generic {padding-left:1em;padding-right:1em;text-align:center;}
.grid-home-generic + .grid-home-generic {border-top:3px solid #EEEEEC!important;padding-top:2em!important;border-left:none!important;}

.grid-home-generic img {height:auto;width:auto;}

  .tpmulti-scroll {display:block!important}
    .gapdividers .sitelock-card-middle:before, .gapdividers .sitelock-card-middle:after {margin-top:0;}
  .logoleft img {margin-right:0;float:none;text-align:center;max-width:240px}
  .logoleft {min-width:inherit}
  .logoleft, .logoafter {display:block;float:none!important;text-align:center;}
  .logoafter {margin-top:1rem;padding-left:0}
  .minwidth-0 {min-width:inherit!important}

.tablepress-id-10 .column-1,
.tablepress-id-10 .column-2,
.tablepress-id-10 .column-3,
.tablepress-id-10 .column-4 {width: 25%;padding-left:0!important;padding-right:0!important;}
.tablepress-id-10 .row-1 {font-size:85%;line-height:100%;}
}
@media(max-width:767px){
.grid-home-generic {padding-left:16px;padding-right:16px}
.grid-home-generic img {height:auto!important;width:auto;}
.grid-home-generic {padding-left:1em;padding-right:1em;text-align:center;}
.grid-home-generic + .grid-home-generic {border-top:3px solid #EEEEEC!important;padding-top:2em!important;border-left:none!important;}

.tablepress-responsive-phone tbody td:empty:before{content:"\00a0"}
.tablepress-responsive-phone thead th{width:auto!important}
.tablepress-responsive-phone thead tr th:not(:last-child){border-bottom:1px solid transparent}
.tablepress-responsive-phone tbody tr td:not(:last-child){border-bottom:1px solid #ddd}
.dataTables_wrapper .tablepress-responsive-phone .sorting div:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);padding:0}
  .tpmulti-wrapper, tpmulti-wrapper {width:100%;max-width:100%;overflow-x:scroll;}
  .tpmulti-wrapper.noresp {overflow-x:auto;}
  .tpmulti .cell {z-index:0}
  .tpmulti .cell.lead {z-index:5!important;max-width:100px;height:100%;background-color:#E6E3D2;}
  .noresp .tpmulti .cell.lead {max-width:inherit;height:auto;background-color: transparent;}
/*  .tpmulti {width:800px}*/
  .tpmulti .bodyrow, .tpmulti .headrow {overflow:hidden;white-space:normal;}
  .tpmulti .cell {white-space:nowrap;display:block!important;float:left;position:relative;min-width:90px;padding-left:8px;padding-right:8px;}
  .tpmulti.table {width:700px;overflow-x: scroll!important}
  .noresp .tpmulti.table {width:100%;overflow-x:hidden!important}
  .tpmulti .cell span {white-space:normal;max-width:110px;}
.tpmulti.cols-4 .cell {width:120px;line-height:100%;}
.tpmulti.cols-4 .cell.lead {width:30%;text-align:left;}
.tpmulti.cols-5 .cell {width:120px;line-height:100%;}
.tpmulti.cols-5 .cell.lead {width:30%;text-align:left;}
.tpmulti.cols-6 .cell {width:120px;line-height:100%;}
.tpmulti.cols-6 .cell.lead {width:30%;text-align:left;}
.tpmulti.cols-7 .cell {width:120px;line-height:100%;}
.tpmulti.cols-7 .cell.lead {width:30%;text-align:left;}
.tpmulti.cols-8 .cell {width:120px;line-height:100%;}
.tpmulti.cols-8 .cell.lead {width:30%;text-align:left;}
.tpmulti.cols-5.table {width:800px}
.tpmulti.cols-6.table {width:800px}

}
@media only screen and (max-width:979px){
.grid-home-generic {height:300px!important;width:100%!important}
  .showondesktop .grid-home-generic {height:auto!important;padding-bottom:0!important}
  .grid-home-generic + .grid-home-generic {border-top:none;border-left:3px solid #EEEEEC;}
.grid-home-generic img {max-height:40px!important;width:auto;}


.tablepress-responsive-tablet thead th {width:80px!important;padding:2px 4px 2px 4px!important;}
.tablepress-responsive-tablet thead th:first-child,
.tablepress-responsive-tablet tbody tr td:first-child {padding-top:10px!important}
.tablepress-responsive-tablet thead th:first-child {padding-top:12px!important}
.tablepress-responsive-tablet tbody td:empty:before{content:"\00a0"}
.tablepress-responsive-tablet thead tr th:not(:last-child){border-bottom:1px solid transparent}
.tablepress-responsive-tablet tbody tr td:not(:last-child){border-bottom:1px solid #ddd}

.tablepress-responsive-tablet thead tr th,
.tablepress-responsive-tablet tbody tr td {padding:2px!important;}
.tablepress-responsive-tablet tbody tr td span.symantec-table,
.tablepress-responsive-tablet tbody tr td span.thawte-table,
.tablepress-responsive-tablet tbody tr td span.geotrust-table,
.tablepress-responsive-tablet tbody tr td span.trustwave-table,
.tablepress-responsive-tablet tbody tr td span.comodo-table
  {display:block;margin-left:-28px;margin-right:-20px;padding:0!important;margin:0!important;width:100px!important;background-size: 84px 25px;}

.tablepress-responsive-tablet thead tr th,
.tablepress-responsive-tablet tbody tr td {min-height:4.5em;white-space:normal;}
.tablepress-responsive-tablet tbody tr td{width:100px!important;}

.dataTables_wrapper .tablepress-responsive-tablet .sorting div:after{-webkit-transform:rotate(90deg);transform:rotate(90deg);padding:0}
}

.hideondesktop .morebutton {margin-top:0em;margin-bottom:0.5em;clear:both;display:inline-block;width:auto;margin-left:auto;margin-right:auto;}

@media only screen and (min-width: 60.01em) {
  .grid-home-generic + .grid-home-generic {border-left:3px solid #eeeeec!important;}
  .grid-home-generic + .grid-home-generic {padding-top:0!important;border-top:none!important;}

.grid-home-generic {height:250px!important;}
.showondesktop .grid-home-generic {height:auto!important;border-left:none!important;padding-bottom:0!important}
.gapdividers .sitelock-card-middle:before, .gapdividers .sitelock-card-middle:after {min-height:110%;}
.showondesktop {display:block!important}
.hideondesktop {display:none!important}
}

@media only screen and (max-width:767px) {.grid-home-generic {height:auto!important;}}

@media only screen and (min-width:980px){
.grid-home-generic img {max-height:40px!important;}
}

/* Reseller Page START */

/* overrides*/

/*.reseller-content-area {background-color:white}*/

.button.white {background-color:white}
.text-bluegreen {color:#05828E;}
.bluegreen, .bluegreen .collapse-text-show {background-color:#05828E;}
.text-white, .text-white .collapse-text-show {color:white}
.grid-3 {}
.centered {text-align:center;margin-left:auto;margin-right:auto}
.nothingbefore:before {content:none}
.fsPage {text-align:left;}
.resellergrid-wrapper .fsPage,
.resellergrid-wrapper .fsSubmit {background-color: #fff!important;}
.resellergrid-wrapper .fsSubmit {padding:0!important;border:20px solid white;margin-left:0!important;margin-right:0!important;}
.resellergrid-wrapper .formstack a:first-child:after {content:none;}
.resellerheader-wrapper {}
.reseller123-container {background-color:white;width:100%;}
.resellergrid-wrapper {padding-bottom:24px;}
/*.resellergrid-wrapper a + a {margin-left:3em!important;margin-bottom:2em;}*/
/*.resellergrid-wrapper a + a {display:inline-block;margin-bottom:2em;}*/
.resellergrid-wrapper a:after {content:'';display:table;clear:both;margin-bottom:1em;}

/*.resellergrid-container.grid-container {background-color: #05828E;position:absolute;margin:0;left:0;overflow:visible;}*/
/* #05828E Green */
.resellerpage .entry-content {padding-bottom:0}
.em-wrapper, .em-navset-header {margin-left:-50%!important;margin-right:-50%!important;text-align:left;}
.em-wrapper .grid-3 p:last-child {margin-bottom: 0;}
.em-wrapper .grid-3 {padding-bottom: 0.5em;margin-bottom:0.5em;}
.em-wrapper h4, .em-wrapper p {text-align:left;}
.em-wrapper .grid-container:last-child {padding-bottom: 1em;}
.em-wrapper h3 {line-height: 1.35;}
.em-container {position:relative;width:50%;max-width:70em;margin:0 auto;}
.em-container .grid-2 {padding-left:0;padding-right:16px;width:50%;}
.em-container .grid-2:before {content:none}
.em-container .grid-2 + .grid-2 {padding-left:16px;padding-right:0;margin-right:-1%;}
.resellerheader-wrapper,
.resellergrid-wrapper,
.resellertestimonial-wrapper {background-color: #f6f5ea;margin-left:-50%;margin-right:-50%;}
.resellertestimonial-wrapper {background-color: #05828E;padding-top:24px!important;margin-bottom:-24px;}
.em-container:after,
.resellertestimonial-container:after {display:table;content:' ';clear:both}
.resellerheader-container {position:relative;text-align: center;margin-top:-4.5em!important;padding-bottom:1.5em;}
.resellerheader-container > p > span {position: relative;top:0.5em;}
.resellerheader-container,
.resellergrid-container.grid-container,
.resellertestimonial-container {position:relative;width:50%;max-width:70em;margin:0 auto;}
.resellergrid-container.grid-container {color:#565550;}
.resellergrid-container {padding-top:0;padding-bottom:0;}
.resellergrid-container .grid-3 p{font-size:1.15em;}

.reseller123-container .grid-3 p:last-child {margin-bottom:0}
.resellergrid-container .grid-3:before,
.reseller123-container h2,
.resellergrid-container h2 {font-size: 3em;}
.reseller123-container h2 {padding-top:0.5em;margin-bottom:0;}
.resellergrid-container h2 {padding-top:0.75em;margin-bottom:0.5em;}
.reseller123-container .grid-3 {}
.resellergrid-container .grid-3:before,
.reseller123-container .grid-3:before {content:none;}
.reseller123-container .grid-3 p {text-align:left;margin-left:2.5em;}
.reseller123-container .grid-3 p:last-child {margin-bottom:0;}
.reseller123-container .grid-3 p img {float:left;margin-top:0.25em;margin-left:-2.75em;}
.reseller123-container .grid-3 + .grid-3:before {height:auto;margin-top:1em;background-color:transparent;content: url('https://opensrs.com/wp-content/uploads/reseller123_arrow.svg');width:30px;height:56px;margin:4.5em 0 0 -1em;margin:7rem 0 0 -1.6rem;}

/* rolling words effect - START */
/*
.rollingSet {display:inline-block;text-align:center;width:auto;margin-left:auto;margin-right:auto;}
.rollingWord {display:inline-block;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
p.reseller {font-size:175%;}
.rollingWord {font-size:27px;}
.rollingPhrase {display:inline-block;font-size:27px;}
a.rollingSet,a.rollingSet:hover,a.rollingSet:active {text-decoration:none!important;border:none!important;color:inherit;}
.rollingSet ul {margin:0}
.rollingSet ul li {display:inline-block;}
.rollingLetter {text-align:center;}
.rollingFrame {overflow:hidden;margin-top:0.1em;height:1em;line-height:100%;width:0px;float:left;position:relative;margin-top: 0.75em;margin-bottom: -0.75em;letter-spacing:-0.02em;}
.rollingWord + .rollingWord {margin-left:0.25em}
.rollingCol {position:absolute;top:0;-webkit-transition: opacity 1.5s, color 1.5s;transition: opacity 1.5s, color 1.5s;}
#rlm {display:none}
.rlu {display:block;clear:both;position:relative;height:1em;overflow:visible;text-align:center;padding-top: 0;top:-5px}
.rlu span {width:auto}
.rlu:after {clear: both;}
.mw {margin-left:auto;margin-right:auto;text-align:center;}
*/
/* rolling words effect - END */

/* swap words effect - START */
p.reseller, .swapword {font-size:27px;line-height:125%;}
.swapword-set {overflow:visible!important}
.swapword-link {font-size:32px;}
.swapword-phrase {padding-top:2px}
.transparent {background-color: transparent;}
.swapword {margin-top:1em;}
.swapword a {color:#555;border:0!important;}
.swapword-container {width:auto;text-align:center;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.swapword-link {cursor:pointer;}
.swapword-unit {display:inline-block;}
.swapword-set, .swapword-phrase {display:inline-block;overflow:visible;vertical-align:top;}
.swapword-out, .swapword-hold {position:absolute;}
.swapword-next {display:none;}
.swapword-set, .swapword-out, .swapword-hold {white-space: nowrap;}

/* swap words effect - END */

.resellergrid-container h2:before
{height:auto;margin-top:1em;background-color:transparent;width:auto;margin:3em 0 0 0em;}
.resellergrid-container p {text-align:left;margin-bottom:0.625em;margin-left:0;padding:0;}
.resellergrid-container table {margin-bottom:0.25em;}
.resellergrid-container table td {vertical-align:middle;}
.resellergrid-container table tr > td:first-child {width:80px;}

.resellergrid-container table td + td {font-size:1.625em;font-weight:400;text-align:left;vertical-align:absmiddle;line-height: 125%;}
.reseller123-container .grid-3:before {}
/*.resellergrid-container.grid-container * {position:relative;border:1px solid blue}*/
.resellergrid-container.grid-container:after {content:'';clear:both;display:table}

/*body:after {position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,0.6);padding:4px;color:azure;}*/

/* reseller mobile styles */
@media only screen and (min-width: 30em){}

@media only screen and (max-width:50em){
.resellertestimonial-container .testimonial + .testimonial {padding-bottom:32px;}
p.reseller, .swapword {font-size:24px;margin-bottom:0.5em;}
.swapword-set, .swapword-phrase, .swapword-out {margin-left: auto;margin-right: auto;float:none;white-space: nowrap;}
.swapword-link {display:block;width:100%;}
.swapword-out, .swapword-out[style] {margin-left:0!important;}
.mobileblock {display:block;clear:both;text-align:center;}
.reseller123-container .grid-3 + .grid-3:before {content:none}
.resellergrid-wrapper {margin-left:-10%;;margin-right:-10%;padding-left:10%;padding-right:10%;}
.resellergrid-container.grid-container{width:100%;margin-left:auto;margin-right:auto;}
.reseller123-container .grid-3 {margin-left:auto;margin-right:auto;}
.reseller123-container .grid-3 > p {margin-left:0;text-align: center;font-size:1.25em;}
.reseller123-container .grid-3 > p img {display:inline-block;text-align:center;float:none;margin:0;}
.reseller123-container .grid-3 p img:after {content:' ';display:table;clear:both;}
.reseller123-container .grid-3,
.resellergrid-container .grid-3 td {display:block;text-align:center;margin-left:auto;margin-right:auto;width:100%;}
}
@media only screen and (min-width: 34.01em) and (max-width: 50em) {
/*.resellergrid-wrapper #formstack-box {position:relative;width:auto;border:2px solid green}*/

.resellergrid-wrapper .fsFieldRow  {position:relative;width:auto;}
.resellergrid-wrapper .fsPage {overflow:visible;position:relative;display:block;width:auto;}
}
@media only screen and (min-width:50.01em) {
  .resellertestimonial-container .testimonial p {margin-bottom:0}
  .resellertestimonial-container .testimonial {padding-bottom:48px;}
}
@media only screen and (min-width:50.01em) and (max-width:90em){

.resellergrid-container table td + td {font-size:1.5em;line-height: 115%;}
}
@media only screen and (min-width: 60.01em){}
@media only screen and (min-width: 66.250em){}

/* Reseller Page END */

/* Email Migration START */

.email-migration .hero {}
.em-navset-header {background-color:#05828E;}
.em-navset-header h2 {color:white;padding-top:0.125em;}
.email-migration {}
.email-migration #main > .entry-content:first-child {padding-bottom:0!important;}
.em-nav {margin-bottom:0;cursor:pointer;color:white;}
.em-nav:before {content:none!important;}
/*.em-nav:hover, .em-nav:active {opacity:0.7}*/
.em-nav h3 {font-size:1.5em;}
.em-nav:hover h3, .em-nav:active h3 {font-weight:500;}
.em-nav p:after {transition-duration: 0.25s}
/*.em-nav:hover p:after, .em-nav:active p:after {margin-top:0.125em;}*/
/*.em-nav:hover p .em-nav:active p {margin-bottom:-0.125em;}*/
.em-nav.preparation {background: url(images/email-migration-path_preparation.svg) 50% 0 no-repeat;-webkit-background-size:5em;background-size:5em;}
.em-nav.premigration {background: url(images/email-migration-path_premigration.svg) 50% 0 no-repeat;-webkit-background-size:5em;background-size:5em;}
.em-nav.migration {background: url(images/email-migration-path_migration.svg) 50% 0 no-repeat;-webkit-background-size:5em;background-size:5em;}
.em-nav.postmigration {background: url(images/email-migration-path_postmigration.svg) 50% 0 no-repeat;-webkit-background-size:5em;background-size:5em;}

/*
.ismobile .em-nav.preparation {background-image: url(images/email-migration-pathm_preparation.svg);}
.ismobile .em-nav.premigration {background-image: url(images/email-migration-pathm_premigration.svg);}
.ismobile .em-nav.migration {background-image: url(images/email-migration-pathm_migration.svg);}
.ismobile .em-nav.postmigration {background-image: url(images/email-migration-pathm_postmigration.svg);}
*/
@media only screen and (max-width: 65em) {
.em-container .grid-2 + .grid-2 {padding-left:0;}
.em-nav.preparation {background-image: url(images/email-migration-pathm_preparation.svg);}
.em-nav.premigration {background-image: url(images/email-migration-pathm_premigration.svg);}
.em-nav.migration {background-image: url(images/email-migration-pathm_migration.svg);}
.em-nav.postmigration {background-image: url(images/email-migration-pathm_postmigration.svg);}

}

.em-nav.preparation.active,.em-nav.preparation:hover,.em-nav.preparation:active {background-image: url(images/email-migration-path-active_preparation.svg);}
.em-nav.premigration.active,.em-nav.premigration:hover,.em-nav.premigration:active {background-image: url(images/email-migration-path-active_premigration.svg);}
.em-nav.migration.active, .em-nav.migration:hover, .em-nav.migration:active {background-image: url(images/email-migration-path-active_migration.svg);}
.em-nav.postmigration.active, .em-nav.postmigration:hover, .em-nav.postmigration:active {background-image: url(images/email-migration-path-active_postmigration.svg);}
.em-navset-desktop.sticky .em-nav.preparation,
.em-navset-desktop.sticky .em-nav.premigration,
.em-navset-desktop.sticky .em-nav.migration,
.em-navset-desktop.sticky .em-nav.postmigration {-webkit-background-size:3.5em;background-size:3.5em;}
/*
.em-navset-desktop .em-nav.preparation,
.em-navset-desktop .em-nav.premigration,
.em-navset-desktop .em-nav.migration,
.em-navset-desktop .em-nav.postmigration {-webkit-background-size:3.5em;background-size:3.5em;}
*/
.em-navset-desktop .em-nav {-webkit-transition-property: margin-top,padding-top, -webkit-background-size, font-size;transition-property: margin-top,padding-top,background-size,font-size;transition-duration:0.3s;-webkit-transition-duration:0.3s;}
.em-navset-desktop.sticky .em-nav {padding-top: 3.625em;font-size:87%;margin-top:-0.5em;}
.em-navset-desktop.sticky #em-stickyset-content {margin-bottom:-0.25em;}
/*
.em-navset-desktop .em-nav {padding-top: 3.625em;font-size:90%;margin-top:-0.5em;}
.em-navset-desktop #em-stickyset-content {margin-bottom:-0.5em;}
*/

.em-proservices {margin: 0 auto 0 auto;
  display:block;width:6em;height:7.5em;
  background: url(images/email-migration-proservice.svg) 50% 0 no-repeat;
  -webkit-background-size:5em;background-size:5em;
}
.em-nav {display:inline-block;min-width:10em;}
.em-nav h3 {margin-bottom:0.75em;}
.em-nav {padding-top:5.5em}
.em-nav p {color:#ea5329;font-size:1.375em;margin-bottom:0;padding-bottom:0;line-height:1;}
.em-nav p:after {font-family:'opensrs';content: "\e631";display:block;font-size:150%;margin-top:-0.125em;}
.em-nav h3:after {content:attr(data-after);display:block;font-size:66%;height:0;overflow:visible;line-height:10%;padding-top:0.5em;}
.em-grid {text-align:left;}
.em-phase {border-bottom:2px solid #555;width:100%;font-size:2.25em;padding-bottom:0.25em;font-weight:500;padding-top:0.375em;color:#555;}
.em-container h4 {font-weight:500;color:#05828e;font-size:1.65em;}
.em-container p {margin-top:0.375em;margin-bottom:0}
.em-container .card-3:after {opacity:0.5;background-color:white!important;}
.em-container .card-3:last-child:after {background-color:transparent!important;}
.em-required, .em-recommended, .em-optional, .em-bullet {margin-top:0.75em!important}
p.em-bullet:before {font-family: 'opensrs';speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: inherit;
-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;content: "\e610";content: "\e62f";padding-right: 0.5em;}
.em-bullet {margin-left:1em;text-indent:-0.8em;}
.em-indent {margin-left:1em;}

.em-required:before, .em-recommended:before, .em-optional:before {display:inline;padding:0.1em 0.375em 0.1em 0.375em;font-size:0.625em;color:white;background-color: #05828e;vertical-align:0.375ex;margin-right:0.625em;font-weight:700;text-transform: uppercase;}
.em-required:before {content:'Required';background-color: #ea5329;}
.em-recommended:before {content:'Recommended';}
.em-optional:before {content:'Optional';}


.em-navset-desktop h2 {margin-bottom:0}
.em-navset-desktop {padding-top:0}
/*.em-navset.sticky h2 {display:none}*/
/*#em-stickyset.sticky {position:fixed;width:100%;background-color: white!important;xtop:139px;left:0;z-index:10000;}  LOCATED ABOVE WITHIN MEDIA QUERY */
#em-stickyset {background-colour:white;width:100%;padding-top:1em;}
#em-stickyset-content {width:auto;max-width:70em;margin:0 auto;}

/* Email Migration - Mobile Rules START */
/*
.ismobile .em-phase {
  font-size: 2.125em;
  padding: 1em 1.375em 1em 3em;
  margin:0;
  background: url(images/email-migration-pathm_preparation.svg) 0.5em 50% no-repeat;
  -webkit-background-size:2em;
  background-size:2em;
  background-color: white !important;
  cursor:pointer;
  max-height:4em;
}

.ismobile .em-phase.em-phase-premigration {background-image:url(images/email-migration-pathm_premigration.svg);}
.ismobile .em-phase.em-phase-migration {background-image:url(images/email-migration-pathm_migration.svg);}
.ismobile .em-phase.em-phase-postmigration {background-image:url(images/email-migration-pathm_postmigration.svg);}

.ismobile .em-phase.em-phase-preparation:hover,
.ismobile .active .em-phase.em-phase-preparation {background-image:url(images/email-migration-pathm-active_preparation.svg);color:#05828E;}
.ismobile .em-phase.em-phase-premigration:hover,
.ismobile .active .em-phase.em-phase-premigration {background-image:url(images/email-migration-pathm-active_premigration.svg);color:#05828E;}
.ismobile .em-phase.em-phase-migration:hover,
.ismobile .active .em-phase.em-phase-migration {background-image:url(images/email-migration-pathm-active_postmigration.svg);color:#05828E;}
.ismobile .em-phase.em-phase-postmigration:hover,
.ismobile .active .em-phase.em-phase-postmigration {background-image:url(images/email-migration-pathm-active_postmigration.svg);color:#05828E;}
.ismobile .em-phase:hover .em-mwidget:after,
.ismobile .em-phase:hover .em-mwidget:before {background-color:#05828E!important;}
.ismobile .em-container h2 {padding-top:0.5em!important}
.ismobile .em-phase {border-bottom-color:#ccc; }
.ismobile .em-wrapper {padding-top: 0;padding-bottom: 0;}
.ismobile .em-gridunit {display:none}
.ismobile .em-mwidget {right:0.375em;position:absolute;width:1em;height:1em;top:50%;margin-top:-0.5em;transform:translate(0,0);}
.ismobile .em-mwidget:after, .ismobile .em-mwidget:before {display:block;background-color: #555;content:'';border-radius:1px;position:absolute;top:50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.ismobile .em-mwidget:after {width:1em;height:2px;transform:translate(0,0);-webkit-transform:translate(0,0);}
.ismobile .em-mwidget:before {height:1em;width:2px;
  transform:translate(0.5em,-0.5em);
  -webkit-transform:translate(0.5em,-0.5em);
}
.ismobile .em-phase .em-mwidget:after,
.ismobile .em-phase .em-mwidget:before {
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -ms-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;}
.ismobile .active .em-phase .em-mwidget:after {
  -webkit-transform:rotate(45deg) translate(0,-0.015em);
  -ms-transform:rotate(45deg) translate(0,-0.015em);
  transform:rotate(45deg) translate(0,-0.015em);
}
.ismobile .active .em-phase .em-mwidget:before {
  -webkit-transform:rotate(45deg) translate(0,-0.68em);
  -ms-transform:rotate(45deg) translate(0,-0.68em);
  transform:rotate(45deg) translate(0,-0.68em);
}
.ismobile .em-mobileheader {display:block}
.ismobile .em-navset-header {display:none}
.ismobile h3.em-phase {line-height:0.75em;position:relative;}
.ismobile h3.em-phase span.smaller {font-size:55%}
.ismobile .em-container .grid-1 {margin-top:1em}
.ismobile .em-container .grid-1,
.ismobile .em-container .grid-2 {margin-left:2em;margin-right: 2em;}
.ismobile .em-container .grid-1,
.ismobile .em-container .grid-2 {width:auto;padding-left:0;}
*/
@media only screen and (max-width: 65em) {
.em-phase {
  font-size: 2.125em;
  padding: 1em 1.375em 1em 3em;
  margin:0;
  background: url(images/email-migration-pathm_preparation.svg) 0.5em 50% no-repeat;
  -webkit-background-size:2em;
  background-size:2em;
  background-color: white !important;
  cursor:pointer;
  max-height:4em;
}

.em-phase.em-phase-premigration {background-image:url(images/email-migration-pathm_premigration.svg);}
.em-phase.em-phase-migration {background-image:url(images/email-migration-pathm_migration.svg);}
.em-phase.em-phase-postmigration {background-image:url(images/email-migration-pathm_postmigration.svg);}

.em-phase.em-phase-preparation:hover,
.active .em-phase.em-phase-preparation {background-image:url(images/email-migration-pathm-active_preparation.svg);color:#05828E;}
.em-phase.em-phase-premigration:hover,
.active .em-phase.em-phase-premigration {background-image:url(images/email-migration-pathm-active_premigration.svg);color:#05828E;}
.em-phase.em-phase-migration:hover,
.active .em-phase.em-phase-migration {background-image:url(images/email-migration-pathm-active_postmigration.svg);color:#05828E;}
.em-phase.em-phase-postmigration:hover,
.active .em-phase.em-phase-postmigration {background-image:url(images/email-migration-pathm-active_postmigration.svg);color:#05828E;}
.em-phase:hover .em-mwidget:after,
.em-phase:hover .em-mwidget:before {background-color:#05828E!important;}
.em-container h2 {padding-top:0.5em!important}
.em-phase {border-bottom-color:#ccc; }
.em-wrapper {padding-top: 0;padding-bottom: 0;}
.em-gridunit {display:none}
.em-mwidget {right:0.375em;position:absolute;width:1em;height:1em;top:50%;margin-top:-0.5em;transform:translate(0,0);}
.em-mwidget:after, .em-mwidget:before {display:block;background-color: #555;content:'';border-radius:1px;position:absolute;top:50%;-ms-transform-origin: 50% 50%;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%;}
.em-mwidget:after {width:1em;height:2px;
  transform:translate(1px,-1px);
  -ms-transform:translate(1px,-1px);
  -webkit-transform:translate(1px,-1px);
  }
.em-mwidget:before {height:1em;width:2px;
  transform:translate(0.5em,-0.5em);
  -webkit-transform:translate(0.5em,-0.5em);
}
.em-phase .em-mwidget:after,
.em-phase .em-mwidget:before {
  -webkit-transition: transform 0.25s ease-out;
  -moz-transition: transform 0.25s ease-out;
  -ms-transition: transform 0.25s ease-out;
  -o-transition: transform 0.25s ease-out;
  transition: transform 0.25s ease-out;}
.active .em-phase .em-mwidget:after {
  -webkit-transform:rotate(45deg) translate(0,-0.015em);
  -ms-transform:rotate(45deg) translate(0,-0.015em);
  transform:rotate(45deg) translate(0,-0.015em);
}
.active .em-phase .em-mwidget:before {
  -webkit-transform:rotate(45deg) translate(0,-0.68em);
  -ms-transform:rotate(45deg) translate(0,-0.68em);
  transform:rotate(45deg) translate(0,-0.68em);
}
.em-mobileheader {display:block}
.em-navset-header {display:none}
h3.em-phase {line-height:0.75em;position:relative;}
h3.em-phase span.smaller {font-size:55%}
.em-container .grid-1 {margin-top:1em}
.em-container .grid-1, .em-container .grid-2 {margin-left:2em;margin-right: 2em!important;}
.em-container .grid-1, .em-container .grid-2 {width:auto;padding-left:0;}
/*.em-bullet, .em-indent {padding-right: 1em;}*/
}
@media only screen and (max-width:32em){.em-phase {font-size: 2em;}}

@media only screen and (min-width:0) and (max-width:49.99em){
 .em-wrapper .grid-3 p {text-align:center!important;}
  .em-wrapper, .em-container {margin-left:0!important;margin-right:0!important;width:100%!important;}
}
@media only screen and (min-width:65em) and (max-width:74.99em){
.ismobile .grid-3 p, .ismobile .resellergrid-container .grid-3 p {font-size:1em!important;line-height:1.25;}

  .em-container .em-phase {padding-left:0.5em!important;padding-right:0.5em!important;}
  .em-container .em-gridunit {padding-left:1.125em!important;padding-right:1.125em!important;}
}
/* Email Migration - Mobile Rules END */

/* Email Migration END */
.page-template-_security-page-php sup {display:inline-block;line-height:0!important;position: relative!important;vertical-align: bottom!important;padding-bottom:0.5ex!important;}
.bigpricepoint sup {font-size:65%!important;padding-bottom:0.9ex!important;}
.centered {text-align:center!important;}
.smaller, .size-75 {font-size:75%!important;}
.size-85 {font-size:85%!important;}
.nomargin {margin:0!important}
.nomargin {padding:0!important}
.size-85 {font-size:85%!important;}
.size-100 {font-size:100%!important;}
.size-200, .doublesize {font-size:200%!important;}
.size-250 {font-size:250%!important;}
.size-300, .triplesize {font-size:300%!important;}
.size-350 {font-size:350%!important;}
.leading-100, .solidleading {line-height:1!important;}
.weight-300 {font-weight:300!important}
.weight-400 {font-weight:400!important}
.weight-500 {font-weight:500!important}
.weight-600 {font-weight:600!important}
.weight-700 {font-weight:700!important}
.white {color:white!important;}
.green {color: #3FB69B!important;}
.darkgreen {color: #1F909A!important;}
.br-white {border-color: white!important;}
.bg-white {background-color: white!important;}
.bg-green {background-color: #3FB69B!important;}
.bg-darkgreen {background-color: #1F909A!important;}
.bg-beige {background-color: #f6f5ea!important;}
.bg-charcoal {background-color: #42413f!important;}
.mrgtop-0 {margin-top:0!important;}
.mrgtop-1 {margin-top:1em!important;}
.padtop-1 {padding-top:1em!important;}
.padtop-half {padding-top:0.5em!important;}
.padtop-1andhalf {padding-top:1.5em!important;}
.padtop-2 {padding-top:2em!important;}
.mrgbottom-0 {margin-bottom:0!important;}
.mrgbottom-1 {margin-bottom:1em!important;}
.mrgbottom-neg-1 {margin-bottom:-1em!important;}
.mrgbottom-neg-2 {margin-bottom:-2em!important;}
.padbottom-0 {padding-bottom:0!important;}
.padbottom-qtr {padding-bottom:0.25em!important;}
.padbottom-eigth {padding-bottom:0.125em!important;}
.padbottom-half {padding-bottom:0.5em!important;}
.padbottom-1 {padding-bottom:1em!important;}
.padbottom-1andhalf {padding-bottom:1.5em!important;}
.padbottom-2 {padding-bottom:2em!important;}
.padbottom-2andhalf {padding-bottom:2.5em!important;}
.padbottom-3 {padding-bottom:3em!important;}
.logged-in .site-header {top:0!important} /* REMOVE LATER */

@media only screen and (min-width:42em){
#em-stickyset.sticky {position:fixed;width:100%;background-color: #05828E!important;left:0;z-index:9998;}
#em-stickyset .em-nav p {-webkit-transition-property: height;transition-property: height;transition-duration:0.3s;-webkit-transition-duration:0.3s;height:50px;}
#em-stickyset.sticky .em-nav p {height:0;overflow:hidden;}
}
@media only screen and (min-width:65em){ /* extra margin for banners on some templates */
.page-template-_email-migration_path-php .breadcrumb-wrapper + article {margin-top:42px}
.page-template-_domain-pricing-page-tabbed-php .breadcrumb-wrapper + article {margin-top:42px}
}