/*
Theme Name: seosight-child
Theme URI:  http://
Author: Adriane Alexander <adriane@enhancesoft.com>
Author URI: https://github.com/aydreeihn/
Template: seosight
Version:      2.0.0
Description: Customizations to the SeoSight theme
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: seosight-child
*/

/***************************************
TABLE OF CONTENT

- GLOBAL
- SUBHEADER
- HOME PAGE
- CONTACT PAGE
- BLOG PAGE
- SIGN UP POPUP
- EDITIONS PAGE: PRICE TABLE SIDE COLUMN: LIST
- EDITIONS PAGE: PRICE TABLE MAIN COLUMN
- EDITIONS PAGE: PRICE TABLE MAIN COLUMN: HEADER
- EDITIONS PAGE: PRICE TABLE MAIN COLUMN: LIST
- EDITIONS PAGE: PRICE TABLE MAIN COLUMN: FOOTER
- DOWNLOAD PAGE
- VIRTUAL APPLIANCE PAGE
- PPOFESSIONAL & COMMERCIAL SUPPORT PAGE
- HOSTING SERVICES PAGE

****************************************/

/***************************************
                 GLOBAL
****************************************/

/* Disables the navigation bar animation */
.animated {
    /* CSS transitions */
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
    /* CSS transforms */
    -o-transform: none !important;
    -moz-transform: none !important;
    -ms-transform: none !important;
    -webkit-transform: none !important;
    transform: none !important;
    /* CSS animations */
    -webkit-animation: none !important;
    -moz-animation: none !important;
    -o-animation: none !important;
    -ms-animation: none !important;
    animation: none !important;
}

@font-face {
    font-family: ChewedPenBB;
    src: url(fonts/ChewedPenBB.otf);
}

.noselect {
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

.clear {
    clear: both;
}

/***************************************
                HEADER
****************************************/
.header .primary-menu #menu-item-3136 a {
     background-color: #3db879;
     padding: 10px;
     color: white;
     border-radius: 5px;
     text-decoration: none;
}

.header .primary-menu #menu-item-3136 a:hover {
     background-color: #3f9c35;
}

.header .primary-menu #menu-item-3136 a:before, .header .primary-menu #menu-item-3136 a:after {
     border: none;
}

@media only screen and (max-width: 1023px) {
     #site-header {
          padding-top: 0;
     }

     #site-header .header-content-wrapper {
          padding-top: 10px;
     }

     #site-header .primary-menu.primary-menu-responsive {
          width: 100%;
          margin-top: -60px;
     }

     #site-header .primary-menu.primary-menu-responsive #menu-icon-trigger {
          padding-right: 0;
     }

     .header .primary-menu #menu-item-3136 a {
          text-align: center;
          margin-top: 10px;
     }
}

@media only screen and (max-width: 768px) {
     #site-header {
          padding-bottom: 0;
     }
}

@media only screen and (max-width: 590px) {
     #site-header .primary-menu-responsive.primary-menu #menu-icon-trigger.showhide {
          float: none;
          margin-top: 20px;
     }
}

@media only screen and (max-width: 570px) {

     #site-header .logo {
          float: left;
          margin: 0;
          width: auto;
          align-items: flex-start;
     }

     /* #site-header #menu-icon-trigger {
          width: 100%;
     } */
}

/***************************************
               SUBHEADER
****************************************/

/* This is for the get started button in the top nav */
#getStartedNavBtn {
	width: 120px;
	height: auto;
	padding: 5px;
	background-color: #3cb879;
	text-align: center;
	border-radius: 5px;
    color: white;
}

#getStartedNavBtn:hover {
    background-color: #37A970;
    cursor: pointer;
}

@media only screen and (max-width: 763px) {
    #getStartedNavBtn {
        margin: 10px 0;
    }
}

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

/* Reduces white space at top of home splash section  */
.swiper-wrapper {
    height: 400px !important;
}

/* Removes white space at bottom of home splash section */
#page-507 #home-splash {
     margin-bottom: -20px;
}

.swiper-container {
     margin-bottom: -20px;
}

.swiper-container .swiper-slide .slider-content-title {
     margin-top: 50px;
}

/* For installation process section */
.installation-process-section .kc_column .crumina-info-box .info-box-image {
  margin-bottom: 30px;
}

.installation-process-section .kc_column:nth-child(3) .crumina-info-box .info-box-image {
  margin-bottom: 20px;
}

@media only screen and (max-width: 1023px) {
     .swiper-container .swiper-slide .slider-content-title {
          margin-top: -100px;
     }
}

@media only screen and (max-width: 799px) {
     #page-507 #statistics-section {
          padding-bottom: 50px;
     }

     #page-507 #statistics-section a {
          width: 100%;
          margin-top: 0;
          margin-bottom: 20px;
     }

     #page-507 #statistics-section .statistics-section-get-started-btn {
          margin-top: 0;
     }

     #page-507 #statistics-section .statistics-section-image {
          display: none;
     }
}

/***************************************
              CONTACT PAGE
****************************************/

input, select, textarea {
    border: 1px solid lightgray;
}

input:focus, select:focus, textarea:focus {
    border: 1px solid orange;
    color: gray !important;
}

nav {
	float: right !important;
}

.contactTextArea textarea {
	height: 100px;
	resize: vertical;
}

.wpcf7-form input, .wpcf7-form select, .wpcf7-form textarea {
	border-radius: 10px;
	padding: 10px 15px;
}

.helpDeskUrl input {
	text-align: right;
}

.helpDeskUrl-table p {
	margin-left: -20px;
	padding: 0;
	line-height: 2.3;
}

.signUpSubmitBtn button {
	background-color: #3cb879;
}

/***************************************
               BLOG PAGE
****************************************/

.blog .content-wrapper, .search .content-wrapper {
    background: #FAFAFA;
    margin-top: 50px;
}

.blog .row, .search .row {
    padding-top: 40px;
}

.blog .post-standard.sticky:before {
    display: none;
}

.blog article, .search article {
    background: white;
    border: 0.5px solid #E8E8E8;
    border-radius: 5px;
    padding-top: 0;
}

.blog article .post-thumb {
    box-shadow: none;
    width: 100%;
    margin-bottom: 0;
}

.blog article img {
    width: 100%;
}

.blog article .swiper-container {
    margin-bottom: 0 !important;
}

.blog article .post__content, .search article .post__content {
    padding: 0;
    padding-top: 20px;
    border: none;
}

.blog article .post__content-info .post-additional-info {
    padding-bottom: 20px;
    border-bottom: 0.5px solid lightgray;
}

.blog article .post__content-info .post__text, .search article .post__content-info .post__text {
    margin-bottom: 0 !important;
}

.blog article .post__content-info .post__date {
    background: none;
}

.blog article .post__content-info .more-link, .search article .post__content-info .more-link {
    padding-top: 0;
}

.blog article .post__content-info .more-link .btn, .search article .post__content-info .more-link .btn {
    border-radius: 10px;
    font-size: 12px;
    background: #064975;
}

.blog article .post__content-info .more-link .btn-hover-shadow:after, .search article .post__content-info .more-link .btn-hover-shadow:after {
    display: none;
}

.search article .post__content-info .post__title {
    font-size: 30px;
}

.blog .sidebar .widget, .post-template-default .sidebar .widget {
    background: white;
    border: 0.5px solid #E8E8E8;
    padding: 20px;
    border-radius: 5px;
    border-top: 3px solid #f68c2a;
    margin-bottom: 40px;
}

.blog .row .col-lg-3.col-lg-offset-1.col-md-4.col-sm-12, .post-template-default .row .col-lg-3.col-lg-offset-1.col-md-4.col-sm-12 {
    margin-left: 0px;
}

.blog .site-main .navigation {
    background: white;
    margin-top: -50px;
    border: 0.5px solid #E8E8E8;
    padding: 20px;
    border-radius: 5px;
}

.blog .site-main .navigation .page-numbers {
    border-radius: 10px;
    border: 1px solid lightgray;
}

.blog .site-main .navigation .page-numbers.current {
    border: 2px solid #4cc2c0;
}

.blog .site-main .navigation .next.page-numbers .btn-next {
    margin-right: -50px;
    width: 40px;
}

.blog .sidebar .widget_search input, .post-template-default .sidebar .widget_search input, .blog .sidebar .es_widget_form .es_textbox input, .post-template-default .sidebar .es_widget_form .es_textbox input {
    border-radius: 5px;
    border: 1px solid lightgray;
    padding: 10px 40px 10px 10px !important;
    margin-bottom: 0;
}

.blog .sidebar .es_widget_form .es_textbox input, .post-template-default .sidebar .es_widget_form .es_textbox input {
    padding: 10px !important;
    width: 100% !important;
}

.blog .sidebar .es_widget_form .es_button .es_textbox_button, .post-template-default .sidebar .es_widget_form .es_button .es_textbox_button {
    margin-bottom: 0px;
    padding: 15px 40px !important;
}

.blog .sidebar .widget_search .icon, .post-template-default .sidebar .widget_search .icon {
    margin-right: -30px;
    margin-top: -10px;
}

.blog .sidebar .w-post-category .category-post-item .post-count, .post-template-default .sidebar .w-post-category .category-post-item .post-count {
    background: #f68c2a;
    padding: 3px;
    text-align: center;
    border-radius: 50%;
    color: white;
    margin-top: -5px;
    font-size: 11px;
}

.blog .sidebar .w-post-category .category-post-item .category-title, .post-template-default .sidebar .w-post-category .category-post-item .category-title {
    font-size: 12px;
}

.blog .sidebar .w-about .text-wrap p, .post-template-default .sidebar .w-about .text-wrap p {
    font-size: 13px;
}

.blog .sidebar .w-about .btn, .post-template-default .sidebar .w-about .btn {
    font-size: 13px;
}

.blog .sidebar .w-banner, .post-template-default .sidebar .w-banner {
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
}

.blog .sidebar .w-latest-news .latest-news-wrap article, .post-template-default .sidebar .w-latest-news .latest-news-wrap article {
    border: none;
    border-radius: 0;
    border-bottom: 1px solid lightgray;
}

.blog .sidebar .w-latest-news .latest-news-wrap .post__date, .post-template-default .sidebar .w-latest-news .latest-news-wrap .post__date {
    font-size: 12px;
}

.blog .sidebar .w-latest-news .latest-news-wrap i, .post-template-default .sidebar .w-latest-news .latest-news-wrap i {
    font-size: 12px !important;
}

.blog .sidebar .w-latest-news .latest-news-wrap .post__title, .post-template-default .sidebar .w-latest-news .latest-news-wrap .post__title {
    font-size: 15px;
}

.blog .sidebar .w-latest-news .btn, .post-template-default .sidebar .w-latest-news .btn, .blog .sidebar .es_widget_form .es_button input, .post-template-default .sidebar .es_widget_form .es_button input {
    border-radius: 10px;
    font-size: 12px;
    background: #064975;
}

.blog .sidebar .w-latest-news .btn-hover-shadow:after, .post-template-default .sidebar .w-latest-news .btn-hover-shadow:after {
    display: none;
}

.blog .sidebar .w-follow .w-follow-item, .post-template-default .sidebar .w-follow .w-follow-item{
    padding-left: 15px;
}

.blog .sidebar .w-follow .social-icon, .post-template-default .sidebar .w-follow .social-icon {
    width: 20px;
}

.blog .sidebar .w-tags a, .post-template-default .sidebar .w-tags a {
    font-size: 12px !important;
}

/*** BLOG POST SECTION ***/

.post-template-default .content-wrapper {
    background: #FAFAFA;
}

.post-template-default .content-wrapper .container {
    width: 100%;
    max-width: 1500px;
    padding-left: 3%;
}

.post-template-default .content-wrapper .container .row {
    padding-top: 50px;
}

.post-template-default .content-wrapper .container .site-main {
    background: white;
    border: 0.5px solid #E8E8E8;
}

.post-template-default .content-wrapper .container article {
    margin-bottom: 0;
}

.post-template-default .site-main .post-thumb {
    width: 100%;
    box-shadow: none;
    margin-bottom: 0;
}

.post-template-default .site-main .post__content {
    padding: 30px;
    border-bottom: 1px solid #E8E8E8;
    margin-bottom: 0;
}

.post-template-default .site-main .post-thumb img {
    width: 100%;
}

.post-template-default .site-main .post__content .post-tags {
    padding-top: 0 !important;
}

.post-template-default .site-main .comments {
    padding: 20px;
    border-top: 1px solid #E8E8E8;
}

.post-template-default .site-main .comments .comment-list {
    margin-bottom: 0;
}

.post-template-default .site-main .comments .leave-reply {
    padding: 20px;
}

.post-template-default .site-main .comments .leave-reply .heading, .post-template-default .site-main .comments .comment-respond .heading {
    margin-bottom: 0;
}

.post-template-default .site-main .comments .leave-reply form .row, .post-template-default .site-main .comments .comment-respond .row {
    padding: 0;
}

.post-template-default .site-main .comments .leave-reply form .row input, .post-template-default .site-main .comments .comment-respond form .row input {
    margin: 0;
    border-radius: 10px;
    border: 1px solid lightgray;
    padding: 10px 20px !important;
}

.post-template-default .site-main .comments .leave-reply form .row textarea, .post-template-default .site-main .comments .comment-respond form .row textarea {
    border-radius: 10px;
    border: 1px solid lightgray;
    padding: 20px;
}

.post-template-default .site-main .comments .comment-respond #cancel-comment-reply-link {
    font-size: 15px;
    float: right;
    color: red;
    margin-top: 10px;
}

/***************************************
            SIGN UP POPUP
****************************************/


.popUpBackground {
    background-color: rgba(0,0,0, .8);
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9998;
    display: none;
}

.signUpPopup {
    width: 100%;
    max-width:600px;
    height: auto;
    position:fixed;
    left:50%;
    top:42%;
    margin-left:-300px;
    margin-top:-250px;
    background-color: white;
    display: none;
    z-index: 9999;
    border-radius: 10px;
}

.popUpHeader {
    width: 100%;
    height: 30px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 7px;
}

.popUpSubtitle {
    text-align: center;
    margin-top: -10px;
    margin-bottom: 10px;
    font-size: 25px;
}

.popUpHeader .closePopup {
    float: right;

}

.popUpHeader .closePopup:hover {
    cursor: pointer;
    color: #094b76;
}

.popUpContent {
    width: 100%;
    height: 365px;
    padding: 20px 20px 0 20px;
}

.popUpContent form {
    margin-top: 20px;
}

.popUpContent input {
    width: 100%;
    height: 50px;
    padding: 5px 15px;
}

input {
    padding-left: 40px !important;
    border-radius: 10px;
    height: 45px !important;
}

.popUpFooter {
    width: 100%;
    height:55px;
    border-top: 1px solid #f3f3f4;
    padding: 10px;
}

.popUpFooter p {
    font-family: ChewedPenBB;
    color: orange;
    font-size: 30px;
    float: left;
}

.oArrow {
    background-image: url("images/arrow-orange-1.png") !important;
    background-repeat: no-repeat;
    background-size: 100px 40px;
    width: 100px;
    height: 40px;
    float: left;
    margin-left: 10px;
}

.popUpFooter button {
    width: 160px;
    height: auto;
    border-radius: 5px;
    border: none;
    padding: 10px 15px;
    float: right;
}

.signUpBtn {
    float: right;
    background-color: #3cb879;
    color: white;
}

.signUpBtn:hover {
    cursor: pointer;
    background-color: #37A970;
}

.getStartedBtn {
    float: center;
}

.popUpFinePrint {
    margin-top: 20px;
    width: 100%;
    height: auto;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    background-color: #f7f9f9;
    color: #B8B8B8;
    padding: 5px 10px;
    font-size: 12px;
    text-align: center;
}

.signUpUrl .label {
    padding-top: 15px !important;
    padding-left: 0 !important;
    border-left: 0 !important;
    font-weight: bold !important;
}

#signUpCompUrl {
    text-align: right;
    padding-top: 7px !important;
    padding-right: 0 !important;
}

#signUpEmail {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

#signUpEmailLabel {
    width: 100%;
    height: auto;
    background-color: gray;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    color: white;
    font-size: 12px;
    padding: 2px 10px;
    margin-bottom: 10px;
}

#popUpLoading {
    width: 23px;
    height: 23px;
    margin: 0 auto;
}

#signUpLoading {
    display: none;
    text-align: center;
}

.popUpErrors {
  color: red;
  font-size: 14px;
}

.pricing-tables-item.highlight .bg-layer, .pricing-tables-item.hover-zoom:hover .bg-layer {
    transform: scale(1.1) !important;
}

@media only screen and (max-width: 660px) {
    .signUpPopup {
        max-width: 90%;
        margin-left: -290px;
    }
}

@media only screen and (max-width: 650px) {
    .oArrow {
        background-size: 60px 40px;
        width: 60px;
    }
}

@media only screen and (max-width: 630px) {
    .signUpPopup {
        max-width: 90%;
        margin-left: -280px;
    }
}

@media only screen and (max-width: 600px) {
    .signUpPopup {
        max-width: 90%;
        margin-left: -270px;
    }

    .oArrow {
        display: none;
    }
}

@media only screen and (max-width: 580px) {
    .signUpPopup {
        margin-left: -260px;
    }
}

@media only screen and (max-width: 560px) {
    .signUpPopup {
        margin-left: -250px;
    }
}

@media only screen and (max-width: 540px) {
    .signUpPopup {
        margin-left: -240px;
    }

    .popUpFooter p {
        font-size: 25px;
    }
}

@media only screen and (max-width: 510px) {
    .signUpPopup {
        margin-left: -230px;
    }
}

@media only screen and (max-width: 490px) {
    .signUpPopup {
        margin-left: -220px;
    }
}

@media only screen and (max-width: 480px) {
    .signUpPopup, .signUpPopup .popUpContent {
        height: auto !important;
    }

    .signUpPopup .popUpContent {
        overflow: hidden;
    }

    .signUpPopup .popUpSubtitle {
        font-size: 15px;
    }
}

@media only screen and (max-width: 470px) {
    .signUpPopup {
        margin-left: -210px;
        margin-top: -270px;
        height: 520px;
        top: 50%;
    }

    .popUpContent {
        height: 410px;
        overflow-x: scroll;
    }

    .popUpFooter p {
        display: none;
    }

    .popUpFooter button {
        width: 100%;
    }

    .popUpFinePrint {
        margin-top: 7px;
    }
}

@media only screen and (max-width: 450px) {
    .signUpPopup {
        margin-left: -200px;
    }
}

@media only screen and (max-width: 434px) {
    #signUpForm #signUpCompUrl {
        width: 50px !important;
    }
}

@media only screen and (max-width: 430px) {
    .signUpPopup {
        margin-left: -190px;
    }
}

@media only screen and (max-width: 410px) {
    .signUpPopup {
        margin-left: -180px;
    }
}


@media only screen and (max-width: 390px) {
    .signUpPopup {
        margin-left: -170px;
    }
}

@media only screen and (max-width: 370px) {
    .signUpPopup {
        margin-left: -160px;
    }
}

@media only screen and (max-width: 350px) {
    .signUpPopup {
        margin-left: -150px;
    }
}

@media only screen and (max-width: 330px) {
    .signUpPopup {
        margin-left: -140px;
    }
}

@media only screen and (max-width: 320px) {
    .signUpPopup {
        margin-left: -145px;
        height: 450px;
        top: 60%;
    }

    .popUpContent {
        height: 310px;
    }

}

/***************************************
              EDITIONS PAGE
****************************************/
@media only screen and (max-width: 818px) {
    #page-650 #get-help-section .get-help-section-toll-free, #page-650 #get-help-section .get-help-section-email {
         width: 100%;
         text-align: center;
    }
}

/***************************************
     EDITIONS PAGE: PRICE TABLE SIDE COLUMN: LIST
****************************************/

.ptcl-crpt-exo .pt-cols-side .pt-list-block {
     margin-bottom: 30px;
     padding-right: 10px;
}

.ptcl-crpt-exo .pt-cols-side .pt-list-item {
     background: #f7f7f7;
     padding: 10px;
     text-align: center;
     font-size: 12px;
     border-left: 1px solid #e8e8e8;
     border-bottom: 0;
}

.ptcl-crpt-exo .pt-cols-side .pt-list-item:nth-child(even) {
     background: #f0f0f0;
}

.ptcl-crpt-exo .pt-cols-side .pt-list-item:first-child {
     background: transparent;
     border: 0;
}

.ptcl-crpt-exo .pt-cols-side .pt-list-item:nth-child(2) {
     border-top-left-radius: 5px;
     border-top: 1px solid #e8e8e8;
}

.ptcl-crpt-exo .pt-cols-side .pt-list-item:last-child {
     border-bottom-left-radius: 5px;
     border-bottom: 1px solid #e8e8e8;
}

/***************************************
     EDITIONS PAGE: PRICE TABLE MAIN COLUMN
****************************************/

.ptcl-crpt-exo .pt-cols-main .pt-col {
     padding: 0 !important;
}

.ptcl-crpt-exo .pt-cols-main .pt-col .pt-block {
     box-shadow: 0 0 20px #e3e3e3;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:hover, .ptcl-crpt-exo .pt-cols-main .pt-col:hover .pt-block, .ptcl-crpt-exo .pt-cols-main .pt-col:hover .pt-content {
     -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
     box-shadow: none !important;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:first-child .pt-list {
    border-left: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(2) .pt-list {
     border: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(3) .pt-list {
    border-right: 0;
}

/***************************************
     EDITIONS PAGE: PRICE TABLE MAIN COLUMN: HEADER
****************************************/

.ptcl-crpt-exo .pt-header .pt-price-container {
     border: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:first-child .pt-header .pt-title {
     background: #f68d29;
     border-top-right-radius: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(2) .pt-header .pt-title {
     background: #4cc2bf;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(3) .pt-header .pt-title {
     background: #a23f3f;
     border-top-left-radius: 0;
}

.ptcl-crpt-exo .pt-header .pt-title {
     font-size: 20px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
     color: white;
}

.ptcl-crpt-exo .pt-btn-text {
     display: none !important;
}

.ptcl-crpt-exo .pt-price-container {
    padding: 0 !important;
}

.ptcl-crpt-exo .pt-price-container .pt-sub {
     padding: 8px 5px;
     background: gray;
     color: white !important;
     font-size: 12px;
}

.ptcl-crpt-exo .pt-price-block {
     padding: 20px 0;
     background: #f0f0f0;
}

.ptcl-crpt-exo .pt-price-main {
     font-size: 14px !important;
     font-weight: none !important;
     color: gray;
}

.ptcl-crpt-exo .pt-price-main:hover {
     color: gray;
}

.ptcl-crpt-exo .pt-back {
     display: none !important;
}

/***************************************
     EDITIONS PAGE: PRICE TABLE MAIN COLUMN: LIST
****************************************/

.ptcl-crpt-exo .pt-cols-main .pt-list {
     padding: 0 20px;
     border: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-list-item {
     padding: 10px;
     border-left: 1px solid #e8e8e8;
     border-right: 1px solid #e8e8e8;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(2) .pt-list-item {
     border: 0 !important;
}

.ptcl-crpt-exo .pt-cols-main .pt-list-item:nth-child(even) {
     background: #f0f0f0;
}

.ptcl-crpt-exo .pt-cols-main .pt-list, .ptcl-crpt-exo .pt-cols-main .pt-list-item:first-child {
     padding-top: 0;
}

/****************************************
     EDITIONS PAGE: PRICE TABLE MAIN COLUMN: FOOTER
*****************************************/

.ptcl-crpt-exo .pt-cols-main .pt-footer {
     padding: 20px;
     border: 1px solid #e8e8e8;
}

.ptcl-crpt-exo .pt-cols-main .pt-footer .pt-btn {
     font-size: 15px;
     background: transparent;
}

.ptcl-crpt-exo .pt-cols-main .pt-footer .pt-btn:before {
     border-radius: 20px;
     background: #3398db;
     box-shadow: none;
}

#getStartedCH:before {
     background: #f68d29;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:first-child .pt-footer {
     border-bottom-right-radius: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(2) .pt-footer {
     border-left: 0;
     border-right: 0;
     border-bottom-left-radius: 0;
     border-bottom-right-radius: 0;
}

.ptcl-crpt-exo .pt-cols-main .pt-col:nth-child(3) .pt-footer {
     border-bottom-left-radius: 0;
}

.signUpPopup .popUpTitle, .signUpPopup .popUpFooter p {
     font-size: 25px;
}

.signUpPopup .popUpFinePrint {
     padding: 7px 10px;
}

.signUpPopup .popUpFinePrint p {
     font-size: 12px;
}

@media only screen and (max-width: 768px) {
     .crpt-exo .pt-cols-main .pt-col {
          width: 100% !important;
     }
}

/***************************************
            DOWNLOAD PAGE
****************************************/

.d-steps {
     display: none;
}

.d-steps.active {
     display: block;
}

.d-steps .stepFooter {
     padding: 10px;
}

.ostCore {
     margin: 10px;
     background: #ebebeb;
     border-radius: 15px;
     transition: background .2s ease;
}

.ostCore .ostCoreTable {
     border: none !important;
     cursor: pointer;
}

.ostCore.coreSelected {
     background: orange !important;
     color: white !important;
}

.ostCore:hover {
     background: #e6e6e6;
}

.ostCore .ostCoreTable tr, .ostCore .ostCoreTable td {
     border: none !important;
}

.ostCore .ostCoreTable td h4 {
     font-size: 25px;
}

.ostCore .ostCoreTable td:first-child {
     padding: 20px;
}

.ostCore .ostCoreTable td:nth-child(2) {
     padding-top: 40px;
}

#downloadSection {
     display: none;
     background: #f7f9f9;
     margin-top: -40px;
     padding: 0 40px 40px 40px;
}

ul {
     padding-inline-start: 0 !important;
}

#langDownloadList li, #pluginDownloadList li {
     background: #f2f2f2 !important;
     list-style: none;
     padding: 10px;
}

#langDownloadList li {
     height: 60px;
}

#langDownloadList li:nth-child(odd), #pluginDownloadList li:nth-child(odd) {
     background: white !important;
}

#langDownloadList li .langListSection, #pluginDownloadList li .pluginListSection {
     display: inline-block;
}

#langDownloadList li .langListSection {
     margin-top: -5px;
}

#langDownloadList li div:nth-child(2) {
     margin-top: -40px;
     margin-left: 50px;
}

#pluginDownloadList li .pluginListSection .ostPluginCheckbox {
     margin-left: 10px;
}

#pluginDownloadList li div:nth-child(2) .lead {
     margin-top: -40px;
     margin-left: 40px;
}

#pluginDownloadList li div:nth-child(2) p:nth-child(2) {
     margin-left: 10px;
}

#pluginDownloadList li .pluginListSection:nth-child(3) {
     float: right;
     margin-top: -75px;
}

#langDownloadList li .ostLangCheckbox, #pluginDownloadList li .ostPluginCheckbox {
     margin-bottom: 0;
     margin-right: 10px;
     width: 20px;
     height: 20px;
}

#pluginSelectionSection {
     overflow-y: auto;
}

.ms-container{
  width: 100%;
}

.ms-container:after{
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  min-height: 0;
  visibility: hidden;
}

.ms-container .ms-selectable, .ms-container .ms-selection{
  background: tranparent;
  color: #555555;
  margin: 20px 0;
  width: 100%;
}

.ms-container .ms-selectable .custom-header, .ms-container .ms-selection .custom-header{
  background: transparent;
  padding: 10px;
  font-weight: bold;
}

.ms-container .ms-list{
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
  -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
  -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
  -o-transition: border linear 0.2s, box-shadow linear 0.2s;
  transition: border linear 0.2s, box-shadow linear 0.2s;
  border: 1px solid #ccc;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  height: 200px;
  padding: 0;
  overflow-y: auto;
}

.ms-container .ms-selectable{
  margin-right: 10%;
}

.ms-container .ms-list.ms-focus{
  border-color: rgba(82, 168, 236, 0.8);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
  outline: 0;
  outline: thin dotted 9;
}

.ms-container ul{
  margin: 0;
  list-style-type: none;
  padding: 0;
}

.ms-container .ms-optgroup-container{
  width: 100%;
}

.ms-container .ms-optgroup-label{
  margin: 0;
  padding: 5px 0px 0px 5px;
  cursor: pointer;
  color: #999;
}

.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection{
  border-bottom: 1px #eee solid;
  padding: 2px 10px;
  color: #555;
  font-size: 14px;
  padding: 10px 0;
}

.ms-container .ms-selectable li:nth-child(odd),
.ms-container .ms-selection li:nth-child(even){
     background: #f3f3f4;
}

.ms-container .ms-selectable li.ms-hover,
.ms-container .ms-selection li.ms-hover{
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  background-color: #08c;
}

.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled{
  background-color: #eee;
  color: #aaa;
  cursor: text;
}

.download_sections .ui-tabs-nav li a {
      border-radius: 0 !important;
}

#ostIframe {
     border: none;
     height: 0;
}

.ostDPopup .popUpTitle {
     font-size: 25px;
}

.pickList .pickList_controlsContainer {
     padding: 10px;
}

.langPluginSelectBox {
    position: fixed;
    bottom: 10px;
    width: auto;
    height: 50px;
    left: 43%;
    background-color: white;
    box-shadow: 0px 0px 5px #888888;
    z-index: 999999;
    padding: 7px;
    float: left;
}

.langPluginSelectBox p {
    margin-right: 10px;
}

.langPluginSelectBox p, .langPluginDLBtn {
    display: inline-block !important;
}

@media only screen and (max-width: 1400px) {
     #downloadPageTable .kc-container .kc-wrap-columns .kc_column {
          width: 100% !important;
     }
}

@media only screen and (max-width: 1252px) {
     .download_sections .ui-tabs-nav li {
          width: 100% !important;
     }
}

@media only screen and (max-width: 1154px) {
     .ui.ordered.steps {
          width: 100%;
     }

     .ui.ordered.steps .step .content {
          text-align: center;
     }

     .ui.ordered.steps .step, .ui.steps .active.step:before, .ui.steps .step:before, .ui.steps .active.step:after, .ui.steps .step:after {
          display: none;
     }

    .ui.ordered.steps .active.step {
          display: block;
    }
}

@media only screen and (max-width: 1120px) {
     .ostCore .ostCoreTable td {
         width: 100%;
         display: block;
     }

     .ostCore .ostCoreTable td:nth-child(2) {
          padding-top: 0;
     }
}

@media only screen and (max-width: 1024px) {
     .download_sections .kc_tabs_nav li {
          padding: 0 !important;
     }
}

@media only screen and (max-width: 650px) {
     #pluginDownloadList li .pluginListSection:nth-child(3) {
          float: none;
          margin-top: -20px;
     }

     .langPluginSelectBox {
         height: 50px;
         left: 20px;
         right: 20px;
         text-align: center;
     }
}

@media only screen and (max-width: 450px) {
     #downloadPageTable {
          padding: 10px;
     }
}

/***************************************
          VIRTUAL APPLIANCE PAGE
****************************************/

@media only screen and (max-width: 799px) {
     #page-764 #on-premise-section .single-image {
          display: none;
     }


/***************************************
 PPOFESSIONAL & COMMERCIAL SUPPORT PAGE
****************************************/

@media only screen and (max-width: 799px) {
     #page-257 #leverage-experience-section .leverage-experience-section-content,
     #page-2357 #leverage-experience-section .leverage-experience-section-content {
          text-align: center;
     }
}

/***************************************
          HOSTING SERVICES PAGE
****************************************/

@media only screen and (max-width: 800px) {
     #page-2244 #hosting-services-splash .hosting-services-splash-content h1 {
          font-size: 35px !important;
     }
}

@media only screen and (max-width: 799px) {
     #page-2244 #get-started-section {
          padding-bottom: 50px;
     }

     #page-2244 #get-started-section .get-started-section-content {
          margin-top: -50px;
          padding-bottom: 50px;
     }

     #page-2244 #get-started-section a {
          width: 100%;
          margin-bottom: 10px;
     }
}

@media only screen and (max-width: 768px) {
     #page-2244 #hosting-services-splash .hosting-services-splash-content {
          padding-top: 20px;
     }

     #page-2244 #get-started-section a {
          margin-bottom: 0;
     }
}

@media only screen and (max-width: 570px) {
     #page-2244 #hosting-services-splash .hosting-services-splash-content h1 {
          font-size: 25px !important;
     }

     #page-2244 #hosting-services-splash .hosting-services-splash-content p {
          font-size: 15px !important;
     }
}