.test-style {
  font-size: 14px;
}

/*=========== Grid XXL for 1650 and more ============*/

@media (min-width: 1650px) {
  .col-xxl {
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%; }
  .col-xxl-auto {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: auto;
    max-width: none; }
  .col-xxl-1 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 8.333333%;
    flex: 0 0 8.333333%;
    max-width: 8.333333%; }
  .col-xxl-2 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 16.666667%;
    flex: 0 0 16.666667%;
    max-width: 16.666667%; }
  .col-xxl-3 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%; }
  .col-xxl-4 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 33.333333%;
    max-width: 33.333333%; }
  .col-xxl-5 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 41.666667%;
    flex: 0 0 41.666667%;
    max-width: 41.666667%; }
  .col-xxl-6 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%; }
  .col-xxl-7 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 58.333333%;
    flex: 0 0 58.333333%;
    max-width: 58.333333%; }
  .col-xxl-8 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 66.666667%;
    flex: 0 0 66.666667%;
    max-width: 66.666667%; }
  .col-xxl-9 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
    max-width: 75%; }
  .col-xxl-10 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 83.333333%;
    flex: 0 0 83.333333%;
    max-width: 83.333333%; }
  .col-xxl-11 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 91.666667%;
    flex: 0 0 91.666667%;
    max-width: 91.666667%; }
  .col-xxl-12 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%; }
  .order-xxl-first {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1; }
  .order-xxl-last {
    -webkit-box-ordinal-group: 14;
    -ms-flex-order: 13;
    order: 13; }
  .order-xxl-0 {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0; }
  .order-xxl-1 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1; }
  .order-xxl-2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2; }
  .order-xxl-3 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3; }
  .order-xxl-4 {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4; }
  .order-xxl-5 {
    -webkit-box-ordinal-group: 6;
    -ms-flex-order: 5;
    order: 5; }
  .order-xxl-6 {
    -webkit-box-ordinal-group: 7;
    -ms-flex-order: 6;
    order: 6; }
  .order-xxl-7 {
    -webkit-box-ordinal-group: 8;
    -ms-flex-order: 7;
    order: 7; }
  .order-xxl-8 {
    -webkit-box-ordinal-group: 9;
    -ms-flex-order: 8;
    order: 8; }
  .order-xxl-9 {
    -webkit-box-ordinal-group: 10;
    -ms-flex-order: 9;
    order: 9; }
  .order-xxl-10 {
    -webkit-box-ordinal-group: 11;
    -ms-flex-order: 10;
    order: 10; }
  .order-xxl-11 {
    -webkit-box-ordinal-group: 12;
    -ms-flex-order: 11;
    order: 11; }
  .order-xxl-12 {
    -webkit-box-ordinal-group: 13;
    -ms-flex-order: 12;
    order: 12; }
  .offset-xxl-0 {
    margin-left: 0; }
  .offset-xxl-1 {
    margin-left: 8.333333%; }
  .offset-xxl-2 {
    margin-left: 16.666667%; }
  .offset-xxl-3 {
    margin-left: 25%; }
  .offset-xxl-4 {
    margin-left: 33.333333%; }
  .offset-xxl-5 {
    margin-left: 41.666667%; }
  .offset-xxl-6 {
    margin-left: 50%; }
  .offset-xxl-7 {
    margin-left: 58.333333%; }
  .offset-xxl-8 {
    margin-left: 66.666667%; }
  .offset-xxl-9 {
    margin-left: 75%; }
  .offset-xxl-10 {
    margin-left: 83.333333%; }
  .offset-xxl-11 {
    margin-left: 91.666667%; } }

/*========= / END Grid XXL for 1650 and more =========*/


.hidden {
  display: none !important;
}

.container960 {
  max-width: 960px;
}

.c-sidebar__link {
  padding: 7px 0 7px 20px;
}

.c-sidebar__link.active {
  background-color: #1D2531;
  -webkit-box-shadow: inset 3px 0 0 0 #00A8FF;
  box-shadow: inset 3px 0 0 0 #00A8FF;
}

.c-sidebar .block-title  {
  margin-top: 25px;
  margin-bottom: 15px;
  padding-left: 40px;
  color: #7f8fa4;
  font-size: 12px;
  text-transform: uppercase;
}

.c-nav__link.active {
  color: #2ea1f8;
}

.c-tabs__list.nav-tabs.floating-block-active {
  z-index: 9999;
  background: rgb(239, 243, 246);
}

.c-sidebar__list i.fa, .c-sidebar__list .svg-inline--fa {
  margin-right: 0.625rem !important;
}

#main-content {
  margin-top: 1.875rem;
}

.c-table .fa {
  margin-right: 0.5rem;
  opacity: 0.3;
}

.no-opacity {
  opacity: 1 !important;
}

.page-title, .page-header {
  padding: 0 15px;
}

.opacity03 {
  opacity: 0.3;
}

.c-table__cell.views-field-field-os {
  text-align: center;
}

.view-compare-page .c-table__cell.views-field-field-os,
.view-compare-page .c-table__cell.views-field-field-os{
    text-align: left;
}

.view-compare-page .c-table-responsive {
  display: table;
}

.view-compare-vps.view-compare-page .c-table-responsive {
  display: block;
}

.view-compare-page td.c-table__cell {
  vertical-align: top;
  font-weight: normal;
  width: 40%;
}

.view-compare-page th.c-table__cell {
  white-space: nowrap;
  color: #333;
  background-color: #F5F8FA;
  padding: 10px;
}

.c-table__cell.views-field-field-disk-space .ssd {
  text-transform: uppercase;
  border-radius: 2px;
  display: inline-block;
  line-height: 1;
  padding: 1px 4px;
  color: #fff;
  background: #354052;
  opacity: 0.3;
  margin-right: 0.5rem;
}

.c-table__cell.views-field-field-disk-space .nossd {
  display: none;
}

.filter-wrapper {
  display: none;
}

.form-control {
    display: block;
    width: 100%;
    margin: 0;
    padding: .59375rem .9375rem;
    transition: all .3s;
    border: 1px solid #dfe3e9;
    border-radius: 4px;
    background-color: #fff;
    color: #354052;
    font-size: .875rem;
    font-weight: 400;
    resize: none;
    margin-bottom: 1rem;
}

.form-control.form-textarea {
    min-height: 90px;
    font-size: .875rem;
    font-weight: 400;
    border-radius: 4px 4px 0 0;
}

.grippie {
  margin-bottom: 1rem;
  border-radius: 0 0 4px 4px;
}

.control-label {
    display: block;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 0 0 .3125rem;
    color: #7f8fa4;
    font-size: .875rem;
    font-weight: 400;
}

.title.comment-form {
  font-size: 1.25rem;
  font-weight: 500;
}

.btn {
    display: inline-block;
    position: relative;
    max-width: 100%;
    margin: 0;
    padding: .5rem 1.25rem;
    transition: all .15s ease-in-out;
    border: 1px solid;
    border-radius: 4px;
    border-color: #1a91eb;
    color: #fff;
    font-size: .875rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    cursor: pointer;
    overflow: hidden;
    vertical-align: middle;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background: #2ea1f8;
    background: linear-gradient(180deg,#2ea1f8,#1990ea);
}

.c-btn--white {
  background: #fff;
  border-color: #fff;
  color: #333;
}

.c-btn--white:hover, .c-btn--white:active, .c-btn--white:focus {
  color: #000;
  background-color: #eee;
}

.c-messages {
  height: auto;
}

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

.img-fluid {
  max-width: 100%;
  height: auto;
}

.view-comments .title {
  padding: 20px 30px;
  border-bottom: 1px solid #e6eaee;
}

.view-hostings-grid .c-progress {
  height: 18px;
  margin-bottom: 10px;
  border-radius: 1000px;
}

.view-hostings-grid .c-progress__bar {
  padding: 0 20px;
  color: #fff;
  border-radius: 1000px;
  max-width: 100% !important;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.25;
}

.rate-cout {
  float: left;
  margin-top: 19px;
  margin-right: 10px;
}

.rate-cout b {
  border-radius: 100%;
  font-size: 26px;
  color: #fff;
  background: #b7c0cd;
  height: 42px;
  width: 42px;
  line-height: 42px;
  text-align: center;
  display: inline-block;
}

.view-top3-review-rate-page .rate-cout {
  margin-top: 0;
}

.rate-cout.rate1 b {
  background: #ed1c24;
}

.rate-cout.rate2 b {
  background: #1bb934;
}

.rate-cout.rate3 b {
  background: #2ea1f8;
}

.view-hostings-grid .c-project__title {
  padding-left: 0;
  border-top: 1px solid #eee;
  padding-top: 15px;
  font-size: 1.5rem;
}

.rate-points {
  font-size: 18px;
}

.rate-points b {
  font-weight: normal;
  font-size: 26px;
}

.rate-points .rate-point {
  font-size: 40px;
  color: #333;
  font-weight: bold;
}

.view > .text-center {
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 15px;
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center!important;
    -ms-flex-pack: center!important;
    justify-content: center!important;
}

.pagination {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.pagination li {
    display: inline-block;
    margin-left: -1px;
}

.pagination li a, .pagination li span {
    display: block;
    height: 2.1875rem;
    padding: 0 16px;
    border: 1px solid #e6eaee;
    background-color: #fff;
    color: rgba(53,64,82,.5);
    font-size: 14px;
    line-height: 2.1875rem;
    text-align: center;
}

.pagination li a:hover {
    color: #354052;
    text-decoration: none;
}

.pagination li.active a, .pagination li.active span {
    color: #354052;
}

.c-progress--secondary .c-progress__bar {
  background: #a9d0ef;
}

.admin-tab {
  color: #2ea1f8;
}


.view-plans .c-table__cell {
    padding: 10px 0 10px 15px;
    white-space: normal;
}

.view-plans .c-table__cell:last-child {
    padding-right: 1.875rem;
}

.view .plan-construct {
  text-transform: uppercase;
  border-radius: 2px;
  display: inline-block;
  line-height: 1;
  padding: 1px 6px;
  border: 1px solid #354052;
  margin-left: 0.5rem;
  opacity: 0.5;
}

.view .plan-construct .fa {
  margin: 0;
  opacity: 1;
}

.field-name-body h2 {
  /*color: #2ea1f8;*/
  margin-top: 2rem;
}

.field-name-body p, .field-name-field-term-body p, .views-field-field-term-body p,
.field-name-field-rate-description p {
  font-size: 1rem;
  margin-bottom: 0.875rem;
}

.field-name-body img {
  padding: 0.75rem;
}

.field-name-body .colorbox, .field-type-text-long .colorbox {
  position: relative;
  display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	align-content: center;
}

.field-name-body .colorbox:hover img, .field-type-text-long .colorbox:hover img {
    opacity: 0.5;
    transition-duration: 0.2s;
}

.field-name-body .colorbox:hover:before, .field-type-text-long .colorbox:hover:before {
  display: block;
  position: absolute;
  content: "\f00e";
  font-family: 'FontAwesome';
  font-size: 3rem;
}

figure {
  text-align: center;
}

figcaption {
  background: #e6eaee;
  display: inline-block;
  padding: 1px 10px;
  color: rgba(53,64,82,.5);
  font-style: italic;
}

.field-name-body ul li, .field-name-field-term-body ul li, .views-field-field-term-body ul li,
.field-name-field-rate-description ul li, .view-taxonomy-description ul li{
  list-style-type: square;
  list-style-position: inside;
  margin-left: 1rem;
  margin-bottom: 0.875rem;
}

.field-name-body ol, .field-name-field-term-body ol, .views-field-field-term-body ol, .field-name-field-rate-description ol,
.view-taxonomy-description ol {
  list-style: decimal;
  list-style-position: inside;
  margin-left: 1rem;
  margin-bottom: 0.875rem;
}

.field-name-body ul.no-list-style li, .field-name-field-term-body ul.no-list-style li, .views-field-field-term-body ul.no-list-style li,
.field-name-field-rate-description ul.no-list-style li {
  list-style: none;
  margin-left: 0;
}

blockquote {
  font-style: italic;
  font-size: 17px;
  border-color: #ed1c24;
  margin: 1.5rem 0;
  background: #EFF3F6;
  padding: 1rem 1rem 0.1rem;
}

.field-name-body blockquote p, .field-name-field-term-body blockquote p {
  font-size: 17px;
}

.teaser img {
}

header .field-name-field-image {
  margin-bottom: 1.875rem;
}

#nav-speed .c-state__number {
  margin-bottom: 0;
}

.node-type-hosting h2.page-title {
  padding: 0;
}

.field .field-label {
  font-weight: normal;
  color: #7f8fa4;
}

.front .region-content .block-title {
  padding: 0 1rem;
}

.view-taxonomy-description img {
  border: 1px solid #eee;
}

.view-taxonomy-description p {
  margin-bottom: 0.875rem;
}

#block-block-1 .c-btn {
  padding: 0.5rem 1rem;
}


.bg-grey {
  background-color: #e6eaee !important;
}

.bg-white {
  background-color: #fff !important;
}

.border-gray {
  border-color: #dfe3e9 !important;
}

.region-sidebar-second > .block {
  position: relative;
  outline: none;
}

.view-top3-review-rate-page .view-min-hosting-price, .view-top3-review-rate-page .view-min-hosting-price * {
  display: inline !important;
}

.node-article .c-table__cell {
  white-space: normal;
}

.view-hosting-list-paste img {
	padding: 0 !important;
}

.view-hosters-list-right table {
  width: 100%;
}

.view-hosters-list-right td {
  padding-bottom: 3px;
  padding-top: 3px;
}

.view-hosters-list-right td a {
  font-size: 0.875rem;
}

.view-hosters-list-right span.counter {
    display: inline-block;
    width: 18px;
    height: 18px;
    font-size: 0.6em;
    background: #dfdfdf;
    border-radius: 100%;
    color: #dfdfdf;
    line-height: 18px;
    text-align: center;
    margin-right: 5px;
}

.view-hosters-list-right td.rklm-mark span.counter {
  background: none;
  position: relative;
}
.view-hosters-list-right td.rklm-mark span.counter:before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  content: '\f02e';
  font-family: 'FontAwesome';
  color: #ed1c24;
  font-size: 26px;
}

/*.view-hosters-list-right td.rklm-mark a {
  padding: 2px 7px;
  background: #222C3C;
  color: #fff;
}*/

.rklm-light .c-profile-card {
  border-color: #fd9a18;
  box-shadow: 0 0 20px rgba(253,154,24,0.65);
}

.c-table__row.row-light {
  border: 1px solid #fd9a18;
  box-shadow: 0 0 10px rgba(253,154,24,0.65);
}


.hosting-info-tth .field {
  display: inline-flex;
  background: #b7c0cd;
  padding: .25rem .75rem;
  border-radius: 4px;
  margin: 3px 5px 3px 0;
  color: #fff;
}

[class*="page-vps-search-"] .page-header {
  font-weight: normal;
  font-size: 1.5rem;
}

.call-btn {
    position: fixed;
    bottom: 50px;
    right: 50px;
    height: 150px;
    width: 150px;
    text-align: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.call-btn-link {
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100px;
    width: 100px;
    background: #F56964;
    color: #fff !important;
    border-radius: 100%;
    border: 5px solid #d85d58;
    /*animation: jump 1s infinite;*/
    /*animation: cycle 5s 2s infinite;*/
}

.call-btn-link:hover {
  animation: paused;
}

.call-btn-link b {
    font-size: 14px;
    font-weight: normal;
    text-transform: uppercase;
}

.call-btn-link b span {
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

.call-btn-link:focus {
    outline: none;
}

@keyframes radial-pulse {
  0% {
    box-shadow: 0 0 0 0px rgba(27, 185, 52, 0.5);
  }
 
  100% {
    box-shadow: 0 0 0 40px rgba(27, 185, 52, 0);
  }
}

@keyframes jump {
    0% {
        bottom: 0;
    }
    50% {
        bottom: 140px;
        height: 140px;
    }
    55% {
        bottom: 160px;
        height: 120px;
        border-radius: 70px / 60px;
    }
    65% {
        bottom: 120px;
        height: 140px;
        border-radius: 70px;
    }
    95% {
        bottom: 0;
    }
    100% {
        bottom: 0;
    }
}

@keyframes cycle {
  /*
        35% {transform: rotate(0) translate(0, 0);}
        40% {transform: rotate(5deg) translate(0, -2px);}
        45% {transform: rotate(-3deg) translate(0, -2px);}
        50% {transform: rotate(5deg) translate(0, -2px);}
        55% {transform: rotate(-3deg) translate(0, -2px);}
        60% {transform: rotate(5deg) translate(0, -2px);}
        65% {transform: rotate(-3deg) translate(0, -2px);}
        70% {transform: rotate(0) translate(0, 0);}
*/
  0%, 24% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
  4% {
    -webkit-transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
            transform: translate3d(-25%, 0, 0) rotate3d(0, 0, 1, -5deg);
  }
  8% {
    -webkit-transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
            transform: translate3d(20%, 0, 0) rotate3d(0, 0, 1, 3deg);
  }
  12% {
    -webkit-transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
            transform: translate3d(-15%, 0, 0) rotate3d(0, 0, 1, -3deg);
  }
  16% {
    -webkit-transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
            transform: translate3d(10%, 0, 0) rotate3d(0, 0, 1, 2deg);
  }
  20% {
    -webkit-transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
            transform: translate3d(-5%, 0, 0) rotate3d(0, 0, 1, -1deg);
  }
}



.c-modal__body p {
  margin-bottom: 1rem;
}

.c-modal__body p:last-child {
  margin-bottom: 0;
}


/*============= Hosting Node Teaser  ============= */

.node .teaser {
  padding: 30px 60px 20px 90px;
  margin: -20px -30px 30px;
  position: relative;
  font-style: italic;
}

.node .teaser:after {
  display: block;
  content: "\f10e";
  font-family: "FontAwesome";
  font-size: 2rem;
  color: #ccc;
  position: absolute;
  left: 30px;
  top: 15px;
}

.node .teaser p {
  margin-bottom: 0.725rem;
}

.node-article header .teaser {
  margin: 0;
}

/*=========== / END Hosting Node Teaser  ============= */




/*============= РКЛМ Блок  ============= */

.view-rklm-plans .c-table {
  border: 2px solid #fd9a18;
}

.view-rklm-plans .c-table__row {
  border-top: 1px solid #fd9a18;
  border-bottom: 1px solid #fd9a18;
}

.view-rklm-plans .c-table__head {
    background-color: #FEBC67 !important;
}

.view-rklm-plans .c-table__cell--head {
  color: #000;
}

.view-rklm-plans .view-content {
  position: relative;
}
/*
.view-rklm-plans .view-content:after {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  content: '\f05a';
  padding: 2px 10px;
  background: #fd9a18;
  color: #fff;
  font-size: 12px;
  font-family: 'FontAwesome';
}

.view-rklm-plans .view-content:hover::after {
  display: block;
  position: absolute;
  top: 1px;
  right: 1px;
  content: 'Реклама';
  padding: 2px 10px;
  background: #fd9a18;
  color: #fff;
  font-size: 12px;
}
*/
.rklm-erid {
    position: absolute;
    top: 0;
    right: 0;
    padding: 2px 5px;
    background: #eff3f6;
    font-size: 9px;
    font-weight: normal;
    line-height: 1;
    text-align: right;
    cursor: pointer;
}

.rklm-erid .c-dropdown__menu {
    width: auto;
    min-width: 10rem;
    max-width: 20rem;
}

.rklm-erid .c-dropdown__item {
    font-size: smaller;
    text-transform: none;
}

.rklm-erid-cell {
    position: relative;
}

/*
.rklm-erid-info {
    position: relative;
    display: none;
}

.rklm-erid:active .rklm-erid-info {
    display: block;
}
*/
/*=========== / END РКЛМ Блок ============= */




/*============= Главное меню ============= */

.main-menu-item-mark a {
    display: inline-block;
    margin: 0;
    padding: .25rem .75rem;
    border-radius: 4px;
    color: #fff;
    font-size: .75rem;
    font-weight: 500;
    text-transform: uppercase;
    color: #fff;
    background-color: #fd9a18;
}

.main-menu-item-mark a.active {
  color: #fff;
}

.main-menu-item-mark a:hover {
    background: #fd9104;
    background: -webkit-gradient(linear,left top,left bottom,from(#fd9104),to(#e0600d));
    background: linear-gradient(to bottom,#fd9104,#e0600d);
}

.main-menu-item-mark a i {
  margin-right: .425rem !important;
}

.country-ico {
  margin-left: 20px;
  padding-left: 32px;
}

.country-ico.ru-ico {
  background: url('../img/flag/ru.png') left center no-repeat transparent;
}
.country-ico.ua-ico {
  background: url('../img/flag/ua.png') left center no-repeat transparent;
}
.country-ico.us-ico {
  background: url('../img/flag/us.png') left center no-repeat transparent;
}
.country-ico.eu-ico {
  background: url('../img/flag/eu.png') left center no-repeat transparent;
}

.country-ico.active {
  background-color: #1d2531 !important;
  box-shadow: inset -3px 0 0 0 #00a8ff;
}

/*=========== / END Главное меню ============= */


/*============= Меню в футере ============= */

#block-menu-menu-footer .menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#block-menu-menu-footer .menu li {
    position: relative;
    margin: 0 20px;
}

#block-menu-menu-footer .menu a {
    color: #9fa9ba;
    font-size: 1.05rem;
    font-weight: 400;
}

#block-menu-menu-footer .menu a:hover {
  text-decoration: none;
  color: #2ea1f8;
}

#block-menu-menu-footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 15px;
  text-align: center;
  -webkit-box-pack: center!important;
  -ms-flex-pack: center!important;
  justify-content: center!important;
}

/*=========== / END Меню в футере ============= */



/*=========== Breadcrumbs ============*/

.breadcrumb {
    display: block;
    margin: 15px;
    padding: 0;
}

.breadcrumb li {
    display: inline-block;
    color: #848c98;
}

.breadcrumb li>a {
    color: inherit;
}

.breadcrumb li:not(:last-child):after {
    margin: 0 .625rem;
    color: #a1a7af;
    content: "/";
}

.breadcrumb li.active {
    color: #354052;
}

/*========= / END Breadcrumbs ============*/


/*============= Блок сетки хостингов ============= */

.view-hostings-grid {
  font-size: 0.875rem;
}

.view-hostings-grid .modal-content {
  background: #fff;
}

.c-tooltip.promocode {
  text-transform: none;
}

.view-promocodes .c-credit-card__number {
  padding: 0 7px;
  color: #fff;
  background: #2ea1f8;
  width: auto;
}

.view-display-id-block_node_11150 h3 {
    display: block;
    flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
    color: #b7c0cd;
    font-size: 1.8rem;
}

/*=========== / Блок сетки хостингов ============= */




/*============= Блок таблицы тарифов ============= */

.view-plans-filter .c-table__cell,
.view-vps-search .c-table__cell,
.views-table .c-table__cell{
  padding: 10px 0 10px 15px;
  white-space: normal;
}

.view-rklm-plans .views-table .c-table__cell {
  padding: 0 0 5px 15px;
}

.view-rklm-plans .views-table th.c-table__cell {
  padding: 5px 0 5px 15px;
}

.view-plans-filter .c-table__cell:nth-child(1),
.view-vps-search .c-table__cell:nth-child(1) {
  width: 100px;
  text-align: center;
}

.view-plans-filter .c-table__cell:nth-child(2),
.view-vps-search .c-table__cell:nth-child(2) {
  width: 120px;
  color: rgba(53,64,82,.5);
}

/*=========== / Блок таблицы тарифов ============= */




/*============= Блок ТОП-5 справа ============= */

.view-best-hostings-list .c-table {
  border: none;
}

.view-best-hostings-list  .c-table__cell {
  padding: 0 0 0 10px;
}

.view-best-hostings-list  .c-table__cell:first-child {
  padding-left: 0;
}

.view-best-hostings-list .views-field-counter span {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: #b7c0cd;
  border-radius: 100%;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.c-panel__widget:after {
  margin: 0.875rem 0;
}

#block-views-side-recommend-block {
    background: #fff;
}

#block-views-side-recommend-block.floating-block-active {
    z-index:9999;
}

/*=========== / Блок ТОП-5 справа ============= */




/*============= Спонсор раздела ============= */

.view-rklm-sponsor {
  background: #F4E3CB;
  position: relative;
}

.view-rklm-sponsor:before {
  position: absolute;
  top: 0;
  right: 0;
  padding: 3px 8px;
  content: "Спонсор раздела";
  display: block;
  background: transparent;
  color: rgba(253, 154, 24, 0.65);
}

.rklm-stiky-bottom {
  position: fixed;
  left: 0;
  z-index: 999;
  background: #67ace0;
  height: 60px;
  width: 100%;
  bottom: 0;
  border: solid 5px #67ace0;
  
    animation-name: rklm-stiky-spinner;  /* указываем на ключевые кадры анимации с названием "spinner" */
    animation-timing-function: linear; /* функция синхронизации, с помощью которой будут происходить преобразования */
    animation-iteration-count: infinite; /* количество повторов анимации. "infinite" - значит бесконечно */
    animation-duration: 31s; /* длительность анимации */
    animation-delay: 3s;
    
    transform-style: preserve-3d; /* указываем что это 3D преобразование */
}

.rklm-stiky-bottom-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: stretch;
    -ms-flex-line-pack: stretch;
    align-content: stretch;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 0 auto;
    height: 50px;
    width: 100%;
    max-width: 1140px;
    text-decoration: none;
}

.rklm-stiky-bottom-container:hover {
  text-decoration: none;
}

.rklm-stiky-bottom-container > div {
    -webkit-order: 0;
    -ms-flex-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    -ms-flex-item-align: auto;
    align-self: auto;
    margin: 0 10px;
    max-height: 50px;
    line-height: 1.2;
    }

.rklm-stiky-bottom img {
  max-height: 50px;
  width: auto;
}

.rklm-stiky-bottom-text {
  font-size: 18px;
  color: #333;
  text-decoration: none !important;
}

.rklmid5409 .rklm-stiky-bottom-text {
  font-size: 20px;
}

.o-page__content {
  padding-bottom: 50px;
}

/* WebKit и Opera */ 
@-webkit-keyframes rklm-stiky-spinner { 
    0% { 
        -webkit-transform: rotateX(0deg); 
    } 
    3% { 
        -webkit-transform: rotateX(-360deg); 
    }
    100% { 
        -webkit-transform: rotateX(-360deg); 
    } 
} 
 
/* Все остальные браузеры */ 
@keyframes rklm-stiky-spinner { 
    0% { 
        -moz-transform: rotateX(0deg); 
        -ms-transform: rotateX(0deg); 
        transform: rotateX(0deg); 
    } 
    3% { 
        -moz-transform: rotateX(-360deg); 
        -ms-transform: rotateX(-360deg); 
        transform: rotateX(-360deg);
    }
    100% { 
        -moz-transform: rotateX(-360deg); 
        -ms-transform: rotateX(-360deg); 
        transform: rotateX(-360deg); 
    } 
}

/*=========== / Спонсор раздела ============= */




/*============= Search Form ============= */

.form-search, #views-exposed-form-search-nodes-page {
  position: relative;
  width: 270px
}

#views-exposed-form-search-nodes-page .views-exposed-widget {
  padding: 0;
}

#views-exposed-form-search-nodes-page .views-exposed-form, #views-exposed-form-search-nodes-page .views-exposed-widgets {
  margin: 0;
}

.form-search .btn, #views-exposed-form-search-nodes-page .btn {
  position: absolute;
  top: 0;
  right: 0;
  background: none;
  border: none;
  padding: 0.4rem 0.25rem;
}

.form-search .btn:before, #views-exposed-form-search-nodes-page .btn:before {
    content: "\f002";
    display: inline;
    font-family: 'FontAwesome';
    color: #CED0DA;
    position: absolute;
    z-index: 1;
    width: 40px;
    height: 38px;
    font-size: 1.125rem;
}

.form-search input, #views-exposed-form-search-nodes-page input {
  margin-bottom: 0;
}

.form-search input::-webkit-input-placeholder, #views-exposed-form-search-nodes-page input::-webkit-input-placeholder { /* Chrome */
  color: #ddd;
}
.form-search input:-ms-input-placeholder, #views-exposed-form-search-nodes-page input:-ms-input-placeholder { /* IE 10+ */
  color: #ddd;
}
.form-search input::-moz-placeholder, #views-exposed-form-search-nodes-page input::-moz-placeholder { /* Firefox 19+ */
  color: #ddd;
  opacity: 1;
}
.form-search input:-moz-placeholder, #views-exposed-form-search-nodes-page input:-moz-placeholder { /* Firefox 4 - 18 */
  color: #ddd;
  opacity: 1;
}

.page-search #search-form {
  margin: 0 1rem;
}

.page-search #search-form .form-control {
  width: auto;
  display: inline-block;
  margin-right: 0.5rem;
  line-height: 1.5;
}

/*=========== / Search Form ============= */



/*============= Comment Form ============= */

.comment-form-rates {
  border-left: 1px solid #e6eaee;
}

.comment-form-rates .field-widget-stars {
  margin-top: 0.75rem;
}

.comment-form-rates .control-label {
  margin-bottom: 0;
}

.comment-rates {
  font-size: 0.875rem;
  color: #7f8fa4;
  margin-top: 0.75rem;
  margin-bottom: 0.75rem;
}

.comment.recommend-norecommend {
  background: #fff5f5;
}

.comment.recommend-recommend {
  background: #f1fbf2;
}

.view-comments div[class*="thread"] {
  border-left: 15px solid #ccc;
  background: #fbfbfb;
}

.view-comments div[class*="thread"] .comment-rates {
  display: none;
}

.indented {
    margin-left: 30px;
    position: relative;
    padding-bottom: 60px;
    border-bottom: 1px solid #e6eaee;
}

.indented .indented {
  padding-bottom: 0;
  border: none;
}

.indented > .c-message {
  border-left: 15px solid #ccc;
  background: #fbfbfb;
}

.c-avatar.c-avatar--small .user-picture img {
  width: 50px;
  height: 50px;
  border-radius: 100%;
  overflow: hidden;
}

.c-message .links {
  margin-top: 10px;
  text-align: right;
}

.c-message .links li {
  display: inline-block;
  margin-right: 15px;
}

.c-message.comment-unpublished {
  background: #fffce5;
  border-color: #ed5;
}

.user-provider {
  display: inline-block;
  width: 16px;
  height: 16px;
  margin-left: 2px;
  position: relative;
  bottom: -3px;
  cursor: pointer;
}

.user-provider-Facebook {
  background: url('../img/ico/facebook.png') no-repeat center;
}

.user-provider-Vkontakte {
  background: url('../img/ico/vkontakte.png') no-repeat center;
}

.user-oficial-hosting {
  bottom: 0;
  color: #2ea1f8;
}

.comment_notify {
  margin-bottom: 1rem;
  padding: 0.6rem 0.5rem 0.1rem;
  background: #f8f8f8;
  display: inline-block;
}

.comment_notify #edit-notify-type .form-item-notify-type {
  margin-left: 0;
  margin-right: 0.5rem;
}

.comment_notify .control-label {
  display: inline-block;
}

/*=========== / Comment Form ============= */



/*============ Messages Allert ============= */

.alert {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    max-width: 100%;
    margin: 0 1rem .9375rem;
    padding: .75rem 2rem .75rem .75rem;
    transition: all .3s;
    border-radius: 4px;
    color: #fff;
}

.alert li {
  list-style-position: inside;
  list-style-type: square;
  padding-left: 0.5rem;
}

.alert a {
  color: #fff;
  border-bottom: 1px dashed;
}

.alert a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.alert-success {
    background-color: #1bb934;
}

.alert-info {
    background-color: #2ea1f8;
}

.alert-warning {
    background-color: #fd9a18;
}

.alert-danger {
    background-color: #ed1c24;
}

.close {
    padding: 0;
    border: 0;
    background-color: transparent;
    color: #fff;
    font-size: 1.625rem;
    line-height: 1;
    opacity: .7;
    text-decoration: none !important;
    border: none !important;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.alert .close {
    position: absolute;
    top: .75rem;
    right: 1rem;
}

.close:focus, .close:hover {
    opacity: 1;
    text-decoration: none;
    color: #fff;
}

/*=========== / Messages Allert ============= */



/*============= Login Form ============= */

#user-login {
  padding: 1.875rem;
    display: block;
  margin-top: 0em;
}

.page-user .page-header {
  display: none;
}

/*=========== / Login Form ============= */



/*============= All Rate Pages Block ============= */
 
.view-terms-all .views-row a, .all-rate-list-item a {
  display: block;
  height: 2.1875rem;
  padding: 0 16px;
  margin: 5px;
  border: 1px solid #e6eaee;
  border-radius: 4px;
  background-color: #fff;
  color: #ced0da;
  font-size: .875rem;
  font-weight: 500;
  line-height: 2.1875rem;
  text-align: center;
}

.view-terms-all h3 {
  display: block;
  width: 100%;
  clear: both;
  margin: 15px 5px 10px;
}

/*========== / END All Rate Pages Block ========== */





/*============= Icons ============= */

.fa-Linux:before {
  content: '\f17c';
}

.fa-macOS {
  
}

.fa-Windows:before {
  content: '\f17a';
}

.fa-bitrix {
  
}

.fa-bitrix span {
  display: inline-block;
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 16px;
  border-radius: 0%;
  padding: 0;
  border: 0;
  vertical-align: middle;
  background-color: #354052;
  background-image: url('../img/ico/bitrix.png');
  margin-bottom: 4px;
}

.fa-FreeBSD span {
  display: inline-block;
  background-size: 17px;
  background-position: center;
  background-repeat: no-repeat;
  display: inline-block;
  width: 15px;
  height: 16px;
  border-radius: 0%;
  padding: 0;
  border: 0;
  vertical-align: middle;
  background-color: #354052;
  background-image: url('../img/ico/freebsd.png');
  margin-bottom: 4px;
}

.os-desc {
  cursor: pointer;
}

.os-desc.c-tooltip:after {
  text-transform: capitalize;
}

/*========== / END Icons ========== */




/*============= FiveStar ============= */

.block-page-vote-share {
  /*
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  align-content: center;
  */
  border-color: #dfe3e9;
  background-color: #e6eaee;
  color: rgba(53,64,82,.5);
  border-radius: 4px;
}

.block-page-vote {
  border-color: #ddd !important;
}

.block-page-vote div.fivestar-widget, .block-page-vote div.fivestar-widget-static {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: baseline;
  align-content: stretch;
}

/*========== / END FiveStar ========== */




/*============= SearchFilter ============= */
/*
.view-hostings-filter .form-type-bef-checkbox {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    position: relative;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
}

.view-hostings-filter .form-type-bef-checkbox:before {
    display: inline-block;
    position: relative;
    width: 48px;
    height: 26px;
    transition: all .3s;
    border: 1px solid #e6eaee;
    border-radius: 83px;
    background-color: #dfe3e9;
    content: " ";
}

.view-hostings-filter .form-type-bef-checkbox.is-active:before {
    background-color: #34aa44;
}

.view-hostings-filter .form-type-bef-checkbox label {
    margin: 0 0 0 .625rem;
    color: #354052;
    font-size: .875rem;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.view-hostings-filter .form-type-bef-checkbox:after {
    position: absolute;
    top: 3px;
    left: 3px;
    width: 20px;
    height: 20px;
    transition: all .3s;
    border-radius: 83px;
    background-color: #fff;
    content: " ";
}

.view-hostings-filter .form-type-bef-checkbox.is-active:after {
    left: 25px;
}

.view-hostings-filter .form-type-bef-checkbox .form-control {
  display: none;
}
*/

.vpsserchtext-wrap p {
  margin-bottom: 12px;
}

.vpsserchtext-wrap p:last-child {
  margin-bottom: 0 !important;
}

.block-vpsserchtext > a {
  text-decoration: none;
  margin-left: 15px;
}

.block-vpsserchtext > a:hover {
  text-decoration: none;
  font-weight: bold;
}

.views-exposed-form .form-type-bef-checkbox {
  margin: 0;
  color: #354052;
  font-size: 0;
  font-weight: 400;
}

.view-hostings-filter .form-type-bef-checkbox:before {

}

.view-hostings-filter .form-type-bef-checkbox.is-active:before {

}

.view-hostings-filter .form-type-bef-checkbox label {

}

.view-hostings-filter .form-type-bef-checkbox:after {

}

.view-hostings-filter .form-type-bef-checkbox.is-active:after {

}

.views-exposed-form .form-type-bef-checkbox .form-control {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  overflow: hidden;
  clip: rect(0 0 0 0);
  -webkit-clip-path: inset(50%);
  clip-path: inset(50%);
}

.views-exposed-form .form-type-bef-checkbox .form-control+label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #354052;
  font-size: .875rem;
  cursor: pointer;
  font-weight: 400;
}

.views-exposed-form .form-type-bef-checkbox .form-control+label:before {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 16px;
  height: 16px;
  margin: 0 15px 0 0;
  transition: all .3s;
  border: 1px solid #bbc5d5;
  background-color: #fff;
  color: #fff;
  line-height: 15px;
  text-align: center;
  content: "";
  visibility: visible;
  border-radius: 4px;
}

.views-exposed-form .form-type-bef-checkbox .form-control:checked+label:before {
  border-color: #34aa44;
  background-color: #39b54a;
  font-family: FontAwesome;
  font-size: 10px;
  content: "\f00c";
}


.views-exposed-form .views-exposed-widget.views-reset-button,
.views-exposed-form .views-exposed-widget {
    float: left;
    padding: .55em 1em 0 0;
}

.views-exposed-form .views-exposed-widget.views-reset-button .form-submit,
.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 0;
}

.views-exposed-form .form-control {
  margin-bottom: 5px;
}

.views-exposed-form {
  margin-bottom: 0.875rem;
}

.views-widget-filter-field_ssd_value {
  clear: left;
}

.vefl-twocol .vefl-region, .vefl-threecol .vefl-region {
  float: none;
  width: 100%;
  overflow: hidden;
}

.vefl-region-left .bef-checkboxes,
.vefl-region-left .bef-select-as-radios .form-radios,
.view-hostings-filter label + .views-widget .bef-select-as-checkboxes .bef-checkboxes {
  /*
   * Setting the height and overflow creates a scrollable <div> for the radio/checkbox elements.
   * The border is just for looks -- adjust or remove as needed.
   */
  height: 150px;
  min-width: 160px;
  overflow-y: auto;
  padding: .59375rem .9375rem;
}

.vefl-region-left .form-checkboxes, .view-hostings-filter label + .views-widget .form-checkboxes {
  padding: 0 0 .59375rem;
}

.vefl-region-left .bef-checkboxes::-webkit-scrollbar,
.view-hostings-filter label + .views-widget .bef-select-as-checkboxes .bef-checkboxes::-webkit-scrollbar{
    width: 6px;
    background-color: transparent;
}

.vefl-region-left .bef-checkboxes::-webkit-scrollbar-thumb,
.view-hostings-filter label + .views-widget .bef-select-as-checkboxes .bef-checkboxes::-webkit-scrollbar-thumb {
    border-radius: 6px;
    background-color: rgba(0,0,0,.5);
}

/* Line up multi-line options nicely */
.vefl-region-left .bef-checkboxes .form-item,
.vefl-region-left .bef-select-as-radios .form-radios .form-item {
  //text-indent: -24px;
  //margin-left: 24px;
}

.views-exposed-form .views-exposed-widget.views-reset-button, .views-exposed-form .views-exposed-widget {
  padding: .55em 0.5em 0 0;
}

.ui-slider-horizontal {
    -webkit-appearance: slider-horizontal;
    color: rgb(196, 196, 196);
    cursor: default;
    padding: initial;
    border: initial;
    margin: 2px;
    outline: 0;
}

.ui-slider-horizontal .ui-slider-handle {
  position: relative;
  display: block;
  top: 2px;
  margin-left: 0px;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  cursor: pointer;
  -webkit-appearance: none;
          appearance: none;
  background: #2DA1F8;
  background: -webkit-gradient(linear, left top, left bottom, from(#2DA1F8), to(#1991EB));
  background: linear-gradient(to bottom, #2DA1F8, #1991EB);
  border: transparent;
}

.ui-slider-horizontal::-webkit-slider-runnable-track {
  height: 2px;
  border-radius: 1px;
  background-color: #CED0DA;
}

.facets-filter-items {
  background: #eee;
  border: 1px solid #e8eaec;
}

.facets-filter-items > div > * {
  padding: .55em 0.5em 0 0;
}

.facets-filter-items > div label {
  color: rgba(53,64,82,.5);
}

.flag-throbber {
  position: absolute;
}

.view-vps-search .flag-message {
  top: 1.7rem;
  width: 100%!important;
  display: block !important;
  text-align: center;
  padding-top: 5px;
  position: static;
}

.view-vps-search .flag-wrapper {
    margin-top: 5px;
    display: inline-block;
}

.view-vps-search .c-table .flag-wrapper .flag-action .fa {
  opacity: 1;
}

/*========== / END SearchFilter ========== */




/*============ Code Style ========== */

code {
  display: block;
  width: 100%;
  padding: 10px 15px;
  background: #222c3c;
  color: #b7c0cd;
  margin-bottom: 1rem;
  overflow-x: auto;
}

/*========== / END Code Style ========== */





/*============ TOC ========== */

.toc {
  border-color: #dfe3e9;
  background-color: #e6eaee;
  color: rgba(53,64,82,.5);
  border-radius: 4px;
  display: inline-block;
}

.toc ul {
  list-style-type: circle;
  list-style-position: inside;
  font-size: 1.175rem;
}

.toc li {
  margin-bottom: 0.5rem;
}

.toc a {
  color: #2ea1f8;
}

.toc ul.toc-node-bullets li.toc-node-level-1 {
  padding: 0;
  background: none;
}

.toc ul.toc-node-bullets li.toc-node-level-2 {
  list-style-type: square !important;
  background: none;
}

/*========== / END TOC ========== */



/*============ Poll Block ========== */

.node-advpoll {
  border: 2px solid #2ea1f8 !important;
  border-radius: 8px !important;
}

/*========== / END Poll Block ========== */



/*============ Left Menu ========== */

@media(max-width: 1280px) {
  
  #main-content {
    padding: 0;
  }
  
  .o-page__sidebar {
    width: 180px;
    overflow-x: hidden;
  }
  
  .c-sidebar {
    overflow-x: hidden;
  }
  
  .o-page__content {
    margin-left: 180px;
  }
  
  .c-sidebar .block-title {
    padding-left: 20px;
  }
  
  .c-sidebar__brand {
    padding-left: 10px;
  }
  
  .region-sidebar-left .c-btn.c-btn--large {
    padding: 0.25rem 0.5rem !important;
    font-size: 0.825rem !important;
  }
  
  .region-sidebar-left .c-btn.c-btn--large i {
    display: none;
  }
  
}

@media (max-width: 992px) {
  .o-page__content {
      margin-left: 0;
  }
  .call-btn {
    display: none;
  }
}

/*========== / END Left Menu ========== */



/*========== YouTube Frame ========== */

.youtube {
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
    display: block;
    overflow: hidden;
    transition: all 200ms ease-out;
    cursor: pointer;
    margin: 40px auto 0 auto;
}

iframe {
  margin: 40px auto 0 auto;
}

.youtube .play {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAERklEQVR4nOWbTWhcVRTHb1IJVoxGtNCNdal2JYJReC6GWuO83PM/59yUS3FRFARdFlwYP1CfiojQWt36sRCUurRIdVFXIn41lAoVdRGrG1M01YpKrWjiYmaSl8ybZJL3cd+YA//NLObd3++eO8x79z5jSq5Gw+8kov0AP8vMR5l1BtBZQM4B8ks75wCdZdYZZj5qLZ4hov2Nht9Z9vhKKSIaB/gI4M4w62KeAO6Mte4lYOq20FxrlqqOibhHmeWbvNC9ZfDX1mLae391aN6limO/gwgvAPJbWeAZuSDingdwXTBw7/0IsyaA/Fkh+KqOkD+YNfHej1QKD+y7iVlOhgLvFqFfNJvNGyuBJ+KDAF8MDd0tgS8y64OlgSdJMsysL4cG7SOHkyQZLhTee7+d2R2rAVy/S+Jd7/32ouBHAP4gNNRGQyTHc/84NhqNywZp5rvjjnnvt21aABFeCQ+RLwAf2hQ8s7sv9OCLk6AHNgQvIrvbfzKCD76g/O6cu7lf/iER/aQGgy448pExZmhdegAPhR9sObFWH1gT3lp7DaA/5bkIgJhZPgsNmz02novj+KqeApj1ubwXWe4kdyeznAgNvTpE/HQmvKqOMeuFogTUVQSRno+iaLRLAJF7uIgL9O4ubgL8aWgB7S44mNX+35YpICUiAvS9sBLkq1WzT+NFffl6AuoiApi6NT37h6sWkBIRZGkQ8YtLgyji6e1mBYTqCEBPG2Naz+0BWQgtoGoRgCzEsd9hAN1X5BfnFZASUfrSAFQNsyZ1FJASUVpHiLinDJG8U2cBZYogkrcNs5waBAGdstbeU9zdqpw0gPwwSAI6VUxHyFlDpOcHUUBBIuYNs14aZAE5RVwyzPr3/0EAEY0TyfGNjBWQvwZ+CTSbehfAH29mrID8bET0+0EUkAd8WYDOmqJ3ecsG30yr9wqRfm6Y+a1BEFDEjHfHvWmY9ck6CygHvBVr8Xhtb4ZE5HZA3y8DvBNA1TjnrmXWf+sioMwZX5V/VHXMGGMMoKdDCxCRvRWBdzKzdHEO+EisilbPyopHYqp6S9UCAsz4iojI7hUDAtyXVQgIDd6KnOoaWNkbI6FaPSuZGyMArsi7MZoloB4zviI/Nhr3X95jltwTRQmoIfgisy5ai+me67OI7fE4nrqjrqfK1t0eby0FPRB6oGVlchL3rgnfrq19RKbVBdhV9IOSwJmfmJi4vi/4ThERitwyCxVAFqydshuCX5awhQ9KtmuIWd8IDZED/nXT77rvVVv6sHRKwjYi91poqP7Dr+Y6JJ1VSZIMA3wkPNy6bX+o8Bcm0sXMdwM8Fxo0A3xORPaWBp6uPXsmbxCRD0NDL0dOANhVCXy6iAjMcjbcrMt3RITKwdMVRdFo+y5yvkL4eWZ+zHt/ZVD4dEVRNGotpst+dZZZH8k86lqn2pIvT/eqrNfn2xuyqYPZ8mv7s8pfn/8Pybm4TIjanscAAAAASUVORK5CYII=") no-repeat center center;
    background-size: 64px 64px;
    position: absolute;
    height: 100%;
    width: 100%;
    opacity: .8;
    filter: alpha(opacity=80);
    transition: all 0.2s ease-out;
}

.youtube .play:hover {
    opacity: 1;
    filter: alpha(opacity=100);
}

/*========== END YouTube Frame ========== */




/*========== Social Login ========== */

.hybridauth-widget-wrapper ul.hybridauth-widget {
    margin: 0;
    padding: 0;
}

.hybridauth-widget-wrapper ul.hybridauth-widget li {
    display: inline-block;
    margin: 1px;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
    background: none;
}

.hybridauth-widget-wrapper ul.hybridauth-widget li a {
    padding: 0;
    margin: 0;
}

.hybridauth-icon-hybridauth-32 {
    display: block;
    float: left;
    width: 32px;
    height: 32px;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.hybridauth-facebook-hybridauth-32 {
    background: transparent url('/sites/all/modules/hybridauth/plugins/icon_pack/hybridauth_32/icons/facebook.png') 0px 0px no-repeat;
}

.hybridauth-vkontakte-hybridauth-32 {
    background: transparent url('/sites/all/modules/hybridauth/plugins/icon_pack/hybridauth_32/icons/vkontakte.png') 0px 0px no-repeat;
}

/*========== / END Social Login ========== */