/* HEADER */
#nav {border-bottom: 1px solid #fff;}
#nav, #nav #logo {transition: all 0.5s ease;}
.elementor-sticky--effects, .elementor-sticky--effects #logo {transition: all 0.5s ease;}
.elementor-sticky--effects {border-bottom-color: #ddd !important; padding: 10px 0 !important; box-shadow: 0px -5px 15px 0px rgba(0,0,0,0.5)}
.elementor-sticky--effects #logo {width: 150px;}
.elementor-sticky--effects #logo .elementor-widget-container {margin: -10px 0 0 0;}

html[lang='en-US'] header #logo {text-align: left;}
/* #testnow {position: relative;} */
#testnow-canvas {position: absolute; right: 0; z-index: 1; right: 0; width: 90%; bottom: 0;}

/* ABOUT */
#about #year small {font-size: 28px; font-weight: 500;}

/* JOIN + CONTACT FOOTER */
#join .elementor-field {padding: 12px 20px;}
#contactus h4 {color: #ffb420; font-size: 17px; font-weight: 600;}
#contactus ul {list-style: none; padding: 0;}
#contactus ul > li {color: #fff; font-weight: normal; font-size: 16px;}
#contactus ul > li > a {color: #fff; font-weight: 600; font-size: 16px;}
#contactus span {color: #fff; font-weight: normal; font-size: 16px;}

/* TABS */
#tabs {margin-bottom: 5rem;}
#tabs > .elementor-widget-container > .row {margin: 0 !important;}
#tabs .col-lg-6 .row {display: flex; justify-content: flex-end; margin-top: 1.5rem;}
#tabs .col-lg-6 .row .col {flex-basis: auto; display: flex; justify-content: flex-end; align-items: flex-end; margin-left: 3rem; z-index: 10;}
html[lang='en-US'] #tabs .col-lg-6 .row .col {margin-right: 3rem; margin-left: unset;}
#tabs .col-lg-6 .row .col:nth-child(2n) {align-items: flex-start;}
#tabs .col-lg-6 .row .col > a {text-align: center; width: 193px; height: 167px; transition: all 0.2s ease; background: #fff; font-weight: 500; font-size: 24px; color: #000; padding-top: 3rem; box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.1); margin-left: 1.5rem; margin-bottom: 1.5rem; display: inline-block; border-radius: 10px;}
html[lang='en-US'] #tabs .col-lg-6 .row .col > a {margin-left: unset; margin-right: 1.5rem;}
#tabs .col-lg-6 .row .col > a:hover, #tabs .col-lg-6 .row .col > a > i:hover {background-color: #ff3b38; color: #ffffff;}
#tabs .col-lg-6 .row .col > a > i {color: #e1e1e1; font-size: 32px;}
#tabs .col-lg-6 .row .col a.size-b {padding-top: 4rem;}
#tabs .col-lg-6 .row .col a.size-b i {font-size: 60px;}
#tabs .col-lg-6 .row .col a.size-b {width: 268px; height: 231px;}
#tabs .col-lg-6 .row .col a.active {background-color: #ff3b38; color: #fff; font-weight: 600;}
#tabs .col-lg-6 .row .col a.active i {color: #fff;}
#tabs .col-lg {box-shadow: 2px 4px 10px rgba(0,0,0,0.1); border-radius: 0 25px 25px 0; background-color: #fff; margin-right: -12rem; padding: 2rem 10rem;}
html[lang='en-US'] #tabs .col-lg {border-top-left-radius: 25px; border-top-right-radius: 0; border-bottom-left-radius: 25px; border-bottom-right-radius: 0;}
#tabs .col-lg h3 {color: #ff3b38; font-size: 25px; font-weight: 500;}
#tabs .col-lg p {font-size: 17px; word-wrap: break-word; color: black;}
#tabs .col-lg > div {padding-left: 10rem; line-height: 1.5;}
@media (max-width: 992px) {
	#tabs .col-lg > div {padding-left: 0;}
}
@media (min-width: 992px) and (max-width: 1280px) {
	#tabs .col-lg > div {padding-left: 0;}
}
@media (min-width: 1280px) {
	#tabs .col-lg {padding-left: 2rem;}
	html[lang="en-US"] #tabs .col-lg {margin-right: unset; margin-left: -12rem;}
}

/* TEST NOW */
#testnow::before {content: ''; background-image: linear-gradient(180deg, #00000f 0%, #101090 100%); display: block; right: 0; top: 0; position: absolute; height: 800px; width: 90%; border-bottom-left-radius: 25px;}
#testnow .elementor-background-overlay {width: 90%; top: 0; right: 0!important; position: absolute; border-bottom-left-radius: 25px !important;}
/* #testnow .elementor-column::after {content: ''; background: url('../img/madic.png.webp') no-repeat; display: block; width: 634px; height: 438px; position: absolute; left: 0; top: 10rem; z-index: -1;} */
#testnow .elementor-container {z-index: 2;}
#testnow::after {content: ''; display: block; background: url('../img/cloud.png.webp') no-repeat; width: 126px; height: 88px; top: 4rem; left: calc(10% - 110px / 2); position: absolute; z-index: 3;}
#testnow .elementor-background-overlay::before {content: ''; display: block; background: url('../img/cloud.png.webp') no-repeat; width: 126px; height: 88px; bottom: -2.5rem; right: 25%; position: absolute;}

/* TITLE STYLE */
.h-title h2:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 5%; height: 5px; margin: 15px 0;}
.h-subtitle h3:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 5%; height: 5px; margin: 10px 0;}
.h-subtitle h2:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 3%; height: 5px; margin: 15px auto;}
.h-subtitle h4:after, .h-subtitle p::after {display: block; content: ''; background-color: #FFB420; border-radius: 25rem; width: 3%; height: 5px; margin: 15px auto;}
.h-subtitle h5:after, .h-subtitle h6::after {display: block; content: ''; background-color: #ffffff; border-radius: 25rem; width: 25px; height: 5px; margin: 10px 0;}

/* POSTS HOME PAGE */
.posts .post-block {border-radius: 1rem; background-color: rgb(255, 255, 255); box-shadow: 3px 5px 15px rgba(0,0,0,.15); padding: 1rem; text-align: center;}
.posts .post-block img {height: 220px; object-fit: cover; border-radius: 1rem;}
.posts .post-block .caption h3 {padding: 10px 0; margin: 10px 0 0 text-align: center;}
.posts .post-block .caption h3 > a {color: #000046; font-weight: 600; font-size: 19px; margin: 0;}
.posts .post-block .caption p {padding: 5px 0; font-size: 17px; margin: 0; color: #555;}
.posts .post-block .caption .row {margin: 1rem 0;}
.posts .post-block .caption .row span {font-size: 15px; color: #b4b4b4; font-weight: 600;}
.posts .post-block .caption .row .link-post {background-color: #2d3cea; border-radius: 25rem; font-size: 17px; font-weight: 700; color: #fff; padding: 10px 24px;}

/* BLOG */
.blog .col-lg-6 {margin-bottom: 1rem;}
.blog .post-block {background-color: rgb(255, 255, 255); margin-bottom: 2rem; box-shadow: 3px 5px 15px rgba(0,0,0,.15); padding: 1rem; border-radius: 1rem; max-height: 490px;}
.blog .post-block img {width: 100%; height: 220px; object-fit: cover; border-radius: 1rem;}
.blog .post-block .caption h3 {text-align: center; margin: 10px 0 0; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.blog .post-block .caption h3 > a {color: #000046; font-weight: 600; font-size: 19px; margin: 0;}
.blog .post-block .caption h3 + span {text-align: center; display: block; color: #595959; font-size: 15px; margin-bottom: .5rem;}
.blog .post-block .caption p {text-align: center; font-size: 17px;  margin-bottom: 1rem; color: #959595;}
.blog .post-block .caption .row {padding-top: 5px; margin-bottom: 1rem;}
.blog .post-block .caption .row span {font-size: 15px; color: #b4b4b4; font-weight: 600;}
.blog .post-block .caption .row .link-post {background-color: #2d3cea; border-radius: 25rem; font-size: 17px; font-weight: 700; color: #fff; padding: 10px 24px;}
.blog-category {border: .5px solid #E1E5E8; padding: 1rem; border-radius: 5px;}
.blog-category h5 {font-size: 24px; font-weight: 600; color: #070742;}
.blog-category h5:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 25px; height: 5px; margin: 10px 0;}
.blog-category ul {list-style: none; padding: 0; margin: 0;}
.blog-category ul > li {border-bottom: 1px solid #E1E5E8; padding: 7px 1rem;}
.blog-category ul > li > a {font-size: 17px; color: #111;}
.blog-category ul > li:last-child {border-bottom-width: 0;}
.blog-post h1:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 70px; height: 5px; margin: 10px 0;}
.blog-post h3:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 70px; height: 5px; margin: 10px 0;}
.blog-post h4:after {display: block; content: ''; background-color: #e0e0e0; border-radius: 25rem; width: 30px; height: 5px; margin: 10px 0;}
#more-posts .elementor-post {transition-property: background,border; transition: all .2s ease-in-out;}
#more-posts .elementor-post:hover {transform: scale(1.05);}
#more-posts .elementor-post__card:hover {box-shadow: 0 0 10px 0 rgba(0,0,0,.15);}
#social .elementor-share-btn:hover {filter: saturate(1) brightness(1); -webkit-filter: saturate(1) brightness(1);}
/* BLOCKQUOTE */
.blog-post blockquote {position: relative; text-align: left; direction: ltr; overflow-wrap: break-word; font-family: "Courier New", sans-serif; color: #000; border: 1px dashed #ddd; border-radius: 5px; padding: 10px 2rem; margin-top: 2rem;}
.blog-post blockquote::before {position: absolute; top: -15px; right: 25px; background: #ff3b38; color: #fff; content: "קוד מקור:"; font-family: "AlmoniNeue", sans-serif; font-weight: bold; font-size: 15px; padding: 3px 10px; border-radius: 3px; direction: rtl;}
.blog-post blockquote p {direction: ltr; text-align: left; margin-bottom: 0 !important;}

/* PAGINATION-WARP */
.pagination-wrap {clear: both; overflow: hidden; text-align: center; margin: auto; display: flex; align-items: center; justify-content: center; margin: 10px 0 0;}
.pagination-wrap .pagination {margin-bottom: 0; margin-top: 0; float: right; border-radius: 0; padding-right: 0; margin-right: 0;}
.pagination-wrap .pagination > li {border-radius: 3px; margin-left: 10px; background-color: #efefef;}
.pagination-wrap .pagination > li:last-child {border-left: none;}
.pagination-wrap .pagination > li > a, .pagination-wrap .pagination > li > span {padding: 5px 15px; font-weight: bold; display: inline-block; color: #444; transition: all 0.2s ease;}
.pagination-wrap .pagination .current, .pagination-wrap .pagination > li:hover a {background-color: #ff3b38; border-radius: 3px; color: #fff;}

/* PACK HOSTING */
.hosting .pack_hosting {padding: 1px 1rem 2rem 1rem; margin: 0 0 20px 0; background: #fff; border-radius: 5px; border: 0.5px solid #E1E5E8;}
.hosting .pack_hosting header {position: relative; padding: 2rem 20px; margin: 0 1px; text-align: center;}
.hosting .pack_hosting header span {margin: 0; color: #333; font-size: 22px; font-weight: 500; text-transform: uppercase;}
.hosting .pack_hosting section.product-pricing {border-top: 0.1px solid #E1E5E8; border-bottom: 0.1px solid #E1E5E8; padding: 13px 10px;}
.hosting .pack_hosting section.product-pricing span {display: block;}
.hosting .pack_hosting section.product-pricing span small {font-size: 15px; font-weight: 400; color: #070742;}
.hosting .pack_hosting section.product-pricing span.price {font-size: 24px; color: #00CB84;}
.hosting .pack_hosting section.product-pricing .btn {background-color: #00CB84; color: #fff; padding: 0 10px; float: left; height: 36px; line-height: 36px;}
html[lang='en-US'] .hosting .pack_hosting section.product-pricing .btn {float: right;}
.hosting .pack_hosting section.product-desc {float: right; width: 100%; padding: .5rem 0; font-size: 0.8em;}
.hosting .pack_hosting section.product-desc ul {list-style-type: none; padding: 1rem 2rem; font-size: 15px; margin-bottom: 0;}
.hosting .pack_hosting section.product-desc ul > li {text-align: left; margin-bottom: 5px; color: #070742;}
.hosting .pack_hosting section.product-desc ul > li > strong {float: right;}
/* html[lang='en-US'] .hosting .pack_hosting section.product-desc ul > li {text-align: right;} */
html[lang='en-US'] .hosting .pack_hosting section.product-desc ul > li > strong {float: left; margin-right: .5rem;}
.hosting .pack_hosting section.product-s {background-color: #F6F7F8; border: 0.5px solid #E1E5E8; border-radius: 5px; padding: 10px;}
.hosting .pack_hosting section.product-s ul {list-style-type: none; padding: 0; margin: 0;}
.hosting .pack_hosting section.product-s ul > li {font-size: 13px; line-height: 1.8;}
.hosting .pack_hosting section.product-s ul > li > i {color: #00CB84;}

.hosting .pack_hosting.edr-plans {display: flex; flex-direction: column;}
.hosting .pack_hosting.edr-plans section.product-pricing img {margin-top: 5px; display: block;}
.hosting .pack_hosting.edr-plans > .row {margin: 0;}
.hosting .pack_hosting.edr-plans > .row > .col {padding: 1rem 0;}
.hosting .pack_hosting.edr-plans section.product-desc {flex-grow: 1;}
.hosting .pack_hosting.edr-plans section.product-pricing:last-child {border-bottom: none; text-align: center;}
.hosting .pack_hosting.edr-plans section.product-pricing h4 {font-size: 21px; padding-top: 5px;}

@media (min-width: 992px) {
	.hosting .pack_hosting {height: 100%;}
}

.vps .pack_hosting {margin-bottom: 1.5rem; border-radius: 5px; background: #fff; border: .5px solid #e1e5e8; padding: 30px; font-size: 15px; color: #070742;}
.vps .pack_hosting h3 {font-size: 22px; font-weight: 500; text-transform: uppercase; color: #333333;}
.vps .pack_hosting h3 + span {font-size: 23px; line-height: 1; font-weight: 500; color: #00CB84;}
.vps .pack_hosting h3 + span > small {color: gray; font-size: 15px;}
.vps .pack_hosting ul {list-style-type: none; margin: 0;}
.vps .pack_hosting ul > li {font-size: 13px; line-height: 1.8; color: #333333;}
.vps .pack_hosting .progress {border-radius: 25px; height: 10px; margin-bottom: 20px;}
.vps .pack_hosting .progress:last-child {margin-bottom: 0;}
.vps .pack_hosting .progress-bar {background-color: #00CB84;}
.vps .pack_hosting ul > li > i {color: #00CB84;}
.vps .pack_hosting .row > div:last-child {border-left: none;}
.vps .btn_order {background-color: #00CB84; color: #fff; padding: 10px 15px 10px 15px; font-size: 17px; font-weight: 600; margin-top: 1.5rem;}
.vps .btn_order:hover {color: #fff;}
.vps .nav-items {list-style-type: none;}
.vps .nav-items li {display: inline-block; margin-left: 1rem; padding: .5rem .4rem;}
.vps .nav-items li a {color: #000; font-size: 19px;}
.vps .nav-items li.active {border-bottom: 3px solid #070742; font-weight: 600;}
.vps .nav-items li.active a {color: #070742;}
.vps #calculator {display: none;}
.vps #calculator form {margin-top: 2rem;}
.vps #calculator form label {font-weight: 500;}
.vps .form-check-input {width: 1em; height: 1em; margin-top: .25em; vertical-align: top; background-color: #fff; background-repeat: no-repeat; background-position: center; background-size: contain; border: 1px solid rgba(0,0,0,.25); -webkit-appearance: none; -moz-appearance: none; appearance: none; -webkit-print-color-adjust: exact; color-adjust: exact; border-radius: .25em; margin-right: -1.5rem; margin-top: 0;}
.vps .form-check-input:checked {border-color: #00cb84; background-color: #00cb84;}
.vps .form-check-input:checked::after {content: '\f00c'; font-family: "Font Awesome 5 Free"; font-weight: 600; line-height: 15px; color: #fff; font-size: 12px; width: 100%; text-align: center; float: right; margin-top: 0;}
.vps form button {background-color: #00cb84; color: #fff; font-size: 18px; font-weight: 500; color: #fff;}
.vps form button i {float: right; margin-top: 4px; margin-left: 5px;}
.vps form button:hover {background-color: #070742; color: #fff;}
.vps form .display-3 {font-size: 52px; margin-top: 1rem; font-weight: bold;}
.vps form .display-3 small {font-size: 42px; font-weight: normal;}
.vps form .display-3 span:not(.total) {color: gray; font-weight: 300; font-size: 19px;}
@media (max-width: 992px) {
	.vps .nav-items {margin-right: -3rem; margin-left: -3rem; padding-right: 5px;}
	.vps form .col-7 {margin: 0; padding: 0; max-width: 100%; float: right; flex: none;}
	.vps form .col-7 > .row > .col {width: 100%; flex: none;}
	.vps form .col-7 > .row > .col.text-left {text-align: center !important;}
}

.servers table {background: transparent;}
.servers table thead th {background: #cfe2f3; font-size: 17px; border-top: none !important; padding: 10px;}
.servers table th, .servers table td {border: none; padding: 10px; font-size: 17px;}
.servers table tbody tr td:last-child small {color: gray;}
.servers table tr:hover td {background: #fff !important;}
.servers table tbody > tr:nth-child(2n+1) > td, .servers table tbody > tr:nth-child(2n+1) > th {background: transparent;}
.servers table tbody tr {border-bottom: 1px solid #ddd;}
.servers table tbody tr:last-child {border-bottom: none;}

.datacenter {font-size: 17px;}
.datacenter .col-3 > div {padding: 1rem;}
.datacenter h4 {background: #cfe2f3; font-size: 19px; padding: 10px; text-transform: uppercase; margin: 0 0 10px;}
.datacenter ul {list-style-type: none; margin: 2rem 0; padding-right: 0;}
.datacenter ul li i {color: green;}
.datacenter a {color: #070742; font-size: 19px; text-decoration: underline !important; font-weight: 600;}
.datacenter a:hover {color: #070742;}
.datacenter .price {font-size: 24px; font-weight: 500; border-top: 1px solid #ddd; padding-top: 1rem;}
.datacenter .price small {font-size: 14px; color: gray;}

.why-us .elementor-column {box-shadow: 0 7px 15px 2px rgba(42,76,158,.06),0 2px 1px 0 rgba(64,64,64,.05); margin-left: 1rem; padding: 15px; border-radius: 3px; margin-bottom: 1.5rem;}
.why-us .elementor-column:last-child {margin-left: 0;}
html[lang="en-US"] .why-us .elementor-column:last-child {margin-left: 1rem;}

.our-partners img {filter: grayscale(100%); transition: all 0.2s ease-in-out;}
.our-partners img:hover {filter: grayscale(0); transform: scale(1.1);}

@media (max-width: 1024px) {
	#tabs .col-lg-6 .row {display: block;}
	#tabs .col-lg-6 .row .col {display: block;}
	#tabs .col-lg-6 .row .col > a {width: 100% !important; height: auto !important; text-align: right; font-size: 24px !important; padding: 10px 2rem !important;}
	#tabs .col-lg-6 .row .col:last-child a:last-child {margin-bottom: 0.2rem;}
	#tabs .col-lg-6 .row .col i {float: right; margin-top: 5px; font-size: 24px !important; width: 30px;}
	html[lang='en-US'] #tabs .col-lg-6 .row .col i {float: left; margin-right: .5rem;}
	html[lang='en-US'] #tabs .col-lg-6 .row .col > a {text-align: left;}
	#tabs .col-lg-6 .row .col .clearfix {display: none;}
	#tabs .col-lg {margin-right: 0 !important; padding: 1rem !important; border-radius: 15px !important; box-shadow: none;}
	#tabs .col-lg > div {display: none;}
	#testnow::before {width: 100%; border-radius: 0 !important; height: 100% !important;}
	#testnow .elementor-background-overlay {width: 100%;}
	#testnow:after {top: -3rem; left: 10%;}
	#testnow .elementor-column::after {display: none;}
	.posts .post-block {width: 100%;}
	.posts .post-block img {width: 100%;}
	.posts .row {margin: 0;}
	.posts .row .col-lg-3 {margin-bottom: 1rem;}
	.blog .row {margin: 0;}
	.hosting .pack_hosting {min-height: auto;}
	.hosting .pack_hosting .btn_order {position: inherit; bottom: auto; right: auto; left: auto;}
	#tabs {margin-bottom: unset;}

	.datacenter .col-3 {max-width: 100%; flex: none;}
}

@media (max-width: 1024px) and (orientation: landscape) {
	#tabs .col-lg-6 {max-width: 100%; flex: none;}
}

@media (min-width: 768px) {
	.sub-menu {width: max-content !important;}
}

@media (min-width: 992px) and (max-width: 1024px){
	.posts .row {margin: 0;}
}

@media (min-width: 768px) and (max-width: 1400px) {
	.posts > .row > .col-lg-3 {flex: 0 0 50% !important;}
	.posts .post-block {height: 380px; margin-bottom: 2rem;}
}

@media (min-width: 992px) and (max-width: 2460px) {
    #slider #slider-content {max-width: 55%;}
}

@media (min-width: 992px) and (max-width: 1920px) {
    #slider {background-size: 45% !important; background-position: left center !important;}
	html[lang='en-US'] #slider {background-position: right center !important;}
}

@media (min-width: 1920px) and (max-width: 2048px) {
    #slider {background-size: contain !important; background-position: 5%  center !important;}
	html[lang='en-US'] #slider {background-position: 95% center !important;}
}

@media (min-width: 2048px) {
    #slider {background-size: contain !important; background-position: 12%  center !important;}
	html[lang='en-US'] #slider {background-position: 88% center !important;}
}

@media (max-width: 1280px) {
    #slider {background-image: none !important;}
}

/*
@media (min-width: 1280px) and (max-width: 1920px) {
    selector {background-size: 35% !important;
    background-position: 15% center !important;}
}*/

html[lang="en-US"] #pojo-a11y-skip-content {left: -180px; right: auto;}
html[lang="en-US"] .elementor-82 .elementor-element.elementor-element-dafc70a > .elementor-background-overlay {background-image: none;}
html[lang="en-US"] .elementor-accordion .elementor-tab-title {text-align: left;}
html[lang="en-US"] .elementor-accordion .elementor-tab-title .elementor-accordion-icon.elementor-accordion-icon-left {float: right; text-align: right;}
html[lang="en-US"] .elementor-accordion .elementor-tab-content {text-align: left;}
html[lang="en-US"] .elementor-nav-menu .sub-arrow {padding-left: 10px; padding-right: 0;}