html, body, div, span, h1, h2, h3, h4, h5, h6,
p, em, img, ins, kbd, q, samp, strong, b, i,
dl, dt, dd, ol, ul, li, table, footer, header,
menu, nav, section, audio, video {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 1em;
vertical-align: baseline;
background: transparent;
}
ul {
list-style: none;
}
a {
margin: 0;
padding: 0;
background: transparent;
text-decoration: none;
}
button {
cursor: pointer;
}
* {
box-sizing: border-box;
}
html {
scroll-behavior: smooth;
}
body {
background-image: url('../images/webp/purple-background.webp');
background-size: cover;
background-position: top;
background-repeat: no-repeat;
width: 100%;
height: 100%;
font-family: 'Montserrat', sans-serif;
}
body.whm {
background-image: url('../images/blue-background.png');
}
.no-js body.whm {
background-image: url("../images/blue-background.png");
}
.no-webp body.whm {
background-image: url("../images/blue-background.png");
}
.webp body.whm {
background-image: url("../images/webp/blue-background.webp");
}
.no-js body {
background-image: url("../images/purple-background.png");
}
.no-webp body {
background-image: url("../images/purple-background.png");
}
.webp body {
background-image: url("../images/webp/purple-background.webp");
}
.d-flex{
display: flex;
}
.text-center{
text-align: center;
}
.text-underline{
text-decoration: underline;
}
.justify-center{
justify-content: center !important;
}
.w-100{
width: 100%;
}
.mb-0{
margin-bottom: 0 !important;
}
.mb-2{
margin-bottom: 20px !important;
}
.mt-0{
margin-top: 0 !important;
}
.mt-3{
margin-top: 30px !important;
}
/* --------------------------------------------------MOBILE MENU ----------------------------------*/
.bars-icon {
height: 40px;
width: 40px;
display: flex;
flex-direction: column;
justify-content: space-between;
cursor: pointer;
}
.bars-icon .bar {
display: none;
height: 7px;
width: 100%;
background-color: #fff;
border-radius: 5px;
}
#mobile-menu {
position: absolute;
min-height: 100vh;
height: auto;
background-color: rgba(52, 29, 139, 0.89);
width: 65%;
min-width: 275px;
z-index: 1111;
display: none;
}
#mobile-logo-header {
width: 200px;
background-image: url('../images/logo-whc.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
height: 50px;
margin-top: 10px;
}
.mobile-header {
display: flex;
justify-content: space-between;
}
#menu-close {
color: white;
font-size: 1.2em;
font-weight: bold;
display: block;
margin: 30px 10px 0 0;
}
.mobile-menu-items {
margin-top: 30px;
}
.mobile-menu-items a img{
margin-left: 5px;
}
.mobile-menu-items a {
color: white;
display: block;
background-color: rgba(0,0,0, 0.5);
padding-top: 15px;
padding-bottom: 15px;
padding-left: 5%;
border-bottom: 1px solid white;
display: flex;
align-items: center;
}
.mobile-menu-items div.mobile-dropdown{
display: none;
}
.mobile-menu-items a:hover {
background-color: rgba(0,0,0, 0.8);
}
/* --------------------------------------------------MOBILE MENU ----------------------------------*/
#main-title {
text-indent: -10000px;
height: 0;
width: 0;
}
.container {
width: 75%;
max-width: 1170px;
margin: 0 auto;
}
.align-items-center{
align-items: center !important;
}
.align-items-start{
align-items: start !important;
}
.flex-space-between {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.flex-center {
display: flex !important;
justify-content: center !important;
align-items: center;
}
.banner-wrapper {
background-image: url('../images/webp/main-img-top-new.webp');
background-position: top;
background-repeat: no-repeat;
background-size: cover;
width: 100%;
/* height: 1180px; */
height: 1090px;
padding-top: 25px;
}
.no-js .banner-wrapper {
background-image: url("../images/main-img-top-new.png");
}
.no-webp .banner-wrapper {
background-image: url("../images/main-img-top-new.png");
}
.webp .banner-wrapper {
background-image: url("../images/webp/main-img-top-new.webp");
}
.banner-wrapper.kontakt {
background-image: url('../images/main-img-top-6.png');
}
.banner-wrapper.web {
background-image: url('../images/webp/main-cloudweb-1.webp');
height: 845px;
}
.no-js .banner-wrapper.web {
background-image: url("../images/main-cloudweb-1.png");
}
.no-webp .banner-wrapper.web {
background-image: url("../images/main-cloudweb-1.png");
}
.webp .banner-wrapper.web {
background-image: url("../images/webp/main-cloudweb-1.webp");
}
.banner-wrapper.web.windows {
background-image: url('../images/main-windows-1.png');
height: 845px;
}
.no-js .banner-wrapper.web.windows {
background-image: url("../images/main-windows-1.png");
}
.no-webp .banner-wrapper.web.windows {
background-image: url("../images/main-windows-1.png");
}
.webp .banner-wrapper.web.windows {
background-image: url("../images/webp/main-windows-1.webp");
}
.banner-wrapper.web.whm {
background-image: url('../images/webp/main-whm-1.webp');
height: 945px;
}
.no-js .banner-wrapper.web.whm {
background-image: url("../images/main-whm-1.png");
}
.no-webp .banner-wrapper.web.whm {
background-image: url("../images/main-whm-1.png");
}
.webp .banner-wrapper.web.whm {
background-image: url("../images/webp/main-whm-1.webp");
}
.banner-wrapper.web.blog {
background-image: url('../images/main-info-1.png');
height: 845px;
}
.banner-wrapper.web.shared {
background-image: url('../images/webp/main-shared-1.webp');
height: 945px;
}
.no-js .banner-wrapper.web.shared {
background-image: url("../images/main-shared-1.png");
}
.no-webp .banner-wrapper.web.shared {
background-image: url("../images/main-shared-1.png");
}
.webp .banner-wrapper.web.shared {
background-image: url("../images/webp/main-shared-1.webp");
}
.banner-wrapper.web.shared.wordpress {
background-image: url('../images/webp/main-wordpress-1.webp');
height: 845px;
}
.no-js .banner-wrapper.web.shared.wordpress {
background-image: url("../images/main-wordpress-1.png");
}
.no-webp .banner-wrapper.web.shared.wordpress {
background-image: url("../images/main-wordpress-1.png");
}
.webp .banner-wrapper.web.shared.wordpress {
background-image: url("../images/webp/main-wordpress-1.webp");
}
.no-js .banner-wrapper.web.vps {
background-image: url("../images/main-cloudvps-1.png");
}
.no-webp .banner-wrapper.web.vps {
background-image: url("../images/main-cloudvps-1.png");
}
.webp .banner-wrapper.web.vps {
background-image: url("../images/webp/main-cloudvps-1.webp");
}
.banner-wrapper.web.vps {
background-image: url('../images/main-cloudvps-1.png');
height: 945px;
}
.banner-wrapper.vps.domeni {
background-image: url('../images/webp/main-domains-1.webp');
height: 845px;
}
.no-js .banner-wrapper.vps.domeni {
background-image: url("../images/main-domains-1.png");
}
.no-webp .banner-wrapper.vps.domeni {
background-image: url("../images/main-domains-1.png");
}
.webp .banner-wrapper.vps.domeni {
background-image: url("../images/webp/main-domains-1.webp");
}
.banner-wrapper.vps.affiliate {
background-image: url('../images/main-img-top-13.png');
height: 845px;
position: relative;
}
.banner-wrapper.vpshosting {
background-image: url('../images/main-vps-1.png');
height: 845px;
}
.banner-wrapper.web.dedicated {
background-image: url('../images/main-dedicated-1.png');
height: 845px;
}
.no-js .banner-wrapper.web.dedicated {
background-image: url("../images/main-dedicated-1.png");
}
.no-webp .banner-wrapper.web.dedicated {
background-image: url("../images/main-dedicated-1.png");
}
.webp .banner-wrapper.web.dedicated {
background-image: url("../images/webp/main-dedicated-1.webp");
}
.banner-wrapper.web.onama {
background-image: url('../images/main-img-top-7.png');
height: 845px;
}
.banner-wrapper.onama.bazaznanja {
background-image: url('../images/main-info-1.png');
height: 845px;
}
.header-wrapper {
width: 100%;
}
.registration-wrapper {
display: flex;
justify-content: flex-end;
}
.registration-wrapper .login-links {
border: 1px solid #fff;
width: 25%;
min-width: 290px;
border-radius: 40px;
padding: 6px 0;
position: relative;
justify-content: space-around;
align-items: center;
}
.registration-wrapper .login-links a {
color: #fff;
text-decoration: none;
font-weight: 400;
font-size: 0.8em;
cursor: pointer;
text-align: center;
width: 50%;
}
.registration-wrapper .login-links a:hover {
font-weight: 700;
}
.after-before-fixer {
position: relative;
}
.registration-wrapper .after-before-fixer::before {
position: absolute;
content: "";
width: 2px;
height: 14px;
background-color: #fff;
z-index: 2;
top: 50%;
transform: translateY(-50%);
left: 0;
}
/* .registration-wrapper .after-before-fixer::after { */
/* position: absolute; */
/* content: ""; */
/* width: 2px; */
/* height: 14px; */
/* background-color: #fff; */
/* z-index: 2; */
/* top: 50%; */
/* transform: translateY(-50%); */
/* right: -35%; */
/* } */
.login-wrapper {
display: flex;
justify-content: center;
min-width: 350px;
margin-left: 15px;
position: relative;
}
/* .login-wrapper::after {
position: absolute;
content: "";
background-color: #5e2da8;
top: 50%;
left: 50%;
transform: translateX(-50%);
transform: translateY(-50%);
z-index: 2;
height: 14px;
width: 2px;
} */
.login-wrapper button {
width: 50%;
background: none;
border: none;
outline: none;
text-decoration: none;
display: inline-block;
background-color: #fff;
cursor: pointer;
text-transform: capitalize;
font-weight: 700;
color: #5e2da8;
font-size: 0.8em;
padding: 6px 0;
border: 1px solid #fff;
margin: 0;
text-align: center;
}
.login-wrapper button:first-child {
border-radius: 20px 0 0 20px;
}
.login-wrapper button:last-child {
border-radius: 0 20px 20px 0;
}
.login-wrapper button:hover {
color: #906bdc;
}
.login-wrapper img {
width: 12px;
height: 12px;
display: inline-block;
margin-right: 10px;
margin-bottom: -2px;
}
#logo-header {
background-image: url('../images/logo-whc.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
width: 300px;
height: 50px;
margin-right:20px;
}
.navigation {
margin-top: 5px;
align-items: flex-end;
}
.navigation nav {
width: 55%;
min-width: 700px;
}
.navigation nav ul li{
padding-top: 10px;
padding-bottom: 10px;
position: relative;
}
.navigation nav ul li a{
text-decoration: none;
color: #fff;
font-size: 0.85em;
letter-spacing: 1px;
text-transform: uppercase;
position: relative;
text-align: center;
font-weight: 600;
}
.navigation nav ul li::after {
display: none;
position: absolute;
content: "";
width: 35%;
height: 1px;
background-color: #fff;
z-index: 2;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
}
.navigation nav ul a:hover {
text-decoration: none;
}
.navigation nav ul li:hover::after {
display: block;
}
.navigation nav ul li.dropdown:hover::after {
display: none;
}
.navigation nav ul a li span {
text-transform: capitalize;
}
.banner-icon-wrapper {
display:flex;
margin-top:80px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 50%;
}
.wrapper-home {
background-color: #0000004f;
border-radius: 40px;
width: 80%;
float: right;
}
.banner-icon-wrapper-home {
/* background-image: url(/assets/images/web.png); */
height: 450px;
display:block;
margin-top:220px;
text-align:center;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
width: 50%;
float:left;
}
.banner-icon-wrapper.web {
/* background-image: url(https://i.imgur.com/Hvpav7l.png); */
background-image: url(/assets/images/webp/web.webp);
height: 450px;
}
.no-js .banner-icon-wrapper.web {
background-image: url("../images/web.png");
}
.no-webp .banner-icon-wrapper.web {
background-image: url("../images/web.png");
}
.webp .banner-icon-wrapper.web {
background-image: url("../images/webp/web.webp");
}
.banner-icon-wrapper.shared {
background-image: url(/assets/images/shared.png);
height: 550px;
}
.banner-icon-wrapper.wordpress {
background-image: url(/assets/images/wordpress.png);
height: 450px;
}
.banner-icon-wrapper.whm {
background-image: url(/assets/images/webp/whm.webp);
height: 500px;
}
.no-js .banner-icon-wrapper.whm {
background-image: url("../images/whm.png");
}
.no-webp .banner-icon-wrapper.whm {
background-image: url("../images/whm.png");
}
.webp .banner-icon-wrapper.whm {
background-image: url("../images/webp/whm.webp");
}
.banner-icon-wrapper.cloudvps {
background-image: url(/assets/images/cloudvps.png);
height: 500px;
}
.banner-icon-wrapper.vps {
background-image: url(/assets/images/vps.png);
height: 450px;
}
.banner-icon-wrapper.windows {
background-image: url(/assets/images/windows.png);
height: 450px;
}
.banner-icon-wrapper.dedicated {
background-image: url(/assets/images/dedicated.png);
height: 450px;
}
.banner-icon-wrapper.domains {
background-image: url(/assets/images/domains.png);
height: 450px;
}
.banner-icon-wrapper.kb {
background-image: url(/assets/images/kb.png);
height: 450px;
}
.banner-icon-wrapper.blog {
background-image: url(/assets/images/blog.png);
height: 450px;
}
.banner-icon-wrapper.covid {
/* background-image: url(https://i.imgur.com/Hvpav7l.png); */
background-image: url(/assets/images/webp/podrzibiznis.webp);
height: 450px;
}
.no-js .banner-icon-wrapper.covid {
background-image: url("../images/podrzibiznis.png");
}
.no-webp .banner-icon-wrapper.covid {
background-image: url("../images/podrzibiznis.png");
}
.webp .banner-icon-wrapper.covid {
background-image: url("../images/webp/podrzibiznis.webp");
}
.banner-article-wrapper {
margin-top: 85px;
width: 50%;
/* min-width: 585px; */
}
.banner-article-wrapper.home {
margin-top: 85px;
max-width: 100%;
float:left;
}
.banner-article-wrapper.web{
max-width: 100%;
margin-top: 80px;
float:left;
}
.banner-article-wrapper.web.domeni{
max-width: 100%;
}
.banner-article-wrapper.web.shared{
max-width: 100%;
}
.banner-article-wrapper.web.onama{
margin-top: 150px;
}
.banner-article-wrapper .banner-title-wrapper {
justify-content: flex-start;
align-items: flex-end;
}
.banner-title-wrapper img {
width: 145px;
height: 180px;
}
.banner-title {
margin-left: 10px;
letter-spacing: -5px;
}
.banner-title.web {
margin-left: 0px;
}
.banner-title.wordpress {
margin-left:0px;
}
.banner-title.wordpress h2 {
font-size: 4em;
}
@media screen and (max-width: 650px) {
.banner-title.wordpress h2 {
font-size: 2.7em;
}
.banner-wrapper.web.whm {
height: 845px;
}
.banner-wrapper.vpshosting {
height:745px;
}
.banner-wrapper.web.windows {
height:745px;
}
}
#h4 {
font-size: 1em;
text-align: right;
color: #fff;
letter-spacing: 1px;
width: 80%;
float: right;
margin-bottom: 4%;
margin-right: 10%;
font-weight: 400;
line-height: normal;
margin-top: 0;
}
.banner-title.home {
color: #ffbf17;
font-weight: 400;
font-size:3em;
line-height:0.8em;
margin:20px 0 0 -10px;
text-align: center;
}
.banner-title h4 {
font-size: 1em;
text-align: right;
color: #fff;
letter-spacing: 1px;
width: 80%;
float: right;
margin-bottom: 4%;
margin-right: 10%;
font-weight: 400;
}
.banner-title h2 {
font-size: 5.0em;
color: #fff;
text-align: left;
font-weight: 700;
line-height: 0.8em;
}
.banner-title h2.bazaznanja {
font-size: 65px;
}
.banner-title h2.domeni {
font-size: 65px;
}
.banner-title h2.bazaznanja span.title-span1{
flex-shrink: 0;
}
.wordpress .banner-title h2.d-flex{
align-items: flex-end;
}
.wordpress .banner-title h2 p.small.blue{
color: #3e2396;
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
line-height: 22px;
width: 220px;
margin-left: 15px;
margin-bottom: 0;
}
.banner-title .title-span1 {
color: #d5c4fe;
font-weight: 700;
}
.banner-title .title-span1.yellow {
color: #ffbf17;
font-weight: 700;
}
.banner-title .title-span1.red {
color: #ff5829;
font-weight: 700;
}
.banner-title .title-span1.orange {
color: #f3bd7a;
font-weight: 700;
}
.banner-title .title-span1.white {
color: #fff;
font-weight: 700;
letter-spacing: 0px;
}
.banner-title .title-span1.green {
color: #d1d903;
font-weight: 700;
}
.banner-title .title-span1.wp {
color: #1c1771;
font-weight: 700;
}
.banner-title .title-span1.whm {
color: #313891;
font-weight: 700;
}
.banner-title .title-span3 {
color: #6bf179;
font-weight: 700;
}
.banner-title .title-span3.shared {
color: #7b129a;
font-weight: 700;
}
.banner-title .title-span3.dedi {
color: #354da0;
font-weight: 700;
}
.banner-title .title-span3.white {
color: #fff;
font-weight: 700;
}
.banner-title .title-span3.yellow-light {
color: #e5e204;
}
.banner-title .title-span2-wrapper {
display: flex;
align-items: center;
}
.banner-title .title-span2-wrapper .title-span4 {
color: #3e2396;
font-size: 14px;
font-weight: 600;
letter-spacing: 1px;
line-height: 18px;
margin-left: 15px;
margin-top: 5px;
}
.banner-title .title-span2-wrapper .title-span4.yellow {
color: #f1e89c;
}
.banner-title .title-span2-wrapper .title-span4.red {
color: #ff5829;
}
.banner-title .title-span4.yellow {
color: #f9ff60;
font-weight: 700;
}
.banner-title .title-span3.yellow {
color: #ffb400;
font-weight: 700;
}
.banner-title .title-span2-wrapper .title-span2 {
color: #fff;
font-weight: 700;
text-transform: uppercase;
}
.windows .banner-title .title-span2-wrapper .title-span2{
text-transform: none;
}
.banner-article-wrapper p {
color: #fff;
font-size: 0.9em;
font-weight: 400;
letter-spacing: 1px;
line-height: 1.8em;
margin: 15px 0;
}
.banner-article-wrapper p.blue {
color: #3e2396;
font-weight: 700;
}
.banner-article-wrapper p.orange {
color: #f3bd7a;
}
.banner-article-wrapper a {
text-decoration: none;
color: #fff;
font-size: 0.9em;
font-weight: 400;
padding: 12px 18px;
border: 2px solid #fff;
border-radius: 30px;
cursor: pointer;
letter-spacing: 1px;
}
.banner-article-wrapper a.no-style {
text-decoration: none;
padding: 0;
border: none;
}
a.button-request-top {
border: none;
text-decoration: none;
outline: none;
background: linear-gradient(#f3bf7a, #edaa7a, #e78e7a);
color: #6341b7;
font-weight: 400;
font-size: 1em;
letter-spacing: 1px;
padding: 10px 30px;
border-radius: 20px;
}
.banner-article-wrapper a:hover {
/* font-weight: 700; */
/* border: 3px solid #d5c4fe; */
background: #fff;
color: #7f60d1;
/* border: none; */
/* box-shadow: 0 0 5px #26572f; */
}
a.button-request-top:hover {
background: linear-gradient(#8f6aff, #744ee4, #826cc2);
color: #fff;
/* font-weight: 700; */
}
.banner-article-wrapper a.no-style:hover {
font-weight: 400;
border: none;
}
.check-domain-wrapper {
text-align: center;
color: #fff;
margin: 5px 0;
}
.section-title-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 80%;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: 80%;
min-width: 600px;
margin: 5px auto;
}
.section-title-wrapper h3.domeni{
text-transform: none;
text-align: center;
}
.section-title-wrapper h3 span.orange{
color: #eb9b7a;
}
.section-title-wrapper.domeni {
justify-content: start;
align-items: start;
width: 94%;
}
.section-title-wrapper img {
/* width: 85px; */
/* height: 75px; */
}
.section-title-wrapper.web img {
width: auto !important;
height: auto !important;
position: absolute;
z-index: -1;
}
.section-title-wrapper h3 {
text-transform: none;
font-weight: 700;
font-size: 1.7em;
color: #fff;
text-align: center;
letter-spacing: 1.5px;
margin: 15px 0;
}
.section-title-wrapper h3.domeni {
text-transform: none;
text-align: left;
}
.web.section-title-wrapper h3 {
text-transform: none;
}
.section-title-wrapper.web h3 {
margin-top: 100px;
}
.section-title-wrapper h4 {
/* color: #7f60d1; */
color: #bca8f1;
font-size: 1.4em;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 15px;
text-align: center;
}
.section-title-wrapper p {
font-size: 0.9em;
letter-spacing: 1px;
margin: 10px auto;
text-align: center;
width: 70%;
color: #fff;
font-weight: 400;
}
.section-title-wrapper.web p {
width: 90%;
}
.search-domain-wrapper {
margin-top: 40px;
margin-bottom: 20px;
}
.search-domain-wrapper .search {
width: 95%;
margin: 0 auto;
/* display: flex; */
/* justify-content: center; */
/* align-items: center; */
position: relative;
}
.search .globe-search {
width: 25px;
height: 25px;
text-align: center;
line-height: 25px;
position: absolute;
left: 2%;
top: 20%;
}
.search input {
width: 100%;
padding: 13px 230px 13px 70px;
border: none;
outline: none;
border-radius: 35px;
color: #f6954b;
font-family: 'Montserrat', sans-serif;
margin-bottom: 15px;
font-weight: 700;
font-size: 18px;
height: 48px;
-webkit-appearance: none;
}
.search input::placeholder {
color: #f6954b;
letter-spacing: 1px;
font-size: 1em;
font-weight: 400;
}
.search .domain-suffix {
position: absolute;
right: 120px;
top: 50%;
margin-top: -22px;
}
.search .domain-suffix .select-wrapper select {
-moz-appearance: none;
-webkit-appearance: none;
appearance: none;
font-size: 1.6em;
color: #6341b7;
font-weight: 700;
margin-bottom: 15px;
width: 100px;
background-image: url(../images/search-domain-arrow-down.png);
background-repeat: no-repeat;
background-position: 90%;
border: none;
outline: none;
}
.search .domain-suffix .select-wrapper select option {
font-size: 0.6em;
}
.search button {
text-decoration: none;
outline: none;
border: none;
background-color: transparent;
cursor: pointer;
}
.search button img {
width: 25px;
height: 25px;
text-align: center;
}
.search .search-button {
position: absolute;
top: 20%;
right: 8%;
}
.repeat-search-button {
position: absolute;
top: 20%;
right: 2%;
}
.search .search-button::after {
position: absolute;
content: "";
background-color: #6341b7;
width: 2px;
height: 20px;
top: 35%;
transform: translateY(-50%);
right: -30%;
z-index: 2;
}
.search .search-arrow {
width: 12px;
height: 8px;
position: absolute;
text-align: center;
right: 13%;
top: 50%;
transform: translateY(-50%);
}
.search .img-com {
width: 40px;
height: 15px;
position: absolute;
text-align: center;
right: 16%;
top: 50%;
transform: translateY(-50%);
}
.search-domain-wrapper p {
color: #fff;
font-size: 0.9em;
letter-spacing: 1px;
margin: 15px 0;
}
.search-domain-wrapper p a {
text-decoration: none;
}
.search-domain-wrapper p a span {
color: #9372e3;
cursor: pointer;
}
.button-request {
border: none;
text-decoration: none;
outline: none;
background: linear-gradient(#f3bf7a, #edaa7a, #e78e7a);
color: #6341b7;
font-weight: 400;
font-size: 1em;
letter-spacing: 1px;
padding: 10px 30px;
border-radius: 20px;
margin-top: 15px;
}
.button-request.white {
color: #fff;
}
.button-request:hover {
background: linear-gradient(#8f6aff, #744ee4, #826cc2);
color: #ff9e60;
/* font-weight: 700; */
}
.packages-section-wrapper .section-title-wrapper {
margin: 60px auto;
}
.packages-section-wrapper .section-title-wrapper img {
width: 70px;
height: 80px;
}
.packages-section-wrapper .section-title-wrapper img.line {
width: auto;
height: 2px;
}
.packages-section-wrapper .section-title-wrapper img.tld {
width: auto;
height: auto;
padding-left: 10px;
padding-right: 10px;
}
.packages-section-wrapper .section-title-wrapper p {
width: 100%;
}
.packages-wrapper {
margin: 100px 0;
margin-bottom: 0;
align-items: stretch;
min-height: 700px;
}
.packages-wrapper.shared-2 {
min-height: 650px;
}
.package-holder {
text-align: center;
display: flex;
flex-direction: column;
justify-content: space-between;
color: #fff;
width: 23.5%;
min-height: 770px;
border: none;
border-radius: 30px;
}
.web .package-holder {
width: 32%;
}
.web.vps .package-holder {
width: 23.5%;
}
.covid .package-holder {
width: 100% !important;
margin-bottom:40px;
}
.package-holder:hover {
/* transform: scaleY(1.06); */
}
.package-holder-include ul li{
font-size: 0.9em;
}
.package-holder1 {
background-image: linear-gradient(to bottom, #69c8fd, #69c8fd00);
}
.package-holder2 {
background-image: linear-gradient(to bottom, #d5ffaf, #d5ffaf00);
}
.package-holder3 {
background-image: linear-gradient(to bottom, #f6ca7e, #f6ca7e00);
}
.web .package-holder1 {
background-image: linear-gradient(to bottom, #02b4fa, #02b4fa00);
}
.web.shared .package-holder1 {
background-image: linear-gradient(#dc7d13, #e9b474, #3fa5df00);
}
.web.windows .package-holder1 {
background-image: linear-gradient(to bottom, #28c666, #072e7d00);
}
.web.windows.whm .package-holder1 {
background-image: linear-gradient(to bottom, #f8562c, #072e7d00);
}
.web.shared.wordpress .package-holder1 {
background-image: linear-gradient(to bottom, #00e9fe, #00e9fe00);
}
.web.vps .package-holder1 {
background-image: linear-gradient(to bottom, #eec27b, #eec27b00);
}
.web .package-holder2 {
background-image: linear-gradient(to bottom, #02b4fa, #02b4fa00);
}
.web .package-holder3 {
background-image: linear-gradient(to bottom, #02b4fa, #02b4fa00);
}
.package-holder4 {
background-image: linear-gradient(to bottom, #d936ab, #d936ab00);
}
.package-holder-include a:hover {
background-color: #fff;
/* font-weight: 700; */
}
.package-holder1:hover {
background-image: linear-gradient(to bottom, #69c6fc, #7fb0cd);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web .package-holder1:hover {
background-image: linear-gradient(to bottom, #00eaff, #1793f9);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web.windows .package-holder1:hover {
background-image: linear-gradient(to bottom, #74e759, #072f7e);
box-shadow:
0 0 5px #072f7e,
0 0 10px #072f7e,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web.windows.whm .package-holder1:hover {
background-image: linear-gradient(to bottom, #fd3506, #072e7d);
box-shadow:
0 0 5px #072e7d,
0 0 10px #072e7d,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web.shared .package-holder1:hover {
background-image: linear-gradient(#e7ac67, #e7b374, #e8ad68);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web.shared.wordpress .package-holder1:hover {
background-image: linear-gradient(to bottom, #20ea85, #00b2bb);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web.vps .package-holder1:hover {
background-image: linear-gradient(to bottom, #f6c97a, #e6847a);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web .package-holder2:hover {
background-image: linear-gradient(to bottom, #00eaff, #1793f9);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.web .package-holder3:hover {
background-image: linear-gradient(to bottom, #00eaff, #1793f9);
box-shadow:
0 0 5px #4d99c4,
0 0 10px #3a7ba1,
0 0 15px #2d5b75,
0 0 20px #244659,
0 0 30px #1b3442,
0 0 40px #141e31,
0 0 50px #151c2f;
}
.package-holder1:hover .package-img-text-wrap p {
color: #203f68;
}
.web .package-holder1:hover .package-img-text-wrap p {
color: #fff;
}
.package-price.promo {
color:#ffbf17;
}
.package-holder1:hover .package-img-text-wrap h3 {
color: #203f68;
}
.web .package-holder1:hover .package-img-text-wrap h3 {
color: #3e2396;
}
.web.whm .package-holder1:hover .package-img-text-wrap h3 {
color: #ffd544;
}
.web .package-holder1:hover .package-img-text-wrap strong {
color: #3e2396;
}
.web.whm .package-holder1:hover .package-img-text-wrap strong {
color: #ffd544;
}
.web.wordpress .package-holder1:hover .package-img-text-wrap h3 {
color: #180857;
}
.web.wordpress .package-holder1:hover .package-img-text-wrap p {
color: #180857;
}
.web.wordpress .package-holder1:hover .package-img-text-wrap strong {
color: #fff;
}
.web.wordpress .package-holder1:hover .package-img-text-wrap div.package-band {
color: #180857;
}
.package-holder1:hover .package-holder-include ul li {
color: #203f68;
}
.package-holder1:hover .package-holder-include a {
background: #fff !important;
color: #203f68 !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
.web .package-holder1:hover .package-holder-include a {
color: #1794f9;
/* border: none; */
background: #fff;
/* font-weight: 600; */
box-shadow: 0 0 5px #203f68;
}
.web.vpshosting .package-holder1 .package-holder-include a {
font-weight: 600;
}
.web.dedicated .package-holder1 .package-holder-include a {
font-weight: 600;
}
.web .package-band span{
font-weight: 600;
}
.web .package-band{
font-size: 23px;
border-top: solid 1px #fff;
border-bottom: solid 1px #fff;
padding-top: 10px;
padding-bottom: 10px;
width: 90%;
margin: 0 auto;
}
.package-holder2:hover {
background-image: linear-gradient(to bottom, #d3feaf, #a3d77a);
box-shadow:
0 0 5px #39a531,
0 0 10px #338d2c,
0 0 15px #286823,
0 0 20px #193a26,
0 0 30px #1e6619,
0 0 40px #1e6619,
0 0 50px #174513;
}
.package-holder2:hover .package-img-text-wrap p {
color: #26572f;
}
.package-holder2:hover .package-img-text-wrap h3 {
color: #26572f;
}
.package-holder2:hover .package-holder-include ul li {
color: #26572f;
}
.package-holder2:hover .package-holder-include a {
background: #fff !important;
color: #26572f !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
.package-holder3:hover {
background-image: linear-gradient(to bottom, #f7d083, #ea9384);
box-shadow:
0 0 5px #98458a,
0 0 10px #843e8a,
0 0 15px #70378b,
0 0 20px #70378b,
0 0 30px #6e368d,
0 0 40px #552d8b,
0 0 50px #46268c;
}
.package-holder3:hover .package-img-text-wrap p {
color: #de6217;
}
.package-holder3:hover .package-img-text-wrap h3 {
color: #de6217;
}
.package-holder3:hover .package-holder-include ul li {
color: #de6217;
}
.package-holder3:hover .package-holder-include a {
background: #fff !important;
color: #de6217 !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
.package-holder4:hover {
background-image: linear-gradient(to bottom, #d936ab, #e364d3);
box-shadow:
0 0 5px #bc3373,
0 0 10px #a33267,
0 0 15px #872e58,
0 0 20px #612441,
0 0 30px #451b2f,
0 0 40px #2f1521,
0 0 50px #170c11;
}
.package-holder4:hover .package-img-text-wrap p {
color: #5f122f;
}
.package-holder4:hover .package-img-text-wrap h3 {
color: #5f122f;
}
.package-holder4:hover .package-holder-include ul li {
color: #5f122f;
}
.package-holder4:hover .package-holder-include a {
background: #fff !important;
color: #5f122f !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
.package-img-text-wrap {
display: flex;
flex-direction: column;
justify-content: flex-start;
}
.packages-wrapper.web .package-img-text-wrap {
padding-top: 50px;
}
.package-holder .package-holder-img {
background-repeat: no-repeat;
background-size: cover;
text-align: center;
background-position: bottom;
margin: 0 auto;
}
.package-holder .package-holder-img1 {
background-image: url('../images/img-cloud-web-hosting.png');
width: 145px;
height: 295px;
margin-top: -70px;
}
.package-holder .package-holder-img2 {
background-image: url('../images/img-shared-web-hosting.png');
width: 130px;
height: 295px;
margin-top: -60px;
}
.package-holder .package-holder-img3 {
background-image: url('../images/img-linux-vps.png');
width: 180px;
height: 295px;
margin-right: 75px;
margin-top: -60px;
}
.package-holder .package-holder-img4 {
background-image: url('../images/img-dedicated-server.png');
width: 165px;
height: 295px;
margin-top: -60px;
margin-right: 70px;
}
.package-holder-text {
width: 80%;
margin: 0 auto;
}
.package-holder-text h3 {
font-size: 1.5em;
font-weight: 400;
}
.package-holder-text.web h3 {
font-weight: 600;
text-transform: uppercase;
}
.package-holder-text.web.wordpress h3 {
color: #180857;
}
.package-holder-text.web h3 span{
font-weight: 400;
text-transform: none;
}
.package-holder-text h3 span {
text-transform: uppercase;
}
.package-holder-text p {
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 400;
line-height: 1.5em;
color: #e5e7f5;
margin: 15px 0;
}
.package-holder-text.web p {
font-size: 20px;
color: #fff;
margin-top: 40px;
}
.package-holder-text.covid p {
font-size: 25px;
color: #fff;
margin-top: 40px;
}
.package-holder-text.web.wordpress p {
font-size: 20px;
color: #180857;
margin-top: 40px;
}
.package-holder-include {
width: 80%;
margin: 0 auto;
}
.package-holder-include .main-button {
margin: 40px 0;
}
.package-holder1:hover .package-holder-include a.main-button {
margin: 40px 0;
/* margin-top: 15px; */
}
.main-button {
cursor: pointer;
color: #f7faff;
text-decoration: none;
border: 2px solid #8f8fc4;
border-radius: 35px;
padding: 15px 45px;
display: inline-block;
}
.main-button:hover {
text-decoration: none;
}
.wp-domain-wrapper {
height: 345px;
}
.wp-domain-wrapper .wp-img-part {
background-image: url('../images/webp/img-wordpress-box.webp');
background-repeat: no-repeat;
background-position: center;
background-size: cover;
width: 40%;
min-width: 330px;
height: 310px;
}
.no-js .wp-domain-wrapper .wp-img-part {
background-image: url("../images/img-wordpress-box.png");
}
.no-webp .wp-domain-wrapper .wp-img-part {
background-image: url("../images/img-wordpress-box.png");
}
.webp .wp-domain-wrapper .wp-img-part {
background-image: url("../images/webp/img-wordpress-box.webp");
}
.wp-paragraph {
width: 35%;
min-width: 290px;
height: 100%;
color: #fff;
display: flex;
flex-direction: column;
justify-content: space-between;
}
.wp-paragraph h3 {
font-size: 1.6em;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
.wp-paragraph p {
font-size: 0.9em;
letter-spacing: 1px;
font-weight: 400;
line-height: 1.5em;
margin: 5px 0;
}
.wp-paragraph ul {
letter-spacing: 1px;
font-weight: 400;
}
.wp-paragraph ul li {
margin: 5px 0;
display: flex;
align-items: center;
font-size: 0.9em;
}
.wp-paragraph div ul li span {
font-size: 2em;
font-weight: 700;
display: inline-block;
margin: 0 10px;
}
.wp-paragraph .main-button {
margin-top: 10px;
min-width: 150px;
}
.wp-paragraph .main-button:hover {
/* background: linear-gradient(to right, #7952e5, #fff, #fff, #7952e5); */
/* color: #58068e; */
/* font-weight: 700; */
}
.wp1 {
text-align: right;
}
.wp1 h3 {
text-transform: uppercase;
}
.wp1 ul li {
justify-content: flex-end;
}
.wp2 {
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
}
.wp2 h3 {
text-transform: capitalize;
}
.wp2 ul li {
justify-content: flex-start;
}
.wp-paragraph .wp-li-span {
text-transform: uppercase;
font-size: 1em;
font-weight: 400;
}
.contact-us-section {
margin: 70px 0;
}
.contact-us-wrapper .section-title-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 10px auto;
}
.contact-us-wrapper .section-title-wrapper h3 {
text-transform: none;
}
.contact-us-wrapper .section-title-wrapper p {
width: 100%;
}
.contact-us-form {
width: 100%;
margin: 30px 0;
}
.contact-us-form{
align-items: center !important;
}
.contact-us-form form div.result{
/* min-height: 65px; */
}
.contact-us-form form div.result p{
color: #e4ff00;
font-size: 14px;
padding-bottom: 5px;
}
.contact-us-form form div.result p.success{
color: #e4ff00;
}
.contact-us-form form {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: flex-start;
width: 55%;
background: transparent;
border: 2px solid #a98df2;
border-right: none;
border-radius: 30px 0 0 30px;
padding: 15px 50px;
}
.contact-us-form.home-form form {
padding: 15px 50px;
max-width: 100%;
}
.g-recaptcha{max-width: 100%;}
.contact-us-form input {
display: block;
margin-bottom: 20px;
border-radius: 30px;
background-color: #4f25c7;
border: none;
padding: 15px 25px;
letter-spacing: 1px;
width: 100%;
color: #fff;
outline: none;
}
.contact-us-form input::placeholder {
color: #fff;
font-size: 0.9em;
letter-spacing: 1px;
}
.contact-us-form textarea {
display: block;
width: 100%;
height: 105px;
border: none;
border-radius: 30px;
background-color: #4f25c7;
margin-bottom: 20px;
letter-spacing: 1px;
color: #fff;
padding: 15px;
line-height: 1.5em;
font-family: 'Montserrat', sans-serif;
outline: none;
}
.contact-us-form textarea::placeholder {
color: #fff;
padding: 15px;
letter-spacing: 1px;
}
.contact-us-form .main-button {
color: #ae91f6;
background: transparent;
letter-spacing: 1px;
font-size: 0.9em;
padding: 10px 50px;
outline: none;
}
.contact-us-form .main-button:hover {
/* background: linear-gradient(to right, #7952e5, #fff, #fff, #7952e5); */
/* color: #4f25c7; */
/* font-weight: 700; */
/* border: 3px solid #4f25c7; */
}
.live-chat {
background-image: url('../images/live-chat-background.png');
background-repeat: no-repeat;
background-size: cover;
background-position: center;
width: 45%;
height: 500px;
border-radius: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
}
.live-chat.kontakt {
background-image: url('../images/webp/live-chat-background-2.webp');
}
.no-js .live-chat.kontakt {
background-image: url("../images/live-chat-background-2.png");
}
.no-webp .live-chat.kontakt {
background-image: url("../images/live-chat-background-2.png");
}
.webp .live-chat.kontakt {
background-image: url("../images/webp/live-chat-background-2.webp");
}
.live-chat.kontakt .kontakt-wrapper{
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
height: 100%;
}
.live-chat.kontakt .kontakt-wrapper p{
line-height: 30px;
}
.live-chat.kontakt .kontakt-wrapper p.purple{
color: #e455fe;
font-weight: 600;
margin-bottom: 25px;
}
.live-chat h3 {
font-size: 2em;
font-weight: 700;
letter-spacing: 1.5px;
margin: 25px 0 5px 0;
color: #fff;
text-align: center;
}
.live-chat p {
font-size: 1em;
color: #fff;
text-align: center;
}
.live-chat p span {
color: #897fff;
}
.live-chat a {
outline: none;
text-decoration: none;
border: 2px solid #a091d2;
padding: 10px 30px;
display: inline-block;
margin-bottom: 25px;
border-radius: 30px;
color: #fff;
letter-spacing: 1px;
font-size: 1em;
}
.live-chat a:hover {
background: linear-gradient(to right, #f6ca7a, #69c8fd);
color: #4f25c7;
font-weight: 700;
}
.warranty-section-whole-wrapper {
margin-bottom: 50px;
}
.warranty-wrapper .section-title-wrapper {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
margin: 10px auto;
}
.warranty-wrapper .section-title-wrapper.tehnologija h3{
margin-top: 135px;
}
.warranty-wrapper .section-title-wrapper img {
width: 105px;
height: 80px;
text-align: center;
margin-right: 30px;
}
.warranty .warranty-section-paragraph {
width: 28%;
}
.warranty .warranty-section-paragraph.web {
width: 100%;
border: 3px solid #9473e4;
border-radius: 30px;
text-align: center;
padding-left: 20px;
padding-right: 20px;
padding-top: 40px;
padding-bottom: 40px;
box-sizing: border-box;
}
.warranty-section-paragraph p {
color: #9d82e7;
font-size: 0.9em;
line-height: 1.5em;
margin: 15px 0;
text-align: left;
}
.warranty-section-paragraph.web p span{
color: #fff;
}
.warranty-section-paragraph.web p {
width: 85%;
text-align: center;
margin: 0 auto;
margin-bottom: 15px;
}
.warranty-section-paragraph.web.whm p{
color: #fff;
}
.warranty-section-paragraph.whm p span{
font-weight: bold;
}
.warranty-img {
background-image: url('../images/warranty-img-merged.png');
background-repeat: no-repeat;
background-position: center;
background-size: contain;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 35%;
height: 400px;
}
.warranty-img h3 {
font-size: 3em;
text-transform: uppercase;
font-weight: 700;
color: #fff;
letter-spacing: 1px;
margin-top: 60px;
}
.warranty-img h4 {
font-size: 3em;
text-transform: uppercase;
font-weight: 700;
color: #e78a7a;
letter-spacing: 1px;
margin-top: -15px;
}
.offers-intro p {
width: 100%;
color: #fff;
font-size: 1.2em;
letter-spacing: 1px;
text-align: center;
margin: 20px auto;
}
.offers-section-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
width: 100%;
}
.offer-part {
width: 30%;
height: 300px;
display: flex;
flex-direction: column;
justify-content: flex-start;
align-items: center;
text-align: center;
margin-bottom: 10px;
}
.offer-img {
background-repeat: no-repeat;
background-position: center;
width: 100%;
height: 150px;
}
.offer-img1 {
background-image: url('../images/icon-24-7.png');
}
.offer-img2 {
background-image: url('../images/icon-transparency.png');
}
.offer-img3 {
background-image: url('../images/icon-uptime.png');
}
.offer-img4 {
background-image: url('../images/icon-backup.png');
}
.offer-img5 {
background-image: url('../images/icon-migration.png');
}
.offer-img6 {
background-image: url('../images/icon-protection.png');
}
.offer-part h4 {
color: #fff;
margin: 5px 0 20px 0;
font-size: 1em;
letter-spacing: 1px;
}
.tehnologija-list .offer-part h4 {
color: #fff;
margin: 5px 0 20px 0;
font-size: 15px;
font-weight: 400;
letter-spacing: 1px;
}
.offer-part h4 span {
text-transform: uppercase;
}
.tehnologija-list .offer-part p a{
display: block;
color: #fff;
text-decoration: underline;
}
.offer-part p {
color: #ae91f6;
margin: 5px 0;
font-size: 0.8em;
letter-spacing: 1px;
}
.tehnologija-list .offer-part p {
text-align: center;
line-height: 18px;
}
.locations-section {
margin-top: 50px;
}
.locations-wrapper {
margin: 50px 0;
}
.locations-wrapper .section-title-wrapper img {
width: 105px;
height: 120px;
display: inline-block;
margin-bottom: -40px;
margin-left: 40px;
}
.map-wrapper {
width: 100%;
display: flex;
justify-content: space-between;
margin: 30px 0;
}
.map {
background-image: url('../images/webp/map-background-img.webp');
background-repeat: no-repeat;
background-position: center;
background-size: 100%;
min-width: 875px;
height: 450px;
position: relative;
}
.no-js .map {
background-image: url("../images/map-background-img.png");
}
.no-webp .map {
background-image: url("../images/map-background-img.png");
}
.webp .map {
background-image: url("../images/webp/map-background-img.webp");
}
.map-marker1 {
position: absolute;
width: 78px;
height: 83px;
top: 21%;
left: 17%;
}
#marker1Hover {
top: 20%;
left: 16%;
}
.map-marker2 {
position: absolute;
width: 78px;
height: 83px;
top: 12%;
left: 25%;
}
#marker2Hover {
top: 11%;
left: 24%;
}
.map-marker3 {
position: absolute;
width: 78px;
height: 83px;
top: 16%;
left: 43%;
}
#marker3Hover {
top: 15%;
left: 42%;
}
.map-marker4 {
position: absolute;
width: 78px;
height: 83px;
top: 18%;
left: 49%;
}
#marker4Hover {
top: 17%;
left: 48%;
}
.hover-marker {
display: none;
}
.map-locations {
width: 22%;
}
.location-item {
display: flex;
margin-bottom: 20px;
}
.location-item img {
width: 25px;
height: 25px;
}
.globe-hover {
display: none;
}
.location-paragraph {
width: 80%;
text-align: left;
margin-left: 15px;
}
.location-paragraph h5 {
color: #d4d3e6;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.9em;
}
.location-paragraph h6 {
color: #d4d3e6;
text-transform: uppercase;
font-size: 0.7em;
margin-top: 5px;
margin-bottom: 10px;
letter-spacing: 0.5px;
}
.location-paragraph p {
font-size: 0.7em;
letter-spacing: 0.5px;
color: #ae91f6;
line-height: 1.8em;
}
.comments-wrapper {
position: relative;
}
.slider-arrows .prev-arrow {
position: absolute;
top: 35%;
left: -55px;
z-index: 2;
}
.slider-arrows .next-arrow {
position: absolute;
top: 35%;
right: -55px;
z-index: 2;
}
.comments-wrapper .comments-img img {
width: 100px;
height: 70px;
margin-right: 30px;
}
.slide-item-border {
border: 3px solid #9473e4;
border-radius: 30px;
text-align: center;
padding: 30px 40px;
width: 85%;
margin: 0 auto;
position: relative;
min-height: 318px;
}
.slide-item-border.web {
padding: 20px 20px;
width: 95%;
}
.slide-item-border::before {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 60px solid #9473e4;
border-left: 60px solid transparent;
bottom: -60px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.slide-item-border.web::before {
left: 20%;
}
.slide-item-border::after {
position: absolute;
content: "";
width: 0;
height: 0;
border-top: 55px solid #161182;
border-left: 55px solid transparent;
bottom: -53px;
left: 50%;
transform: translateX(-50%);
z-index: 2;
}
.slide-item-border.web::after {
border-top: 55px solid #241f7b;
left: 20%;
}
.slide-item {
margin: 5px auto;
}
.slider-paragraph p {
line-height: 22px;
font-style: italic;
font-size: 18px;
font-weight: 400;
color: #fff;
padding: 13px 20px;
width: 97%;
margin: 0 auto;
text-align: center;
font-family: 'Times New Roman', sans-serif;
}
.slider-quotes {
width: 70px;
height: 50px;
text-align: center;
margin: 0 auto;
}
.slider-quotes img {
width: 100%;
height: 100%;
}
.user-post-comment {
color: #fff;
font-family: 'Times New Roman', sans-serif;
font-size: 1.4em;
letter-spacing: 1px;
font-style: italic;
text-align: center;
margin: 70px auto;
margin-bottom: 5px;
}
.web .user-post-comment {
position: absolute;
z-index: 10;
bottom: 92px;
right: 20px;
}
.user-post-comment p {
margin: 10px auto;
font-size: 0.9em;
}
.user-post-comment span {
color: #9473e4;
text-transform: uppercase;
}
.user-post-comment img {
/* display: inline-block; */
/* width: 130px; */
/* height: 20px; */
/* text-align: center; */
/* margin: 0 auto; */
}
div.stars-wrapper{
display: flex;
align-items: center;
justify-content: center;
}
.comments-wrapper .messages-img {
width: 55%;
margin: 50px auto;
}
.comments-section .messages-img img {
width: 115px;
height: 105px;
margin: 0;
}
.messages-img .button-messages {
width: 55%;
margin: 0 auto;
min-width: 340px;
}
.messages-img .button-messages .button-request {
font-weight: 400;
font-size: 1em;
padding: 12px 20px;
min-width: 150px;
}
.messages-img .button-messages .button-request:hover {
background: linear-gradient(#8f6aff, #744ee4, #826cc2);
color: #fff;
/* font-weight: 700; */
}
.messages-img .button-messages .btn-rq2 {
background: linear-gradient(#8f6aff, #744ee4, #826cc2);
color: #fff;
font-weight: 400;
font-size: 1em;
padding: 12px 20px;
min-width: 150px;
}
.messages-img .button-messages .btn-rq2:hover {
background: linear-gradient(#8f6aff, #a294d7, #826cc2);
color: #fff;
font-weight: 700;
}
.footer-whole-section {
position: relative;
background-image: url('../images/footer-background.png');
background-repeat: no-repeat;
background-size: cover;
background-position: top;
width: 100%;
height: 570px;
display: flex;
align-items: flex-end;
padding-bottom: 25px;
}
.footer-whole-section .footer-wrapper {
/* align-items: flex-start; */
margin-top: 15px;
}
#footer-logo {
background-image: url('../images/logo-footer.png');
background-position: bottom;
background-repeat: no-repeat;
background-size: contain;
width: 240px;
height: 45px;
position: relative;
top: 15px;
}
.footer-form {
width: 30%;
}
.footer-item h5 {
text-transform: uppercase;
font-size: 1em;
color: #fff;
font-weight: 400;
margin: 15px 0;
letter-spacing: 1px;
}
.footer-item ul li {
margin-bottom: 20px;
color: #ae91f6;
letter-spacing: 1px;
}
.footer-item h6 {
text-transform: uppercase;
font-size: 0.8em;
color: #fff;
font-weight: 400;
letter-spacing: 1px;
margin-bottom: 5px;
}
.footer-item p {
color: #ae91f6;
letter-spacing: 1px;
}
.list-space-footer ul li {
margin-bottom: 10px;
font-size: 1em;
}
.footer-form form {
width: 100%;
margin-top: 0px;
}
.footer-form input {
width: 100%;
display: block;
margin-bottom: 15px;
background-color: #5333c9;
font-size: 1em;
border-radius: 30px;
border: none;
padding: 10px 20px;
letter-spacing: 1px;
color: #fff;
outline: none;
}
.footer-form textarea {
display: block;
width: 100%;
height: 110px;
border: none;
border-radius: 16px;
background-color: #4f25c7;
margin-bottom: 20px;
letter-spacing: 1px;
color: #fff;
padding: 15px;
line-height: 1.5em;
font-family: 'Montserrat', sans-serif;
outline: none;
}
.footer-form textarea::placeholder {
color: #fff;
padding: 15px;
letter-spacing: 1px;
}
.footer-form input::placeholder {
color: #d1c9f1;
font-size: 0.9em;
letter-spacing: 1px;
font-size: 1em;
}
.footer-form form div.result{
/* min-height: 65px; */
}
.footer-form form div.result p{
color: #e4ff00;
font-size: 14px;
padding-bottom: 5px;
}
.footer-form form div.result p.success{
color: #e4ff00;
}
.footer-form .button-request {
font-weight: 400;
font-size: 1em;
padding: 12px 20px;
width: 150px;
outline: none;
}
.footer-form .button-request:hover {
background: linear-gradient(#8f6aff, #744ee4, #826cc2);
color: #fff;
/* font-weight: 700; */
}
.footer-icons-wrapper {
margin-top: 30px;
}
.footer-icons {
display: flex;
justify-content: space-between;
}
.footer-icons a{
background: url('../images/social-sprite.png') no-repeat;
}
.footer-icons a.fb{
width: 13px;
height: 23px;
background-position: -5px -5px;
}
.footer-icons a.fb:hover{
background-position: -5px -38px;
}
.footer-icons a.in{
width: 23px;
height: 23px;
background-position: -5px -71px;
}
.footer-icons a.in:hover{
background-position: -5px -104px;
}
.footer-icons a.ln{
width: 26px;
height: 24px;
background-position: -5px -137px;
}
.footer-icons a.ln:hover{
background-position: -5px -171px;
}
.footer-icons a.tw{
width: 23px;
height: 23px;
background-position: -5px -205px;
}
.footer-icons a.tw:hover{
background-position: -5px -238px;
}
.after-footer-wrapper {
background-color: #251e82;
height: 40px;
display: flex;
align-items: center;
}
.after-footer p {
color: #7562b7;
font-size: 0.9em;
letter-spacing: 1px;
text-align: left;
}
/* RESPONSIVE ----- CSS ---------- */
@media screen and (max-width: 1450px) {
.container {
width: 80%;
max-width: 1200px;
}
.package-holder {
width: 24%;
min-height: 800px;
}
.packages-wrapper.web.vps .package-holder {
width: 24%;
min-height: 600px;
}
.packages-wrapper.web .package-holder {
width: 32%;
min-height: 600px;
}
.package-holder-text p {
font-size: 0.9em;
}
}
@media screen and (max-width: 1350px) {
.banner-wrapper {
height: 1090px;
}
.container {
width: 85%;
}
}
@media screen and (max-width: 1250px) {
.banner-wrapper {
height: 1213px;
}
.container {
width: 90%;
}
.search .search-button::after {
display: none;
}
.section-title-wrapper p {
width: 100%;
}
.wordpress-section .wp-domain-wrapper {
flex-wrap: wrap;
height: auto;
}
.wp-paragraph {
width: 100%;
height: 100%;
}
.wp-paragraph h3 {
font-size: 2em;
}
.wp-paragraph p {
font-size: 1.2em;
}
.wp-paragraph .main-button {
font-size: 1.2em;
letter-spacing: 1px;
}
.wp1 {
text-align: left;
}
.wp1 ul li {
flex-direction: row-reverse;
justify-content: flex-end;
}
.wp-paragraph ul li {
margin: 10px 0;
font-size: 1.2em;
}
.wp2 {
margin-top: 30px;
align-items: flex-start;
}
.wp-domain-wrapper .wp-img-part {
background-size: 100%;
width: 40%;
margin: 0 auto;
height: 300px;
}
.package-holder {
width: 24.5%;
min-height: 770px;
justify-content: space-around;
}
.package-holder .package-holder-img1 {
background-size: 80%;
height: 240px;
margin-top: -90px;
}
.package-holder .package-holder-img2 {
background-size: 80%;
margin-top: -90px;
height: 240px;
}
.package-holder .package-holder-img3 {
background-size: 90%;
margin-top: -90px;
height: 240px;
}
.package-holder .package-holder-img4 {
background-size: 80%;
margin-top: -90px;
height: 240px;
}
.locations-section .container {
width: 100%;
}
.map-wrapper {
flex-direction: column;
}
.map {
max-width: 875px;
margin: 0 auto;
}
.map-locations {
width: 90%;
margin: 0 auto;
display: flex;
justify-content: space-between;
}
}
@media screen and (max-width: 1024px) {
.banner-wrapper {
height: 1356px;
}
.navigation.flex-space-between {
flex-wrap: wrap;
}
.navigation nav {
width: 100%;
margin-top: 30px;
}
.packages-wrapper {
flex-wrap: wrap;
margin-top: 60px 0;
}
.packages-wrapper .package-holder {
width: 100%;
flex-direction: row;
min-height: unset;
margin-bottom: 5%;
}
.search input {
padding-right: 200px;
}
.packages-wrapper .package-holder .package-img-text-wrap {
flex-direction: row;
}
.package-holder-text {
justify-content: center;
width: 70%;
}
.package-holder-text h3 {
font-size: 1.6em;
margin: 15px 0;
}
.package-holder-text p {
margin: 10px 0 0 0;
}
.package-holder-include {
width: 80%;
padding-top: 10px;
}
.package-holder-include ul li {
margin: 10px 0;
}
.package-holder-include .main-button {
margin: 20px 0;
min-width: 135px;
}
.package-holder .package-holder-img1 {
background-size: 70%;
height: 220px;
margin-top: 0;
}
.package-holder .package-holder-img2 {
background-size: 70%;
height: 220px;
margin-top: 0;
}
.search .domain-suffix {
right: 105px;
}
.search .domain-suffix .select-wrapper select {
width: 70px;
/* font-size: 1.2em; */
}
.package-holder .package-holder-img3 {
background-size: 90%;
height: 220px;
margin-top: 10px;
margin-left: -35px;
}
.package-holder .package-holder-img4 {
background-size: 70%;
height: 220px;
margin-top: 0;
margin-right: 30px;
background-position: 0 25px;
}
.contact-us-form {
flex-direction: column-reverse;
}
.contact-us-form form {
width: 85%;
border-right: 2px solid #a98df2;
border-radius: 30px;
}
.live-chat {
width: 100%;
background-size: contain;
}
.slide-item-border {
border: 2px solid #9473e4;
padding: 25px;
width: 70%;
}
.slider-paragraph p {
line-height: 1.5em;
font-size: 1em;
padding: 15px;
width: 100%;
}
.slider-arrows .next-arrow {
right: 5%;
}
.slider-arrows .prev-arrow {
left: 5%;
}
}
@media screen and (max-width: 970px) {
.packages-section-wrapper .section-title-wrapper img.line {
width: 90%;
}
}
@media screen and (max-width: 900px) {
.map {
min-width: 775px;
}
.footer-whole-section {
height: 700px;
padding-bottom: 0;
}
.footer-whole-section .footer-wrapper {
flex-wrap: wrap;
}
.footer-item {
width: 40%;
}
.offer-part {
width: 32%;
height: 370px;
}
}
@media screen and (max-width: 800px) {
.container {
width: 95%;
}
.search input {
padding-right: 170px;
}
.warranty-img {
display: none;
}
.warranty .warranty-section-paragraph {
width: 45%;
}
.wp-paragraph ul li {
margin: 5px 0;
font-size: 0.9em;
}
.wp-paragraph p {
font-size: 0.9em;
}
.wp-paragraph h3 {
font-size: 1.4em;
}
.wp-paragraph .main-button {
font-size: 0.8em;
letter-spacing: 0.5px;
min-width: unset;
margin-top: 5px;
padding: 5px 15px;
}
.offer-part {
width: 45%;
height: 330px;
}
.package-holder .package-holder-img {
display: none;
}
.package-holder-text {
width: 95%;
}
.package-holder-include {
width: 100%;
}
.search .domain-suffix {
right: 85px;
}
.map {
min-width: 600px;
height: 320px;
}
.map-marker1 {
top: 15%;
}
#marker1Hover {
top: 14%;
}
.map-marker2 {
top: 8%;
}
#marker2Hover {
top: 7%;
}
.map-marker3 {
top: 11%;
}
#marker3Hover {
top: 10%;
}
.section-title-wrapper h3.domeni {
text-align: center;
}
div.domeni_table_wrapper table td{
font-size: 16px !important;
}
div.domeni_table_wrapper table th{
font-size: 18px !important;
}
div.domeni_table_wrapper table td span{
font-size: 14px !important;
}
}
@media screen and (max-width: 700px) {
.navigation nav, .section-title-wrapper {
min-width: unset;
}
.slider-quotes img {
width: 75%;
height: 75%;
}
.slider-paragraph p {
font-size: 0.9em;
padding: 5px;
}
}
.bars-icon .close {
display: none;
color: white;
font-size: 50px;
font-weight: bold;
}
@media screen and (max-width: 650px) {
.bars-icon .bar {
display: block;
}
.navigation nav {
display: none;
}
#logo-header {
margin-top: 20px;
}
.banner-article-wrapper {
margin: 0 auto;
margin-top: 100px;
width: 98% !important;
min-width: unset;
background-color: #00000085;
border-radius: 30px;
padding: 15px;
}
.banner-article-wrapper.web.domeni {
width: 97%;
}
.banner-wrapper {
background-position: 75% 0%;
padding-top: 25px;
height: 845px;
}
.banner-title-wrapper img {
width: 110px;
height: 140px;
}
.section-title-wrapper h3 {
font-size: 1.5em;
letter-spacing: 0.5px;
margin: 5px 0;
}
.section-title-wrapper p {
font-size: 0.8em;
letter-spacing: 0.5px;
margin: 5px auto;
}
.section-title-wrapper h4 {
color: #f0afff;
font-size: 1.1em;
}
.banner-title h2 {
font-size: 4.2em;
line-height: 0.8em;
}
.banner-title h4 {
font-size: 0.8em;
letter-spacing: 0.5px;
width: 70%;
margin-bottom: 2%;
margin-right: 10%;
}
.banner-article-wrapper p {
font-size: 0.7em;
letter-spacing: 0.5px;
line-height: 1.5em;
margin: 15px 0;
}
.banner-article-wrapper a {
display: inline-block;
margin-top: 5px;
/* font-size: 0.7em; */
/* font-weight: 400; */
/* padding: 8px 12px; */
/* letter-spacing: 0.5px; */
}
.search input {
padding-left: 20px;
}
.search .globe-search {
display: none;
}
.search .domain-suffix .select-wrapper select {
/* font-size: 0.9em; */
background-position: 75%;
}
.search .search-button {
right: 10%;
}
.repeat-search-button {
right: 1%;
}
.package-holder-text {
margin-top: 15px;
margin-bottom: 0;
}
.package-holder-text h3 {
font-size: 1.1em;
margin: 5px 0;
font-weight: 700;
}
.package-holder-text p {
font-size: 0.8em;
}
.package-holder-include ul li {
font-size: 0.7em;
}
.package-holder-include {
width: 70%;
}
.package-holder-include ul li {
margin: 5px 0;
font-size: 0.7em;
}
.main-button {
border-radius: 30px;
padding: 5px 15px;
}
.package-holder-include .main-button {
margin: 10px 0;
min-width: unset;
/*font-size: 0.8em; */
padding: 15px 45px;
}
.packages-wrapper {
margin: 50px 0;
}
.package-holder-text {
width: 100%;
}
.packages-wrapper .package-holder .package-img-text-wrap {
width: 100%;
}
.contact-us-form form {
padding: 20px;
width: 95%;
}
.contact-us-form form {
padding-left: 5px;
padding-right: 5px;
width: 93%;
}
.live-chat {
height: 340px;
}
.live-chat a {
padding: 10px 20px;
margin-bottom: 5px;
letter-spacing: 0.5px;
font-size: 0.9em;
}
.live-chat h3 {
font-size: 1.5em;
letter-spacing: 0.5px;
margin: 5px 0 5px 0;
}
.slider-arrows .next-arrow {
right: 1%;
}
.slider-arrows .prev-arrow {
left: 1%;
}
.comments-wrapper .messages-img {
width: 95%;
}
div.domeni_table_wrapper table td{
font-size: 14px !important;
padding-left: 5px;
padding-right: 5px;
}
div.domeni_table_wrapper table th{
font-size: 14px !important;
}
div.domeni_table_wrapper table td span{
font-size: 12px !important;
}
.banner-title .title-span1.orange {
letter-spacing: 0px;
}
}
@media screen and (max-width: 630px) {
.map {
display: none;
}
}
@media screen and (max-width: 570px) {
.registration-wrapper .login-links {
width: 60%;
}
.login-wrapper::after {
display: none;
}
/* .login-wrapper img {
display: none;
} */
.banner-title-wrapper img {
display: none;
}
.registration-wrapper .after-before-fixer::before {
display: none;
}
.registration-wrapper .after-before-fixer::after {
display: none;
}
/* .login-wrapper button:first-child {
border-right: 2px solid #ae89f2;
}*/
.login-wrapper {
min-width: 350px;
width: 80%;
}
.banner-article-wrapper{
display: flex;
flex-direction: column;
align-items: center;
}
.banner-title {
width: 100%;
}
.banner-title h4 {
font-size: 0.75em;
width: 90%;
margin-bottom: 1%;
margin-right: 10%;
width: 100%;
text-align: center;
margin: 0 auto;
}
.banner-title-wrapper img {
width: 90px;
height: 120px;
}
.banner-title h2 {
font-size: 3.8em;
text-align: center;
}
.banner-title h2.domeni {
font-size: 50px;
}
.banner-title .title-span2-wrapper {
flex-direction: column;
}
.wordpress .banner-title h2 p.small.blue{
width: 100%;
text-align: center;
}
.banner-article-wrapper p{
text-align: center;
}
.banner-title-wrapper a {
border: 1px solid #fff;
}
.search input::placeholder {
letter-spacing: 0.5px;
font-size: 0.5em;
}
.footer-whole-section {
height: auto;
background-image: none;
background-color: #1d0c5f;
padding-top: 30px;
}
.footer-item {
width: 80%;
margin: 20px auto;
}
#footer-logo {
margin-left: 10%;
}
}
@media screen and (max-width: 500px) {
.registration-wrapper .login-links {
width: 55%;
}
.login-wrapper {
min-width: 350px;
}
.banner-title-wrapper img {
display: none;
}
.banner-title h2 {
font-size: 3em;
}
.banner-title h2.domeni {
font-size: 34px;
}
.registration-wrapper .login-links {
min-width: unset;
}
.offer-part {
width: 85%;
margin: 0 auto;
height: 290px;
}
.map-locations {
flex-direction: column;
}
div.domeni_table_wrapper{
overflow-x: auto;
}
div.domeni_table_wrapper table th{
padding-left: 10px;
padding-right: 10px;
}
}
@media screen and (max-width: 470px) {
.registration-wrapper {
flex-direction: column;
justify-content: center;
align-items: center;
}
.registration-wrapper .login-links {
width: 100%;
margin-bottom: 20px;
}
.login-wrapper {
min-width: 350px;
margin-bottom: 20px;
}
.slider-paragraph p {
font-size: 0.7em;
padding: 0;
}
.slider-quotes {
display: none;
}
.slide-item-border::after {
display: none;
}
.slide-item-border::before {
display: none;
}
.slider-arrows .prev-arrow {
top: 35%;
}
.slider-arrows .next-arrow {
top: 35%;
}
.user-post-comment {
margin: 15px auto;
margin-bottom: 0;
}
.user-post-comment p {
font-size: 0.6em;
margin: 0;
}
.user-post-comment img {
/* width: 70px; */
/* height: 10px; */
}
}
@media screen and (max-width: 370px) {
.login-wrapper img {
display:none;
}
.login-wrapper {
min-width:300px;
}
}
@media screen and (max-width: 425px) {
.repeat-search-button {
right: 3%;
}
.search .search-button {
right: 15%;
}
.search .domain-suffix {
right: 75px;
}
.search .domain-suffix .select-wrapper select {
font-size: 0.9em;
background-position: 70%;
}
.package-holder-text h3 {
font-size: 0.9em;
}
.package-holder-text p {
font-size: 0.6em;
}
.package-holder-include {
width: 60%;
}
.package-holder-text {
width: 80%;
}
.package-holder-include .main-button {
margin: 5px 0;
/* font-size: 0.6em; */
padding: 15px 25px;
}
.package-holder-include ul li {
font-size: 0.6em;
}
.section-title-wrapper p {
font-size: 0.7em;
}
.live-chat {
height: 375px;
background-size: cover;
}
.live-chat a {
margin-bottom: 40px;
}
.live-chat h3 {
margin: 15px 0 5px 0;
}
.warranty .warranty-section-paragraph {
width: 95%;
}
.warranty {
flex-direction: column;
}
.offer-part {
height: 330px;
width: 100%;
}
.messages-img .button-messages {
flex-direction: column;
min-width: unset;
}
.messages-img .button-messages .button-request {
min-width: 185px;
}
}
@media screen and (max-width: 360px) {
.navigation {
justify-content: flex-end;
}
#logo-header {
margin-bottom: 20px;
}
.wp-domain-wrapper .wp-img-part {
display: none;
}
.wp-paragraph {
min-width: unset;
}
.check-domain-wrapper {
margin-top: 30px;
}
.footer-icons a:hover {
border-bottom: 2px solid #ae6dbb;
}
}
div.contact-us-wrapper.has-scroller{
width: 700px;
margin: 0 auto;
max-width: 100%;
}
div.price-wrapper span.euro{
position: relative;
top: -35px;
left: -15px;
font-size: 0.8em;
}
div.price-wrapper span.span-rotate{
display: block;
transform: rotate(90deg);
font-size: 13px;
color: #fff;
font-weight: 400;
margin-right: -20px;
}
div.price-wrapper h3{
font-size: 70px;
font-weight: 700;
}
div.price-wrapper h3.price_small{
font-size: 50px;
}
div.scroller div.price-wrapper h3{
font-size: 65px;
font-weight: 700;
}
div.price-wrapper{
margin-top: 0;
margin-bottom: 20px;
display: flex;
align-items: center;
justify-content: center;
}
.package-holder.package-holder1 div.price-wrapper{
height: 120px;
margin-top: 20px;
}
.web .package-holder1:hover div.price-wrapper h3{
/* font-size: 135px; */
}
.web .package-holder1:hover div.price-wrapper span.span-rotate{
/* font-size: 20px; */
/* margin-right: -40px; */
}
.web .package-holder1:hover div.price-wrapper span.euro{
/* font-size: 20px; */
/* top: -38px; */
}
.web.vps .package-holder1:hover div.package-band{
border-top: solid 1px #3e2396;
border-bottom: solid 1px #3e2396;
color: #3e2396;
}
.web .package-holder:hover {
transform: none;
}
.contact-us-section.web{
margin-top: 50px;
}
.contact-us-section.web.vpshosting{
margin-top: 100px;
}
.contact-us-section.web.ogranicenja{
margin-bottom: 120px;
}
.garancija-section.web .contact-us-wrapper{
display: flex;
align-items: center;
justify-content: center;
}
.garancija-section .garancija-left p span{
color: #fff;
font-weight: 600;
display: block;
}
.garancija-section .garancija-left p{
font-size: 20px;
color: #ae91f6;
width: 266px;
text-align: center;
}
.garancija-section .garancija-left h3{
text-transform: capitalize;
font-weight: 700;
font-size: 1.8em;
color: #fff;
text-align: center;
letter-spacing: 1.5px;
padding-top: 30px;
}
.garancija-section .garancija-left{
background-image: linear-gradient(to bottom, #5125cc, #231a81);
width: 333px;
max-width: 100%;
height: 500px;
border-radius: 30px;
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
position: relative;
right: -35px;
top: -35px;
}
.garancija-section .garancija-left.paketi::after{
position: absolute;
bottom: -40px;
right: 40px;
content: "";
width: 60px;
height: 40px;
background: url('../images/sova_spic.png') no-repeat;
z-index: 2;
}
img.sova {
position: absolute;
right: 100px;
top: 10px;
}
div.bubble_top{
width: 323px;
position: absolute;
right: 25%;
bottom: 20px;
}
div.bubble_top div.bubble_wrapper p{
color: #fff;
font-size: 0.9em;
font-weight: 400;
margin-bottom: 10px;
}
div.bubble_top img{
float: right;
}
div.bubble_top div.bubble_wrapper{
width: 323px;
height: 229px;
background: url('../images/bubble-top.png') no-repeat;
padding: 20px;
box-sizing: border-box;
padding-top: 30px;
}
@media screen and (max-width: 1650px) {
img.sova {
position: absolute;
right: 100px;
top: -48px;
}
div.bubble_top {
right: 20%;
bottom: 28px;
}
}
@media screen and (max-width: 1200px) {
div.bubble_top{
display: none;
/* right: 20px; */
}
div.bubble_wrapper{
display: none;
}
div.bubble_top img{
float: none;
}
}
@media screen and (max-width: 550px) {
img.sova {
display: none;
}
}
footer .container{
position: relative;
}
.garancija-section.affiliate .garancija-left{
background-image: none;
width: 446px;
max-width: 100%;
}
.garancija-section.affiliate.affiliate-partners .garancija-left{
background-image: linear-gradient(to bottom, #5125cc, #231a81);
width: 446px;
max-width: 100%;
}
.garancija-section.affiliate .garancija-left div.btn-cnt{
position: absolute;
bottom: 15px;
width: 100%;
text-align: center;
}
.garancija-section.garancija-section-2 .garancija-right h4{
font-size: 15px;
margin-bottom: 40px;
}
.garancija-section.garancija-section-2.affiliate .garancija-right h4{
font-size: 1.3em;
margin-bottom: 40px;
font-weight: 700;
color: #fff;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-left h4{
font-size: 1.3em;
margin-bottom: 40px;
font-weight: 700;
color: #fff;
text-align: center;
margin-top: 15px;
margin-bottom: 15px;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-left h4 span.orange{
color: #fdb55d;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-right h4{
margin-bottom: 20px;
}
.garancija-section.garancija-section-2 .garancija-right{
min-height: 280px;
justify-content: center;
position: relative;
}
.garancija-section.garancija-section-2.ogranicenja .garancija-right{
min-height: 200px;
}
.garancija-section.garancija-section-2 .garancija-left{
left: -35px;
height: 465px;
top: 0;
}
.garancija-section.garancija-section-2.affiliate .garancija-left{
left: -25px;
height: auto;
top: 0;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-left{
left: 0;
height: 400px;
top: 0;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-left div{
height: 100%;
padding-top: 20px;
padding-bottom: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-left div a{
color: #fdb55d;
text-decoration: underline;
font-size: 14px;
}
.garancija-section.garancija-section-2 ul li{
font-size: 13px;
letter-spacing: 1px;
color: #fff;
font-weight: 400;
list-style-type: disc;
}
.garancija-section.garancija-section-2 .garancija-left img{
position: relative;
left: -26px;
}
.garancija-section.garancija-section-2.affiliate .garancija-left img{
position: relative;
left: 0;
max-width: 100%;
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-left img{
max-width: 100%;
position: relative;
}
.garancija-section.garancija-section-2 .garancija-left div{
display: flex;
flex-direction: column;
align-items: center;
position: relative;
}
.garancija-section.garancija-section-2 .garancija-left p{
font-size: 15px;
color: #fff;
font-weight: 400;
}
.garancija-section.garancija-section-2 .garancija-left p span{
font-size: 15px;
color: #897fff;
font-weight: 600;
display: inline;
}
.garancija-section.garancija-section-2 .garancija-bottom p img{
vertical-align: middle;
margin-right: 10px;
}
.garancija-section.garancija-section-2 .garancija-bottom p a{
color: #ae91f6;
border: none;
font-size: 13px;
font-weight: 600;
display: inline-block;
padding: 0;
}
.garancija-section.garancija-section-2 .garancija-bottom p{
font-size: 13px;
letter-spacing: 1px;
color: #fff;
font-weight: 400;
}
.garancija-section.garancija-section-2 .garancija-bottom{
position: absolute;
bottom: -65px;
z-index: 99;
}
.garancija-section.garancija-section-2 .garancija-left a{
/* cursor: pointer; */
/* color: #f7faff; */
/* text-decoration: none; */
/* border: 2px solid #8f8fc4; */
/* border-radius: 35px; */
/* padding: 10px 35px; */
/* display: inline-block; */
}
.garancija-section.garancija-section-2.affiliate .garancija-left a{
border: none;
/* border-radius: 35px; */
/* padding: 0; */
}
.garancija-section.garancija-section-2.affiliate.affiliate-partners .garancija-right a{
border: none;
/* border-radius: 35px; */
/* padding: 0; */
}
.garancija-section .garancija-right a{
/* cursor: pointer; */
/* color: #f7faff; */
/* text-decoration: none; */
/* border: 2px solid #8f8fc4; */
/* border-radius: 35px; */
/* padding: 10px 35px; */
/* display: inline-block; */
}
.garancija-section .garancija-right h4{
/* color: #7f60d1; */
color: #bca8f1;
font-size: 1.4em;
font-weight: 400;
letter-spacing: 0.5px;
margin-bottom: 15px;
}
.garancija-section .garancija-right h3{
font-weight: 700;
font-size: 1.8em;
color: #fff;
text-align: center;
letter-spacing: 1.5px;
margin-bottom: 15px;
}
.garancija-section .garancija-right .garancija-list .item p{
font-size: 13px;
letter-spacing: 1px;
color: #fff;
font-weight: 400;
padding-left: 10px;
}
.garancija-section.affiliate .garancija-right .garancija-list .item p{
padding-left: 0;
}
.garancija-section .garancija-right .garancija-list .item img{
width: 60px;
}
.garancija-section .garancija-right .garancija-list .item{
width: 49%;
display: flex;
align-items: start;
margin-bottom: 30px;
}
.garancija-section.ogranicenja .garancija-right .garancija-list .item{
width: auto;
display: flex;
align-items: start;
flex-direction: column;
margin-bottom: 0;
padding-top: 15px;
padding-bottom: 15px;
}
.garancija-section .garancija-right .garancija-list{
display: flex;
align-items: start;
justify-content: space-between;
flex-wrap: wrap;
}
.garancija-section.ogranicenja .garancija-right .garancija-list{
align-items: center;
min-height: 200px;
}
.garancija-section.garancija-section-2 .garancija-right .garancija-list{
margin-left: 20px;
}
.garancija-section.garancija-section-2.affiliate .garancija-right .garancija-list{
margin-left: 0;
}
.garancija-section .garancija-right{
display: flex;
flex-direction: column;
align-items: flex-start;
justify-content: space-between;
width: 75%;
background: transparent;
border: 2px solid #a98df2;
border-radius: 30px;
padding: 30px 50px;
min-height: 500px;
}
.garancija-section.ogranicenja .garancija-right{
padding: 0 50px;
}
.garancija-section.affiliate-partners .garancija-right{
border: none;
}
.garancija-section.affiliate-partners .garancija-right img{
margin-right: 15px;
}
.garancija-section.affiliate-partners .garancija-right p{
/* color: #7f60d1; */
color: #bca8f1;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.5px;
}
.garancija-section.affiliate-partners .garancija-right p.small{
color: #fff;
font-size: 12px;
margin-top: 15px;
margin-bottom: 15px;
}
.garancija-section.affiliate .garancija-right{
justify-content: center;
}
.comments-slider.web .slick-slide{
min-height: 500px;
position: relative;
}
.comments-slider.web .slick-slide:hover .slide-item-border.web{
/* background-image: linear-gradient(to bottom, #f6c97a, #e6857a); */
/* box-shadow: 0 0 5px #98458a, 0 0 10px #843e8a, 0 0 15px #70378b, 0 0 20px #70378b, 0 0 30px #6e368d, 0 0 40px #552d8b, 0 0 50px #46268c; */
border: 3px solid #bdb5d0;
}
.comments-slider.web.windows .slick-slide:hover .slide-item-border.web{
background-image: linear-gradient(to bottom, #c6f176, #598b3c);
box-shadow: 0 0 5px #98458a, 0 0 10px #843e8a, 0 0 15px #70378b, 0 0 20px #70378b, 0 0 30px #6e368d, 0 0 40px #552d8b, 0 0 50px #46268c;
border: none;
}
.comments-slider.web.windows.whm .slick-slide:hover .slide-item-border.web{
background-image: linear-gradient(to bottom, #e43813, #431b3a);
box-shadow: none;
border: none;
}
.comments-slider.web .slick-slide:hover .slide-item-border.web p{
/* color: #282181; */
}
.comments-slider.web.whm .slick-slide:hover .slide-item-border.web p{
color: #fff;
}
.comments-slider.web .slick-slide:hover .slide-item-border::before{
border-top: 60px solid #bdb5d0;
}
.comments-slider.web .slick-slide:hover .slide-item-border.web::after{
/* border-top: 55px solid #e6857a; */
}
.comments-slider.web.windows .slick-slide:hover .slide-item-border::before{
border-top: 60px solid #598b3c;
}
.comments-slider.web.windows .slick-slide:hover .slide-item-border.web::after{
border-top: 55px solid #598b3c;
}
.comments-slider.web.windows .slick-slide:hover .slide-item-border::before{
border-top: 60px solid #431b3a;
}
.comments-slider.web.windows .slick-slide:hover .slide-item-border.web::after{
border-top: 55px solid #431b3a;
}
section.kupovina-wrapper{
position: relative;
width: 100%;
min-height: 726px;
display: flex;
align-items: center;
}
section.kupovina-wrapper img.img-bg{
position: absolute;
width: 100%;
z-index: -1;
top: -50px;
}
section.kupovina-wrapper1{
width: 100%;
min-height: 726px;
background: url('../images/webp/kupovina-bg.webp');
}
.no-js section.kupovina-wrapper {
background-image: url("../images/kupovina-bg.png");
}
.no-webp section.kupovina-wrapper {
background-image: url("../images/kupovina-bg.png");
}
/* .webp section.kupovina-wrapper {
background-image: url("../images/webp/kupovina-bg.webp");
} */
section.kupovina-wrapper h3 span strong{
color: #fff;
font-size: 48px;
display: block;
}
section.kupovina-wrapper h3 span{
color: #fff;
font-size: 20px;
padding-left: 10px;
}
section.kupovina-wrapper a{
text-decoration: none;
color: #fff;
font-size: 0.9em;
font-weight: 400;
padding: 12px 18px;
border: 2px solid #fff;
border-radius: 30px;
cursor: pointer;
letter-spacing: 1px;
}
section.kupovina-wrapper a:hover{
background: #fff !important;
color: #7f60d1 !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
section.kupovina-wrapper p{
font-size: 13px;
letter-spacing: 1px;
width: 70%;
color: #fff;
font-weight: 400;
margin-top: 10px;
padding-top: 30px;
padding-bottom: 30px;
}
section.kupovina-wrapper h3{
display: flex;
align-items: center;
}
section.kupovina-wrapper div.container{
padding-left: 40px;
padding-right: 40px;
display: flex;
flex-direction: column;
align-items: start;
justify-content: space-between;
}
div.cards-wrapper{
width: 100%;
display: flex;
align-items: center;
justify-content: flex-end;
}
section.tehnicka-wrapper div.tehnicka-right a{
/* color: #2f228d; */
/* border: none; */
/* background-image: linear-gradient(to bottom, #f5c47a, #e7867a); */
/* font-weight: 400; */
/* border-radius: 35px; */
/* padding: 10px 35px; */
/* display: inline-block; */
/* font-size: 15px; */
}
section.tehnicka-wrapper div.tehnicka-right p{
/* color: #9d82e7; */
color: #bca8f1;
font-size: 0.9em;
line-height: 1.5em;
margin-bottom: 20px;
margin-top: 10px;
}
section.tehnicka-wrapper div.tehnicka-right h3 img{
position: relative;
top: -15px;
margin-right: 15px;
}
section.tehnicka-wrapper.whm div.tehnicka-right h3 img{
position: static;
}
section.tehnicka-wrapper div.tehnicka-right h3{
display: flex;
align-items: center;
font-weight: 700;
font-size: 1.8em;
color: #fff;
text-align: center;
letter-spacing: 1.5px;
}
section.tehnicka-wrapper.whm div.tehnicka-right h3{
display: block;
text-align: left;
}
section.tehnicka-wrapper div.container{
display: flex;
align-items: center;
justify-content: space-between;
}
section.scroller-section div.scroller{
padding-left: 35px;
box-sizing: border-box;
margin-top: 80px;
height: 170px;
}
section.scroller-section{
margin-bottom: 160px;
}
.irs--flat .irs-line {
top: 28px !important;
height: 112px !important;
background-color: transparent !important;
border-radius: 4px !important;
box-shadow: none !important;
cursor: pointer;
overflow: visible;
}
span.irs-line:before {
content: '';
position: absolute;
width: 100%;
height: 12px;
top: 0;
left: 0;
background-color: #9473e4 !important;
border-radius: 4px !important;
box-shadow: 0 0 5px #9473e4, 0 0 10px #9473e4, 0 0 15px #2d5b75, 0 0 20px #244659, 0 0 30px #1b3442, 0 0 40px #141e31, 0 0 50px #151c2f !important;
}
.irs--flat .irs-bar {
top: 26px !important;
height: 15px !important;
background-color: #d936ab !important;
box-shadow: 0 0 5px #d936ab, 0 0 10px #d936ab, 0 0 15px #2d5b75, 0 0 20px #244659, 0 0 30px #1b3442, 0 0 40px #141e31, 0 0 50px #151c2f !important;
}
.green .irs--flat .irs-bar {
background-color: #a8f38c !important;
box-shadow: 0 0 5px #a8f38c, 0 0 10px #a8f38c, 0 0 15px #2d5b75, 0 0 20px #244659, 0 0 30px #1b3442, 0 0 40px #141e31, 0 0 50px #151c2f !important;
}
.irs--flat .irs-handle{
width: 100px !important;
height: 159px !important;
background: url('../images/slider-handle.png') no-repeat;
top: auto !important;
bottom: -8px;
text-align: center;
}
.irs--flat .irs-handle>i:first-child{
width: 0px !important;
}
.irs-single{
display: none !important;
}
.irs--flat .irs-grid-pol{
display: none !important;
}
.irs-grid-text div.price-wrapper h3{
color: #fff;
cursor: auto;
}
.irs-grid-text.js-grid-text-0 div.price-wrapper h3{
/* color: #d936ab; */
color: #f4c27a;
}
.irs-grid-text.active div.price-wrapper h3{
color: #f4c27a;
}
.irs-grid-text .span-rotate{
display: block;
transform: rotate(90deg);
font-size: 14px;
color: #fff;
font-weight: 400;
margin-right: 0;
margin-left: -15px;
}
.irs-grid-text{
display: block;
top: 15px;
margin-left: -30px !important;
margin-top: 45px !important;
z-index: -1;
}
.irs-grid-text.js-grid-text-3{
margin-left: -53px !important;
}
.irs-handle.single .handle-current{
font-size: 30px;
font-weight: 600;
color: #fff;
font-family: 'Montserrat', sans-serif;
text-align: center;
top: 55px;
position: relative;
}
.irs-handle.single .handle-current span{
font-size: 13px;
font-weight: 400;
color: #fff;
display: block;
}
.packages-wrapper.web.vps .package-holder.w-100 .package-holder-text{
display: flex;
align-items: center;
}
.packages-wrapper.web.vps .package-holder.w-100{
width: 100%;
min-height: 115px;
background-image: linear-gradient(to right, #d936ab, #d936ab00);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
}
.packages-wrapper.web.vps .package-holder.w-100.green{
background-image: linear-gradient(to right, #9cdfa2, #9cdfa200);
}
.web.vps .package-holder1.w-100:hover{
background-image: linear-gradient(to right, #ff27c2, #d936ab);
}
.web.vps .package-holder1.w-100.green:hover{
background-image: linear-gradient(to right, #b2f882, #20ce71);
}
.web .package-holder1.w-100:hover .package-holder-include a{
color: #d936ab;
box-shadow: 0 0 5px #ba23ab, 0 0 10px #ba23ab;
}
.web.wordpress .package-holder1 .package-holder-include a{
color: #fff;
background-image: linear-gradient(to bottom, #d936ab, #b631cb);
border: none;
}
.web .package-holder1.w-100.green:hover .package-holder-include a{
color: #59929a;
box-shadow: 0 0 5px #59929a, 0 0 10px #59929a;
}
.web .package-holder1.w-100 .package-holder-include .main-button{
border: 2px solid #fff;
}
.web.dedicated .package-holder1.w-100 .package-holder-include .main-button{
width: 165px;
padding: 15px 25px;
}
.web .package-holder1.w-100 div.price-wrapper h3{
font-size: 85px;
}
.web.dedicated .package-holder1.w-100 div.price-wrapper h3{
font-size: 60px;
}
.web.vpshosting .package-holder1.w-100 div.price-wrapper h3{
font-size: 40px;
}
.web .package-holder1.w-100:hover div.price-wrapper h3{
/* font-size: 85px; */
}
.web.dedicated .package-holder1.w-100:hover div.price-wrapper h3{
font-size: 60px;
}
.web.vpshosting .package-holder1.w-100:hover div.price-wrapper h3{
/* font-size: 75px; */
}
.web .package-holder1.w-100:hover div.price-wrapper span.span-rotate{
font-size: 13px;
margin-right: -20px;
}
.web .package-holder1.w-100:hover div.price-wrapper span.euro{
font-size: inherit;
top: -35px;
left: -15px;
}
.web .package-holder1.w-100 div.price-wrapper{
margin-top: 0;
margin-bottom: 0;
}
.web .package-holder1.w-100 .package-holder-include{
width: auto;
margin: 0;
}
.web .package-holder1.w-100 .package-holder-text{
width: auto;
}
.packages-wrapper.web .package-holder1.w-100{
padding-left: 20px;
padding-right: 20px;
box-sizing: border-box;
margin-bottom: 20px;
}
.packages-wrapper.web .package-holder1.w-100 .package-img-text-wrap{
padding-top: 0;
}
.web .package-holder1.w-100 .package-holder-text h3{
padding-right: 20px;
position: relative;
}
.web .package-holder1.w-100 .package-holder-text h3:after{
content: " ";
height: 50px;
width: 1px;
background: #fff;
display: block;
position: absolute;
right: 0;
top: -7px;
}
.web .package-holder1.w-100 .package-holder-text span{
position: relative;
padding-right: 20px;
margin-left: 20px;
}
.web.dedicated .package-holder1.w-100 .package-holder-text span{
padding-right: 10px;
margin-left: 10px;
display: flex;
align-items: center;
}
.web.vpshosting .package-holder1.w-100 .package-holder-text span{
padding-right: 10px;
margin-left: 10px;
display: flex;
align-items: center;
}
.web.dedicated .package-holder1.w-100 .package-holder-text span em{
font-style: normal;
}
.web.vpshosting .package-holder1.w-100 .package-holder-text span em{
font-style: normal;
}
.web .package-holder1.w-100 .package-holder-text span:after{
content: " ";
height: 50px;
width: 1px;
background: #fff;
display: block;
/* position: absolute; */
/* right: 0; */
/* top: -13px; */
position: relative;
left: 12px;
}
.web.dedicated .package-holder1.w-100 .package-holder-text span span.small{
font-size: 12px;
display: block;
}
.web.dedicated .package-holder1.w-100 .package-holder-text span:after{
/* top: -3px; */
}
.web.dedicated .package-holder1.w-100 .package-holder-text span span.small:after{
display: none;
}
section.contact-us-section.kontakt{
/* position: relative; */
/* top: -750px; */
position: static;
margin-top: -750px;
margin-bottom: 350px;
}
section.contact-us-section.kontakt.home{
position: static;
margin-top: 40px;
margin-bottom: 40px;
}
.onama-list{
margin-bottom: 50px;
}
.onama-bottom{
justify-content: space-between;
}
.onama-bottom div a{
/* border: none; */
/* text-decoration: none; */
/* outline: none; */
/* background: linear-gradient(#f3bf7a, #edaa7a, #e78e7a); */
/* color: #fff; */
/* font-weight: 400; */
/* font-size: 1em; */
/* letter-spacing: 1px; */
/* padding: 10px 30px; */
/* border-radius: 20px; */
margin-top: 0;
}
/* .onama-bottom div a:hover{ */
/* background: linear-gradient(#8f6aff, #744ee4, #826cc2); */
/* color: #fff; */
/* font-weight: 700; */
/* } */
.onama-bottom {
margin-top: 40px;
margin-bottom: 70px;
}
.onama-bottom div{
width: 412px;
max-width: 100%;
min-height: 321px;
display: flex;
flex-direction: column;
align-items: center;
background-image: linear-gradient(to bottom, #5125cc, #231a81);
border-radius: 30px;
padding-top: 30px;
padding-bottom: 30px;
justify-content: space-between;
}
.onama-section-wrapper h3{
font-weight: 700;
font-size: 20px;
color: #fff;
letter-spacing: 1.5px;
margin: 15px 0;
color: #ea04ff;
}
.bazaznanja .onama-section-wrapper h3{
color: #f9ff60;
/* cursor: pointer; */
}
.onama-section-wrapper h2{
font-weight: 700;
font-size: 20px;
letter-spacing: 1.5px;
text-align: center;
color: #f9ff60;
font-size: 24px;
padding-top: 30px;
}
.onama-section-wrapper p{
font-size: 0.8em;
letter-spacing: 1px;
margin: 10px auto;
width: 100%;
color: #fff;
font-weight: 400;
margin-bottom: 15px;
}
.bazaznanja .onama-section-wrapper p{
color: #f9ff60;
/* display: none; */
}
.onama-section-wrapper div.text-wrapper{
margin-bottom: 45px;
}
.onama-section-wrapper d-flex{
align-items: center;
}
.onama-section-wrapper h3.h3_left{
display: flex;
align-items: center;
}
.onama-section-wrapper.blog h3.h3_left{
display: block;
font-weight: 400;
color: #1cb4ee;
padding-top: 48px;
}
.onama-section-wrapper h3 strong{
font-size: 55px;
color: #da0af3;
display: block;
width: 55px;
flex-basis: 55px;
}
.onama-section-wrapper.blog h3 strong{
font-size: 30px;
color: #1cb4ee;
display: block;
width: 100px;
flex-basis: 100px;
font-weight: 700;
}
.onama-section-wrapper.blog img{
max-width: 100%;
height: auto !important;
}
.onama-section-wrapper h3.blue{
color: #04bafd;
}
.onama-section-wrapper h3.orange{
color: #ff9400;
}
.onama-section-wrapper h3.green{
color: #c0da11;
}
.onama-section-wrapper h3.pink{
color: #ed1bd7;
}
.onama-section-wrapper h3.white{
color: #fff;
}
.onama-section-wrapper h3.white a{
color: #fff;
}
.text-wrapper-right{
display: flex;
flex-direction: column;
justify-content: center;
align-items: flex-start;
}
.onama-list .d-flex{
align-items: center;
padding-bottom: 40px;
}
.blog .onama-list .d-flex{
align-items: start;
}
section.garancija-section.shared{
position: relative;
width: 100%;
min-height: 780px;
display: flex;
align-items: center;
}
section.garancija-section.shared.affiliate{
min-height: 720px;
margin-bottom: 0;
}
section.garancija-section.shared img.img-bg {
position: absolute;
width: 100%;
z-index: -1;
}
.garancija-section.shared .garancija-left img{
max-width: 90%;
}
.garancija-section.shared .garancija-left p{
color: #fff;
}
.garancija-section.shared .garancija-left h3{
color: #cdbee8;
padding-top: 0;
position: relative;
margin-bottom: 15px;
}
.garancija-section.shared .garancija-left h3::after{
position: absolute;
bottom: -5px;
content: "";
width: 50px;
height: 2px;
margin: 0 auto;
background-color: #cdbee8;
left: 50%;
margin-left: -25px;
}
.garancija-section.shared .garancija-left{
background-image: linear-gradient(to bottom, #dfd4ff, #dfd4ff00);
position: static;
right: 0;
top: 0;
}
.garancija-section.shared.affiliate .garancija-left{
background-image: none;
}
.garancija-section.shared .garancija-right h4{
color: #fff;
margin-bottom: 0;
}
.garancija-section.shared .garancija-right h3{
text-align: left;
font-size: 60px;
font-weight: 600;
}
.garancija-section.shared.affiliate .garancija-right h3{
text-align: left;
font-size: 45px;
font-weight: 600;
}
.garancija-section.shared.affiliate .garancija-right p{
font-size: 13px;
letter-spacing: 1px;
color: #fff;
font-weight: 400;
}
.garancija-section.shared.affiliate .garancija-right ul{
padding-left: 20px;
padding-top: 25px;
}
.garancija-section.shared.affiliate .garancija-right h4.green{
color: #c5ec92;
padding-top: 20px;
}
.garancija-section.shared.affiliate .garancija-right ul li{
font-size: 13px;
letter-spacing: 1px;
color: #fff;
font-weight: 400;
list-style-type: disc;
}
.garancija-section.shared .garancija-right{
border: none;
}
.garancija-section.shared .garancija-right .garancija-list{
margin-top: 30px;
}
.warranty-section-paragraph.web.shared p a{
color: #fff;
text-decoration: underline;
}
.warranty-section-paragraph.web.shared p a:hover{
color: #ffce64;
}
section.onama-section-relative{
position: relative;
top: -80px;
}
.logo-wrapper{
align-items: center;
justify-content: space-around;
}
.logo-wrapper.windows{
margin-top: 70px;
margin-bottom: 70px;
}
div.domeni_table_wrapper table{
width: 100%;
}
div.domeni_table_wrapper{
width: 100%;
margin-top: 40px;
}
div.domeni_table_wrapper table th{
color: #8ad2d8;
font-size: 24px;
font-weight: 600;
border-bottom: solid 1px #a3b8ba;
padding-bottom: 5px;
text-align: center;
}
div.domeni_table_wrapper.affiliate table{
border-bottom: solid 1px #a589ee;
}
div.domeni_table_wrapper.affiliate table th{
color: #f5c47a;
font-size: 18px;
font-weight: 400;
border-bottom: solid 1px #a589ee;
border-top: solid 1px #a589ee;
padding-top: 15px;
padding-bottom: 15px;
text-align: center;
}
div.domeni_table_wrapper.affiliate table th{
text-align: left;
}
div.domeni_table_wrapper.affiliate table th:last-child{
text-align: right;
}
div.domeni_table_wrapper table td span{
color: #dcbfad;
display: block;
font-size: 18px;
}
div.domeni_table_wrapper table td{
color: #cbc6dc;
font-size: 22px;
text-align: center;
padding-bottom: 20px;
padding-top: 20px;
}
div.domeni_table_wrapper.affiliate table td{
color: #fff;
font-size: 18px;
text-align: left;
}
div.domeni_table_wrapper.affiliate table td strong{
color: #fff;
font-size: 22px;
font-weight: 700;
}
div.domeni_table_wrapper.affiliate table td span{
display: inline;
color: #a589ee;
font-weight: 700;
}
div.domeni_table_wrapper.affiliate table td.green{
color: #c5ec92;
font-weight: 700;
text-align: right;
}
div.domeni_table_wrapper.affiliate table td.green span{
color: #c5ec92;
font-weight: 400;
}
div.bazaznanja-separator{
height: 1px;
width: 100%;
background: #f9ff60;
margin-bottom: 35px;
}
li.dropdown{
position: relative;
}
li.dropdown a{
display: flex;
align-items: center;
}
li.dropdown a img{
margin-left: 4px;
}
li.dropdown ul.dropdown-cnt{
display: none;
position: absolute;
top: 35px;
left: 0;
width: 200px;
background: #7f60d1b3;
padding: 0;
}
a.languages img{
position: relative;
top: 1px;
left: 2px;
}
li.dropdown:last-child ul.dropdown-cnt{
width: 200px;
}
li.dropdown:hover ul.dropdown-cnt{
display: block;
}
.navigation nav ul.dropdown-cnt li{
padding-top: 12px;
padding-bottom: 12px;
width: 100%;
}
.navigation nav ul.dropdown-cnt li:first-child{
padding-top: 12px;
}
.navigation nav ul.dropdown-cnt li:last-child{
padding-bottom: 12px;
}
.navigation nav ul.dropdown-cnt li a{
font-size: 0.75em;
text-transform: none;
padding-left: 10px;
padding-right: 10px;
text-align: left;
}
.navigation nav ul.dropdown-cnt li:hover::after {
display: none;
}
div.affiliate-stats div.stats-right div.stats-txt{
align-items: start;
justify-content: space-around;
}
div.affiliate-stats div.stats-right div.stats-txt div p{
text-align: left;
width: 100%;
cursor: pointer;
display: flex;
align-items: center;
position: relative;
}
div.affiliate-stats div.stats-right div.stats-txt div p.active{
color: #f33cc0;
}
div.affiliate-stats div.stats-right div.stats-txt div p span{
display: inline-block;
width: 37px;
height: 39px;
position: absolute;
left: -30px;
}
div.affiliate-stats div.stats-right div.stats-txt div p.active span{
background: url('../images/triangle.png') no-repeat;
}
div.affiliate-stats div.stats-right div.stats-txt div{
text-align: left;
border-right: solid 2px #a589ee;
padding-left: 45px;
padding-right: 25px;
}
div.affiliate-stats div.stats-right div.stats-txt div:last-child{
border-right: none;
}
div.affiliate-stats div.stats-right div.stats-percent{
width: 423px;
height: 425px;
margin: 0 auto;
margin-top: 40px;
max-width: 90%;
background: url('../images/stats-percent-right.png') no-repeat;
background-size: cover;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
div.affiliate-stats div.stats-right div.stats-percent h5{
color: #f33cc0;
font-size: 6em;
}
div.affiliate-stats div.stats-right div.stats-percent.stats30{
background: url('../images/stats-percent-left.png') no-repeat;
background-size: contain;
}
div.affiliate-stats div.stats-right div.stats-percent.stats30 h5{
color: #e9907a;
}
@media screen and (max-width: 1024px) {
.packages-wrapper.web .package-holder{
width: 280px !important;
flex-direction: column;
margin-bottom: 50px;
}
.contact-us-section.scroller-section.web {
margin-top: 130px;
}
.packages-wrapper.web.vps .package-holder.w-100{
width: 100% !important;
flex-direction: column;
}
.packages-wrapper.web.dedicated .package-holder{
width: 100% !important;
flex-direction: column;
}
.packages-wrapper.web{
justify-content: space-around;
}
.garancija-section .garancija-right .garancija-list{
flex-direction: column;
}
.garancija-section .garancija-right .garancija-list .item{
width: 100%;
}
.tehnicka-wrapper img.img-bg{
/* position: absolute; */
z-index: -1;
opacity: 0.5;
}
section.tehnicka-wrapper div.container {
flex-direction: column-reverse;
}
section.tehnicka-wrapper div.tehnicka-right h3 img{
top: 0;
margin-right: 0;
}
.cards-wrapper img{
width: 30%;
}
section.garancija-section.shared img.img-bg{
display: none;
}
.garancija-section.shared .garancija-right h3{
font-size: 45px;
}
}
@media screen and (max-width: 700px) {
.garancija-section.web .contact-us-wrapper{
flex-direction: column;
}
.garancija-section .garancija-left{
width: 90%;
position: static;
}
.garancija-section .garancija-left.paketi::after{
display: none;
}
.garancija-section .garancija-right{
width: 90%;
margin-top: 10px;
margin-bottom: 10px;
}
.packages-wrapper.web.vps .package-holder.w-100{
flex-direction: column;
background-image: linear-gradient(to bottom, #d936ab, #d936ab00);
}
.packages-wrapper.web.vps.dedicated .package-holder.w-100.green {
flex-direction: column;
background-image: linear-gradient(to bottom, #9cdfa2, #9cdfa200);
}
div.price-wrapper h3 {
font-size: 70px;
font-weight: 700;
}
.slide-item-border.web::before{
display: none;
}
.slide-item-border.web::after{
display: none;
}
.web .user-post-comment {
position: static;
margin-top: 15px;
}
.onama-bottom {
flex-wrap: wrap;
justify-content: center;
}
div.affiliate-img-left{
display: none !important;
}
}
@media screen and (max-width: 960px) {
.banner-icon-wrapper {
display:none;
}
.banner-icon-wrapper-home {
display:none;
}
.banner-article-wrapper {
width:100%;
}
}
@media screen and (max-width: 650px) {
.banner-title.web .d-flex{
flex-direction: column;
}
.banner-article-wrapper{
/* background-color: #000000c4; */
background-color: #0000004f;
float:none !important;
}
.banner-article-wrapper p.blue.mob-light{
color: #5732d2 !important;
}
.package-holder-text.web h3{
font-size: 1.5em;
}
.web.garancija-section .garancija-right{
padding: 30px 20px;
}
section.kupovina-wrapper.bg img.img-bg{
display: none;
}
section.kupovina-wrapper.bg-2{
background: url('../images/webp/kupovina-bg-2.webp') no-repeat center center;
background-size: cover;
padding-left: 20px;
padding-right: 20px;
}
.no-js .kupovina-wrapper.bg-2 {
background-image: url("../images/kupovina-bg-2.png");
}
.no-webp .kupovina-wrapper.bg-2 {
background-image: url("../images/kupovina-bg-2.png");
}
.webp .kupovina-wrapper.bg-2 {
background-image: url("../images/webp/kupovina-bg-2.webp");
}
section.kupovina-wrapper.bg div.container{
padding-left: 0;
padding-right: 0;
}
section.kupovina-wrapper.bg .cards-wrapper img{
width: 100%;
}
section.kupovina-wrapper.bg h3 span{
font-size: 15px;
}
section.kupovina-wrapper.bg h3 span strong{
font-size: 35px;
}
.tehnicka-wrapper img.img-bg{
width: 95%;
}
.garancija-section.garancija-section-2 .garancija-right .garancija-list{
margin-left: 10px;
}
.garancija-section.garancija-section-2 .garancija-bottom{
position: static;
}
.irs--flat .irs-handle {
width: 112px !important;
height: 208px !important;
background: url(../images/slider-handle.png) no-repeat;
top: auto !important;
bottom: -15px;
text-align: center;
background-size: cover;
}
div.price-wrapper h3 {
/* font-size: 50px; */
/* font-weight: 700; */
}
div.price-wrapper span.span-rotate {
font-size: 11px;
margin-left: -10px;
}
.irs-handle.single .handle-current {
font-size: 22px;
font-weight: 600;
color: #fff;
font-family: 'Montserrat', sans-serif;
text-align: center;
top: 40px;
left: 8px;
position: relative;
}
.irs-handle.single .handle-current span {
font-size: 11px;
}
div.price-wrapper {
margin-top: 0px;
}
section.contact-us-section.kontakt {
position: relative;
/* top: -150px; */
top: -245px;
margin-top: 0;
}
.live-chat.kontakt {
background-size: cover;
margin-top: 20px;
padding-top: 20px;
height: auto;
}
.onama-list .d-flex img{
display: none;
}
.blog .onama-list .d-flex img{
display: block;
}
.blog .onama-list .d-flex {
align-items: start;
flex-direction: column;
}
.onama-section-wrapper h3.h3_left{
margin-right: 10px;
}
.comments-slider.web .slick-slide{
min-height: auto;
}
.slider-arrows .prev-arrow{
top: 60%;
}
.slider-arrows .next-arrow{
top: 60%;
}
.logo-wrapper div{
margin-bottom: 20px;
}
.logo-wrapper {
flex-direction: column;
}
.wordpress .banner-title h2.d-flex {
flex-direction: column-reverse;
}
.banner-title .title-span2-wrapper.whm-top {
flex-direction: column-reverse;
align-items: flex-start;
}
div.bubble_top img{
display: none;
}
}
@media screen and (max-width: 500px) {
.packages-wrapper.web.vps .package-holder.w-100 .package-holder-text{
flex-direction: column;
}
.web .package-holder1.w-100 .package-holder-text h3:after{
display: none;
}
.web .package-holder1.w-100 .package-holder-text span:after{
display: none;
}
.web .package-holder1.w-100 .package-holder-text h3{
padding-right: 0;
}
.web .package-holder1.w-100 .package-holder-text span{
padding-right: 0;
margin-left: 0;
}
section.scroller-section div.scroller {
padding-left: 0;
}
section.kupovina-wrapper h3{
flex-wrap: wrap;
}
section.kupovina-wrapper h3 span {
font-size: 14px;
}
section.kupovina-wrapper h3 span strong {
font-size: 40px;
}
section.kupovina-wrapper div.container {
padding-left: 15px;
padding-right: 15px;
}
section.kupovina-wrapper p{
width: 100%;
}
.cards-wrapper img {
width: 100%;
margin-top: 15px;
}
section.kupovina-wrapper img.img-bg{
display: none;
}
.offers-section-wrapper{
width: 95%;
margin: 0 auto;
}
.offer-part {
height: auto;
width: 100%;
margin-bottom: 20px;
}
.tehnologija-list .offer-part p{
text-align: center;
}
.garancija-section .garancija-right a{
text-align: center;
}
.slider-paragraph p{
font-size: 14px;
}
.garancija-section.affiliate.affiliate-partners .garancija-right div.d-flex{
flex-direction: column;
}
.garancija-section.affiliate.affiliate-partners .garancija-right div.d-flex img{
margin-bottom: 15px;
}
.banner-title .title-span2-wrapper .title-span4.hide-small{
display: none;
}
div.affiliate-stats div.stats-right{
width: 100%;
}
div.affiliate-stats div.stats-right div.stats-txt{
flex-direction: column;
}
div.affiliate-stats div.stats-right div.stats-txt div{
border: none;
}
div.affiliate-stats{
width: 100%;
}
div.affiliate-stats div.stats-right div.stats-percent{
width: 250px;
height: 249px;
max-width: 98%;
background: url('../images/stats-percent-right.png') no-repeat;
background-size: contain;
}
div.affiliate-stats div.stats-right div.stats-percent h5 {
font-size: 4em;
}
div.affiliate-stats div.stats-right div.stats-txt div p{
text-align: center;
display: block;
}
div.affiliate-stats div.stats-right div.stats-txt div{
padding-left: 0;
padding-right: 0;
text-align: center;
}
div.affiliate-stats div.stats-right div.stats-txt {
align-items: center;
justify-content: center;
}
div.affiliate-stats div.stats-right div.stats-txt div p span {
position: absolute;
left: -30px;
top: -13px;
}
.banner-title h2.bazaznanja {
font-size: 34px;
letter-spacing: 0;
}
.banner-article-wrapper.web {
width: 100%;
}
.banner-article-wrapper.web.shared{
width: 100%;
}
}
.hvr-sweep-to-right:before {
background: #d5c4fe !important;
}
.hvr-fade.main-button:active, .hvr-fade.main-button:focus, .hvr-fade.main-button:hover {
background: #fff !important;
color: #7f60d1 !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
.banner-article-wrapper a.hvr-fade:active, .banner-article-wrapper a.hvr-fade:focus, .banner-article-wrapper a.hvr-fade:hover {
background: #fff !important;
color: #7f60d1 !important;
border: 2px solid #fff;
box-shadow: 0 0 1px rgba(0,0,0,0);
}
div.go_to_top{
display: none;
position: fixed;
right: 40px;
bottom: 40px;
z-index: 999999;
}
div.go_to_top a{
display: block;
width: 60px;
height: 55px;
background: url('../images/strelica-sprite.png') no-repeat;
background-position: 0 0;
}
div.go_to_top a:hover{
background-position: 0 -58px;
}
div.onama-section-wrapper.blog{
display: flex;
align-items: start;
}
div.onama-section-wrapper.blog div.onama-list{
width: 70%;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list ul{
width: 80%;
margin-top: 10px;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list ul li{
border-bottom: solid 1px #6054ec;
padding-bottom: 7px;
margin-bottom: 15px;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list ul li:last-child{
border: none;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list ul li a{
color: #6054ec;
padding-left: 5px;
font-size: 14px;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list ul li a:hover, div.onama-section-wrapper.blog div.onama-filters div.item div.list ul li a.active{
color: #fff;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list{
padding: 15px;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list.tags{
display: flex;
align-items: center;
flex-wrap: wrap;
}
div.onama-section-wrapper.blog div.onama-filters div.item div.list.tags a{
padding: 7px;
border-radius: 30px;
background: #6054ec;
color: #fff;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
width: 100px;
box-sizing: border-box;
font-size: 14px;
}
div.post_tags{
display: flex;
align-items: center;
flex-wrap: wrap;
}
div.post_tags a{
padding: 7px;
border-radius: 30px;
background: #6054ec;
color: #fff;
text-align: center;
margin-right: 10px;
margin-bottom: 10px;
width: 100px;
box-sizing: border-box;
font-size: 14px;
}
div.onama-section-wrapper.blog div.onama-filters div.item h4{
background: #54a3ec;
padding: 15px;
color: #fff;
}
div.onama-section-wrapper.blog div.onama-filters div.item.categories h4{
background: #6054ec;
}
div.onama-section-wrapper.blog div.onama-filters{
margin-top: 68px;
margin-left: 40px;
width: 25%;
}
div.onama-section-wrapper.blog div.onama-filters div.item{
margin-bottom: 30px;
border: solid 1px #6054ec;
padding-bottom: 20px;
}
section.wordpress-section{
margin-top: 65px;
}
select#tld{
cursor: pointer;
}
div.domain_top_nav{
display: flex;
align-items: center;
justify-content: space-evenly;
}
div.domain_top_nav a img{
margin-left: 10px;
}
div.domain_top_nav a img.blue{
display: none;
}
div.domain_top_nav a{
color: #ffb400;
font-size: 24px;
font-weight: bold;
display: flex;
align-items: center;
}
div.domain_top_nav a:hover{
color: #8ad2d8;
}
div.domain_top_nav a:hover img.orange{
display: none;
}
div.domain_top_nav a:hover img.blue{
display: block;
}
@media screen and (max-width: 1650px) {
.logo-wrapper.windows{
margin-top: 0;
margin-bottom: 30px;
}
}
@media screen and (max-width: 1024px) {
div.onama-section-wrapper.blog{
flex-direction: column;
}
div.onama-section-wrapper.blog div.onama-list {
width: 100%;
order: 2;
}
div.onama-section-wrapper.blog div.onama-filters {
margin-top: 20px;
margin-left: 0px;
width: 100%;
order: 1;
}
div.domain_top_nav img.separator{
display: none;
}
div.domain_top_nav a{
margin-bottom: 15px;
}
div.domain_top_nav{
flex-direction: column;
align-items: start;
margin-left: 20px;
}
section.onama-section-relative {
position: relative;
top: 0;
}
}
.wordpress-top h2 {
font-size: 4.0em;
}
@media screen and (max-width: 1200px) and (min-width: 651px) {
.banner-wrapper.web {
height: 945px;
}
.banner-wrapper.web.shared {
height: 1045px;
}
.banner-wrapper.web.shared.wordpress {
height: 1045px;
}
.banner-wrapper.web.whm {
height: 1045px;
}
.banner-wrapper.web.vps {
height: 1045px;
}
.banner-wrapper.web.vpshosting {
height: 845px;
}
.banner-wrapper.web.windows{
height: 845px;
}
.banner-wrapper.web.dedicated{
height: 945px;
}
.banner-wrapper.web.vps.domeni{
height: 845px;
}
.banner-wrapper.web.onama{
height: 845px;
}
.banner-wrapper.web.onama.bazaznanja{
height: 845px;
}
.banner-wrapper.web.blog{
height: 845px;
}
.banner-wrapper.web.vps.affiliate{
height: 845px;
}
.after-footer-wrapper{
height: auto;
}
}
div.after-footer a{
color: #ae91f6;
}
.cc-floating .cc-message a{
color: #f6954b;
}
a.cc-btn.cc-dismiss{
border: none;
text-decoration: none;
outline: none;
background: linear-gradient(#f3bf7a, #edaa7a, #e78e7a);
color: #6341b7;
font-weight: 400;
font-size: 1em;
letter-spacing: 1px;
padding: 10px 30px;
border-radius: 20px;
margin-top: 15px;
}
a.cc-btn.cc-dismiss:hover{
background: linear-gradient(#8f6aff, #744ee4, #826cc2);
color: #fff;
}
/* .domeni_table_wrapper::-webkit-scrollbar { */
/* width: 8px; */
/* } */
/* .domeni_table_wrapper::-webkit-scrollbar-track { */
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); */
/* } */
/* .domeni_table_wrapper::-webkit-scrollbar-thumb{ */
/* background: rgba(29,12,95,1); */
/* } */
/* Let's get this party started */
.domeni_table_wrapper::-webkit-scrollbar {
height: 8px;
}
/* Track */
.domeni_table_wrapper::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
-webkit-border-radius: 10px;
border-radius: 10px;
}
/* Handle */
.domeni_table_wrapper::-webkit-scrollbar-thumb {
-webkit-border-radius: 10px;
border-radius: 10px;
background: rgba(29,12,95,0.8);
-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
}
.domeni_table_wrapper::-webkit-scrollbar-thumb:window-inactive {
background: rgba(29,12,95,0.4);
}
div.uslovi_wrapper{
letter-spacing: 1px;
font-size: 1em;
color: #fff;
}
div.uslovi_wrapper a{
color: #ae91f6;
}
div.uslovi_wrapper input{
width: auto !important;
display: inline-block !important;
}
div.blog-post-wrapper{
border-bottom: 1px solid #a98df273;
padding: 10px;
/* border-radius: 15px; */
}
div.footer-blog-wrapper{
display: flex;
align-items: start;
justify-content: center;
padding-bottom: 30px;
}
div.footer-blog-wrapper .item{
/*border-right: solid 1px #a98df273;*/
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
flex-grow: 1;
max-width: 30%;
padding-left: 15px;
padding-right: 15px;
position: relative;
}
div.footer-blog-wrapper .item a.img-wrapper{
height: 200px;
margin-bottom: 10px;
overflow: hidden;
display: flex;
align-items: flex-start;
justify-content: center;
}
div.footer-blog-wrapper .item:after{
content: '';
width: 1px;
height: 85%;
background: #a98df273;
position: absolute;
top: 0;
right: 0;
}
div.footer-blog-wrapper .item img{
max-width: 100%;
height: auto !important;
}
div.footer-blog-wrapper .item:last-child{
border-right: none;
}
div.footer-blog-wrapper .item .txt{
font-size: 0.8em;
letter-spacing: 1px;
color: #fff;
font-weight: 400;
margin-top: 15px;
margin-bottom: 15px;
text-align: center;
}
div.footer-blog-wrapper .item h5{
font-size: 1.2em;
color: #fff;
text-align: center;
}
div.blog-pagination{
display: flex;
align-items: center;
justify-content: center;
padding-top: 20px;
}
div.blog-pagination a{
color: #fff;
padding-left: 5px;
padding-right: 5px;
}
div.blog-pagination strong{
color: #fff;
padding-left: 5px;
padding-right: 5px;
font-size: 21px;
}
div.blog-pagination img{
width: 30px;
}
.search-domain-wrapper.blog-search{
display: flex;
align-items: center;
justify-content: flex-end;
}
.search-domain-wrapper.blog-search .search{
width: 50%;
margin: 0;
}
.search-domain-wrapper.blog-search .search input{
height: 38px;
padding: 13px 130px 13px 20px;
}
.search-domain-wrapper.blog-search .search button img, .search-domain-wrapper.blog-search .search a img{
width: 20px;
height: 20px;
}
.search-domain-wrapper.blog-search .search a{
padding-left: 5px;
}
.search-domain-wrapper.blog-search .search .blog-search-btns-wrapper{
position: absolute;
top: 0;
right: 10px;
display: flex;
align-items: center;
justify-content: flex-end;
height: 41px;
}
.search-domain-wrapper.blog-search .search .blog-search-button{
position: static;
}
.search-domain-wrapper.blog-search .search #blog-search-btn{
border-right: solid 2px #6341b7;
}
.search-domain-wrapper.blog-search .search .repeat-search-button{
position: static;
}
.search-domain-wrapper.blog-search .search .blog-search-button::after{
display: none;
}
@media screen and (max-width: 1024px) {
div.footer-blog-wrapper{
flex-direction: column;
}
div.footer-blog-wrapper .item{
max-width: 100%;
width: 100%;
border-right: none;
border-bottom: solid 1px #a98df273;
padding-bottom: 20px;
padding-top: 20px;
}
div.footer-blog-wrapper .item:last-child{
border: none;
}
div.footer-blog-wrapper .item:after{
display: none;
}
div.footer-blog-wrapper .item a.img-wrapper{
height: auto;
display: block;
}
}