html, body {
    color: #333333;
    font-family: "Montserrat",'Montserrat',Arial;
}

/* --- eu --- */

/* --- res password --*/

.page-portal.page-root #loginbox_container {
    max-width: 580px;
	border: 1px solid #d6d7d9;
	padding: 60px;
	background: white;
}
.page-portal.page-root .alert-info {
	background: transparent ;
}

/* --- Login --- */

.page-portal.page-clientarea .col-sm-3.control-label,
.page-portal.page-root .col-sm-3.control-label {
    width: 100% !important;
    text-align: left;
}


.page-portal.page-clientarea .col-sm-9,
.page-portal.page-root .col-sm-9 {
    width: 100% !important;
    text-align: left;
}

.page-portal.page-clientarea .alert.alert-info,
.page-portal.pge-root .wbox_content .alert-info{
    margin-bottom: 0;
}

.page-portal.page-clientarea #loginbox_container {
    max-width: 580px;
	border: 1px solid #d6d7d9;
	padding: 60px;
	background: white;
}
.page-portal.page-clientarea .wbox_header,
.page-portal.page-root .wbox_header {
	font-weight: 700;
	font-size: 22px;
	padding: 0 15px 25px 15px;
	text-align: left;
}

.page-portal.page-clientarea .alert.alert-info {
    background: transparent ;
}
.page-portal.page-clientarea .alert {
	padding: 15px;
}
/* --- / Login --- */

.page-clientarea .wrapper-clientela-login{
 background: rgb(119,28,224);
background: linear-gradient(56deg, rgba(119,28,224,1) 0%, rgba(64,84,178,1) 67%); 
}

.page-portal.page-root .wrapper--content {
	background: transparent !important;
}

.page-portal.page-clientarea .main-container,
.page-portal.page-root .main-container {
	background: transparent;
}
/*--- header --- */
.page-portal.page-clientarea #loginbox_container::after, #loginbox_container::before,
.page-portal.page-root #loginbox_container::after, #loginbox_container::before {
	background:none !important;
	border:none !important;
	content: none !important;
}

.page-portal.page-clientarea .header,
.page-portal.page-root .header {
    background: #ffffff;
}

.page-portal.page-clientarea .wrapper--content{background:transparent !important;}

.wrapper--header {
    border-bottom: 0px;
	-webkit-box-shadow: -1px 8px 23px -17px rgba(0,0,0,0.2);
	-moz-box-shadow: -1px 8px 23px -17px rgba(0,0,0,0.2);
	box-shadow: -1px 8px 23px -17px rgba(0,0,0,0.2);
}
.logged-bar {
    border-bottom: inherit;
}
.main-menu__item.current a {
    color: #384e9e !important;
	font-weight: 600;
}
.main-menu__item a:hover, .main-menu__item a:focus {
    color:  #384e9e;
}
.logged-bar__item a {
    color: #384e9e !important;
	font-weight: 600;
	font-size: 14px;
}
.main-menu__item a {
    font-weight: 600;
	font-size: 14px;
}
.main-menu__item {
    padding-left: 50px;
}

/*--- /header --- */

/*--- but --- */

.btn-warning,
.btn-info {
    background-image: inherit ;
	border: 0px;
}
.btn-default, .btn-primary, .btn-success, .btn-info, .btn-warning, .btn-danger {
    box-shadow: inherit;
	text-shadow: inherit !important;
}
.btn {
    padding: 10px 30px;
}

/*--- but --- */

.draw-client-information-table.checkout-table.table.table-striped {
    border: 1px solid #d6d7d9;
}

.draw-client-information-table td {
	text-align: left !important;
	padding: 10px 10px 10px 30px !important;
} 
.cart-table-left .checker {
	width: 100% !important;
}
.cart-table-right table {
	width: 100% !important;
}
.cart-table-right {
    background: #f9f9f9;
}

.cart-table-left,
.cart-table-right {
    padding: 30px 30px 16px 30px;
}

.cart-tax--information td:nth-child(2){
	text-align:right !important;
}
.cart-table-left .order-summary-configuration .order-summary-config {
	padding: 10px 30px 0 0 !important;
}
.wbox_content.flex-child--content.cart-wrapper-summary {
    padding: 0px;
}
.cart-tax--information > tr:nth-child(4) {
	height: 47px;
}
.cart-tax--information > tr:nth-child(4) > td:nth-child(1) > strong:nth-child(1),
.cart-tax--information tr .cart-total--new span {
	color: #384e9e;
}

.footer.container--wl,
.site-menu.container--wl,
.logged-bar .container--wl {
    max-width: 1500px;
}

/* --- footer --- */
.wrapper--footer {
    background-color: #050505;
}

.footer__menu {
	font-size: 14px !important;
	font-weight: 700;
}
.footer__menu li a:hover, .footer__menu li a:focus {
    color: #5F5F5F;
	font-size: 14px !important;
}
.footer__menu li a {
    color: #fff;
    text-decoration: none;
	font-size: 14px !important;
}
.footer__colophon {
    color: #fff;
}
.footer__info a {
    color: #fff !important;
}
.footer__menu li.current a {
    color: #4054b2;
}
/* --- footer --- */

.list_item {
    color: #384e9e;
}
.alert-info {
    background-image: inherit;
    background-repeat: inherit;
}
.alert {
    text-shadow: inherit;
	border: 0px;
	box-shadow: inherit;
	border-radius: 10px !important
		;
	
}
.btn--primary {
    font-weight: 600;
    color: #fff;
    background-color: #384e9e;
}

.shosting-container .wbox_header, .main-container .bordered-section h4, #loginbox_container .wbox_header {
    color: #384e9e;
	background: #fff;
}

.checkout-table.table.table-striped td {
	padding: 12px;
}

.order-summary-configuration .order-summary-config {
    color: #384e9e;
}

.cart-account .bgoff2 .container-label .checkmark,
.cart-account .bgon2 .container-label .custom-radio-button:checked ~ .checkmark {
    top: -2px;
}
.cart-account .bgon2 label,
.cart-account .bgoff2 label {
    font-weight: 700 !important;
}
.wrapper-methods {
    border: 1px solid #ccc;
    width: 30%;
    text-align: center !important;
    padding: 20px 0;
}
.wrapper-methods img {
    width: 35px;
	margin-right: 10px;
}

.form--wl select, .form--wl input[type="text"], .form--wl input[type="password"] {
    border-color: #CECECE;
}
.cart-account .bgon2 .container-label .checkmark::after {
    background: #384e9e;
}
.order-summary-configuration .order-summary-config {
    border: inherit;
    font-size: 14px;
    text-transform: inherit;
    font-weight: 600;
    margin-right: 0px;
    text-decoration: underline;
}
.order-summary-configuration .order-summary-config:hover {
    background: inherit;
    color: inherit;
    text-decoration: none;
}
.flex-child--form .wbox .wbox_header .client-information-title,
.flex-child--form .wbox .wbox_header .pay-method-title,
#cart-checkout-form strong {
    color: #333;
    font-size: 18px;
    font-weight: 600;
}

.cart-tax--information {
    background: transparent;
    width: 100%;
    padding: 20px;
}

td.pb10 {
    font-size: 1.1em;
	padding-top: 8px;
}

.alert-danger {
    background-color: rgb(231,36,70, 0.1);
	border-color: #e72446;
	color: #e72446;
	font-weight: 500;
}
.close {
    opacity: 1;
    color: #e72446 !important;
}
small {
    color: #939393;
}

.flex-child--form .orderbox-confirmation .cart-confirmation-button {
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bold;
    color: #1B7FBF;
    background: #384e9e;
    border-radius: 3px;
    max-width: 230px;
    width: 100%;
    margin-right: 6px;
    border: 1px solid #384e9e;
    text-shadow: none;
	line-height: 2.3;
	color: #ffffff !important;
}
.cart-account .bgon2 {
    background: #384e9e;
	color: #ffffff;
	text-shadow: none;
	border: 1px solid #384e9e;
    position: relative;
	width: 50%;
	text-align: center;
}
.cart-account .bgoff2 {
    border: 1px solid #384e9e;
	color: #384e9e;
	width: 50%;
	text-align: center;
}
.cart-account .bgon2::after {
	border-top: 10px solid #384e9e;
}

.flex-child--form .orderbox-confirmation .cart-confirmation-button:hover {
    background-color: #384e9e;
}
.flex-child--form .wbox .wbox_content #updater .form-group .input-form--wrapper input:focus {
	border-color: #384e9e;
	color: #384e9e;
}
.flex-child--form .wbox .wbox_content #updater .form-group .input-form--wrapper input:hover {
	box-shadow: 0 2px 3px 0 rgba(0,0,0,.1);
	transition: background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s;
}
.form--wl select, .form--wl input[type="text"], .form--wl input[type="password"] {
	height: 3.4em;
	margin-bottom: 14px;
}
.summary-header-wrapper--heading {
    display: none;
}
.wbox_content.flex-child--content {
    border: 1px solid #d6d7d9;
    margin: 10px 40px 40px 40px;
    padding: 10px 40px;
    background: #fff;
	box-shadow: 0 0 19px 0 rgba(0,0,0,.1);
}
.checker.table {
    background: transparent;
}
/* --- eu --- */

/*TABS*/
.wbox_header.product_name_center {
    color: #384e9e;
}

.sdw-tabs{

}
.sdw-tabs h4,
.sdw-tabs h5{
    font-size: 20px;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 30px;
}
.sdw-tabs-menu{
    text-align: center;
    border-bottom: 2px solid #43a4e2;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.sdw-tab-btn{
    display: inline-block;
    font-size: 14px;
    margin: 0 20px;
    padding: 0 15px;
    border-bottom: 2px solid #43a4e2;
    padding-bottom: 10px;
    cursor: pointer;
    position: relative;
    top: 12px;
    color: #888;
}

.sdw-tab-btn.sdw-current-tab{
    border-color:#fff;
    color: #43a4e2;
    font-weight: 700;
}
.tabs-on .sdw-tab{
    display:none;
}
.tabs-on .sdw-tab.sdw-current-tab{
    display:block;
}

.sdw-highlight-button::before{
    content: "4";
    position: absolute;
    top: 5px;
    right: -12px;
    color: #ffffff;
    background: red;
    display: inline-block;
    width: 10px;
    font-size: 11px;
    height: 14px;
    font-weight: 900;
    vertical-align: top;
    line-height: 13px;
    text-align: center;
    border-radius: 2px;
}

.sdw-highlight-button{
    position:relative;
    display:inline-block;
}

.site-menu__navigation ul li a {
    padding: 10px 0;
    transition: all .3s;
}

.site-menu__navigation ul.desktop-menu {
    float: right;
}
.site-menu__navigation ul.desktop-menu > li > a:hover {
    background: unset;
}
.subject-input {
    margin-bottom: 0 !important;
    margin-left: 10px;
}

.icon-chevron-left::before {
    font-family: 'FontAwesome';
}

.icon-plus::before {
    font-family: 'FontAwesome';
}

.center-icon {
    text-align: center;
}

@media only screen and (min-width: 769px) {
    .sub-title {
        text-align: center;
    }
}

@media only screen and (max-width: 511px) {
    .detalii-item {
        justify-content: center;
    }

    .sub-title {
        text-align: center;
    }
}

@media only screen and (min-width: 768px) {
    ul.mobile-menu.nav.navbar-nav {
        display: none;
    }
    .site-menu__navigation {
        padding-left: 0;
        padding-right: 0;
    }
}
@media only screen and (max-width: 767px) {
    .sdw-tab-btn{
        border: none;
        width: 50%;
        text-align: left;
        margin: 0;
        padding: 0;
        margin-bottom: 15px;
        vertical-align: top;
        cursor:pointer;
    }
    .jobs-header-text{
        font-size:0.85em;
    }
    .sdw-tab-btn.sdw-current-tab{
        padding-left:10px;
        border-left:3px solid #43a4e2;
    }
    .site-menu__navigation {
        width: 100%;
    }
    ul.desktop-menu.nav.navbar-nav {
        display: none;
    }
    ul.mobile-menu.nav.navbar-nav {
        text-align: center;
    }
    .navbar-toggle {
        border: 1px solid #333333;
    }
    .navbar-toggle .icon-bar {
        background-color: #333;
    }
    ul.mobile-menu > li:first-child a {
        display: inline-block;
    }
    li.main-menu__item.sdw-highlight-button {
        padding-right: 15px;
        font-weight: 600;
    }
    .main-menu__item.sdw-highlight-button:before {
        right: 50%;
        transform: translate(421%);
    }
    .navbar-collapse {
        max-height: 100%;
    }
}

@media only screen and (max-width: 359px) {
    .site-menu__brand:nth-child(1n) {
        margin-right: 0;
    }
}
@media (max-width: 479px) {
    .sdw-tab-btn{
        width: 100%;
    }
}

/*justyne code*/
 .u-pt {
   padding-top: 40px !important;
 }

 .u-pb {
   padding-bottom: 40px !important;
 }

 .u-pl {
   padding-left: 40px !important;
 }

 .u-pr {
   padding-right: 40px !important;
 }

 .u-mt {
   margin-top: 40px !important;
 }

 .u-mb {
   margin-bottom: 40px !important;
 }

 .hero-unit h2 {
   border-top: 1px solid  #e5e5e5;
   max-width: 600px;
   margin-left: auto;
   margin-right: auto;
 }

/**/

/*managed services - justyne code*/

.root .managed__title {
  font-size: 2.57143em;
  color: #43A4E2;
}

.managed__content {
  background: url(../img/managed_services_img.png);
  background-repeat: no-repeat;
  background-position: bottom;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #ededed;
  padding: 0;
  background-size: contain;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.managed__content h2 {
  color: #43A4E2;
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
  border-bottom: 1px solid #ededed;
  padding-bottom: 20px;
  margin-bottom: 0;
}

.managed__flex {
  flex-basis: 33.33%;
}

.managed__border {
  position: relative;
}

.managed__border::after {
  border-right: 1px solid #ededed;
  position: absolute;
  content: '';
  right: 0;
  top: 0;
}

.managed__border:first-of-type::after {
  height: 87%;
}
.managed__border:nth-of-type(2)::after {
  height: 86%;
}

.managed__flex:nth-of-type(3) {
  border-right: 1px solid #ededed;
}

.managed__flex:first-of-type {
  border-left: 1px solid #ededed;
}

.managed__content-text {
  padding: 40px 0;
  margin-bottom: 80px;
}

.managed__content-text h3 {
  position: relative;
  padding-left: 70px;
  font-size: 50px;
  color: #000;
  margin-top: 0;
  margin-bottom: 24px;
}

.managed__content-text h3 sub {
  font-size: 14px;
  font-weight: 300;
}

.managed__content-text h3::before {
  position: absolute;
  content: "\f153";
  font: normal normal normal 14px/1 FontAwesome;
  font-size: 48px;
  left: 40px;
  bottom: 0;
}

.managed__content-actions {
  text-align: center;
  margin-bottom: 40px;
}

.managed__content-actions a {
  color: #fff;
  text-transform: uppercase;
  background-color: #43A4E2;
  border: 1px solid #43A4E2;
  margin: auto;
  padding: 6px 40px;
  font-size: 18px;
  display: inline-block;
}

.managed__content-text p {
  position: relative;
  padding-left: 60px;
  padding-right: 40px
}

.managed__content-text p::before {
  position: absolute;
  content: "\f00c";
  font: normal normal normal 14px/1 FontAwesome;
  color: #43A4E2;
  left: 40px;
  top: 4px;
}

.managed__content-text .strong {
  padding-top: 20px;
  padding-bottom: 20px;
  font-weight: 800;
  border-top: 1px solid #ededed;
}

@media screen and (max-width: 1198px) {
  .managed__border:first-of-type::after {
    height: 90%;
  }
  .managed__border:nth-of-type(2)::after {
    height: 89%;
  }
}

@media screen and (max-width: 990px) {
  .managed__content-text {
    margin-bottom: 16px;
    padding: 20px 0;
  }
  .managed__content-text p {
    padding-left: 30px;
    padding-right: 20px;
  }
  .managed__content-text p::before {
    left: 12px;
  }
  .managed__border:first-of-type::after {
    height: 92%;
  }
  .managed__border:nth-of-type(2)::after {
    height: 91%;
  }
}

@media screen and (max-width: 767px) {
  .managed__title {
    margin-bottom: 0 !important;
  }
  .managed__content-actions {
    margin-top: 6px;
  }
  .managed__border:first-of-type::after {
    height: 93%;
  }
  .managed__border:nth-of-type(2)::after {
    height: 92%;
  }
}

@media screen and (max-width: 634px) {
  .managed__content h2 {
    padding-bottom: 10px;
    margin-top: 10px;
  }
  .managed__content-text h3 {
    padding-left: 28px;
    font-size: 30px;
  }
  .managed__content-text h3::before {
    left: 10px;
    font-size: 28px;
  }
  .managed__content-actions {
    margin-bottom: 12px;
  }
  .managed__content-actions a {
    padding: 6px 10px;
  }
  .managed__content-text p {
    font-size: 12px;
  }
  .managed__border:first-of-type::after {
    height: 94%;
  }
  .managed__border:nth-of-type(2)::after {
    height: 93%;
  }
}

@media screen and (max-width: 560px) {
  .managed__content {
    flex-direction: column;
    background: none;
  }
  .managed__flex {
    border-left:  1px solid #ededed;
    border-right: 1px solid #ededed;
    border-top: 1px solid #ededed;
  }
}

/*webland generated icons*/

@font-face {
  font-family: 'web_icons';
  src:  url('fonts/web_icons.eot?ahbev8');
  src:  url('fonts/web_icons.eot?ahbev8#iefix') format('embedded-opentype'),
    url('fonts/web_icons.ttf?ahbev8') format('truetype'),
    url('fonts/web_icons.woff?ahbev8') format('woff'),
    url('fonts/web_icons.svg?ahbev8#web_icons') format('svg');
  font-weight: normal;
  font-style: normal;
}

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

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

.icon-arrow_left:before {
  content: "\e910";
}
.icon-arrow_right:before {
  content: "\e911";
}
.icon-quotation:before {
  content: "\e912";
}
.icon-check:before {
  content: "\e90f";
}
.icon-activation:before {
  content: "\e900";
}
.icon-assistance:before {
  content: "\e901";
}
.icon-beneficii-vps:before {
  content: "\e902";
}
.icon-centOS:before {
  content: "\e903";
}
.icon-checkmark:before {
  content: "\e904";
}
.icon-cloud:before {
  content: "\e905";
}
.icon-dom_man:before {
  content: "\e906";
}
.icon-man_int:before {
  content: "\e907";
}
.icon-package:before {
  content: "\e908";
}
.icon-questionmark:before {
  content: "\e909";
}
.icon-resources:before {
  content: "\e90a";
}
.icon-rocket:before {
  content: "\e90b";
}
.icon-root_access:before {
  content: "\e90c";
}
.icon-traffic:before {
  content: "\e90d";
}
.icon-uptime:before {
  content: "\e90e";
}
.icon-user, .icon-remove {
    font-family: 'FontAwesome' !important;
}


/* new webland home page*/

#vps_cloud {
  padding-top: 6rem;
  padding-bottom: 8rem;
}

#vps_cloud .title {
  font-size: 38px;
  font-weight: 400;
  text-align: left;
  line-height: 1.2;
}

#vps_cloud .subtitle {
  font-size: 70px;
  font-weight: 800;
  text-transform: none;
  text-align: left;
  max-width: 600px;
  line-height: 1.2;
  text-shadow: 0 1px rgba(0,0,0,.3);
  color: #fff;
}

#vps_cloud .subtitle span {
  color: #c7e4f6;
}

.first {
  padding-top: 2rem;
  color: #fff;
  max-width: 460px;
  margin: auto;
  font-weight: 300;
}

#support {
  padding: 8rem 0;
  color: #14385a;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: space-between;
  align-items: stretch;
  align-content: center;
}

@media screen and (min-width: 1616px) {
  #support {
    width: 66%;
  }
}

#support p:first-of-type {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0;
}

.support,
.simple-way {
  border: 1px solid #14385a;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
  padding: 2rem 0;
  flex-basis: 47%;
}

.support--img,
.simple-way--img {
  flex-basis: 20%;
  text-align: center;
}

.support--img .icon-assistance,
.simple-way--img .icon-rocket {
  font-size: 50px;
}

.support--content,
.simple-way--content {
  flex-basis: 80%;
}

#pachete {
  background-color: #fff;
  padding: 0;
}

#pachete .price {
  font-size: 18px;
  line-height: 1.2;
  color: #1b7fbf;
  height: 100%;
  font-weight: 600;
  letter-spacing: 1px;
  padding-top: 2rem;
  border-bottom: 1px solid #f4f4f4;
  border-top: 0;
  background-color: #fff;
}

#pachete .subtitle {
  font-size: 15px;
  line-height: 3;
}

#pachete .price span {
  font-size: 60px;
  font-weight: 700;
}

#pachete .price p:first-of-type {
  color: #000;
  font-size: 14px;
  margin-bottom: 0;
    padding-bottom: 30px;
}

.facturat-anual {
  padding-top: 3rem;
  position: relative;
  padding-bottom: 2rem;
  font-size: 14px;
}

.facturat-anual::before {
  position: absolute;
  content: '';
  border: 1px solid #1b7fbf;
  width: 40px;
  left: 50%;
  transform: translateX(-50%);
  top: 2rem;
}

.grey-bg,
.grey-bgg {
  background-color: #f4f4f4 !important;
}

#pachete .panou {
  width: 100%;
  padding-top: 1rem;
}

#pachete .gratuit {
  font-size: 16px;
  color: #42a4e3;
  font-weight: 700;
  position: relative;
}

#pachete-wrap .info {
  background-color: #42a4e3;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 2rem;
}

/*.ip,*/
.locatie,
.activare {
  line-height: 1.3 !important;
}

.resources--wrap p {
  color: #999fa5;
  line-height: 1.1;
}

.resources--wrap p strong {
  font-size: 18px;
  color: #000;
}

#pachete .cloud {
  box-shadow: none;
  border-color: #e6e6e6;
}

#pachete .cloud .title {
  padding-top: 10px;
}

#pachete .cloud .subtitle {
  line-height: 2;
}

#pachete .cloud .comanda {
  background-color: #fff;
  color: #1b7fbf;
  border: 1px solid #1b7fbf;
  font-size: 14px;
  height: 100%;
  font-weight: 600;
  line-height: 3;
}

#pachete .cloud .comanda:hover {
  background-color: #1b7fbf;
  color: #fff;
  text-decoration: none;
}

#pachete .cloud.highlighted .comanda {
    margin-top: 2rem;
    margin-bottom: 3rem;
}

#pachete .cloud1,
#pachete .cloud3 {
  padding-bottom: 2rem;
}

#pachete .recomandat {
  height: auto;
  border-color: #e6e6e6;
}

#pachete .recomandat,
#pachete .cloud.highlighted {
  background-color: #fff;
}

#pachete .cloud.highlighted .price {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
}

#pachete .recomandat .title {
  width: 104%;
  font-weight: 400;
  right: 8px;
  background-color: #27ae60;
  font-size: 18px;
  line-height: 26px;
}

#pachete .recomandat .title::before ,
#pachete .recomandat .title::after {
  display: none;
}

#vps {
  max-width: 100%;
  padding: 4rem 0 6rem;
}

#vps .title {
  font-size: 32px;
  border-bottom: 0;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

#pachete .container-fluid {
  margin-top: 6rem;
  padding-top: 4rem;
  padding-bottom: 4rem;
}

.servers {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.servers div {
  flex-basis: 20%;
}

#vps table {
  border: 1px solid #e6e6e6;
}

#vps table td {
  padding: 12px 0;
}

#vps table th {
  color: #000;
  font-weight: 400;
  font-size: 20px;
  padding: 14px 0;
}

#vps table tbody {
  box-shadow: none;
  border: 0;
}

#vps table .price {
  font-size: 20px;
  padding-top: 0;
  color: #1b7fbf;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  border-top: none;
  border-bottom: 0;
  padding: 4px;
}

#vps table .odd .price,
#vps table .odd {
  background-color: #f4f4f4;
}

#vps table .even {
  background-color: #fff;
}

#vps .tva {
  text-align: left;
  color: #737373;
}

#pachete table .price {
  line-height: 20px;
  padding-bottom: 20px;
}

#vps table .comanda a {
  background-color: #1b7fbf;
  color: #fff;
  text-decoration: none;
  border: 1px solid #1b7fbf;
  font-size: 14px;
  height: 35px;
  line-height: 33px;
}

#vps table .comanda a:hover {
  background-color: transparent;
  color: #1b7fbf;
}

.cpu,
.hdd,
.ip,
.trafic {
  position: relative;
}

#free-benefits-wrap {
  text-align: right;
  padding-top: 10rem;
  padding-right: 36rem;
  background: #f5f5f7;
  background: -moz-linear-gradient(top, #f5f5f7 23%, #dddddd 100%);
  background: -webkit-linear-gradient(top, #f5f5f7 23%,#dddddd 100%);
  background: linear-gradient(to bottom, #f5f5f7 23%,#dddddd 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f7', endColorstr='#dddddd',GradientType=0 );
}

.free-benefits-bg {
  background: url('../img/devices.png');
  background-repeat: no-repeat;
  background-size: contain;
}

#free-benefits-wrap .cluster-logo {
  position: relative;
  top: -6rem;
}

#free-benefits-wrap .title {
  font-size: 46px;
  font-weight: 800;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: flex-end;
  padding-bottom: 4rem;
}

#free-benefits-wrap .title p {
  max-width: 740px;
}

#free-benefits-wrap .title span {
  color: #fea400;
}

#free-benefits-wrap a {
  text-transform: uppercase;
  color: #fff;
  font-weight: 600;
  background-color: #FEA400;
  border: 1px solid #FEA400;
  text-decoration: none;
  font-size: 18px;
  padding: 12px 60px;
}

#free-benefits-wrap a:hover {
  color: #e39400;
  background-color: transparent;
}

.free-benefits,
.free-flex,
#vps-hosting {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.free-benefits {
  max-width: 560px;
  padding-bottom: 10rem;
}

.free-flex {
  justify-content: flex-end;
  padding-top: 10rem;
}

.free-benefits--item {
  flex-basis: 33.33%;
  text-align: center;
  padding: 2rem 2rem 3rem;
  border-right: 1px solid #f8f4f4;
  border-bottom: 1px solid #f8f4f4;
}

.free-benefits .icon-checkmark {
  color: #fda908;
  font-size: 20px;
}

.free-benefits--item p {
  padding-top: 1rem;
  font-weight: 600;
}

.free-benefits--item:nth-of-type(3),
.free-benefits--item:nth-of-type(6) {
  border-right: 1px solid transparent;
}

.free-benefits--item:nth-of-type(4),
.free-benefits--item:nth-of-type(5),
.free-benefits--item:nth-of-type(6) {
  border-bottom: 1px solid transparent;
}

#vps-hosting-wrap {
  border-top: 1px solid transparent;
  padding: 6rem 0;
  background-color: #fff;
}

#vps-hosting-wrap .title {
  font-weight: 600;
  font-size: 32px;
}

#vps-hosting {
  justify-content: center;
}

#vps-hosting .defaults {
  flex-basis: 20%;
  box-shadow: 0px -0px 23px 0px rgba(0,0,0,0.115);
  margin: 3rem;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  align-content: center;
  height: 160px;
  justify-content: center;
  padding: 0;
  font-weight: 600;
}

#vps-hosting .defaults:first-of-type,
#vps-hosting .defaults:nth-of-type(5),
#vps-hosting .defaults:nth-of-type(9) {
  margin-left: 0;
}

#vps-hosting .defaults p {
  text-align: center;
}

#vps-hosting .defaults span.icon {
  font-size: 60px;
  font-weight: 300;
  background: -webkit-linear-gradient(#55e7fc, #42a4e3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #42a4e3;
  line-height: 1;
  padding: 1rem;
}

#vps-hosting .defaults .details {
    display: block;
}

#detalii-wrap {
  background: #3dd6fb;
  background: -moz-linear-gradient(-45deg, #3dd6fb 0%, #42a4e3 100%);
  background: -webkit-linear-gradient(-45deg, #3dd6fb 0%,#42a4e3 100%);
  background: linear-gradient(135deg, #3dd6fb 0%,#42a4e3 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dd6fb', endColorstr='#42a4e3',GradientType=1 );
  padding: 10rem 0;
}

#detalii-wrap .title {
  color: #fff;
  padding:0 0 4rem;
  font-weight: 600;
  font-size: 32px;
}

#detalii-wrap .title a {
  color: #fff;
}

.detalii-item {
  padding: 4rem 2rem;
  border: 1px solid rgba(255, 255, 255, .3);
  flex-basis: 31.5%;
  margin: 0 1rem;
}

.detalii-icon {
  border: 1px solid #fff;
  border-radius: 50%;
  padding: 3rem;
  background-color: #fff;
  display: inline-block;
  box-shadow: 0px -0px 23px 0px rgba(0,0,0,0.15);
}

.detalii-icon span[class^="icon-"],
#slider-wrap .icon-quotation {
  font-size: 70px;
  background: -webkit-linear-gradient(#55e7fc, #42a4e3);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #42a4e3;
}

#slider-wrap .icon-quotation {
  font-size: 40px;
  line-height: 1.5;
}

#detalii-wrap .icon-check {
  font-size: 14px;
  color: #3dfffd;
  padding-right: 6px;
  line-height: 1.6;
}

#vps_cloud .container,
#pachete .container:first-of-type,
#vps-hosting.container,
#detalii.container {
  padding: 0 !important;
}

.detalii-item a {
  color: #fff;
}

.detalii-item p {
  font-size: 14px;
  color: #fff;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
}

.detalii-item .more-info {
  padding-left: 2rem;
}

.detalii-item div p {
  flex-basis: 93%;
  padding-bottom: .5rem;
  line-height: 1.6;
}

.icon-content {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.detalii-item p[class^="sub-title"] {
  font-size: 18px;
  padding-bottom: 2rem;
  padding-top: 6rem;
  font-weight: 600;
  padding-left: 0;
}

.detalii-item span[class^="icon-checkmark"] {
  font-size: 14px;
  color: #3dfffd;
  background: #3dfffd;
}

.detalii-wrapper {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}

#slider-wrap {
  background: url(../img/studio.jpg);
  padding: 12rem 0 10rem;
  background-repeat: no-repeat;
  background-size: cover;
}

#slider-wrap .container {
  background: #fff;
  box-shadow: 0px -0px 23px 0px rgba(0,0,0,0.415);
  padding: 9rem 10rem 6rem;
  position: relative;
}

#slider-wrap .item {
  font-size: 16px;
  padding: 0 12rem 6rem;
}

#slider-wrap .carousel-caption {
  bottom: -2rem;
  text-shadow: none;
  color: #000;
  text-transform: uppercase;
}

#slider-wrap .carousel-control {
  background-image: none;
  color: #000;
  opacity: 1;
  text-shadow: none;
  top: 50%;
  transform: translateY(-50%);
}

#slider-wrap .carousel-control.left {
  left: -6rem;
}

#slider-wrap .carousel-control.right {
  right: -6rem;
}

.slider-wrap--icon {
  display: inline-block;
  border: 1px solid #fff;
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0px -0px 23px 0px rgba(0,0,0,0.215);
  position: absolute;
  padding: 2rem;
  left: 50%;
  transform: translateX(-50%);
  top: -5rem;
  width: 100px;
  height: 100px;
  text-align: center;
}

.carousel-indicators {
  bottom: -11rem;
}

#fallow-us .title {
  padding-top: 6rem;
  padding-bottom: 6rem;
  font-size: 32px;
  font-weight: 600;
}

#fallow-us .title a {
  color: #000l
}

.tooltip {
  width: 250px;
}

.tooltip .tooltip-inner {
  background-color: #42a4e3;
  font-size: 13px;
  max-width: 250px;
  border-radius: 0;
  padding: 1rem;
  box-shadow: 0px -0px 23px 0px rgba(0,0,0,0.115);
}

.tooltip.bottom .tooltip-arrow {
  border-bottom-color: #42a4e3;
  left: 50% !important;
}

/*.grey-bg:hover .facturat-anual::before {
  border: 1px solid #fff;
}*/

/*#pachete .col-md-4:hover {
  z-index: 10;
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.12) !important;
}

#pachete .cloud.highlighted .price p {
  color: #fff;
}

#pachete .cloud.highlighted .facturat-anual::before {
  border-color: #fff;
}

#pachete .cloud.highlighted .grey-bg {
  background-color: #43a4e2 !important;
  color: #fff !important;
}*/

#pachete .recomandat,
#pachete .cloud.highlighted {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, 0.12) !important;
}

#pachete .cloud.highlighted .facturat-anual::before {
  border-color: #fff;
}

#pachete .col-md-4:nth-of-type(2) {
  z-index: 10;
}

#pachete .cloud.highlighted .grey-bg {
  background-color: #43a4e2 !important;
  color: #fff !important;
}

#pachete .cloud.highlighted .price p {
  color: #fff;
}

/*Toate pachetele includ section - micsorare font*/

.copy.details {
    font-size: 15px;
}


/*Toate pachetele includ section - micsorare font*/

#emailverification {
    width: 115px !important;
    margin: 0 10px !important;
}

@media screen and (max-width: 1780px) {
  #free-benefits-wrap {
    padding-right: 20rem;
  }
}

@media screen and (max-width: 1616px) {
  #free-benefits-wrap {
    padding-right: 10rem;
  }
}

@media screen and (max-width: 1510px) {
  .free-benefits-bg {
    background-position: -300px,center;
  }
}

@media screen and (max-width: 1200px) {
  .detalii-item {
    flex-basis: 30%;
  }
  .detalii-item div p {
    flex-basis: 90%;
  }
  #pachete-wrap .info {
    right: 0;
  }
  #slider-wrap .container {
    padding: 9rem 4rem 6rem;
  }
  #vps-hosting .defaults {
    margin: 2rem;
  }
  #vps-hosting .defaults p {
    padding: 0 1rem;
  }
  #vps-hosting .defaults:first-of-type,
  #vps-hosting .defaults:nth-of-type(5),
  #vps-hosting .defaults:nth-of-type(9) {
    margin-left: 2rem;
  }
}

@media screen and (max-width: 1150px) {
  .free-benefits-bg {
    background-position: -400px,center;
  }
  #free-benefits-wrap {
    padding-right: 4rem;
  }
}

@media screen and (max-width: 1000px) {
  .free-benefits--item {
    padding: 1rem;
  }
}

@media screen and (max-width: 980px) {
  #pachete-wrap .cloud .info {
    top: auto;
    transform: none;
    bottom: 0;
    right: 3rem;
  }
  #support {
    padding: 4rem 0 2rem;
  }
  #vps {
    padding-top: 0;
  }
  #vps-hosting-wrap {
    padding: 2rem 0;
  }
  #detalii-wrap {
    padding: 6rem 0;
  }
  .detalii-item div p {
    flex-basis: 86%;
  }
  #vps-hosting .defaults {
    flex-basis: 27%;
  }
  .gratuit p {
    padding: 0 .5rem;
  }
  #vps_cloud .subtitle {
    font-size: 60px;
  }
  #vps_cloud .title {
    font-size: 34px;
  }
  #vps_cloud p,
  #pachete .subtitle {
    font-size: 14px;
  }
  #support p:first-of-type,
  #vps table th,
  #vps table .price,
  #vps table tbody {
    font-size: 18px;
  }
  .support,
  .simple-way {
    padding: 1rem 0;
  }
  #pachete .title {
    font-size: 28px;
  }
  #pachete .price,
  .resources--wrap p strong {
    font-size: 16px;
  }
  #pachete .price span {
    font-size: 50px;
  }
  #free-benefits-wrap .title {
    font-size: 40px;
  }
  .free-flex {
    padding-top: 6rem;
  }
}

@media screen and (max-width: 900px) {
  #free-benefits-wrap {
    padding-right: 1rem;
  }
  .free-benefits {
    padding-bottom: 4rem;
  }
}

@media screen and (min-width: 768px) {
    .support, .simple-way {
        min-height: 180px;
        padding: 2rem 20px;
    }
}

@media screen and (max-width: 768px) {
  #vps_cloud .container,
  #pachete .container:first-of-type,
  #vps-hosting.container,
  #detalii.container {
    padding: 2rem !important;
  }
  #pachete .container-fluid {
    padding: 1rem 0;
  }
  .free-benefits-bg {
    background: none;
    text-align: center;
  }
  #free-benefits-wrap .title p {
    text-align: center;
    line-height: 1.2;
  }
  .free-flex {
    justify-content: center;
  }
  #vps-hosting {
    margin-bottom: 0;
  }
  #detalii-wrap {
    padding-top: 0;
  }
  .detalii-wrapper {
    flex-direction: column;
  }
  .detalii-item {
    flex-basis: 100%;
    padding: 1rem;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    margin-bottom: 2rem;
  }
  .detalii-icon {
    display: inline-table;
    margin: 0 2rem;
  }
  .tablet-flex {
    flex-grow: 1;
    flex-basis: 60%;
  }
  .detalii-item p[class^="sub-title"] {
    padding: 1rem 0;
  }
  #detalii-wrap .icon-check,
  .detalii-item div p {
    line-height: 1.2;
    margin-bottom: 0;
  }
  #vps_cloud-wrap {
    padding-left: 2rem;
  }
  #vps_cloud {
    padding-top: 0rem;
    padding-bottom: 3rem;
  }
  #slider-wrap .carousel-control.left {
    left: -2rem;
  }
  #slider-wrap .carousel-control.right {
    right: -2rem;
  }
  #slider-wrap {
    padding: 8rem 0 5.5rem;
  }
  #detalii-wrap .title {
    padding: 0 0 2rem;
  }
  #detalii-wrap {
    padding: 0;
  }
  #detalii {
    margin-bottom: 0;
  }
  #slider-wrap {
    padding-left: 2rem;
    padding-right: 2rem;
  }
  #slider-wrap .container {
    padding: 7rem 0rem 3rem;
  }
}

@media screen and (min-width: 561px) and (max-width: 767px) {
  #pachete {
    padding-top: 5rem;
  }
  #pachete .col-xs-12 {
    width: 33.33%;
    padding: 0;
  }
  #pachete .recomandat {
    margin-top: -58px;
  }
  #pachete-wrap .cloud .info {
    top: 2rem;
    right: 50%;
  }
  #pachete .recomandat .title {
    width: 109%;
  }
  #pachete .cloud .comanda {
    width: 70%;
  }
  #pachete .title {
    font-size: 22px;
  }
  #pachete .panou {
    padding-top: 0;
    margin-bottom: 20px;
  }
  #vps_cloud p,
  #pachete .subtitle,
  #pachete .price p:first-of-type,
  .facturat-anual {
    font-size: 12px;
  }
  #free-benefits-wrap .cluster-logo {
    top: -1rem;
  }
  #pachete .price span {
    font-size: 40px;
  }
  #pachete .gratuit {
    font-size: 14px;
  }
  .support,
  .simple-way {
    align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  #free-benefits-wrap {
    padding-top: 4rem;
  }
  #pachete .container-fluid {
    margin-top: 2rem;
  }
  #vps .title {
    padding-top: 1rem;
  }
  #vps {
    padding-bottom: 3rem;
  }
  #vps-hosting-wrap {
    padding: 0rem 0;
  }
  #vps-hosting-wrap .title {
    margin-bottom: 0;
  }
  #fallow-us .title {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  #pachete .price .footable-toggle {
    font-size: 14px;
  }
  #pachete .price .footable-toggle:hover {
    color: #3984C0;
  }
  .footable-row-detail-cell {
    padding-left: 1rem;
  }
}

@media screen and (max-width: 560px) {
  #free-benefits-wrap .cluster-logo {
    top: -2rem;
  }
  #support {
    flex-direction: column;
  }
  .support,
  .simple-way {
    margin: 1rem;
  }
  #vps_cloud .subtitle {
    font-size: 50px;
  }
  #pachete .price {
    padding-top: 1rem;
  }
  #pachete .title {
    margin-top: 0;
  }
  #pachete .panou {
    padding-top: 0;
    margin-bottom: 0;
  }
  .facturat-anual {
    margin-bottom: 0;
  }
  #free-benefits-wrap .title {
    font-size: 30px;
    padding-bottom: 2rem;
  }
  .free-flex {
    padding-top: 3rem;
  }
  #vps-hosting .defaults {
    flex-basis: 33%;
  }
  #pachete .col-xs-12 {
    margin-bottom: 2rem;
  }
}

@media screen and (max-width: 442px) {
  #vps-hosting .defaults {
    flex-direction: row;
  }
  #vps_cloud .subtitle {
    font-size: 40px;
  }
  #vps .title {
    padding-bottom: 1rem;
    padding-top: 2rem;
  }
  .detalii-icon span[class^="icon-"] {
    font-size: 32px;
  }
  .detalii-icon {
    padding: 1rem;
  }
  .detalii-item p {
    font-size: 12px;
  }
  .tablet-flex {
    flex-basis: 74%;
  }
  #slider-wrap .item {
    padding: 0 4rem 6rem;
  }
  #vps-hosting .defaults span.icon {
    font-size: 40px;
  }
}

@media screen and (max-width: 400px){
   .free-benefits--item {
     flex-basis: 33%;
   }
   #pachete-wrap .cloud .info {
     right: 0;
   }
 }

 @media screen and (max-width: 360px) {
   .free-benefits--item {
     flex-basis: 50%;
  }
  .free-benefits--item:nth-of-type(3),
  .free-benefits--item:nth-of-type(6) {
    border-right: 1px solid #f8f4f4;
    }
    .free-benefits--item:nth-of-type(4) {
      border-bottom: 1px solid #f8f4f4;;
    }
 }

 @media screen and (max-width: 320px) {
   #vps-hosting .defaults {
    flex-basis: 41%;
    margin: 1rem;
  }
  .gratuit p {
    padding: 0 1.5rem;
  }
  #pachete-wrap .cloud .info {
    right: 5rem;
  }
  #vps table .comanda a {
    width: 97px;
  }
  #free-benefits-wrap .title p {
    padding: 0 .5rem;
  }
  #slider-wrap .carousel-control.left {
    left: -1rem;
  }
  #slider-wrap .carousel-control.right {
    right: -1rem;
  }
 }
/**/

/*order-page     justyne*/

#cartSummary {
	padding: 0px;
	background-color: white;
}

#floater {
	width: 400px;
	box-shadow: 0 0 19px 0 rgba(0,0,0,.1);
	border: 1px solid #d6d7d9 !important;
}

.wbox_header {
	border: none;
	background-image: none;
	background-color: transparent;
	font-weight: 300;
	font-size: 28px;
	padding: 25px 25px;
}

.wbox,
.con-inner-middle {
  border: 0px solid transparent;
}

.wbox_header.product_name_center {
    font-size: 3.125rem !important;
}

#sidemenu .wbox_header {
	color: #333;
	background-color: #fff;
	padding: 30px 30px 30px 30px !important;
	font-size: 18px;
	font-weight: 700;
}

#sidemenu #floater {
  right: 0;
}

.alert-danger {
	background-image: inherit;
}

.cart--step__3 {
  width: calc(100% - 398px);
}

#floater > .wbox {
  background-color: #fcfcfc;
}

#cartSummary .smalltext,
#cartSummary .midtext {
  font-size: 15px;
  line-height: 1.6;
}

#cart_contents {
  border-bottom: 0;
  padding: 0 30px;
}

#cart_contents table {
  border-bottom: 1px solid #ccc;
  margin-bottom: 1rem;
}

#cart_contents table + div {
  text-align: left !important;
  font-size: 15px;
}

.subtotal-wrapper {
  background-color: #fff;
  padding: 1.2rem 30px;
}

.cart_title,
.cart_total {
	display: inline-block;
	font-size: 21px;
	color: #384e9e;
}

.cart_total {
  float: right;
}

.subtotal-wrapper p {
  color: #2d2d2d;
  opacity: .4;
  text-align: center;
  padding: 1rem 0;
}

#product_description {
  line-height: 1.6;
}

td[class*='wrapper'] {
	padding-left: 0rem !important;
	line-height: 2;
	padding-top: 20px;
	padding-bottom: 20px !important;
}

.cf_option.wrapper-numele-vps-ului {
  /*display: flex;*/
  flex-wrap: wrap;
  flex-direction: row;
  align-items: center;
}

td[class*='wrapper'] label {
	padding-right: 2rem;
	font-size: 1.1em;
	font-weight: 600 !important;
	margin-bottom: 12px !important;
}

.wrapper-numele-vps-ului input {
	border-radius: 0;
	box-shadow: none;
	height: 40px;
	flex-basis: 70%;
	line-height: 40px;
	color: #384e9e;
	padding-left: 2rem;
	width: 100% !important;
}

.wrapper-numele-vps-ului input:hover {
  border-color: #384e9e;
}

.continue-wrapper {
  background-color: #4054B2;
  color: #fff;
  border: 1px solid #4054B2;
  border-radius: 3px;
  padding: 0;
  font-size: 14px;
  height: 100%;
  font-weight: 600;
  line-height: 3;
  margin: 20px auto 10px;
  max-width: 230px;
  text-align: center;
  text-transform: uppercase;
  width: 100%;
}

.continue-wrapper:hover {
  background-color: #384e9e;
}

.wrapper-server-management {
	padding-top: 4rem;
	padding-bottom: 4rem !important;
}

.wrapper-allocated-bandwidth,
.wrapper-storage {
  padding: 1rem 0;
}

.wrapper-allocated-bandwidth label ,
.wrapper-storage label {
  padding: 1rem 0;
}

.wrapper-allocated-bandwidth div:last-of-type,
.wrapper-storage div:last-of-type {
  font-weight: 300 !important;
  padding-top: 0 !important;
  clear: left;
  display: inline-block;
  top: 50%;
  transform: unset;
}

#custom_slider_610,
#custom_slider_611 {
  width: 420px !important;
  margin-right: 1rem;
}

.order-flex {
    /* display: flex; */
}

.flex-child--content {
    flex-basis: 35%;
}

.flex-child--form {
   /* flex-basis: 65%;*/
	max-width: 780px;
	margin: auto;
}

.summary-header-wrapper .summary-header-wrapper--heading {
    font-size: 33px;
    color: #43A4E2;
    font-weight: 300;
    margin-bottom: 45px;
    margin-top: 13px;
}

td[class*='wrapper'] .fs11 {
  display: none;
}


ul.cart-account {
    position: relative;
    right: 0;
}
.ui-slider-handle.ui-state-default.ui-corner-all {
    background-color: #384e9e;
    border-radius: 50%;
	top: -14px !important;
}
.slides, .slides2 {
    height: 4px;
	background: #333333;
}
.cf_option.wrapper-server-management {
    padding-bottom: 30px !important;
}

@media only screen and (max-width: 990px) {
    .cart--step__3 {
        width: 100%;
    }
}

/**/

/* Portal Cart Page New Style  */

#cart .section__content .high-traffic__item--contact a:hover,
#cart .section__content .high-traffic__item--contact a:visited,
#cart .section__content .high-traffic__item--contact a:link,
#cart .section__content .high-traffic__item--contact a:active {
    text-decoration: none;
}

@media (min-width: 750px){
    .page-portal #cart .section__content{
        display: flex;
        flex-direction: column;
    }

    .page-portal #cart .section__content .traffic__item form, .page-portal #cart .section__content .traffic__item form ul {
        display: flex;
        align-items: center;
    }

    .page-portal #cart .section__content .traffic__item{
        width: auto !important;
        margin: 10px 0;
        border-left: 1px solid #d6d7d9;
    }

    #cart .section__content .traffic__item h4{
        margin: 0;
    }

    .page-portal #cart .section__content .btn--block{
        width: 15%;
    }
    .page-portal #cart .section__content .btn--order{
        margin-top: 0 !important;
    }

    #cart .section__content .traffic__item form ul li{
        padding-left: 50px;
        padding-right: 50px;
    }
    #cart .section__content .traffic__item .label--recommended{
        width: 15%;
        border-radius: 25px;
        top: -0.714em;
        text-align: center;
        vert-align: middle;
        margin-left: 475px;
    }
    #cart .section__content .high-traffic__item--contact{
        background-color: white;
        border: none !important;
        color: #0a0a0a;
        background-image: url(https://webland.ro/wp-content/uploads/vps-support-1.png);
        background-position: center right;
        background-repeat: no-repeat;
        background-size: contain;
        transition: background 0.3s,border-radius 0.3s,opacity 0.3s;
    }
    #cart .section__content .high-traffic__item--contact div div{
        border: 1px solid #d6d7d9;
        margin: 10px;
        padding: 20px;
        background-color: #4054B2;
        color: white;
        opacity: unset;
    }

    #cart .section__content .high-traffic__item--contact div div a{
        color: white;
    }

    #cart .section__content .high-traffic__item--contact div .col-md-3{
        margin-top: 50px;
    }
    #cart .section__content .traffic__item .js--zopim,
    #cart .section__content .traffic__item .custom-contact-email,
    #cart .section__content .traffic__item .custom-contact-phone{
        display: flex;
        flex-direction: column;
        font-size: 20px;
        align-items: center;
        justify-content: center;
    }
    #cart .section__content .traffic__item .js--zopim span,
    #cart .section__content .traffic__item .custom-contact-email span,
    #cart .section__content .traffic__item .custom-contact-phone span{
        font-size: 30px;
        margin: 0;
    }
}

@media (min-width: 700px) and (max-width: 1024px) {
    #cart .section__content .traffic__item .label--recommended{
        margin-left: 300px;
    }
    #cart .section__content .high-traffic__item--contact div div{
        width: 20%;
    }
    #cart .section__content .high-traffic__item--contact div div a{
        font-size: 15px !important;
    }
    #cart .section__content .high-traffic__item--contact h4{
        width: 65%;
        margin-bottom: 20px;
    }
}

@media (min-width: 320px) and (max-width: 480px) {
    #cart .section__content{
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    #cart .section__content .high-traffic__item--contact{
        width: 120%;
    }
    #cart .section__content .high-traffic__item--contact div div{
        margin-bottom: 15px;
    }
    #cart .section__content .high-traffic__item--contact div div a{
        font-size: 15px !important;
        color: white;
    }
    #cart .section__content .traffic__item .js--zopim span,
    #cart .section__content .traffic__item .custom-contact-email span,
    #cart .section__content .traffic__item .custom-contact-phone span {
        font-size: 20px;
        color: white;
    }
    #cart .section__content .high-traffic__item--contact h4{
        margin-bottom: 30px !important;
    }
}

.section__content .traffic__item form ul li:nth-child(6),
.section__content .traffic__item form ul li:nth-child(7),
.section__content .traffic__item form ul li:nth-child(8),
.section__content .traffic__item form ul li:nth-child(9),
.section__content .traffic__item form ul li:nth-child(10),
.section__content .traffic__item form ul li:nth-child(11){
    display: none;
}

/**/