/*
Author: XpeedStudio
Author URI: https://xpeedstudio.com
*/
@charset "UTF-8";
.nav-brand,.nav-brand:focus,.nav-brand:hover,.nav-menu>li>a{color:#70798b}.xs_nav{width:100%;height:70px;display:table;position:relative;font-family:inherit;background-color:#fff}.xs_nav *{box-sizing:border-box;-webkit-tap-highlight-color:transparent}.xs_nav-portrait{height:48px}.xs_nav-fixed-wrapper{width:100%;left:0;z-index:19998;will-change:opacity}.xs_nav-fixed-wrapper.fixed{position:fixed!important;-webkit-animation:fade .5s;animation:fade .5s}@keyframes fade{from{opacity:.999}to{opacity:1}}.xs_nav-fixed-wrapper .xs_nav{margin-right:auto;margin-left:auto}.xs_nav-fixed-placeholder{width:100%;display:none}.xs_nav-fixed-placeholder.xs_nav-fixed-placeholder.visible{display:block}.nav-toggle,.xs_nav-hidden .nav-header{display:none}.xs_nav-hidden{width:0!important;height:0!important;margin:0!important;padding:0!important;position:absolute;top:-9999px}.align-to-right{float:right}.nav-header{float:left}.nav-brand{line-height:70px;padding:0 15px;font-size:24px;text-decoration:none!important}.xs_nav-portrait .nav-brand{font-size:18px;line-height:48px}.nav-logo>img{height:48px;margin:11px auto;padding:0 15px;float:left}.nav-logo:focus>img{outline:initial}.xs_nav-portrait .nav-logo>img{height:36px;margin:6px auto 6px 15px;padding:0}.nav-toggle{width:30px;height:30px;padding:6px 2px 0;position:absolute;top:50%;margin-top:-14px;right:15px;cursor:pointer}.nav-toggle:before{content:"";position:absolute;width:24px;height:2px;background-color:#70798b;border-radius:10px;box-shadow:0 .5em 0 0 #70798b,0 1em 0 0 #70798b}.xs_nav-portrait .nav-toggle{display:block}.xs_nav-portrait .nav-menus-wrapper{width:320px;height:100%;top:0;left:-400px;position:fixed;background-color:#fff;z-index:20000;overflow-y:auto;-webkit-overflow-scrolling:touch;-webkit-transition-duration:.8s;transition-duration:.8s;-webkit-transition-timing-function:ease;transition-timing-function:ease}.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-right{left:auto;right:-400px}.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-open{left:0}.xs_nav-portrait .nav-menus-wrapper.nav-menus-wrapper-right.nav-menus-wrapper-open{left:auto;right:0}.nav-menus-wrapper-close-button{width:30px;height:40px;margin:10px 7px;display:none;float:right;color:#70798b;font-size:26px;cursor:pointer}.xs_nav-portrait .nav-menus-wrapper-close-button{display:block}.nav-menu{margin:0;padding:0;list-style:none;line-height:normal;font-size:0}.xs_nav-portrait .nav-menu{width:100%}.nav-menu.nav-menu-centered{text-align:center}.nav-menu.nav-menu-centered>li{float:none}.nav-menu>li{display:inline-block;float:none;text-align:left}.xs_nav-portrait .nav-menu>li{width:100%;position:relative;border-top:solid 1px #f0f0f0}.xs_nav-portrait .nav-menu>li:last-child{border-bottom:solid 1px #f0f0f0}.nav-menu+.nav-menu>li:first-child{border-top:none}.nav-menu>li>a{height:100%;padding:26px 15px;display:inline-block;position:relative;text-decoration:none;font-size:14px;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}.xs_nav-portrait .nav-menu>li>a{width:100%;height:auto;padding:12px 15px 12px 26px}.nav-menu>li.active>a,.nav-menu>li.focus>a,.nav-menu>li:hover>a{color:#967ADC}.nav-menu>li>a>[class*=ion-],.nav-menu>li>a>i{width:18px;height:16px;line-height:16px;-webkit-transform:scale(1.4);-ms-transform:scale(1.4);transform:scale(1.4)}.nav-menu>li>a>[class*=ion-]{width:16px;display:inline-block;-webkit-transform:scale(1.8);-ms-transform:scale(1.8);transform:scale(1.8)}.xs_nav-portrait .nav-menu.nav-menu-social{width:100%;text-align:center}.nav-menu.nav-menu-social>li{text-align:center;float:none;border:none!important}.xs_nav-portrait .nav-menu.nav-menu-social>li{width:auto}.nav-menu.nav-menu-social>li>a>[class*=ion-]{font-size:12px}.nav-menu.nav-menu-social>li>a>.fa{font-size:14px}.xs_nav-portrait .nav-menu.nav-menu-social>li>a{padding:15px}.submenu-indicator{margin-left:6px;margin-top:6px;float:right;-webkit-transition:all .3s;transition:all .3s}.xs_nav-portrait .submenu-indicator{width:54px;height:44px;margin-top:0;position:absolute;top:0;right:0;text-align:center;z-index:20000}.submenu-indicator-chevron{height:6px;width:6px;display:block;border-style:solid;border-width:0 1px 1px 0;border-color:transparent #70798b #70798b transparent;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border .3s;transition:border .3s}.xs_nav-portrait .submenu-indicator-chevron{position:absolute;top:18px;left:24px}.nav-menu>.active>a .submenu-indicator-chevron,.nav-menu>.focus>a .submenu-indicator-chevron,.nav-menu>li:hover>a .submenu-indicator-chevron{border-color:transparent #967ADC #967ADC transparent}.xs_nav-portrait .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.nav-overlay-panel{width:100%;height:100%;top:0;left:0;position:fixed;display:none;z-index:19999}.no-scroll{touch-action:none;overflow-x:hidden}.nav-search{height:70px;float:right;z-index:19998}.xs_nav-portrait .nav-search{height:48px;padding:0 10px;margin-right:52px}.xs_nav-hidden .nav-search{display:none}.nav-search-button{width:70px;height:70px;line-height:70px;text-align:center;cursor:pointer;background-color:#fbfcfd}.xs_nav-portrait .nav-search-button{width:50px;height:48px;line-height:46px;font-size:22px}.nav-search-icon{width:14px;height:14px;margin:2px 8px 8px 4px;display:inline-block;vertical-align:middle;position:relative;color:#70798b;text-align:left;text-indent:-9999px;border:2px solid;border-radius:50%;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:color .3s;transition:color .3s}.nav-search-icon:after,.nav-search-icon:before{content:'';pointer-events:none}.nav-search-icon:before{width:2px;height:11px;top:11px;position:absolute;left:50%;border-radius:0 0 1px 1px;box-shadow:inset 0 0 0 32px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.nav-search-button:hover .nav-search-icon{color:#967ADC}.nav-search>form{width:100%;height:100%;padding:0 auto;display:none;position:absolute;left:0;top:0;background-color:#fff;z-index:99}.nav-search-inner{width:70%;height:70px;margin:auto;display:table}.xs_nav-portrait .nav-search-inner{height:48px}.nav-search-inner input[type=search],.nav-search-inner input[type=text]{height:70px;width:100%;margin:0;padding:0 12px;font-size:26px;text-align:center;color:#70798b;outline:0;line-height:70px;border:none;background-color:transparent;-webkit-transition:all .3s;transition:all .3s}.xs_nav-portrait .nav-search-inner input[type=search],.xs_nav-portrait .nav-search-inner input[type=text]{height:48px;font-size:18px;line-height:48px}.nav-search-close-button{width:28px;height:28px;display:block;position:absolute;right:20px;top:20px;line-height:normal;color:#70798b;font-size:20px;cursor:pointer;text-align:center}.nav-button,.nav-text{display:inline-block;font-size:14px}.xs_nav-portrait .nav-search-close-button{top:10px;right:14px}.nav-button{margin:18px 15px 0;padding:8px 14px;color:#fff;text-align:center;text-decoration:none;border-radius:4px;background-color:#967ADC;-webkit-transition:opacity .3s;transition:opacity .3s}.nav-button:focus,.nav-button:hover{color:#fff;text-decoration:none;opacity:.85}.xs_nav-portrait .nav-button{width:calc(100% - 52px);margin:17px 26px}.nav-text{margin:25px 15px;color:#70798b}.xs_nav-portrait .nav-text{width:calc(100% - 52px);margin:12px 26px 0}.xs_nav-portrait .nav-text+ul{margin-top:15px}.nav-dropdown{min-width:200px;margin:0;padding:0;display:none;position:absolute;list-style:none;z-index:98;white-space:nowrap}.xs_nav-portrait .nav-dropdown{width:100%;position:static;left:0}.nav-dropdown .nav-dropdown{left:100%}.nav-menu>li>.nav-dropdown{border-top:solid 1px #f0f0f0}.nav-dropdown>li{width:100%;float:left;clear:both;position:relative;text-align:left}.nav-dropdown>li>a{width:100%;padding:16px 20px;display:inline-block;text-decoration:none;float:left;font-size:13px;color:#70798b;background-color:#fdfdfd;-webkit-transition:color .3s,background .3s;transition:color .3s,background .3s}.nav-dropdown>li.focus>a,.nav-dropdown>li:hover>a{color:#967ADC}.nav-dropdown.nav-dropdown-left{right:0}.nav-dropdown>li>.nav-dropdown-left{left:auto;right:100%}.xs_nav-landscape .nav-dropdown.nav-dropdown-left>li>a{text-align:right}.xs_nav-portrait .nav-dropdown>li>a{padding:12px 20px 12px 30px}.xs_nav-portrait .nav-dropdown>li>ul>li>a{padding-left:50px}.xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>a{padding-left:70px}.xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>a{padding-left:90px}.xs_nav-portrait .nav-dropdown>li>ul>li>ul>li>ul>li>ul>li>a{padding-left:110px}.nav-dropdown .submenu-indicator{right:15px;top:16px;position:absolute}.xs_nav-portrait .nav-dropdown .submenu-indicator{right:0;top:0}.nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.xs_nav-portrait .nav-dropdown .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.nav-dropdown>.focus>a .submenu-indicator-chevron,.nav-dropdown>li:hover>a .submenu-indicator-chevron{border-color:transparent #967ADC #967ADC transparent}.xs_nav-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator{left:10px}.xs_nav-landscape .nav-dropdown.nav-dropdown-left .submenu-indicator .submenu-indicator-chevron{-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg)}.nav-dropdown-horizontal{width:100%;left:0;background-color:#fdfdfd;border-top:solid 1px #f0f0f0}.nav-dropdown-horizontal .nav-dropdown-horizontal{width:100%;top:100%;left:0}.xs_nav-portrait .nav-dropdown-horizontal .nav-dropdown-horizontal{border-top:none}.nav-dropdown-horizontal>li{width:auto;clear:none;position:static}.megamenu-panel [class*=container],.xs_nav-portrait .nav-dropdown-horizontal>li{width:100%}.nav-dropdown-horizontal>li>a{position:relative}.nav-dropdown-horizontal .submenu-indicator{height:18px;top:11px;-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}.xs_nav-portrait .nav-dropdown-horizontal .submenu-indicator{height:42px;top:0;-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0)}.xs_nav-portrait .nav-dropdown-horizontal .submenu-indicator.submenu-indicator-up{-webkit-transform:rotate(-180deg);-ms-transform:rotate(-180deg);transform:rotate(-180deg)}.megamenu-panel{width:100%;padding:15px;display:none;position:absolute;font-size:14px;z-index:98;text-align:left;color:inherit;border-top:solid 1px #f0f0f0;background-color:#fdfdfd}.megamenu-tabs-nav>li>a,.megamenu-tabs-pane{border:1px solid #eff0f2;color:#70798b;font-size:13px}.xs_nav-portrait .megamenu-panel{padding:25px;position:static;display:block}.megamenu-panel [class*=container] [class*=col-]{padding:0}.megamenu-panel-half{width:50%}.megamenu-panel-quarter{width:25%}.megamenu-panel-row,.xs_nav-portrait .megamenu-panel-half,.xs_nav-portrait .megamenu-panel-quarter{width:100%}.megamenu-panel-row:after,.megamenu-panel-row:before{display:table;content:"";line-height:0}.megamenu-panel-row:after{clear:both}.megamenu-panel-row [class*=col-]{display:block;min-height:20px;float:left;margin-left:3%}.megamenu-panel-row [class*=col-]:first-child{margin-left:0}.xs_nav-portrait .megamenu-panel-row [class*=col-]{float:none;display:block;width:100%!important;margin-left:0;margin-top:15px}.xs_nav-portrait .megamenu-panel-row:first-child [class*=col-]:first-child{margin-top:0}.megamenu-panel-row .col-1{width:5.583333333333%}.megamenu-panel-row .col-2{width:14.166666666666%}.megamenu-panel-row .col-3{width:22.75%}.megamenu-panel-row .col-4{width:31.333333333333%}.megamenu-panel-row .col-5{width:39.916666666667%}.megamenu-panel-row .col-6{width:48.5%}.megamenu-panel-row .col-7{width:57.083333333333%}.megamenu-panel-row .col-8{width:65.666666666667%}.megamenu-panel-row .col-9{width:74.25%}.megamenu-panel-row .col-10{width:82.833333333334%}.megamenu-panel-row .col-11{width:91.416666666667%}.megamenu-panel-row .col-12{width:100%}.megamenu-tabs{width:100%;float:left;display:block}.megamenu-tabs-nav{width:20%;margin:0;padding:0;float:left;list-style:none}.xs_nav-portrait .megamenu-tabs-nav{width:100%}.megamenu-tabs-nav>li>a{width:100%;padding:10px 16px;float:left;text-decoration:none;outline:0;background-color:#fff;-webkit-transition:background .3s;transition:background .3s}.megamenu-tabs-nav>li.active a,.megamenu-tabs-nav>li:hover a{background-color:#f5f5f5}.megamenu-tabs-pane{width:80%;min-height:30px;padding:20px;float:right;display:none;opacity:0;background-color:#fff;-webkit-transition:opacity .5s;transition:opacity .5s}.megamenu-tabs-pane.active{display:block;opacity:1}.xs_nav-portrait .megamenu-tabs-pane{width:100%}.megamenu-lists{width:100%;display:table}.megamenu-list{width:100%;margin:0 0 15px;padding:0;display:inline-block;float:left;list-style:none}.megamenu-list:last-child{margin:0;border:none}.xs_nav-landscape .megamenu-list{margin:-15px 0;padding:20px 0;border-right:solid 1px #f0f0f0}.xs_nav-landscape .megamenu-list:last-child{border:none}.megamenu-list>li>a{width:100%;padding:10px 15px;display:inline-block;color:#70798b;text-decoration:none;font-size:13px;-webkit-transition:all .3s;transition:all .3s}.megamenu-list>li>a:hover{color:#fff;background-color:#967ADC}.megamenu-list>li.megamenu-list-title>a{font-size:12px;font-weight:600;text-transform:uppercase;opacity:.8;color:#70798b}.megamenu-list>li.megamenu-list-title>a:hover{opacity:1;background-color:transparent}.xs_nav-landscape .list-col-2{width:50%}.xs_nav-landscape .list-col-3{width:33%}.xs_nav-landscape .list-col-4{width:25%}
:root {
font-size: 17px;
}
body {
font-family: "Karla", sans-serif;
font-weight: 400;
line-height: 1.647;
color: #70799f;
background-color: #FFFFFF;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
overflow-x: hidden;
}
iframe {
border: none;
}
a,
b,
div,
ul,
li {
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-webkit-tap-highlight-color: transparent;
-moz-outline-: none;
}
a:focus,
a:active,
input,
input:hover,
input:focus,
input:active,
textarea,
textarea:hover,
textarea:focus,
textarea:active {
-moz-outline: none;
outline: none;
}
img:not([draggable]),
embed,
object,
video {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
outline: 0;
}
a:active,
a:focus,
a:hover,
a:visited {
text-decoration: none;
outline: 0;
}
img {
border: none;
max-width: 100%;
}
ul, li {
margin: 0;
padding: 0;
list-style: none;
}
.clear-both:before,
.clear-both:after {
display: table;
content: "";
clear: both;
}
.header-transparent {
position: absolute;
top: 0;
left: 0;
width: 100%;
z-index: 100;
}
.header-transparent .xs-top-bar {
background-color: rgba(0, 0, 0, 0.25);
}
.header-transparent .xs-menus .nav-menu > li > a {
color: #FFFFFF;
}
.header-transparent .xs-header {
border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.header-transparent .xs-menu-tools > li > a {
color: #FFFFFF;
}
.header-transparent .xs-menus .nav-menu > li > a::before {
background-color: #fefefe;
}
.xs-top-bar {
background-color: black;
padding: 15px 0;
line-height: normal;
}
.xs-top-bar.topbar-v2 {
background-color: rgba(0, 0, 0, 0.102);
}
.xs-top-bar-info li {
display: inline-block;
font-size: 0.88235rem;
margin-right: 58px;
}
.xs-top-bar-info li:last-child {
margin-right: 0px;
}
.xs-top-bar-info li p, .xs-top-bar-info li a {
color: #FFFFFF;
}
.xs-top-bar-info li p {
margin-bottom: 0px;
}
.xs-top-bar-info li i {
padding-right: 8px;
}
.top-menu {
text-align: right;
}
.top-menu li {
display: inline-block;
margin-right: 30px;
}
.top-menu li:last-child {
margin-right: 0px;
}
.top-menu li a {
color: #FFFFFF;
font-size: 0.88235rem;
}
.top-menu li a i {
font-size: 0.82353rem;
position: relative;
top: 2px;
padding-right: 5px;
}
.xs-menus .nav-menu > li {
margin-right: 35px;
position: relative;
}
.xs-menus .nav-menu > li.mega-menus {
position: static;
}
.xs-menus .nav-menu > li:last-child {
margin-right: 0px;
}
.xs-menus .nav-menu > li > a {
color: #1e1e1e;
font-size: 1rem;
padding: 30px 0px;
position: relative;
}
.xs-menus .nav-menu > li > a::before {
position: absolute;
content: "";
bottom: -1px;
left: 0;
width: 100%;
height: 3px;
background-color: #1e1e1e;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: scale(0, 0);
-ms-transform: scale(0, 0);
transform: scale(0, 0);
-webkit-transform-origin: center;
-ms-transform-origin: center;
transform-origin: center;
}
.xs-menus .nav-menu > li > a .submenu-indicator-chevron {
border-color: transparent #FFFFFF #FFFFFF transparent;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a {
display: block;
color: #141414;
font-size: 1rem;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a:hover {
color: #1868dd;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item a i {
font-size: 1rem;
position: relative;
top: 3px;
padding-right: 18px;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:last-child) a {
padding-bottom: 20px;
border-bottom: 1px solid #f7f7f7;
}
.xs-menus .nav-menu .xs-icon-menu .single-menu-item:not(:first-child) a {
padding-top: 20px;
}
.xs-menus .nav-menu .xs-service-menu a {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
display: block;
padding: 15px;
}
.xs-menus .nav-menu .xs-service-menu a:hover {
-webkit-transform: scale(1.05);
-ms-transform: scale(1.05);
transform: scale(1.05);
border-color: rgba(3, 27, 78, 0.1);
-webkit-box-shadow: 0 2px 4px rgba(3, 27, 78, 0.06);
box-shadow: 0 2px 4px rgba(3, 27, 78, 0.06);
}
.xs-menus .nav-menu .xs-service-menu a:hover .media h4 {
color: #1868dd;
}
.xs-menus .nav-menu .xs-service-menu a .media img {
margin-right: 30px;
}
.xs-menus .nav-menu .xs-service-menu a .media h4 {
color: #000000;
font-size: 1rem;
margin-bottom: 6px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-menus .nav-menu .xs-service-menu a .media p {
color: #707070;
font-size: 0.82353rem;
margin-bottom: 0px;
}
.xs-menus .nav-menu .xs-service-menu [class*=col-]:first-child::before {
position: absolute;
content: "";
top: 50%;
right: 0;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
width: 1px;
height: 280px;
background-color: #f7f7f7;
}
.xs-menus .nav-menu .home-menu-panel a img {
-webkit-box-shadow: 0px 5px 15px 0px rgba(23, 104, 221, 0.1);
box-shadow: 0px 5px 15px 0px rgba(23, 104, 221, 0.1);
margin-bottom: 10px;
}
.xs-menus .nav-menu .home-menu-panel a h4 {
font-size: 1rem;
margin-bottom: 0px;
}
.xs-menus .nav-menu .home-menu-panel > .row:not(:last-child) {
margin-bottom: 20px;
}
.xs-menus .nav-submenu {
-webkit-box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
}
.xs-menus .nav-submenu::before {
position: absolute;
content: "";
left: 50%;
top: 0;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
width: 30px;
height: 30px;
}
.xs-menus .megamenu-panel.xs-icon-menu {
padding: 50px;
}
.xs-menus .megamenu-panel.xs-service-menu {
padding: 35px;
}
.xs-menus .nav-menu > li > a:hover::before,
.xs-menus .nav-menu > li:hover > a::before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.header-style-2 .xs-menus .nav-menu > li > a::before {
top: 0px;
bottom: inherit;
}
.xs-header {
border-bottom: 1px solid rgba(30, 30, 30, 0.2);
}
.xs-header > .container {
position: relative;
}
.xs-header .xs-logo {
display: block;
padding: 10px 0;
}
.xs-header .xs-logo > img {
max-height: 70px;
max-width: 220px;
}
.xs-header.header-boxed {
border-bottom: 0px;
}
.xs-header.header-boxed > .container {
position: relative;
}
.xs-header.header-boxed > .container::before {
position: absolute;
content: "";
top: 0;
left: -32px;
height: 100%;
width: calc(100% + 64px);
-webkit-box-shadow: -4px 6.928px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: -4px 6.928px 25px 0px rgba(0, 0, 0, 0.1);
border-radius: 0 0 5px 5px;
background-color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-header.header-boxed .xs-menu-tools > li > a {
color: #141414;
}
.xs-header.header-boxed .xs-menus .nav-menu > li > a {
color: #141414;
padding: 40px 0px;
}
.xs-header.header-boxed .xs-menus .nav-menu > li > a .submenu-indicator-chevron {
border-color: transparent #777777 #777777 transparent;
}
.xs-header.header-v3 {
background-color: rgba(0, 0, 0, 0.2);
-webkit-box-shadow: -4px 6.928px 25px 0px rgba(0, 0, 0, 0.1);
box-shadow: -4px 6.928px 25px 0px rgba(0, 0, 0, 0.1);
border-bottom: 0px;
}
.xs-header.header-v3 .xs-menus .nav-menu > li > a {
padding: 40px 0px;
}
.xs-header.header-minimal .xs-logo {
padding: 30px 0;
}
.xs-header.header-minimal .xs-menus .nav-menu > li:not(:last-child) {
margin-right: 35px;
}
.xs-header.header-minimal .xs-menus .nav-menu > li > a {
padding: 39px 0px;
}
.nav-brand {
display: none;
}
.xs-menu-tools {
text-align: right;
padding: 10px 0;
}
.xs-menu-tools > li {
display: inline-block;
margin-right: 25px;
}
.xs-menu-tools > li:last-child {
margin-right: 0px;
}
.xs-menu-tools > li > a {
color: #1e1e1e;
display: block;
position: relative;
}
.xs-menu-tools > li > a .item-count {
position: absolute;
top: 0;
right: -5px;
display: block;
width: 10px;
height: 10px;
line-height: 10px;
background-color: #FFFFFF;
color: #4169ff;
font-size: 0.47059rem;
border-radius: 100%;
text-align: center;
}
.home-menu-panel a {
display: block;
text-align: center;
}
.home-menu-panel a img {
margin-bottom: 20px;
}
.home-menu-panel a h4 {
font-size: 1rem;
margin-bottom: 0px;
}
.xs-menus.xs_nav-landscape .nav-menu {
padding-right: 45px;
}
.xs-menus.xs_nav-portrait .nav-submenu {
-webkit-box-shadow: none;
box-shadow: none;
}
.xs-menus.xs_nav-portrait .nav-menu .xs-icon-menu .single-menu-item:not(:first-child) a {
padding-bottom: 20px;
border-bottom: 1px solid #f7f7f7;
}
.xs-menus.xs_nav-portrait .nav-menu .xs-icon-menu .single-menu-item:not(:last-child) a {
padding-top: 20px;
}
.xs-menus.xs_nav-portrait .megamenu-panel.xs-icon-menu {
padding: 30px;
}
.xs-menus.xs_nav-portrait .home-menu-panel a {
margin-bottom: 25px;
}
.xs-menus.xs_nav-portrait .nav-menu .home-menu-panel > .row:not(:last-child) {
margin-bottom: 0px;
}
.xs-menus .nav-header {
margin-top: 3px;
}
.xs-menus .nav-brand {
line-height: 0;
max-width: 158px;
max-height: 40px;
padding: 0;
}
.submenu-indicator {
margin-top: 8px;
}
.header-dark {
background-color: rgba(255, 255, 255, 0.7);
}
.header-dark .xs-menus .nav-menu > li:not(:last-child) {
margin-right: 35px;
}
.header-dark .xs-menus .nav-menu > li > a {
color: #000000;
font-size: 0.94118rem;
font-family: "Rubik", sans-serif;
font-weight: 500;
padding: 41px 0;
}
.header-dark .xs-menus .nav-menu > li > a .submenu-indicator {
margin-top: 3px;
}
.header-dark .xs-menus .nav-menu > li > a .submenu-indicator-chevron {
border-color: transparent #000000 #000000 transparent;
}
.header-dark .xs-menus .nav-menu > li > a::before {
background-color: #000000;
}
.header-dark .xs-menu-tools {
padding: 36px 0;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.header-dark .xs-menu-tools > li:not(:last-child) {
margin-right: 18px;
}
.header-dark .xs-menu-tools > li > a {
color: #000000;
font-size: 1.05882rem;
}
.header-dark .xs-menu-tools > li > a .item-count {
background-color: #000000;
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.header-dark.nav-sticky.sticky-header .xs-menu-tools > li > a .item-count {
background-color: #FFFFFF;
color: #1868dd;
}
.xs-logo-wraper {
position: relative;
z-index: 2;
}
.xs-menus .nav-menus-wrapper {
display: inline-block;
}
.xs-menus .xs-menu-tools {
display: inline-block;
}
.xs-banner {
background: #1045db;
background: -webkit-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
background: -o-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
background: linear-gradient(-45deg, #1045db 0%, #15095e 60%, #15095e 99%);
min-height: 900px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
overflow: hidden;
z-index: 1;
}
.xs-banner .xs-banner-image {
margin-left: -95px;
margin-right: -126px;
position: relative;
}
.xs-banner.banner-v2 {
background: -webkit-linear-gradient(45deg, #0a9ffe 0%, #0a9ffe 35%, #1124d9 70%, #1124d9 100%);
background: -o-linear-gradient(45deg, #0a9ffe 0%, #0a9ffe 35%, #1124d9 70%, #1124d9 100%);
background: linear-gradient(45deg, #0a9ffe 0%, #0a9ffe 35%, #1124d9 70%, #1124d9 100%);
}
.xs-banner.banner-v3 {
min-height: 800px;
}
.xs-banner.banner-404 .xs-banner-image {
margin-left: 0px;
margin-right: 0px;
}
.xs-banner .icon-bg {
position: absolute;
left: 0;
top: 30%;
width: 100%;
height: 532px;
background-repeat: no-repeat;
background-position: center center;
background-size: contain;
z-index: -1;
}
.xs-banner.banner-v4 {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.xs-banner.banner-v4::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: center bottom;
width: 100%;
background-size: cover;
pointer-events: none;
z-index: 1;
}
.xs-banner.banner-v4::before {
background-image: url(../images/welcome/horizontal-shape-2.png);
height: 100%;
}
.xs-banner.banner-v4 .banner-title {
font-size: 3.26588rem;
font-weight: 500;
margin-bottom: 30px;
}
.xs-banner.banner-v4 p {
font-size: 0.94059rem;
}
.xs-banner.banner-v5 .xs-banner-content {
text-align: center;
}
.xs-banner.banner-v5 .xs-banner-content .banner-title {
font-size: 2.82647rem;
margin-bottom: 50px;
}
.xs-banner .wave_animation_wraper {
position: absolute;
bottom: 0;
left: -70px;
width: calc(100% + 200px);
z-index: -1;
}
.xs-banner .wave_animation_wraper img {
width: 100%;
position: relative;
}
.xs-banner .wave_animation_wraper .one {
bottom: -70px;
}
.xs-banner .wave_animation_wraper .two {
width: 774px;
right: -240px;
margin-left: auto;
margin-top: -400px;
}
.xs-banner .wave_animation_wraper .three {
right: -50px;
width: 767px;
margin-left: auto;
margin-top: -300px;
}
.xs-banner.banner-v6 {
min-height: 1110px;
background: none;
background-color: #FFFFFF;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
display: block;
overflow: visible;
}
.xs-banner.banner-v6 .xs-banner-image {
margin-left: -60px;
margin-right: -10px;
left: 147px;
margin-top: -190px;
}
.xs-banner.banner-v6 .xs-domain-search {
padding-top: 100px;
}
.xs-banner.banner-v7 {
background: none;
overflow: visible;
min-height: 815px;
}
.xs-banner.banner-v7 + .pricing-section {
margin-top: 90px;
}
.xs-banner.banner-v7::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #150773;
background: -webkit-linear-gradient(340deg, rgba(21, 7, 115, 0.8) 0%, rgba(83, 51, 237, 0.8) 54%, rgba(44, 212, 217, 0.8) 100%);
background: -o-linear-gradient(340deg, rgba(21, 7, 115, 0.8) 0%, rgba(83, 51, 237, 0.8) 54%, rgba(44, 212, 217, 0.8) 100%);
background: linear-gradient(110deg, rgba(21, 7, 115, 0.8) 0%, rgba(83, 51, 237, 0.8) 54%, rgba(44, 212, 217, 0.8) 100%);
}
.xs-banner.banner-v7 .welcome-bg {
position: absolute;
bottom: 0;
right: 0;
pointer-events: none;
}
.xs-banner.banner-v7 .welcome-bg {
z-index: -1;
}
.xs-banner.banner-v7 .xs-banner-image {
pointer-events: none;
bottom: -256px;
z-index: 2;
}
.xs-banner.banner-v7 .banner-6-content {
padding-top: 0px;
}
.xs-banner.banner-v8 {
display: block;
background: none;
background-color: #24146d;
min-height: 1280px;
}
.xs-banner.banner-v8 > .container {
padding-top: 250px;
}
.xs-banner.banner-v8 .xs-banner-image {
margin-left: 0;
margin-right: -136px;
margin-top: -100px;
left: 20px;
}
.xs-banner.banner-v8 + .pricing-section {
margin-top: -430px;
position: relative;
z-index: 2;
}
.xs-banner.banner-v8 + .pricing-section .shuufle-letter-title {
color: rgba(255, 255, 255, 0.05);
}
.xs-banner.banner-v8 .banner-6-content {
padding-top: 0px;
}
.xs-banner.skew-bg {
position: relative;
}
.xs-banner.skew-bg::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 200px;
width: 100%;
border-bottom: 200px solid #FFFFFF;
z-index: 1;
pointer-events: none;
}
.xs-banner.curve-bg {
position: relative;
}
.xs-banner.curve-bg::after {
position: absolute;
content: "";
bottom: 0;
left: 0;
background-repeat: no-repeat;
background-position: center bottom;
width: 100%;
pointer-events: none;
z-index: 1;
height: 87px;
background-image: url(../images/welcome/main-shape-curve.png);
background-size: 100% 100%;
}
.banner-6-content.xs-banner-content .banner-sub-title {
color: #2cd3d9;
font-size: 1.05882rem;
font-weight: 500;
margin-bottom: 5px;
}
.banner-6-content.xs-banner-content .banner-title {
font-size: 2.82353rem;
font-weight: 500;
margin-bottom: 50px;
}
.banner-6-content.xs-banner-content .banner-title span {
display: inline-block;
position: relative;
}
.banner-6-content.xs-banner-content .banner-title span::before {
position: absolute;
content: "";
bottom: -10px;
left: 0;
width: calc(100% + 18px);
height: 18px;
background-image: url(../images/welcome/text-bottom-border.png);
background-repeat: no-repeat;
background-position: bottom left;
background-size: cover;
pointer-events: none;
}
.banner-6-content.xs-banner-content .list-groups {
margin-bottom: 45px;
}
.banner-6-content.xs-banner-content .xs-list > li:not(:last-child) {
margin-bottom: 3px;
}
.banner-6-content .btn {
font-weight: 500;
color: #1633ff;
}
.banner-6-content .btn:hover {
color: #FFFFFF;
}
.banner-title,
.banner-sub-title,
.xs-banner-content {
color: #FFFFFF;
}
.xs-banner-content p {
margin-bottom: 40px;
}
.banner-sub-title {
font-size: 1.41176rem;
font-weight: 400;
}
.banner-title {
font-size: 3.76471rem;
font-weight: 700;
margin-bottom: 15px;
}
.banner-ico {
position: absolute;
left: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
-webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
animation: bounce 1s ease-in-out 0s infinite alternate;
}
.banner-ico.banner-ico-1 {
left: 24.5%;
top: 6%;
}
.banner-ico.banner-ico-2 {
left: inherit;
right: 39.5%;
top: 0px;
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.banner-ico.banner-ico-3 {
top: 44%;
left: 33%;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.banner-ico.banner-ico-4 {
left: inherit;
right: 31.5%;
top: 43%;
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
@-webkit-keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
@keyframes bounce {
from {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
to {
-webkit-transform: translateY(-30px);
transform: translateY(-30px);
}
}
.home5-banner-image {
text-align: right;
}
.banner-6-content {
padding-top: 240px;
}
.tp-caption .banner-6-content .xs-list {
line-height: 1.6 !important;
}
.tp-caption .banner-6-content .xs-list > li {
font-size: 1rem !important;
}
.tp-caption .banner-6-content .btn {
-webkit-transition: all 0.6s !important;
-o-transition: all 0.6s !important;
transition: all 0.6s !important;
}
#rev_slider_17_1_forcefullwidth + .xs-domain-search {
margin-top: -300px;
margin-bottom: 79px;
}
#rev_slider_18_1_wrapper .tp-caption .icon {
display: inline-block;
width: 8px;
height: 8px;
border: 1px solid #1868dd;
border-radius: 50%;
position: relative;
top: -1px;
margin-right: 7px;
}
.mfp-bg.xs-promo-popup {
background-color: rgba(0, 0, 0, 0.87);
padding-bottom: 100%;
border-radius: 100%;
overflow: hidden;
-webkit-animation: menu-animation .8s ease-out forwards;
animation: menu-animation .8s ease-out forwards;
}
@-webkit-keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%);
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out;
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0px);
transform: scale(0.02) translateY(0px);
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0px);
transform: scale(0.04) translateY(0px);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
-webkit-transform: scale(2) translateY(0px);
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
@keyframes menu-animation {
0% {
opacity: 0;
-webkit-transform: scale(0.04) translateY(300%);
transform: scale(0.04) translateY(300%);
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
-webkit-transition: ease-out;
-o-transition: ease-out;
transition: ease-out;
}
40% {
-webkit-transform: scale(0.04) translateY(0);
transform: scale(0.04) translateY(0);
}
60% {
opacity: 1;
-webkit-transform: scale(0.02) translateY(0px);
transform: scale(0.02) translateY(0px);
}
61% {
opacity: 1;
-webkit-transform: scale(0.04) translateY(0px);
transform: scale(0.04) translateY(0px);
}
99.9% {
opacity: 1;
height: 0;
padding-bottom: 100%;
border-radius: 100%;
}
100% {
opacity: 1;
-webkit-transform: scale(2) translateY(0px);
transform: scale(2) translateY(0px);
height: 100%;
padding-bottom: 0;
border-radius: 0;
}
}
.xs-promo-popup .modal-content {
background-color: transparent;
padding: 0px;
border: 0px;
}
.xs-promo-popup .mfp-close {
color: #FFFFFF;
opacity: 0;
-webkit-transition: all 1s ease .8s;
-o-transition: all 1s ease .8s;
transition: all 1s ease .8s;
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px);
}
.xs-promo-popup.mfp-ready .mfp-close {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.xs-promo-popup.my-mfp-slide-bottom .zoom-anim-dialog {
opacity: 0;
-webkit-transition: all 1s ease .8s;
-o-transition: all 1s ease .8s;
transition: all 1s ease .8s;
-webkit-transform: translateY(-500px);
-ms-transform: translateY(-500px);
transform: translateY(-500px);
}
.xs-promo-popup.my-mfp-slide-bottom.mfp-ready .zoom-anim-dialog {
opacity: 1;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.modal-searchPanel .xs-search-group {
position: relative;
}
.modal-searchPanel .xs-search-group input:not([type="submit"]) {
height: 70px;
background-color: transparent;
border-radius: 50px;
border: 2px solid #FFFFFF;
color: #FFFFFF;
padding: 0 30px;
}
.modal-searchPanel .xs-search-group input:not([type="submit"])::-webkit-input-placeholder {
color: #FFFFFF;
}
.modal-searchPanel .xs-search-group input:not([type="submit"])::-moz-placeholder {
color: #FFFFFF;
}
.modal-searchPanel .xs-search-group input:not([type="submit"]):-ms-input-placeholder {
color: #FFFFFF;
}
.modal-searchPanel .xs-search-group input:not([type="submit"]):-moz-placeholder {
color: #FFFFFF;
}
.modal-searchPanel .xs-search-group .search-button {
background-color: transparent;
border: 0px;
padding: 0;
color: #FFFFFF;
position: absolute;
right: 0;
cursor: pointer;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
height: 100%;
width: 70px;
border-radius: 0 50px 50px 0;
}
.language-content p {
color: #FFFFFF;
text-align: center;
margin-bottom: 40px;
font-size: 1.17647rem;
}
.flag-lists {
text-align: center;
}
.flag-lists li {
display: inline-block;
margin-right: 25px;
}
.flag-lists li:last-child {
margin-right: 0;
}
.flag-lists li a {
display: block;
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.flag-lists li a:hover {
opacity: .7;
}
.flag-lists li a img {
width: 40px;
height: 40px;
margin-right: 10px;
}
.xs-sidebar-group .xs-overlay {
left: 100%;
top: 0;
position: fixed;
z-index: 101;
height: 100%;
opacity: 0;
width: 100%;
visibility: hidden;
-webkit-transition: all .4s ease-in .8s;
-o-transition: all .4s ease-in .8s;
transition: all .4s ease-in .8s;
cursor: url(../images/cross-out.png), pointer;
}
.xs-sidebar-widget {
position: fixed;
right: -100%;
top: 0;
bottom: 0;
width: 100%;
max-width: 360px;
z-index: 999999;
overflow: hidden;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
background-color: #fff;
-webkit-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
-o-transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
transition: all 0.5s cubic-bezier(0.9, 0.03, 0, 0.96) 0.6s;
visibility: hidden;
opacity: 0;
}
.xs-sidebar-group.isActive .xs-overlay {
opacity: .9;
visibility: visible;
-webkit-transition: all .8s ease-out 0s;
-o-transition: all .8s ease-out 0s;
transition: all .8s ease-out 0s;
left: 0;
}
.xs-sidebar-group.isActive .xs-sidebar-widget {
opacity: 1;
visibility: visible;
right: 0;
-webkit-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
-o-transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
transition: all 0.7s cubic-bezier(0.9, 0.03, 0, 0.96) 0.4s;
}
.sidebar-textwidget {
padding: 40px;
padding-top: 120px;
}
.close-side-widget {
color: #1768dd;
font-size: 0.88235rem;
display: block;
}
.sidebar-widget-container {
position: relative;
top: 150px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .3s ease-in .3s;
-o-transition: all .3s ease-in .3s;
transition: all .3s ease-in .3s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.xs-sidebar-group.isActive .sidebar-widget-container {
top: 0px;
opacity: 1;
visibility: visible;
-webkit-transition: all 1s ease-out 1.2s;
-o-transition: all 1s ease-out 1.2s;
transition: all 1s ease-out 1.2s;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
}
.widget-heading {
position: absolute;
top: 0;
right: 0;
padding: 25px;
}
.mini_cart_item {
margin-bottom: 20px;
padding-bottom: 20px;
}
.xs-empty-content {
text-align: center;
padding: 120px 30px 30px;
}
.xs-empty-content .widget-title {
font-size: 1.29412rem;
}
.xs-empty-content .xs-title {
margin-bottom: 20px;
font-size: 1.05882rem;
}
.xs-empty-content .woocommerce-mini-cart__empty-message {
font-size: 1.17647rem;
}
.xs-empty-content .empty-cart-icon {
font-size: 2.94118rem;
}
.sidebar-textwidget .sidebar-logo-wraper {
margin-bottom: 33px;
}
.sidebar-textwidget > p {
font-size: 0.88235rem;
line-height: 1.5;
margin-bottom: 40px;
}
.sidebar-textwidget .social-list {
margin-bottom: 30px;
}
.sideabr-list-widget {
margin-bottom: 40px;
}
.sideabr-list-widget li {
margin-bottom: 20px;
}
.sideabr-list-widget li:last-child {
margin-bottom: 0px;
}
.sideabr-list-widget img {
margin-right: 15px;
margin-top: 3px;
}
.sideabr-list-widget p, .sideabr-list-widget a {
margin-bottom: 2px;
color: #000000;
margin-bottom: 8px;
display: block;
}
.sideabr-list-widget span {
display: block;
font-size: 0.82353rem;
color: #1768dd;
}
.sideabr-list-widget .media-body {
line-height: 1;
}
.subscribe-from {
position: relative;
margin-bottom: 40px;
}
.subscribe-from p {
font-size: 1.05882rem;
font-weight: 700;
margin-bottom: 15px;
line-height: 1;
color: #1768dd;
}
.subscribe-from label {
position: absolute;
bottom: -24px;
left: 0px;
margin-bottom: 0;
line-height: 1;
}
.subscribe-from .form-control {
border: 1px solid #f5f5f5;
height: 50px;
padding-left: 25px;
}
.subscribe-from .sub-btn {
background-color: transparent;
border: 0px;
position: absolute;
top: 0;
right: 0;
padding-right: 25px;
cursor: pointer;
color: #1768dd;
height: 100%;
}
.subscribe-from .sub-btn:focus {
outline: none;
}
.subscribe-from .form-group {
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
box-shadow: 0px 10px 30px 0px rgba(23, 104, 221, 0.2);
border-radius: 25px;
margin-bottom: 0px;
}
.domain-search-form-group {
padding: 50px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07);
box-shadow: 0px 10px 50px 0px rgba(0, 0, 0, 0.07);
}
.xs-domain-info {
text-align: center;
}
.xs-domain-info li {
display: inline-block;
margin-right: 45px;
padding-right: 45px;
border-right: 1px solid rgba(71, 93, 255, 0.25);
}
.xs-domain-info li img {
margin-right: 14px;
}
.xs-domain-info li:last-child {
margin-right: 0px;
border-right: 0px;
border-right: 0px;
}
.domain-search-form {
width: calc(100% - 320px);
margin: 0 auto;
margin-bottom: 50px;
position: relative;
height: 73px;
z-index: 9;
}
.domain-search-form input:not([type="submit"]) {
border-radius: 2.20588rem;
width: 100%;
height: 100%;
border: 0px;
padding: 0 32px;
-webkit-box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 10px 45px 0px rgba(0, 0, 0, 0.06);
border: 1px solid #f5f3f3;
}
.domain-search-form ::-webkit-input-placeholder {
color: #7b7b7b;
}
.domain-search-form ::-moz-placeholder {
color: #7b7b7b;
}
.domain-search-form :-ms-input-placeholder {
color: #7b7b7b;
}
.domain-search-form :-moz-placeholder {
color: #7b7b7b;
}
.domain-search-form .select-group {
position: absolute;
right: 10px;
height: 100%;
width: 230px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 0px;
}
.domain-search-form input[type="submit"] {
border: 0px;
background-color: #1868dd;
border-radius: 1.61765rem;
color: #FFFFFF;
padding: 14px 37px;
cursor: pointer;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.domain-search-form input[type="submit"]:hover {
background-color: #1352af;
}
.domain-search-form .select-styled {
width: 75px;
}
.domain-search-form .select {
height: 29px;
width: 100%;
}
.domain-search-form .select .select-styled {
padding: 0px;
}
.domain-search-form .search-btn {
background-color: transparent;
border: 0px;
color: #000000;
font-size: 0.88353rem;
position: absolute;
top: 0;
right: 0;
padding: 28px 32px 28px 20px;
text-align: center;
line-height: 1;
cursor: pointer;
}
.domain-search-form.version-2 {
width: 100%;
max-width: 540px;
margin-bottom: 30px;
}
.domain-search-form.version-2 .select-group {
right: inherit;
left: 0px;
width: 130px;
}
.domain-search-form.version-2 .select-group::before {
position: absolute;
content: '';
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
right: 0;
width: 1px;
height: 44.06px;
background-color: #e7e7e7;
border-radius: .5px;
}
.domain-search-form.version-2 .select {
color: #000000;
}
.domain-search-form.version-2 input:not([type="submit"]) {
padding-left: 163px;
}
.domain-search-form.version-2 .select-styled {
width: 115px;
}
.xs-domain-search {
position: relative;
z-index: 9;
}
.xs-banner:not(.inner-banner) + .xs-domain-search {
margin-top: -124px;
}
.xs-banner:not(.inner-banner).banner-v3 + .xs-domain-search {
margin-top: 0px;
}
.xs-domain-search.domainSearch-v2 {
background-color: #f8fafe;
}
.xs-domain-search.domainSearch-v2 .domain-search-form-group {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.xs-domain-search.domainSearch-2 .domain-search-form {
margin-bottom: 0px;
}
.xs-domain-search.domainSearch-3 .domain-search-form input[type="submit"] {
background-color: #5333ed;
}
.domain-box-list li {
display: inline-block;
border-radius: 5px;
background-color: rgba(255, 255, 255, 0.102);
padding: 13px 26px;
text-align: left;
font-size: 1.06rem;
color: #fefefe;
line-height: 1;
}
.domain-box-list li:not(:last-child) {
margin-right: 12px;
}
.domain-box-list li hr {
margin: 12px 0;
background-color: white;
opacity: 0.2;
width: 16px;
height: 3px;
display: block;
}
.xs-domain-search.version-primary {
background: #1351f4;
background: -webkit-gradient(linear, left top, right top, from(#1351f4), to(#0727eb));
background: -webkit-linear-gradient(left, #1351f4 0%, #0727eb 100%);
background: -o-linear-gradient(left, #1351f4 0%, #0727eb 100%);
background: linear-gradient(90deg, #1351f4 0%, #0727eb 100%);
}
.xs-domain-search.version-primary .domain-search-form-group {
-webkit-box-shadow: none;
box-shadow: none;
background-color: transparent;
}
.xs-domain-search.version-primary .domain-search-form input:not([type="submit"])::-webkit-input-placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
.xs-domain-search.version-primary .domain-search-form input:not([type="submit"])::-moz-placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
.xs-domain-search.version-primary .domain-search-form input:not([type="submit"]):-ms-input-placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
.xs-domain-search.version-primary .domain-search-form input:not([type="submit"]):-moz-placeholder {
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
.xs-domain-search.version-primary .domain-search-form input[type="submit"] {
background: #1351f4;
background: -webkit-gradient(linear, left top, right top, from(#1351f4), to(#0727eb));
background: -webkit-linear-gradient(left, #1351f4 0%, #0727eb 100%);
background: -o-linear-gradient(left, #1351f4 0%, #0727eb 100%);
background: linear-gradient(90deg, #1351f4 0%, #0727eb 100%);
}
.xs-domain-search.version-primary .select-options {
top: calc(100% + 22px);
}
.xs-domain-search.version-primary .select-styled {
color: #7b7b7b;
font-size: 1rem;
font-family: "Rubik", sans-serif;
}
.xs-domain-search.version-primary .select-styled::after {
content: "\e96c";
font-family: "iconfont";
color: #3482ff;
font-size: 0.76471rem;
top: 4px;
right: 17px;
}
.xs-domain-search.version-primary .xs-domain-info > li {
border-right-color: rgba(255, 255, 255, 0.25);
}
.xs-domain-search.version-primary .xs-domain-info > li > strong {
color: rgba(255, 255, 255, 0.3);
position: relative;
top: 2px;
}
.why-choose-us-block {
text-align: center;
padding: 0 30px;
position: relative;
}
.why-choose-us-block p {
margin-bottom: 0px;
}
.why-choose-us-block .line-indecator {
position: absolute;
opacity: 0;
background-repeat: no-repeat;
background-position: right center;
}
.why-choose-us-block .line-indecator.indicator-1 {
width: 200px;
height: 54px;
right: -80px;
top: 55px;
-webkit-transform: rotate(-10deg);
-ms-transform: rotate(-10deg);
transform: rotate(-10deg);
-webkit-transition: all 1s ease .5s;
-o-transition: all 1s ease .5s;
transition: all 1s ease .5s;
}
.why-choose-us-block .line-indecator.indicator-2 {
top: 105px;
right: -130px;
width: 200px;
-webkit-transition: all 1s ease 1s;
-o-transition: all 1s ease 1s;
transition: all 1s ease 1s;
}
.why-choose-us-block.animated .line-indecator {
opacity: 1;
}
.choose-us-img {
min-height: 207px;
margin-bottom: 22px;
}
.choose-us-v2 .choose-us-img {
min-height: 108px;
margin-bottom: 54px;
}
.choose-us-v3 .choose-us-img {
min-height: 230px;
margin-bottom: 20px;
}
.xs-pricing-group .nav-tabs {
margin-bottom: 60px;
}
.xs-pricing-group + [class^=col-] .pricing-info {
margin-top: 60px;
}
.pricing-body {
margin-bottom: 30px;
}
.pricing-body > p {
margin-bottom: 22px;
}
.pricing-body .pricing-price > p {
font-weight: 700;
font-style: italic;
margin-bottom: 15px;
}
.pricing-body h2 {
color: #103dbe;
font-size: 2.79412rem;
font-weight: 700;
margin-bottom: 8px;
}
.pricing-body h2 sup {
font-size: 1.41176rem;
font-family: "Karla", sans-serif;
top: -28px;
left: 3px;
}
.discount-price {
color: #103dbe;
font-weight: 700;
margin-bottom: 0px;
letter-spacing: -0.4px;
}
.discount-price del {
color: rgba(112, 121, 159, 0.5);
padding-left: 5px;
}
.xs-single-pricing {
background-color: #FFFFFF;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.04);
text-align: center;
padding: 40px;
}
.xs-single-pricing .pricing-img-block {
margin-left: 40px;
margin-bottom: 18px;
}
.xs-single-pricing .pricing-header {
margin-bottom: 20px;
}
.xs-single-pricing .pricing-header .xs-title {
margin-bottom: 0px;
}
.xs-single-pricing.active {
background: #1045db;
background: -webkit-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
background: -o-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
background: linear-gradient(-45deg, #1045db 0%, #15095e 60%, #15095e 99%);
-webkit-box-shadow: none;
box-shadow: none;
}
.xs-single-pricing.active .xs-title,
.xs-single-pricing.active .pricing-body p,
.xs-single-pricing.active .pricing-body h2,
.xs-single-pricing.active ul li,
.xs-single-pricing.active ul li i,
.xs-single-pricing.active h6,
.xs-single-pricing.active del,
.xs-single-pricing.active .discount-price {
color: #FFFFFF;
}
.xs-single-pricing.active .discount-price del {
color: rgba(255, 255, 255, 0.5);
}
.xs-single-pricing.active .btn:not([class*=btn-outline]) {
background-color: #FFFFFF;
color: #3b75ff;
}
.xs-single-pricing.active .btn:not([class*=btn-outline]):hover {
color: #FFFFFF;
background-color: #1868dd;
}
.xs-single-pricing.active .btn:not([class*=btn-outline]):hover::before {
background-color: #1868dd;
}
.pricing-info {
text-align: center;
}
.pricing-info h5 {
font-size: 1.17647rem;
font-weight: 400;
letter-spacing: -0.4px;
margin-bottom: 35px;
}
.pricing-info h5 a {
padding-right: 5px;
text-decoration: underline;
}
.pricing-info .xs-list li {
margin-right: 65px;
font-size: 1.17647rem;
color: #2a549d;
}
.pricing-info .xs-list li:last-child {
margin-right: 0px;
}
.pricing-info .xs-list li i {
padding-right: 5px;
position: relative;
top: 3px;
}
.pricing-info.info-v2 .xs-list li {
color: #000000;
}
.pricing-info.info-v2 .xs-list li i {
color: #5333ed;
}
.pricing-info.info-v2 h5 a {
color: #5333ed;
}
.pricing-info.info-v3 .xs-list li {
color: #000000;
}
.pricing-info.info-v3 .xs-list li i {
color: #24146d;
}
.pricing-info.info-v3 h5 a {
color: #24146d;
}
.pricing-v2 .xs-single-pricing .pricing-img-block {
margin-left: 0px;
margin-bottom: 43px;
}
.pricing-v2 .xs-single-pricing.active {
background-image: none;
background-color: #1868dd;
}
.pricing-v2 .pricing-body h2 {
color: #1868dd;
}
.pricing-v2 .discount-price {
color: #1868dd;
}
.pricing-v3 .xs-single-pricing.active {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.pricing-v4 .xs-single-pricing.active {
background-image: none;
background: #5333ed;
}
.pricing-v4 .xs-single-pricing.active .btn:not([class*=btn-outline]) {
color: #5333ed;
}
.pricing-v4 .xs-single-pricing.active .pricing-body h2,
.pricing-v4 .xs-single-pricing.active .pricing-body h6 {
color: #FFFFFF;
}
.pricing-v4 .xs-single-pricing .pricing-body h2,
.pricing-v4 .xs-single-pricing .pricing-body h6 {
color: #5333ed;
}
.pricing-v4 .xs-single-pricing .btn-primary {
background-color: #5333ed;
}
.pricing-v5 .xs-single-pricing {
-webkit-box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0px 60px 0px rgba(0, 0, 0, 0.1);
}
.pricing-v5 .xs-single-pricing .pricing-header .xs-title,
.pricing-v5 .xs-single-pricing .pricing-price > p,
.pricing-v5 .xs-single-pricing .pricing-body h2,
.pricing-v5 .xs-single-pricing .discount-price {
color: #24146d;
}
.pricing-v5 .xs-single-pricing .btn {
background-color: #24146d;
}
.pricing-v5 .xs-single-pricing .pricing-img-block {
margin-left: 0px;
}
.pricing-v5 .xs-single-pricing.active {
background: #38a2bc;
background: -webkit-linear-gradient(315deg, #38a2bc 0%, #26126b 60%);
background: -o-linear-gradient(315deg, #38a2bc 0%, #26126b 60%);
background: linear-gradient(135deg, #38a2bc 0%, #26126b 60%);
}
.pricing-v5 .xs-single-pricing.active .pricing-body h2,
.pricing-v5 .xs-single-pricing.active .pricing-header .xs-title {
color: #00eaff;
}
.pricing-v5 .xs-single-pricing.active .pricing-price > p,
.pricing-v5 .xs-single-pricing.active .discount-price {
color: #FFFFFF;
}
.pricing-v5 .xs-single-pricing.active .btn {
background-color: #00eaff;
color: #170d5b;
}
.xs-service-block {
text-align: center;
padding: 0 30px;
background-color: #FFFFFF;
margin-bottom: 30px;
}
.xs-service-block .service-img {
min-height: 96px;
margin-bottom: 20px;
}
.xs-service-block p {
margin-bottom: 15px;
}
.style-boxed .xs-service-block {
padding: 30px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
position: relative;
}
.style-boxed .xs-service-block:hover, .style-boxed .xs-service-block.active {
background-color: white;
-webkit-box-shadow: 0px 10px 15px 0px rgba(23, 104, 221, 0.1);
box-shadow: 0px 10px 15px 0px rgba(23, 104, 221, 0.1);
z-index: 1;
}
.style-boxed .xs-service-block .service-img {
line-height: 1;
min-height: 0;
margin-bottom: 20px;
font-size: 3.23529rem;
color: #1868dd;
}
.style-boxed.version-2 .xs-service-block:hover, .style-boxed.version-2 .xs-service-block.active {
-webkit-box-shadow: 0px 19.799px 60px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 19.799px 60px 0px rgba(0, 0, 0, 0.1);
}
.style-boxed.version-2 .xs-service-block .service-img {
color: #5333ed;
margin-bottom: 30px;
}
.style-boxed.version-2 .xs-service-block .xs-title {
margin-bottom: 20px;
}
.style-boxed.version-2 .xs-service-block p {
margin-bottom: 20px;
}
.style-boxed.version-2 .xs-service-block .simple-btn {
color: #5333ed;
}
.xs-service-area {
background: #f7f9fb;
background: -webkit-gradient(linear, left top, left bottom, from(#f7f9fb), to(rgba(233, 231, 240, 0)));
background: -webkit-linear-gradient(top, #f7f9fb 0%, rgba(233, 231, 240, 0) 100%);
background: -o-linear-gradient(top, #f7f9fb 0%, rgba(233, 231, 240, 0) 100%);
background: linear-gradient(180deg, #f7f9fb 0%, rgba(233, 231, 240, 0) 100%);
}
.xs-service-area .xs-service-block:hover, .xs-service-area .xs-service-block.active {
-webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
}
.call-to-action-section {
background: -webkit-linear-gradient(45deg, #1045db 0%, #1045db 13%, #15095e 52%, #15095e 100%);
background: -o-linear-gradient(45deg, #1045db 0%, #1045db 13%, #15095e 52%, #15095e 100%);
background: linear-gradient(45deg, #1045db 0%, #1045db 13%, #15095e 52%, #15095e 100%);
position: relative;
padding-top: 100px;
padding-bottom: 200px;
text-align: center;
z-index: 1;
}
.call-to-action-section .icon-bg {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/icon-bg.png);
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
z-index: -1;
}
.call-to-action-section.call-to-action-v2 {
background: #0a9ffe;
background: -webkit-linear-gradient(3deg, #0a9ffe 0%, #0a9ffe 35%, #1124d9 70%, #1124d9 100%);
background: -o-linear-gradient(3deg, #0a9ffe 0%, #0a9ffe 35%, #1124d9 70%, #1124d9 100%);
background: linear-gradient(87deg, #0a9ffe 0%, #0a9ffe 35%, #1124d9 70%, #1124d9 100%);
padding: 100px 0;
}
.call-to-action-section.call-to-action-v2 .call-to-action-content h2 {
margin-bottom: 60px;
}
.call-to-action-section.call-to-action-v2 .call-to-action-content .xs-btn-wraper .btn-secondary {
-webkit-box-shadow: none;
box-shadow: none;
}
.call-to-action-section.call-to-action-v3 {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.call-to-action-section.call-to-action-v4 {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
background-attachment: fixed;
padding: 100px 0;
z-index: 1;
}
.call-to-action-section.call-to-action-v4:before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #150773;
background: -webkit-linear-gradient(340deg, #150773 0%, #5333ed 54%, #2cd4d9 100%);
background: -o-linear-gradient(340deg, #150773 0%, #5333ed 54%, #2cd4d9 100%);
background: linear-gradient(110deg, #150773 0%, #5333ed 54%, #2cd4d9 100%);
opacity: .8;
z-index: -1;
}
.call-to-action-section.call-to-action-v4 .icon-bg {
background-size: auto;
background-position: bottom left;
}
.call-to-action-section.call-to-action-v4 .call-to-action-content h2 {
margin-bottom: 40px;
font-weight: 500;
}
.call-to-action-section.call-to-action-v4.style-2::before {
background: #000000;
opacity: .5;
}
.call-to-action-content h2 {
color: #FFFFFF;
margin-bottom: 0px;
font-size: 2.11765rem;
font-weight: 700;
}
.call-to-action-section + .xs-feature-section {
margin-top: -120px;
position: relative;
z-index: 1;
}
.xs-feature-group {
background-color: #1868dd;
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.08);
padding: 40px 36px 40px 20px;
position: relative;
overflow: hidden;
z-index: 1;
}
.xs-feature-group .xs-title,
.xs-feature-group p {
color: #FFFFFF;
}
.xs-feature-group p {
margin-bottom: 25px;
}
.xs-feature-group .feature-img {
min-width: 138px;
margin-right: 14px;
}
.xs-feature-group .xs-btn-wraper {
text-align: right;
}
.xs-feature-group .btn {
padding: 10px 30px;
}
.feature-v2 .xs-feature-group {
-webkit-box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.04);
box-shadow: 0px -10px 25px 0px rgba(0, 0, 0, 0.04);
background-color: #FFFFFF;
}
.feature-v2 .xs-feature-group .xs-title {
color: #1e1e1e;
}
.feature-v2 .xs-feature-group p {
color: #70799f;
}
.feature-v2 .xs-feature-group .btn {
-webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
}
.feature-v3 .xs-feature-group {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.xs-client-slider {
cursor: e-resize;
border-bottom: 1px solid #e5e5e5;
}
.single-client {
min-height: 200px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.single-client > img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
cursor: pointer;
}
.single-client > img:hover {
-webkit-filter: grayscale(0%);
filter: grayscale(0%);
}
.spinner-icon {
position: relative;
width: 65px;
height: 65px;
margin-bottom: 25px;
}
.spinner-icon::before {
position: absolute;
content: "";
left: 0;
top: 0;
height: 100%;
width: 100%;
background-image: url(../images/info/round.png);
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
-webkit-transition: -webkit-transform 1s ease-in-out;
transition: -webkit-transform 1s ease-in-out;
-o-transition: transform 1s ease-in-out;
transition: transform 1s ease-in-out;
transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotate(0deg);
-ms-transform: rotate(0deg);
transform: rotate(0deg);
}
.spinner-icon.animated::before {
-webkit-transform: rotate(720deg);
-ms-transform: rotate(720deg);
transform: rotate(720deg);
}
.hosting-info-img {
position: relative;
}
.hosting-info-img .info-icon {
position: absolute;
-webkit-animation: bounce 1s ease-in-out 0s infinite alternate;
animation: bounce 1s ease-in-out 0s infinite alternate;
}
.hosting-info-img .info-icon.icon-1 {
bottom: 25%;
left: 0%;
}
.hosting-info-img .info-icon.icon-2 {
bottom: 50%;
left: -5%;
-webkit-animation-delay: .3s;
animation-delay: .3s;
}
.hosting-info-img .info-icon.icon-3 {
left: 14%;
bottom: 70%;
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
.hosting-info-img .info-icon.icon-4 {
bottom: 59%;
left: 35.5%;
-webkit-animation-delay: .7s;
animation-delay: .7s;
}
.hosting-info-wraper {
padding-left: 30px;
}
.hosting-info-wraper .content-title {
margin-bottom: 30px;
}
.hosting-info-wraper p {
margin-bottom: 30px;
}
.hosting-info-wraper .xs-list {
margin-bottom: 40px;
}
.hosting-info-wraper .xs-list li {
font-weight: 700;
margin-bottom: 14px;
}
.hosting-info-wraper .xs-list li:last-child {
margin-bottom: 0px;
}
.hosting-info-wraper-2 .content-title {
margin-bottom: 60px;
}
.hosting-info-list {
padding-left: 10px;
margin-bottom: 30px;
}
.hosting-info-list .info-icon {
min-width: 46px;
padding-right: 9px;
}
.hosting-info-list .xs-title {
margin-bottom: 15px;
}
.hosting-info-list p {
margin-bottom: 0px;
}
.xs-hosting-info .row {
margin-bottom: 90px;
}
.xs-hosting-info .row + .row {
margin-bottom: 0px;
}
.xs-testimonial-section {
background: #1045db;
background: -webkit-linear-gradient(45deg, #1045db 0%, #1045db 13%, #15095e 52%, #15095e 100%);
background: -o-linear-gradient(45deg, #1045db 0%, #1045db 13%, #15095e 52%, #15095e 100%);
background: linear-gradient(45deg, #1045db 0%, #1045db 13%, #15095e 52%, #15095e 100%);
padding-top: 100px;
padding-bottom: 70px;
}
.xs-testimonial-section.testimonial-v2 {
background: #0a9ffe;
background: -webkit-gradient(linear, left top, right top, from(#0a9ffe), color-stop(0%, #0a9ffe), color-stop(52%, #1124d9), to(#1124d9));
background: -webkit-linear-gradient(left, #0a9ffe 0%, #0a9ffe 0%, #1124d9 52%, #1124d9 100%);
background: -o-linear-gradient(left, #0a9ffe 0%, #0a9ffe 0%, #1124d9 52%, #1124d9 100%);
background: linear-gradient(90deg, #0a9ffe 0%, #0a9ffe 0%, #1124d9 52%, #1124d9 100%);
}
.xs-testimonial-section.testimonial-v2 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item p {
color: #2547b5;
}
.xs-testimonial-section.testimonial-v2 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item,
.xs-testimonial-section.testimonial-v2 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item::before,
.xs-testimonial-section.testimonial-v2 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item::after {
background-color: #889df0;
}
.xs-testimonial-section.testimonial-v3 {
background-image: none;
background-color: #FFFFFF;
padding-bottom: 0px;
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item.center .xs-testimonial-item,
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item.center .xs-testimonial-item::before,
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item.center .xs-testimonial-item::after {
background: #15095e;
background: -webkit-linear-gradient(0deg, #15095e 1%, #13279d 68%, #1045db 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(1%, #15095e), color-stop(68%, #13279d), to(#1045db));
background: -webkit-linear-gradient(left, #15095e 1%, #13279d 68%, #1045db 100%);
background: -o-linear-gradient(left, #15095e 1%, #13279d 68%, #1045db 100%);
background: linear-gradient(90deg, #15095e 1%, #13279d 68%, #1045db 100%);
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item.center .testimonial-content p,
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item.center .commentor-title {
color: #FFFFFF;
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item.center .commentor-bio i {
opacity: .2;
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item,
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item:before,
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item:after {
background: #899fdf;
background: -webkit-linear-gradient(45deg, #899fdf 0%, #8a92c7 32%, #8a84ae 99%);
background: -o-linear-gradient(45deg, #899fdf 0%, #8a92c7 32%, #8a84ae 99%);
background: linear-gradient(45deg, #899fdf 0%, #8a92c7 32%, #8a84ae 99%);
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item {
opacity: 1;
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .testimonial-content p,
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .commentor-title {
color: #FFFFFF;
}
.xs-testimonial-section.testimonial-v3 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item .round-avatar::before {
background-color: #f7f7f7;
}
.xs-testimonial-section.testimonial-v4 {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.xs-testimonial-section.testimonial-v5 {
background-image: none;
background-color: #FFFFFF;
padding-bottom: 0px;
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item.center .xs-testimonial-item,
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item.center .xs-testimonial-item::before,
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item.center .xs-testimonial-item::after {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item.center .testimonial-content p,
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item.center .commentor-title {
color: #FFFFFF;
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item.center .commentor-bio i {
opacity: .2;
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item,
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item:before,
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item:after {
background: #1633ff;
background: -webkit-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: -webkit-gradient(linear, left bottom, left top, from(#1633ff), to(#0069ff));
background: -o-linear-gradient(bottom, #1633ff 0%, #0069ff 100%);
background: linear-gradient(to top, #1633ff 0%, #0069ff 100%);
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item {
opacity: .5;
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .testimonial-content p,
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .commentor-title {
color: #FFFFFF;
}
.xs-testimonial-section.testimonial-v5 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item .round-avatar::before {
background-color: #f7f7f7;
}
.xs-testimonial-section.testimonial-v6 {
position: relative;
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
z-index: 1;
}
.xs-testimonial-section.testimonial-v6::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: #150773;
background: -webkit-linear-gradient(340deg, #150773 0%, #5333ed 54%, #2cd4d9 100%);
background: -o-linear-gradient(340deg, #150773 0%, #5333ed 54%, #2cd4d9 100%);
background: linear-gradient(110deg, #150773 0%, #5333ed 54%, #2cd4d9 100%);
opacity: .8;
z-index: -1;
}
.xs-testimonial-section.testimonial-v7 {
background: #e9e7f0;
background: -webkit-gradient(linear, left bottom, left top, from(#e9e7f0), to(rgba(233, 231, 240, 0)));
background: -webkit-linear-gradient(bottom, #e9e7f0 0%, rgba(233, 231, 240, 0) 100%);
background: -o-linear-gradient(bottom, #e9e7f0 0%, rgba(233, 231, 240, 0) 100%);
background: linear-gradient(0deg, #e9e7f0 0%, rgba(233, 231, 240, 0) 100%);
}
.xs-testimonial-section .owl-item.cloned {
-webkit-transform: scale(0.9);
-ms-transform: scale(0.9);
transform: scale(0.9);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.xs-testimonial-section .owl-item.active {
-webkit-transform: scale(0.8);
-ms-transform: scale(0.8);
transform: scale(0.8);
-webkit-transition: all 0.3s;
-o-transition: all 0.3s;
transition: all 0.3s;
}
.xs-testimonial-section .owl-item.active.center {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.xs-testimonial-item {
width: 100%;
margin: 0 auto;
padding: 30px;
border-radius: 5px;
position: relative;
}
.xs-testimonial-item::before, .xs-testimonial-item::after {
position: absolute;
content: "";
top: 0;
height: 100%;
width: 100%;
opacity: .2;
z-index: -1;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
border-radius: 5px;
}
.testimonial-slider .owl-item.center .xs-testimonial-item {
padding: 40px;
}
.testimonial-content p {
font-size: 0.72941rem;
}
.testimonial-content > p {
margin-bottom: 20px;
}
.commentor-bio {
position: relative;
}
.commentor-bio i {
position: absolute;
right: 0;
top: 0;
font-size: 2.35294rem;
opacity: .1;
}
.commentor-bio .round-avatar {
margin-right: 16px;
}
.commentor-bio .commentor-title {
font-size: 0.91176rem;
margin-bottom: 0px;
}
.commentor-bio .commentor-info {
margin-bottom: 0px;
}
.commentor-bio .round-avatar {
position: relative;
border-radius: 100%;
overflow: hidden;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item {
margin-top: 25px;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item .round-avatar {
width: 44px;
height: 44px;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item .round-avatar::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-color: #181953;
opacity: .5;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item p {
color: #434483;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item .commentor-bio i {
color: #7f7eaf;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item::before {
width: calc(100% - 28px);
top: -10px;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item::after {
width: calc(100% - 56px);
top: -20px;
}
.testimonial-slider .owl-item.center .round-avatar {
width: 55px;
height: 55px;
}
.testimonial-slider .owl-item.center .testimonial-content > p {
margin-bottom: 25px;
font-size: 1rem;
}
.testimonial-slider .owl-item.center .commentor-bio .commentor-title {
font-size: 1.17647rem;
}
.testimonial-slider .owl-item.center .testimonial-content .commentor-info {
font-size: 0.88235rem;
}
.testimonial-slider .owl-item.center .commentor-bio i {
font-size: 3.52941rem;
}
.testimonial-slider .owl-item.center .xs-testimonial-item {
-webkit-box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.3);
box-shadow: 0px 5px 25px 0px rgba(0, 0, 0, 0.3);
}
.testimonial-slider .owl-item.center .xs-testimonial-item::before {
width: calc(100% - 20px);
top: -14px;
}
.testimonial-slider .owl-item.center .xs-testimonial-item::after {
width: calc(100% - 40px);
top: -28px;
}
.testimonial-v7 {
background: #e9e7f0;
background: -webkit-gradient(linear, left bottom, left top, from(#e9e7f0), to(rgba(233, 231, 240, 0)));
background: -webkit-linear-gradient(bottom, #e9e7f0 0%, rgba(233, 231, 240, 0) 100%);
background: -o-linear-gradient(bottom, #e9e7f0 0%, rgba(233, 231, 240, 0) 100%);
background: linear-gradient(0deg, #e9e7f0 0%, rgba(233, 231, 240, 0) 100%);
}
.testimonial-v7 .testimonial-slider .owl-item.center .xs-testimonial-item {
-webkit-box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
box-shadow: 19.799px 19.799px 40px 0px rgba(0, 0, 0, 0.1);
}
.testimonial-v7 .testimonial-slider .owl-item .xs-testimonial-item::before, .testimonial-v7 .testimonial-slider .owl-item .xs-testimonial-item::after {
background-color: #000000;
}
.testimonial-v7 .testimonial-slider .owl-item .xs-testimonial-item::before {
opacity: .07;
}
.testimonial-v7 .testimonial-slider .owl-item .xs-testimonial-item::after {
opacity: .03;
}
.testimonial-v7 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item {
background-color: #FFFFFF;
opacity: .5;
}
.testimonial-v7 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item p {
color: #70799f;
}
.testimonial-v7 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item .round-avatar::before {
background-color: #FFFFFF;
}
.testimonial-v7 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item::before, .testimonial-v7 .testimonial-slider .owl-item:not(.center) .xs-testimonial-item::after {
opacity: 0;
}
.testimonial-slider .owl-item .xs-testimonial-item::before,
.testimonial-slider .owl-item .xs-testimonial-item::after,
.testimonial-slider .owl-item .xs-testimonial-item {
background-color: #FFFFFF;
}
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item,
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item::before,
.testimonial-slider .owl-item:not(.center) .xs-testimonial-item::after {
background-color: #8a84af;
}
.xs-testimonial-slider-2 .owl-stage-outer {
padding: 40px 0;
}
.xs-testimonial-slider .owl-stage-outer {
padding: 30px 0;
}
.xs-blog-post .post-image {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.15);
}
.xs-blog-post .entry-header {
-webkit-box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 10px 35px 0px rgba(0, 0, 0, 0.06);
width: calc(100% - 40px);
margin: 0 auto;
background-color: #FFFFFF;
padding: 38px 0 30px;
margin-top: -30px;
position: relative;
z-index: 1;
}
.xs-blog-post .entry-title,
.xs-blog-post .entry-meta,
.xs-blog-post .post-meta {
padding: 0 30px;
}
.xs-blog-post .post-meta {
margin-bottom: 15px;
border-left: 4px solid #1868dd;
}
.xs-blog-post .post-meta > span {
font-size: 0.88235rem;
}
.xs-blog-post .post-meta a {
color: #8c8c8c;
}
.xs-blog-post .entry-meta {
line-height: 1;
}
.xs-blog-post .entry-meta > span {
color: #103dbe;
font-size: 0.88235rem;
}
.xs-blog-post .entry-title {
font-size: 1.41176rem;
line-height: 1.25;
margin-bottom: 10px;
}
.xs-blog-post .entry-title > a {
color: #1e1e1e;
display: inline-block;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-blog-post .entry-title > a:hover {
color: #103dbe;
}
.footer-group {
background-color: #113072;
background-repeat: no-repeat;
background-size: contain;
background-position: center center;
}
.footer-main {
padding-top: 115px;
padding-bottom: 60px;
}
.footer-widget .widget-title {
color: #FFFFFF;
font-size: 1.41176rem;
position: relative;
padding-bottom: 20px;
margin-bottom: 40px;
}
.footer-widget .widget-title::before {
position: absolute;
content: "";
bottom: 0;
left: 0;
height: 3px;
width: 30px;
background-color: #1868dd;
}
.footer-widget .xs-list li {
margin-bottom: 14px;
}
.footer-widget .xs-list li:last-child {
margin-bottom: 0px;
}
.footer-widget .xs-list li a {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-widget .xs-list li a:hover {
color: #FFFFFF;
}
.footer-widget .xs-list li a,
.contact-info-widget li span,
.footer-bottom-info p {
color: #d7d7d7;
}
.contact-info-widget li {
margin-bottom: 25px;
}
.contact-info-widget li:last-child {
margin-bottom: 0px;
}
.contact-info-widget li img {
margin-right: 18px;
}
.footer-bottom-info p {
margin-bottom: 0px;
}
.footer-bottom-info p a {
color: #1ba3ff;
text-decoration: underline;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.footer-bottom-info p a:hover {
color: #FFFFFF;
}
.footer-bottom {
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding: 50px 0;
}
.footer-bottom .xs-list {
padding-top: 10px;
text-align: right;
}
.footer-bottom .xs-list li {
margin-right: 40px;
}
.footer-bottom .xs-list li:last-child {
margin-right: 0px;
}
.footer-copyright {
background-color: #0d2352;
padding: 38px 0;
min-height: 120px;
}
.copyright-text {
padding: 10px 0;
}
.copyright-text p {
margin-bottom: 0px;
color: #e7e7e7;
font-size: 0.88235rem;
}
.copyright-text p a {
color: #1868dd;
}
.footer-logo-wraper {
text-align: center;
}
.footer-logo-wraper .footer-logo {
display: inline-block;
}
.social-list-wraper {
text-align: right;
}
.xs-footer-section > .xs-feature-section {
margin-bottom: -70px;
}
.xs-footer-section > .xs-feature-section + .footer-group .footer-main {
padding-top: 195px;
}
.xs-footer-section.footer-v2 {
background-color: #0e064a;
padding-top: 115px;
}
.xs-footer-section.footer-v2 .footer-bottom {
padding: 0px;
border-top: 0px solid #000;
}
.xs-footer-section.footer-v2 .footer-bottom .footer-bottom-info p {
color: rgba(255, 255, 255, 0.7);
}
.xs-footer-section.footer-v2 .footer-bottom .footer-bottom-info p a {
color: inherit;
}
.xs-footer-section.footer-v2 .footer-bottom .xs-list li > img {
opacity: .5;
}
.xs-footer-section.footer-v2 .footer-group {
background-color: inherit;
background-size: auto;
background-position: bottom center;
}
.xs-footer-section.footer-v2 .footer-main {
padding-bottom: 110px;
padding-top: 100px;
}
.xs-footer-section.footer-v2 .footer-widget.text-widget .footer-logo {
display: inline-block;
margin-bottom: 23px;
}
.xs-footer-section.footer-v2 .footer-widget.text-widget > p {
margin-bottom: 25px;
color: rgba(255, 255, 255, 0.5);
}
.xs-footer-section.footer-v2 .footer-widget.text-widget > p > a {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: inherit;
}
.xs-footer-section.footer-v2 .footer-widget.text-widget > p > a:hover {
color: #FFFFFF;
}
.xs-footer-section.footer-v2 .footer-widget .widget-title {
padding-bottom: 0;
margin-bottom: 20px;
}
.xs-footer-section.footer-v2 .footer-widget .widget-title::before {
display: none;
}
.xs-footer-section.footer-v2 .footer-widget .xs-list > li:not(:last-child) {
margin-bottom: 3px;
}
.xs-footer-section.footer-v2 .footer-widget .xs-list > li > a {
color: rgba(255, 255, 255, 0.5);
}
.xs-footer-section.footer-v2 .footer-widget .xs-list > li > a:hover {
color: #FFFFFF;
}
.xs-footer-section.footer-v2 .footer-widget .contact-info-widget > li:not(:last-child) {
margin-bottom: 15px;
}
.xs-footer-section.footer-v2 .footer-widget .contact-info-widget > li > a {
color: rgba(255, 255, 255, 0.5);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-footer-section.footer-v2 .footer-widget .contact-info-widget > li > a:hover {
color: #FFFFFF;
}
.pricing-feature-group {
padding: 55px 35px;
text-align: center;
background-color: #FFFFFF;
height: 100%;
}
.pricing-feature-group .pricing-body {
margin-bottom: 0px;
}
.pricing-image {
padding: 55px;
background-color: #FFFFFF;
}
.pricing-matrix {
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
background-color: #FFFFFF;
}
.pricing-matrix .gap {
height: 58px;
clear: both;
position: relative;
display: block;
background-color: #f8fafe;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
}
.pricing-expand {
position: relative;
overflow: hidden;
-webkit-box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.05);
box-shadow: 0px -10px 30px 0px rgba(0, 0, 0, 0.05);
-webkit-transition: -webkit-box-shadow .5s ease 1.5s;
transition: -webkit-box-shadow .5s ease 1.5s;
-o-transition: box-shadow .5s ease 1.5s;
transition: box-shadow .5s ease 1.5s;
transition: box-shadow .5s ease 1.5s, -webkit-box-shadow .5s ease 1.5s;
}
.pricing-expand::before {
position: absolute;
content: "";
bottom: 0px;
left: 0px;
width: 100%;
height: 312px;
z-index: 1;
background: #f8fafe;
background: -webkit-linear-gradient(90deg, #f8fafe 8%, rgba(248, 250, 254, 0.95) 12%, rgba(252, 253, 255, 0.29) 73%, rgba(255, 255, 255, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, color-stop(8%, #f8fafe), color-stop(12%, rgba(248, 250, 254, 0.95)), color-stop(73%, rgba(252, 253, 255, 0.29)), to(rgba(255, 255, 255, 0)));
background: -webkit-linear-gradient(bottom, #f8fafe 8%, rgba(248, 250, 254, 0.95) 12%, rgba(252, 253, 255, 0.29) 73%, rgba(255, 255, 255, 0) 100%);
background: -o-linear-gradient(bottom, #f8fafe 8%, rgba(248, 250, 254, 0.95) 12%, rgba(252, 253, 255, 0.29) 73%, rgba(255, 255, 255, 0) 100%);
background: linear-gradient(0deg, #f8fafe 8%, rgba(248, 250, 254, 0.95) 12%, rgba(252, 253, 255, 0.29) 73%, rgba(255, 255, 255, 0) 100%);
-webkit-transition: background-image .5s ease 1.5s;
-o-transition: background-image .5s ease 1.5s;
transition: background-image .5s ease 1.5s;
opacity: 1;
visibility: visible;
z-index: 2;
}
.pricing-expand.expand {
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
}
.pricing-expand.expand::before {
opacity: 0;
visibility: hidden;
}
.content-collapse-wraper {
text-align: center;
}
.content-collapse-wraper .btn {
opacity: 1;
visibility: visible;
-webkit-transition: all .5s ease .5s;
-o-transition: all .5s ease .5s;
transition: all .5s ease .5s;
}
.content-collapse-wraper .btn.hide {
opacity: 0;
visibility: hidden;
}
.pricing-feature {
display: block;
padding: 20px 40px;
line-height: 1;
background-color: #FFFFFF;
height: 57px;
}
.pricing-feature > i {
color: #1868dd;
}
.pricing-matrix > .row [class^=col-] .pricing-feature {
text-align: center;
}
.pricing-matrix > .row [class^=col-]:first-child .pricing-feature {
text-align: left;
}
.pricing-matrix > .row [class^=col-] .pricing-feature-item,
.pricing-matrix > .row [class^=col-] .pricing-feature-group,
.pricing-matrix > .row [class^=col-] .pricing-image {
border-bottom: 1px solid #eaeaea;
border-right: 1px solid #eaeaea;
margin-right: 1px;
}
.pricing-matrix > .row [class^=col-] .pricing-feature-item:last-child,
.pricing-matrix > .row [class^=col-] .pricing-feature-group:last-child,
.pricing-matrix > .row [class^=col-] .pricing-image:last-child {
border-bottom: 0px;
}
.pricing-matrix-slider {
position: relative;
}
.pricing-matrix-slider .last-child .pricing-matrix-item .pricing-feature-item,
.pricing-matrix-slider .last-child .pricing-matrix-item .pricing-feature-group,
.pricing-matrix-slider .last-child .pricing-matrix-item .pricing-image {
border-right: 0px;
}
.pricing-matrix-slider .owl-nav .owl-prev,
.pricing-matrix-slider .owl-nav .owl-next {
outline: none;
position: absolute;
top: 0px;
font-size: 1.52941rem;
color: #1868dd;
background-color: transparent;
border: 0;
}
.pricing-matrix-slider .owl-nav .owl-prev {
left: 0px;
}
.pricing-matrix-slider .owl-nav .owl-next {
right: 0px;
}
.feature-image-content {
text-align: center;
}
.feature-text-content {
padding-right: 30px;
}
.feature-text-content > .content-title,
.feature-text-content p {
color: #FFFFFF;
margin-bottom: 0px;
}
.feature-text-content .content-title {
margin-bottom: 25px;
}
.xs-banner.inner-banner {
min-height: 550px;
}
.xs-banner.service-banner {
min-height: 700px;
}
.xs-banner.service-banner-2 {
min-height: 824px;
}
.xs-banner.service-banner .xs-banner-content p, .xs-banner.service-banner-2 .xs-banner-content p {
margin-bottom: 0px;
}
.xs-banner.inner-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.xs-banner.inner-banner .banner-title {
font-size: 3.05882rem;
}
.xs-banner.inner-banner .banner-sub-title {
font-size: 1.17647rem;
}
.xs-banner.inner-banner .xs-banner-content {
position: relative;
z-index: 2;
}
.xs-banner.inner-banner .xs-overlay {
opacity: .85;
}
.xs-banner.inner-banner .xs-overlay.bg-gradient {
background: #15095e;
background: -webkit-linear-gradient(315deg, #15095e 0%, #15095e 32%, #1045db 100%);
background: -o-linear-gradient(315deg, #15095e 0%, #15095e 32%, #1045db 100%);
background: linear-gradient(135deg, #15095e 0%, #15095e 32%, #1045db 100%);
}
.inner-welcome-image-group {
text-align: right;
}
.inner-welcome-image-group .banner-ico.banner-ico-1 {
left: 52.5%;
top: 1%;
}
.inner-welcome-image-group .banner-ico.banner-ico-2 {
right: 10%;
top: 10%;
-webkit-animation-delay: 1s;
animation-delay: 1s;
}
.inner-welcome-image-group.pricing-icon .banner-ico.banner-ico-1 {
left: 51.5%;
}
.inner-welcome-image-group.pricing-icon .banner-ico.banner-ico-2 {
right: 11%;
}
.inner-welcome-image-group.affiliate-icon .banner-ico.banner-ico-1 {
left: 43.5%;
}
.inner-welcome-image-group.affiliate-icon .banner-ico.banner-ico-2 {
right: 12%;
}
.inner-welcome-image-group.faq-icon .banner-ico.banner-ico-1 {
left: 42.5%;
}
.inner-welcome-image-group.faq-icon .banner-ico.banner-ico-2 {
right: 12.5%;
}
.inner-welcome-image-group.cart-icon .banner-ico.banner-ico-1 {
left: 53.9%;
}
.inner-welcome-image-group.cart-icon .banner-ico.banner-ico-2 {
right: 11%;
}
.inner-welcome-image-group.whois-icon .banner-ico.banner-ico-1, .inner-welcome-image-group.signin-icon .banner-ico.banner-ico-1 {
left: 53.5%;
}
.inner-welcome-image-group.whois-icon .banner-ico.banner-ico-2, .inner-welcome-image-group.signin-icon .banner-ico.banner-ico-2 {
right: 11.5%;
}
.service-banner {
background-repeat: no-repeat;
background-size: cover;
background-position: center center;
}
.service-banner .xs-banner-content {
position: relative;
z-index: 2;
}
.service-banner .xs-overlay {
opacity: .85;
}
.service-banner .xs-overlay.bg-gradient {
background: #15095e;
background: -webkit-linear-gradient(315deg, #15095e 0%, #15095e 32%, #1045db 100%);
background: -o-linear-gradient(315deg, #15095e 0%, #15095e 32%, #1045db 100%);
background: linear-gradient(135deg, #15095e 0%, #15095e 32%, #1045db 100%);
}
.contact-info-group {
padding: 27px 35px 35px;
min-height: 275px;
text-align: center;
background-color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.contact-info-group .contact-info-icon {
min-height: 110px;
margin-bottom: 10px;
}
.contact-info-group > span,
.contact-info-group > a {
display: block;
color: #70799f;
}
.contact-info-group:hover, .contact-info-group.active {
-webkit-box-shadow: 0px 3px 33.6px 1.4px rgba(0, 0, 0, 0.1);
box-shadow: 0px 3px 33.6px 1.4px rgba(0, 0, 0, 0.1);
}
.xs-form-group {
padding: 0 48px;
}
.xs-form-group.form-style-2 {
padding: 0 24px;
}
.xs-form-group.form-style-2 .xs-form .form-group {
margin-bottom: 40px;
}
.xs-form .form-control,
.xs-form .select {
background-color: #FFFFFF;
border: 1px solid #efefef;
border-radius: 0px;
padding: 0 30px;
margin-bottom: 20px;
height: 57px;
width: 100%;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-form .form-control:last-child,
.xs-form .select:last-child {
margin-bottom: 0px;
}
.xs-form .form-control.invaild,
.xs-form .select.invaild {
border-color: #1868dd;
}
.xs-form .form-control::-webkit-input-placeholder,
.xs-form .select::-webkit-input-placeholder {
font-size: 0.88235rem;
color: #a1a9cb;
}
.xs-form .form-control::-moz-placeholder,
.xs-form .select::-moz-placeholder {
font-size: 0.88235rem;
color: #a1a9cb;
}
.xs-form .form-control:-ms-input-placeholder,
.xs-form .select:-ms-input-placeholder {
font-size: 0.88235rem;
color: #a1a9cb;
}
.xs-form .form-control:-moz-placeholder,
.xs-form .select:-moz-placeholder {
font-size: 0.88235rem;
color: #a1a9cb;
}
.xs-form textarea.form-control {
padding: 20px 30px;
resize: none;
height: 147px;
}
.xs-form .form-group {
margin-bottom: 60px;
}
.xs-form .xs-btn-wraper {
text-align: center;
}
.xs-form .select-styled {
padding: 0 30px;
top: 0;
color: #a1a9cb;
font-size: 0.88235rem;
height: 100%;
line-height: 52px;
}
.xs-form .select-styled::after {
right: 30px;
color: #a1a9cb;
font-size: 1.47059rem;
top: 2px;
}
.xs-form .select-options {
left: 0;
min-width: 100%;
}
.xs-form .select-options::before {
left: inherit;
right: 0;
-webkit-transform: translateX(30px) rotate(45deg);
-ms-transform: translateX(30px) rotate(45deg);
transform: translateX(30px) rotate(45deg);
}
.xs-form .select-options li {
padding: 15px 30px;
font-size: 0.88235rem;
}
.xs-form input[type=number]::-webkit-inner-spin-button,
.xs-form input[type=number]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.xs-form > .row > [class^=col-]:first-child .form-group {
padding-left: 25px;
}
.xs-form > .row > [class^=col-]:last-child .form-group {
padding-right: 25px;
}
.xs-form > .row > [class^=col-] .form-group {
margin-bottom: 80px;
}
.xs-form .media + .xs-btn-wraper {
margin-top: 40px;
}
.xs-form .xs-btn-wraper + .form-info {
margin-top: 30px;
margin-bottom: 0px;
}
.xs-form .forgot-password-wraper {
line-height: 1;
}
.xs-form .forgot-password-wraper a {
color: #a1a9cb;
font-size: 0.88235rem;
display: block;
}
.xs-form .form-info {
text-align: center;
}
.xs-form .form-info a {
color: #1868dd;
display: inline-block;
text-decoration: underline;
}
.xs-form .select.focus,
.xs-form .form-control:focus {
border-color: #1868dd;
-webkit-box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.06);
}
.xpeedStudio_success_message {
margin-bottom: 0;
padding: 10px 0;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.intro-video {
position: relative;
-webkit-box-shadow: 0px 10px 30px 0px rgba(16, 61, 190, 0.159);
box-shadow: 0px 10px 30px 0px rgba(16, 61, 190, 0.159);
overflow: hidden;
border-radius: 5px;
}
.intro-video .xs-overlay {
opacity: .6;
}
.video-pop-up-content {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
z-index: 1;
padding: 10px;
}
.office-interface-group-content.content-2 {
margin-right: 30px;
}
.office-interface-group-content.content-1 {
margin-top: -75px;
}
.office-interface-group-content > img {
width: 100%;
}
.office-interface-group-content,
.join-with-us-wraper {
margin-bottom: 30px;
-webkit-box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
}
.join-with-us-wraper {
min-height: 389px;
background-color: #1868dd;
margin-top: 45px;
position: relative;
z-index: 2;
text-align: center;
padding: 20px 95px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.join-with-us-wraper .join-with-us-content h2 {
color: #FFFFFF;
font-size: 2.11765rem;
font-weight: 700;
margin-bottom: 35px;
}
.xs-single-team {
position: relative;
overflow: hidden;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.xs-single-team::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background: black;
background: -webkit-linear-gradient(90deg, black 0%, rgba(37, 42, 55, 0) 100%);
background: -webkit-gradient(linear, left bottom, left top, from(black), to(rgba(37, 42, 55, 0)));
background: -webkit-linear-gradient(bottom, black 0%, rgba(37, 42, 55, 0) 100%);
background: -o-linear-gradient(bottom, black 0%, rgba(37, 42, 55, 0) 100%);
background: linear-gradient(0deg, black 0%, rgba(37, 42, 55, 0) 100%);
opacity: .5;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.xs-single-team > .team-bio {
position: absolute;
z-index: 1;
padding: 30px;
bottom: 0px;
left: 0;
width: 100%;
opacity: 1;
visibility: visible;
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.xs-single-team .team-bio h4 {
color: #FFFFFF;
font-size: 1.41176rem;
margin-bottom: 5px;
}
.xs-single-team .team-bio p {
font-size: 0.88235rem;
font-style: italic;
color: #FFFFFF;
margin-bottom: 0px;
}
.xs-single-team .team-hover-content {
position: absolute;
top: 40px;
left: 0;
height: 100%;
width: 100%;
z-index: 2;
padding: 60px 30px;
opacity: 0;
visibility: hidden;
-webkit-transition: all .5s ease;
-o-transition: all .5s ease;
transition: all .5s ease;
}
.xs-single-team .team-hover-content .team-bio {
margin-bottom: 25px;
}
.xs-single-team .team-hover-content .team-description {
margin-bottom: 50px;
}
.xs-single-team .team-hover-content .team-description p {
margin-bottom: 0px;
}
.xs-single-team .team-description p {
color: #FFFFFF;
}
.xs-single-team:hover {
-webkit-box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.159);
box-shadow: 0px 10px 20px 0px rgba(0, 0, 0, 0.159);
}
.xs-single-team:hover::before {
opacity: 1;
}
.xs-single-team:hover > .team-bio {
opacity: 0;
visibility: hidden;
bottom: -40px;
}
.xs-single-team:hover > .team-hover-content {
opacity: 1;
visibility: visible;
top: 0px;
}
.include-feature-list .hosting-info-list {
padding-left: 0px;
margin-bottom: 70px;
}
.include-feature-list .hosting-info-list:last-child {
margin-bottom: 0px;
}
.include-feature-list .info-icon {
min-width: 52px;
padding-right: 25px;
}
.include-feature-list .xs-title,
.include-feature-list p {
color: #FFFFFF;
}
.include-feature-list .xs-title {
margin-bottom: 17px;
}
.included-feature-list.feature-list-v3 {
background: #1045db;
background: -webkit-linear-gradient(right bottom, #1045db, #1e2aba, #022e9e, #0016b5, #123fbf);
background: -webkit-gradient(linear, right bottom, left top, from(#1045db), color-stop(#1e2aba), color-stop(#022e9e), color-stop(#0016b5), to(#123fbf));
background: -o-linear-gradient(right bottom, #1045db, #1e2aba, #022e9e, #0016b5, #123fbf);
background: linear-gradient(to left top, #1045db, #1e2aba, #022e9e, #0016b5, #123fbf);
}
.included-feature-list .wave_animation_wraper .wave.four {
width: 434px;
margin-left: auto;
}
.xs-feature-section + .included-feature-list {
margin-top: -120px;
padding-top: 200px;
}
.xs-table {
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
background-color: #FFFFFF;
margin-bottom: 0px;
}
.xs-table .domain-pricing-header th {
width: 25%;
background-color: transparent;
border: 0px;
color: #FFFFFF;
padding: 17px 10px;
font-size: 1.17647rem;
}
.xs-table .domain-pricing-header tr {
background: #103dbe;
background: -webkit-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
background: -o-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
background: linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
}
.xs-table td, .xs-table th {
text-align: center;
padding: 15px 10px;
}
.xs-table tbody tr th, .xs-table tbody tr td {
border-right: 1px solid #eaeaea;
border-top: 1px solid #eaeaea;
}
.xs-table tbody tr td:last-child {
border-right: 0px;
}
.xs-table tbody tr:first-child th, .xs-table tbody tr:first-child td {
border-top: 0px;
}
.xs-table tbody tr td {
letter-spacing: -.4px;
}
.xs-table tbody tr td > del {
color: #a4afdf;
font-size: 0.82353rem;
padding-left: 3px;
}
.xs-table.fixed-column {
position: absolute;
left: 15px;
width: 83px;
display: inline-block;
z-index: 1;
-webkit-box-shadow: none;
box-shadow: none;
}
@media (min-width: 576px) {
.xs-table.fixed-column {
display: none;
}
}
@media (max-width: 576px) {
.xs-table:not(.fixed-column) tr th:first-child {
display: none;
}
.xs-table:not(.fixed-column) {
position: relative;
left: 83px;
}
}
.domain-price-v2 .xs-table .domain-pricing-header tr {
background: #0217af;
background: -webkit-linear-gradient(top, #0217af 0%, #0055ce 100%);
background: -webkit-gradient(linear, left top, left bottom, from(#0217af), to(#0055ce));
background: -o-linear-gradient(top, #0217af 0%, #0055ce 100%);
background: linear-gradient(to bottom, #0217af 0%, #0055ce 100%);
}
.xs-blog-list {
margin-bottom: 80px;
}
.xs-blog-list .post {
margin-bottom: 40px;
}
.xs-blog-list .post:last-child {
margin-bottom: 0px;
}
.xs-blog-list.blog-lsit-style-2 .post:not(.post-details) .post-body {
-webkit-box-shadow: 19.799px 19.799px 60px 0px rgba(0, 0, 0, 0.1);
box-shadow: 19.799px 19.799px 60px 0px rgba(0, 0, 0, 0.1);
background-color: #FFFFFF;
}
.xs-blog-list.blog-lsit-style-2 .post .post-body .post-meta > span, .xs-blog-list.blog-lsit-style-2 .post .post-body .post-meta a {
color: #000000;
}
.xs-blog-list.blog-lsit-style-2 .post .post-body .post-meta > span i {
padding-right: 7px;
color: #1868dd;
}
.xs-blog-list.blog-lsit-style-2 .post .post-body .post-meta > span > a:hover {
color: #1868dd;
}
.xs-blog-list.blog-lsit-style-2 .post .post-body .post-footer {
text-align: left;
}
.xs-blog-list.blog-lsit-style-2 .post .post-body .post-footer .simple-btn i {
font-size: 1rem;
margin-top: 0px;
}
.post-body .entry-title {
font-size: 1.76471rem;
font-weight: 700;
margin-bottom: 18px;
}
.post-body .entry-title a {
color: #1e1e1e;
display: inline-block;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.post-body .entry-title a:hover {
color: #1868dd;
}
.post-body .post-meta {
margin-bottom: 22px;
}
.post-body .post-meta > span {
display: inline-block;
font-size: 0.88235rem;
padding-right: 30px;
}
.post-body .post-meta > span:last-child {
padding-right: 0px;
}
.post-body .post-meta .post-author img {
width: 35px;
height: 35px;
border-radius: 50%;
}
.post-body .post-meta .post-author img + a {
padding-left: 13px;
}
.post-body .post-meta .post-author a {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.post-body .post-meta > span,
.post-body .post-meta a {
color: #1868dd;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.post-body .entry-content {
margin-bottom: 20px;
}
.post-body .entry-content p {
margin-bottom: 0px;
}
.post-body .post-footer {
text-align: right;
}
.post-body .post-footer .simple-btn {
font-weight: 400;
}
.post-media .xs-overlay {
opacity: .3;
}
.post-media .gloosy-btn {
width: 60px;
height: 60px;
line-height: 63px;
font-size: 0.88235rem;
}
.post:not(.post-details) .post-body {
background-color: #f8fafe;
padding: 40px 30px 30px;
}
.post:not(.format-audio):not(.post-details) .post-media + .post-body {
width: calc(100% - 60px);
margin: 0 auto;
margin-top: -22px;
z-index: 1;
position: relative;
}
.post .post-media {
position: relative;
}
.post .post-media iframe {
width: 100%;
display: block;
}
.post-gallery-slider {
position: relative;
}
.post-gallery-slider .owl-nav .owl-prev,
.post-gallery-slider .owl-nav .owl-next {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.post-gallery-slider .owl-nav .owl-prev {
left: 15px;
}
.post-gallery-slider .owl-nav .owl-next {
right: 15px;
}
.post-gallery-slider .owl-nav i {
display: inline-block;
width: 40px;
height: 40px;
line-height: 40px;
text-align: center;
border-radius: 100%;
color: #1868dd;
background-color: #FFFFFF;
font-size: 15px;
}
.sidebar-widget.sidebar-right {
margin-left: 10px;
}
.sidebar-widget.sidebar-left {
margin-right: 10px;
}
.xs-serach {
position: relative;
}
.xs-serach input:not([type="submit"]) {
height: 53px;
padding: 0 30px;
border: 1px solid #eaeaea;
background-color: #FFFFFF;
border-radius: 27.5px;
-webkit-box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 10px 15px 0px rgba(0, 0, 0, 0.08);
width: 100%;
}
.xs-serach .search-btn {
width: 62px;
background-color: #1868dd;
border: 0px;
font-size: 1.05882rem;
color: #FFFFFF;
position: absolute;
right: 0px;
top: 0px;
border-radius: 0 27.5px 27.5px 0;
height: 100%;
cursor: pointer;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-serach .search-btn:hover {
background-color: #103dbe;
}
.widget:not(:last-child) {
margin-bottom: 40px;
}
.widget .xs-title {
margin-bottom: 40px;
}
.widget:not(.widget-search) {
padding: 40px;
border: 1px solid #eaeaea;
}
.widget-posts .widget-post:not(:last-child) {
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px solid #eaeaea;
}
.widget-posts .widget-post img {
padding-right: 20px;
}
.widget-posts .widget-post .post-meta-date {
color: #626c84;
}
.widget-posts .widget-post .post-meta-date,
.widget-posts .widget-post .post-author {
font-size: 0.88235rem;
}
.widget-posts .widget-post .entry-title {
font-size: 1rem;
font-weight: 700;
margin-bottom: 0px;
}
.widget-posts .widget-post .entry-title a {
color: #1e1e1e;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.widget-posts .widget-post .entry-title a:hover {
color: #1868dd;
}
.list-group li {
position: relative;
}
.list-group li a, .list-group li span {
color: #70799f;
}
.list-group li span {
position: absolute;
right: 0px;
}
.list-group li a {
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.list-group li a:hover {
color: #1868dd;
}
.list-group li:not(:last-child) {
border-bottom: 1px solid #eaeaea;
padding-bottom: 14px;
margin-bottom: 14px;
}
.tag-lists a {
display: inline-block;
padding: 7px 14px;
color: #626c84;
border: 1px solid #eaeaea;
border-radius: 1.17647rem;
font-size: 0.88235rem;
margin-right: 6px;
margin-bottom: 9px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.tag-lists a:hover {
color: #1868dd;
border-color: currentColor;
}
.tag-lists .title {
color: #1e1e1e;
padding-right: 15px;
font-weight: 700;
}
.post-details .post-media {
margin-bottom: 33px;
}
.post-details .post-body {
margin-bottom: 40px;
}
.post-details .post-body .entry-content p {
margin-bottom: 30px;
}
.post-details h4 {
font-size: 1.17647rem;
margin-bottom: 20px;
}
.post-details .xs-list li {
font-weight: 700;
margin-bottom: 15px;
}
.post-details .xs-list li:last-child {
margin-bottom: 0px;
}
.post-details .entry-header {
padding-bottom: 35px;
margin-bottom: 40px;
border-bottom: 1px solid #f1f1f1;
}
.post-details .post-footer .tag-lists {
text-align: left;
}
.post-details .post-footer .tag-lists a {
margin-bottom: 0px;
}
.post-details .post-footer .simple-social-list {
margin-top: 6px;
}
.post-details .post-footer .simple-social-list .title {
font-weight: 700;
color: #1e1e1e;
padding-right: 15px;
}
blockquote {
background-color: #2a61e5;
padding: 40px;
color: #FFFFFF;
font-size: 1.17647rem;
font-style: italic;
position: relative;
margin-bottom: 35px;
}
blockquote::before {
content: "\e937";
font-family: "iconfont";
display: block;
margin-bottom: 10px;
font-size: 2.41176rem;
font-style: normal;
-webkit-transform: rotateY(180deg) rotateX(180deg);
transform: rotateY(180deg) rotateX(180deg);
text-align: right;
}
blockquote cite {
display: block;
text-align: right;
margin-top: 30px;
font-size: 1rem;
font-weight: 700;
font-style: normal;
}
.author-image {
margin-right: 25px;
}
.author-image img {
width: 80px;
height: 80px;
border-radius: 5px;
}
.author-data h5 {
font-size: 1.17647rem;
font-family: "Rubik", sans-serif;
margin-bottom: 0px;
}
.author-data a {
color: #626c84;
font-size: 0.88235rem;
}
.author-info .simple-social-list li a,
.post-details .post-footer .simple-social-list li a {
color: #252a37;
font-size: 0.82353rem;
}
.post-details .post-footer .simple-social-list li,
.author-info .simple-social-list li {
margin-right: 14px;
}
.author-info .simple-social-list li:last-child,
.post-details .post-footer .simple-social-list li:last-child {
margin-right: 0px;
}
.author-info {
padding: 40px;
background-color: #f8fafe;
margin-bottom: 40px;
}
.author-info .media {
margin-bottom: 20px;
}
.author-info p {
margin-bottom: 0px;
}
.post-navigation {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #f1f1f1;
}
.post-navigation .post-navigation-title {
display: block;
}
.post-navigation .post-navigation-title h3 {
font-size: 1.17647rem;
}
.post-navigation .post-navigation-title span {
color: #626c84;
}
.post-navigation .post-navigation-title span i {
color: #103dbe;
}
.post-navigation [class^=col-]:first-child {
border-right: 1px solid #f1f1f1;
}
.post-navigation [class^=col-]:first-child .post-navigation-title {
margin-right: 20px;
}
.post-navigation [class^=col-]:first-child .post-navigation-title i {
padding-right: 9px;
}
.post-navigation [class^=col-]:last-child .post-navigation-title {
margin-left: 20px;
text-align: right;
}
.post-navigation [class^=col-]:last-child .post-navigation-title i {
padding-left: 9px;
}
.xs-comments-area {
margin-bottom: 50px;
}
.xs-comments-area .comments-title {
margin-bottom: 30px;
}
.xs-comments-area .comment-body:before {
display: table;
content: "";
clear: both;
}
.xs-comments-area .comment-body img {
width: 80px;
height: 80px;
border-radius: 100%;
float: left;
}
.xs-comments-area .meta-data {
margin-left: 100px;
}
.xs-comments-area .reply {
float: right;
}
.xs-comments-area .reply .comment-reply-link {
color: #626c84;
font-size: 0.88235rem;
}
.xs-comments-area .reply .comment-reply-link i {
color: #252a37;
font-size: 0.94118rem;
padding-right: 10px;
}
.xs-comments-area .comment-author a {
font-size: 1.05882rem;
color: #1e1e1e;
font-family: "Rubik", sans-serif;
font-weight: 500;
}
.xs-comments-area .comment-date {
color: #626c84;
margin-bottom: 0px;
font-size: 0.88235rem;
}
.xs-comments-area .comment-content {
margin-top: 10px;
}
.xs-comments-area .comment-content p {
margin-bottom: 0px;
}
.xs-comments-area .comment:not(:last-child) .children {
margin-left: 100px;
}
.xs-comments-area .comment:not(:last-child) .children .meta-data {
background-color: #f7f9fd;
padding: 30px;
margin-bottom: 0px;
border-bottom: 0px;
}
.xs-comments-area .comment:not(:last-child) .meta-data,
.xs-comments-area .comment:not(:last-child) .children {
padding-bottom: 25px;
margin-bottom: 25px;
border-bottom: 1px solid #f1f1f1;
}
.comment-respond .comment-reply-title {
margin-bottom: 35px;
}
.comment-respond .xs-form .form-control:last-child,
.comment-respond .xs-form .form-control + .select:last-child,
.comment-respond .xs-form .form-control,
.comment-respond .xs-form .form-control + .select {
margin-bottom: 20px;
}
.comment-respond .xs-form textarea.form-control {
margin-bottom: 40px;
}
.comment-respond .form-submit {
margin-bottom: 0px;
text-align: right;
}
.woo__wraper {
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
background-color: #FFFFFF;
}
.woo__wraper table.shop_table {
border: 0px;
margin: 0;
border-radius: 0px;
border-collapse: collapse;
}
.woo__wraper table.shop_table.table thead th {
border-bottom: 0px;
width: 20%;
text-align: center;
}
.woo__wraper table.shop_table.table thead tr {
background: #103dbe;
background: -webkit-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
background: -o-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
background: linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
color: #FFFFFF;
}
.woo__wraper table.shop_table.table td, .woo__wraper table.shop_table.table th {
border-top: 0px;
}
.woo__wraper table.shop_table.table tbody tr td {
padding: 44px 10px;
border-top: 0px;
border-bottom: 1px solid #eaeaea;
}
.woo__wraper table.shop_table.table tbody tr td:not(:last-child) {
text-align: center;
}
.woo__wraper table.shop_table.table tbody tr td:last-child {
text-align: right;
padding-right: 40px;
}
.woo__wraper table.shop_table.table .product-name {
font-weight: 700;
color: #1e1e1e;
}
.woo__wraper table.shop_table.table .product-price,
.woo__wraper table.shop_table.table .product-duration,
.woo__wraper table.shop_table.table .product-name {
letter-spacing: -.4px;
}
.woo__wraper table.shop_table.table a.remove {
display: inline-block;
height: auto;
width: auto;
font-size: 1rem;
color: #70799f !important;
position: relative;
top: 2px;
margin-left: 35px;
}
.woo__wraper table.shop_table.table a.remove:hover {
background-color: transparent;
}
.cart-actios {
padding-top: 40px;
padding-bottom: 100px;
}
.coupon {
max-width: 330px;
margin-left: 50px;
}
.coupon .form-control {
margin-bottom: 0px;
}
.coupon .btn {
border-radius: 0px;
padding: 13px 24px;
}
.cart_table_wraper {
margin-bottom: 40px;
padding-bottom: 40px;
border-bottom: 1px solid #eaeaea;
}
.cart_table {
max-width: 350px;
margin-left: auto;
margin-bottom: 0px;
}
.cart_table td, .cart_table th {
border-top: 0px;
padding: 0;
padding-bottom: 5px;
font-weight: 400;
}
.cart_table strong {
font-weight: 700;
color: #1e1e1e;
}
.cart_table .highlight {
color: #fe1616;
}
.cart_table tr:last-child td, .cart_table tr:last-child th {
padding-bottom: 0px;
}
.wc-proceed-to-checkout .xs-btn-wraper {
text-align: left;
}
.wc-proceed-to-checkout .btn {
padding: 15px 34px;
}
.cart_table_wraper,
.wc-proceed-to-checkout {
width: calc(100% - 40px);
margin-left: auto;
}
.cart-checkout-wraper {
padding: 80px 60px;
-webkit-box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.08);
background-color: #FFFFFF;
}
.checkout-form-group {
width: calc(100% - 90px);
}
.sign_in_form {
padding-bottom: 30px;
margin-bottom: 60px;
border-bottom: 1px solid #eaeaea;
}
.sign_in_form .simple-btn {
color: #70799f;
font-weight: 400;
text-decoration: underline;
margin-top: 16px;
}
.billing-form .xs-title,
.sign_in_form .xs-title {
margin-bottom: 30px;
}
.billing-form .form-group {
margin-bottom: 30px;
}
.billing-form .form-group:last-child {
margin-bottom: 0px;
}
.checkout_info .xs-title {
padding-bottom: 20px;
margin-bottom: 30px;
border-bottom: 1px solid #eaeaea;
}
.checkout_info .gap {
height: 35px;
}
.checkout_info tbody tr td {
text-align: right;
}
.checkout_info .wc-proceed-to-checkout .xs-btn-wraper {
text-align: right;
}
.checkout_info .cart_table_wraper {
width: calc(100% - 25px);
}
.checkout_info .table tbody + tbody {
border: 0px;
}
.vps-slider-wraper {
background-color: #FFFFFF;
-webkit-box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.08);
}
.vps-slider {
background-color: rgba(255, 255, 255, 0.102);
height: 7px;
border-radius: 0;
border: 0;
width: calc(100% - 15px);
margin: 0 auto;
}
.vps-slider .ui-widget-header {
background-color: #FFFFFF;
border-radius: 0px;
}
.vps-slider .ui-slider-handle {
border-radius: 50%;
width: 20px;
height: 20px;
background-color: #FFFFFF;
border: 0px;
}
.vps-slider .ui-slider-handle::before {
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 10px;
height: 10px;
border-radius: 100%;
background-color: #103dbe;
}
.slider-group {
background-color: #103dbe;
padding: 50px;
}
.slider-range {
margin-top: 36px;
}
.slider-tigger {
position: relative;
padding-top: 40px;
margin: 0 auto;
float: left;
display: inline-block;
width: calc(calc(100% / 5) - 15px);
overflow: hidden;
cursor: pointer;
}
.slider-tigger:not(:last-child) {
margin-right: 15px;
}
.slider-tigger::before {
position: absolute;
content: "";
top: 0;
left: 0;
height: 100%;
width: 100%;
background-image: url(../images/vps/range.png);
background-repeat: no-repeat;
}
.slider-tigger h5 {
color: #5e73cc;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-size: 1.05882rem;
font-weight: 500;
font-family: "Rubik", sans-serif;
margin-bottom: 0px;
}
.slider-tigger.current h5 {
color: #FFFFFF;
}
.slider-content-group {
padding: 80px 60px;
background-repeat: no-repeat;
background-position: right bottom;
}
.slider-container .title {
font-style: italic;
font-weight: 700;
margin-bottom: 0px;
}
.slider-container .price {
color: #103dbe;
font-size: 3.29412rem;
font-weight: 700;
margin-bottom: 24px;
}
.slider-container .desc {
font-size: 0.88235rem;
margin-bottom: 36px;
}
.slider-container .btn {
border-radius: 0px;
padding: 21px 47px;
font-size: 18px;
font-weight: 500;
background-color: #103dbe;
font-family: "Rubik", sans-serif;
}
.slider-container .btn span {
position: relative;
top: 1px;
padding-right: 16px;
}
.vps-pricing-list > li {
max-width: calc(33.33333% - 60px);
width: 100%;
float: left;
display: inline-block;
}
.vps-pricing-list > li:not(:last-child) {
margin-right: 60px;
}
.vps-pricing-list > li > h4 {
font-size: 1.05882rem;
margin-bottom: 5px;
}
.vps-pricing-list > li > p {
margin-bottom: 0px;
font-size: 0.88235rem;
}
.vps-pricing-list:not(:last-child) > li {
padding-bottom: 26px;
margin-bottom: 26px;
border-bottom: 1px solid #e7e7e7;
}
.server-price-wraper .xs-title {
font-size: 1.64706rem;
color: #103dbe;
margin-bottom: 32px;
}
.server-price-table thead tr {
background-color: #103dbe;
color: #FFFFFF;
position: relative;
background-image: url(../images/dedicated-server/1.png);
background-repeat: no-repeat;
}
.server-price-table thead tr th {
border-bottom: 0px;
}
.server-price-table thead tr th, .server-price-table thead tr td, .server-price-table tbody tr th, .server-price-table tbody tr td {
font-size: 0.76471rem;
padding: 22px;
font-weight: 400;
}
.server-price-table tbody {
border: 1px solid #f7f7f7;
}
.server-price-table tbody td, .server-price-table tbody th {
border-right: 1px solid #f7f7f7;
border-top: 0px;
vertical-align: middle;
color: #000000;
}
.server-price-table tbody .price {
color: #fa6700;
}
.server-price-table tbody .price del {
color: #a3a3a3;
padding-right: 6px;
}
.server-price-table tbody a.featured {
color: #fa6700;
}
.server-price-table tbody a.featured.disabled {
pointer-events: none;
color: #9d9d9d;
}
.server-price-table.table-striped tbody tr:nth-of-type(odd) {
background-color: #f7f7f7;
}
.server-price-table .tag {
color: #FFFFFF;
height: 18px;
line-height: 18px;
background-color: #fa6700;
padding: 0 5px;
font-size: 0.64706rem;
display: inline-block;
margin-right: 15px;
}
.server-price-table .tag.featured {
background-color: #103dbe;
}
.server-price-table .tag.featured2 {
background-color: #be3010;
}
.watermark-icon {
position: absolute;
right: -48px;
top: -30px;
color: rgba(255, 255, 255, 0.1);
font-size: 10rem;
z-index: -1;
}
.round-avatar > img {
border-radius: 100%;
}
.btn:not([class*=btn-outline]) {
border: 0px;
}
.btn-primary {
background-color: #1868dd;
}
.btn-primary:hover::before {
background-color: #103dbe;
}
.btn-secondary {
background-color: #FFFFFF;
color: #1868dd;
-webkit-box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 15px 15px 0px rgba(0, 0, 0, 0.1);
}
.btn-secondary:hover {
background-color: #1868dd;
}
.btn-secondary:hover::before {
background-color: #1868dd;
}
.btn-outline-secondary {
border-color: #1868dd;
color: #1868dd;
}
.btn-outline-secondary:hover {
border-color: #103dbe;
}
.btn-outline-secondary:hover::before {
background-color: #103dbe;
}
.btn {
border-radius: 1.61765rem;
padding: 14px 45px;
position: relative;
letter-spacing: -.4px;
overflow: hidden;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
z-index: 1;
}
.btn::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
-webkit-transition: all 0.6s;
-o-transition: all 0.6s;
transition: all 0.6s;
-webkit-transform: scale(0, 1);
-ms-transform: scale(0, 1);
transform: scale(0, 1);
}
.btn:hover::before {
-webkit-transform: scale(1, 1);
-ms-transform: scale(1, 1);
transform: scale(1, 1);
}
.btn.icon-right > i, .btn.icon-left > i {
position: relative;
top: 4px;
}
.btn.icon-right > i {
padding-left: 10px;
float: right;
}
.btn.icon-left > i {
padding-right: 10px;
float: left;
}
.xs-btn-wraper .btn {
margin-right: 15px;
}
.xs-btn-wraper .btn:last-child {
margin-right: 0px;
}
.btn-outline-primary {
color: #FFFFFF;
border-color: #FFFFFF;
}
.btn-outline-primary:hover {
border-color: #1868dd;
}
.btn-outline-primary:hover::before {
background-color: #1868dd;
}
.join-with-us-content .btn:hover::before {
background-color: #103dbe;
}
input.btn-primary:hover {
background-color: #103dbe;
}
input.btn-secondary:hover {
background-color: #1868dd;
}
input.btn-outline-secondary:hover {
background-color: #1868dd;
border-color: #1868dd;
}
.xs-feature-group .btn-secondary:hover::before {
background-color: #103dbe;
}
.preloader-cancel-btn .btn-secondary:hover::before {
background-color: #103dbe;
}
.simple-btn {
font-weight: 700;
display: inline-block;
line-height: 1;
}
.simple-btn i {
font-size: 0.58824rem;
margin-top: 4px;
}
.simple-btn.icon-right i {
float: right;
padding-left: 8px;
}
.simple-btn.icon-left i {
float: left;
padding-right: 8px;
}
.expand-btn {
min-width: 180px;
padding-left: 40px;
padding-right: 0px;
text-align: left;
}
.expand-btn > i {
position: absolute;
right: 8px;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
width: 39px;
height: 39px;
line-height: 38px;
background-color: #2379f6;
text-align: center;
border-radius: 100%;
font-size: 15px;
}
.gloosy-btn {
display: block;
width: 75px;
height: 75px;
line-height: 78px;
border-radius: 100%;
background-color: #FFFFFF;
text-align: center;
font-size: 1.17647rem;
position: relative;
z-index: 1;
}
.gloosy-btn::before {
position: absolute;
content: "";
top: 0%;
left: 0%;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
border-radius: 100%;
height: 100%;
width: 100%;
-webkit-animation: pulse 1.5s linear .5s infinite both;
animation: pulse 1.5s linear .5s infinite both;
background-color: rgba(255, 255, 255, 0.25);
pointer-events: none;
z-index: -1;
}
.gloosy-btn > i {
background: #103dbe;
background: -webkit-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
background: -o-linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
background: linear-gradient(45deg, #103dbe 0%, #13238e 32%, #15095e 99%);
-webkit-filter: drop-shadow(5px 0px 10px rgba(42, 95, 230, 0.35));
filter: drop-shadow(5px 0px 10px rgba(42, 95, 230, 0.35));
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
color: #1868dd;
margin-left: 4px;
}
@-webkit-keyframes pulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
@keyframes pulse {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 1;
}
100% {
-webkit-transform: scale(2.5);
transform: scale(2.5);
opacity: 0;
}
}
.social-list li {
display: inline-block;
margin-right: 10px;
}
.social-list li:last-child {
margin-right: 0px;
}
.social-list li a {
display: block;
width: 42px;
height: 42px;
line-height: 42px;
border-radius: 100%;
border: 1px solid #6b7499;
text-align: center;
font-size: 0.82353rem;
color: #1e1e1e;
}
.social-list li a.facebook {
color: #7289da;
}
.social-list li a.twitter {
color: #2aa3ef;
}
.social-list li a.linkedin {
color: #1178b3;
}
.social-list li a.instagram {
color: #e8715c;
}
.social-list li a.googlePlus {
color: #25D366;
}
.social-list li a.vimeo {
color: #1ab7ea;
}
.social-list.version-2 li a {
color: #FFFFFF;
font-size: 0.70176rem;
width: 35px;
height: 35px;
line-height: 35px;
border: 0px;
}
.social-list.version-2 li a.facebook {
background-color: #4969a8;
}
.social-list.version-2 li a.twitter {
background-color: #2aa3ef;
}
.social-list.version-2 li a.linkedin {
background-color: #1178b3;
}
.social-list.version-2 li a.instagram {
background-color: #e8715c;
}
.social-list.version-2 li a.googlePlus {
background-color: #dc4a38;
}
.social-list.version-2 li a.vimeo {
background-color: #1ab7ea;
}
.social-list.version-3 li a {
border: 1px solid rgba(255, 255, 255, 0.2);
color: #FFFFFF;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.social-list.version-3 li a:hover {
color: #FFFFFF;
background-color: #2aa3ef;
border-color: #2aa3ef;
}
.simple-social-list li {
margin-right: 32px;
}
.simple-social-list li:last-child {
margin-right: 0px;
}
.simple-social-list li a {
color: #FFFFFF;
font-size: 1.05882rem;
}
.select-hidden {
display: none;
visibility: hidden;
padding-right: 10px;
}
.select {
cursor: pointer;
display: inline-block;
position: relative;
font-size: 16px;
color: #7b7b7b;
width: 220px;
height: 40px;
}
.select-styled {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: transparent;
padding: 8px 15px;
-webkit-transition: all 0.2s ease-in;
-o-transition: all 0.2s ease-in;
transition: all 0.2s ease-in;
}
.select-styled:after {
content: "\f107";
position: absolute;
top: 0px;
right: 10px;
font-family: "FontAwesome";
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
}
.select-styled:hover {
background-color: rgba(0, 0, 0, 0);
}
.select-styled:active, .select-styled.active {
background-color: rgba(0, 0, 0, 0);
}
.select-styled:active:after, .select-styled.active:after {
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg);
color: #1868dd;
}
.select-styled.active {
color: #1868dd;
}
.select-options {
display: none;
position: absolute;
top: calc(100% + 20px);
left: -50%;
min-width: 200px;
z-index: 999;
}
.select-options::before {
position: absolute;
content: "";
top: -8px;
left: 50%;
width: 16px;
height: 16px;
-webkit-transform: translateX(-50%) rotate(45deg);
-ms-transform: translateX(-50%) rotate(45deg);
transform: translateX(-50%) rotate(45deg);
z-index: -1;
}
.select-options li {
padding: 15px;
border-top: 1px solid rgba(0, 0, 0, 0);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #FFFFFF;
}
.select-options li:hover {
background: #1352af;
}
.select-options li[rel="hide"] {
display: none;
}
.select-options,
.select-options::before {
background-color: #1868dd;
}
.xs-heading {
margin-bottom: 75px;
text-align: center;
}
.xs-heading .heading-sub-title {
color: #8c8c8c;
font-size: 1.17647rem;
font-weight: 400;
font-family: "Karla", sans-serif;
}
.xs-heading .heading-title {
font-size: 2.11765rem;
font-weight: 700;
}
.xs-heading .heading-title span {
color: #103dbe;
}
.xs-heading.heading-v2 .heading-title {
font-weight: 500;
}
.content-title {
font-size: 1.76471rem;
font-weight: 700;
}
.content-title-wraper {
margin-bottom: 40px;
}
.content-title-wraper .content-title {
margin-bottom: 0px;
}
.main-nav-tab {
-webkit-box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.08);
box-shadow: 0px 20px 45px 0px rgba(0, 0, 0, 0.08);
border-radius: 1.61765rem;
max-width: 260px;
margin: 0 auto;
background-color: #FFFFFF;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 5px 0;
z-index: 1;
position: relative;
}
.main-nav-tab li {
display: inline-block;
}
.main-nav-tab li a {
display: block;
color: #5f5f5f;
min-width: 125px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
padding: 8px 31px;
text-align: center;
}
.main-nav-tab li a.active {
color: #FFFFFF;
background-color: #1868dd;
}
.main-nav-tab.tab-v2 {
background-color: #5333ed;
}
.main-nav-tab.tab-v2 li a {
color: #FFFFFF;
}
.main-nav-tab.tab-v2 li a.active {
background-color: #FFFFFF;
color: #5333ed;
}
.main-nav-tab.tab-v3 {
background-color: #00eaff;
}
.main-nav-tab.tab-v3 li a {
color: #24146d;
}
.main-nav-tab.tab-v3 li a.active {
color: #00eaff;
background-color: #24146d;
}
.main-nav-tab li a,
.tab-swipe .indicator {
border-radius: 1.35294rem;
}
.tab-swipe {
position: relative;
}
.tab-swipe .indicator {
background-color: #1868dd;
position: absolute;
left: 0;
z-index: -1;
top: 50%;
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
-webkit-transition: all .6s ease;
-o-transition: all .6s ease;
transition: all .6s ease;
height: calc(100% - 10px);
}
.tab-swipe li a.active {
background-color: transparent;
}
.tab-swipe.tab-v2 .indicator {
background-color: #FFFFFF;
}
.tab-swipe.tab-v2 li a.active {
background-color: transparent;
}
.tab-swipe.tab-v3 .indicator {
background-color: #24146d;
}
.tab-swipe.tab-v3 li a.active {
background-color: transparent;
}
.main-nav-tab-2 {
margin-bottom: 50px;
}
.main-nav-tab-2.nav-tabs {
border-bottom: 1px solid rgba(9, 208, 201, 0.25);
}
.main-nav-tab-2 li {
width: calc(100% / 4);
}
.main-nav-tab-2 li a {
display: block;
text-align: center;
color: #FFFFFF;
font-family: "Rubik", sans-serif;
font-size: 1.17647rem;
font-weight: 500;
padding-bottom: 40px;
}
.main-nav-tab-2 li a > p {
min-height: 46px;
display: block;
margin-bottom: 15px;
}
.main-nav-tab-2.tab-swipe .indicator {
top: inherit;
-webkit-transform: none;
-ms-transform: none;
transform: none;
bottom: -1px;
border-radius: 0px;
height: 2px;
background-color: #09d0c9;
}
.list-inline > li {
display: inline-block;
}
.xs-list li {
letter-spacing: -0.4px;
}
.xs-list li i {
padding-right: 5px;
}
.xs-list.check li {
position: relative;
}
.xs-list.check li::before {
padding-right: 16px;
content: "\ea71";
font-family: "iconfont";
color: #1868dd;
position: relative;
top: 3px;
font-size: 0.88235rem;
}
.xs-list.bullet li {
position: relative;
}
.xs-list.bullet li::before {
content: "";
display: inline-block;
width: 8px;
height: 8px;
border-radius: 50%;
border: 1px solid #FFFFFF;
margin-right: 10px;
}
.breadcrumbs > li > a {
color: #FFFFFF;
}
.breadcrumbs > li:not(:first-child) {
position: relative;
}
.breadcrumbs > li:not(:first-child)::before {
content: "/";
padding: 0 3px;
display: inline-block;
}
.xs-accordion {
margin-bottom: 75px;
}
.xs-accordion > .card {
border: 0;
background-color: #FFFFFF;
margin-bottom: 20px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
border-radius: 0px;
}
.xs-accordion > .card:last-child {
margin-bottom: 0px;
}
.xs-accordion > .card > .card-header {
border-bottom: 0;
background-color: transparent;
border-radius: 0px;
padding: 0;
}
.xs-accordion > .card > .card-header > a {
display: block;
color: #292929;
font-family: "Rubik", sans-serif;
background-color: #f8fafe;
font-weight: 500;
padding: 19px 0;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-accordion > .card > .card-header > a > i {
position: absolute;
right: 30px;
top: 25px;
-webkit-transform: rotateX(0deg);
transform: rotateX(0deg);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
font-size: 0.70588rem;
-webkit-transform-origin: center center;
-ms-transform-origin: center center;
transform-origin: center center;
color: #000000;
}
.xs-accordion > .card > .card-header > a[aria-expanded="true"] {
background-color: transparent;
}
.xs-accordion > .card > .card-header > a[aria-expanded="true"] > i {
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg);
}
.xs-accordion > .card.isActive {
-webkit-box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.06);
box-shadow: 0px 10px 25px 0px rgba(0, 0, 0, 0.06);
}
.xs-accordion > .card.isActive > .card-header > a {
color: #103dbe;
}
.xs-accordion .card-body {
padding-top: 0px;
padding-bottom: 30px;
}
.xs-accordion .card-body p {
margin-bottom: 0px;
}
.xs-accordion > .card > .card-header > a,
.xs-accordion .card-body {
padding-left: 30px;
padding-right: 30px;
}
.xs-accordion > .small {
font-weight: 500;
margin-bottom: 35px;
}
.xs-accordion:last-child {
margin-bottom: 0px;
}
.xs-bg-gray .xs-accordion > .card > .card-header > a {
background-color: #FFFFFF;
}
.xs-map {
height: 500px;
}
.xs-map + .xs-footer-section {
margin-top: -150px;
}
.custom-control {
line-height: 1;
min-height: 100%;
}
.custom-control .custom-control-label::after,
.custom-control .custom-control-label::before {
width: 14px;
height: 14px;
top: 2px;
-webkit-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
-o-transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
transition: all 0.4s cubic-bezier(0.77, 0, 0.175, 1);
}
.custom-control .custom-control-label::after {
-webkit-transform: scale(0);
-ms-transform: scale(0);
transform: scale(0);
}
.custom-control .custom-control-input:checked ~ .custom-control-label::after {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
}
.custom-control .custom-control-input:checked ~ .custom-control-label::before {
border-color: #1868dd;
background-color: #1868dd;
}
.custom-control .custom-control-label::before {
background-color: #FFFFFF;
border: 1px solid #afb6d2;
pointer-events: visible;
cursor: pointer;
border-radius: 0px;
}
.custom-control .custom-control-input:focus ~ .custom-control-label::before {
-webkit-box-shadow: none;
box-shadow: none;
}
.custom-control .custom-control-label {
margin-bottom: 0;
font-size: 0.88235rem;
color: #70799f;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
cursor: pointer;
line-height: 1;
}
.custom_number {
position: relative;
height: 37px;
width: 162px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
margin: 0 auto;
}
.custom_number .sub,
.custom_number .add {
float: left;
width: 50px;
height: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
cursor: pointer;
-webkit-transition: all .4s ease;
-o-transition: all .4s ease;
transition: all .4s ease;
}
.custom_number .add {
float: right;
}
.custom_number input[type="number"] {
height: 100%;
width: auto;
background-color: #FFFFFF;
text-align: center;
pointer-events: none;
border: 1px solid #eaeaea;
width: 62px;
color: #70799f;
}
.custom_number input[type="number"]::-webkit-inner-spin-button,
.custom_number input[type="number"]::-webkit-outer-spin-button {
-webkit-appearance: none;
margin: 0;
}
.pagination li {
display: inline-block;
margin: 0 6px 0 0;
}
.pagination li:last-child {
margin: 0;
}
.pagination li a {
width: 40px;
height: 40px;
line-height: 38px;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
color: #626c84;
border: 1px solid;
padding: 0;
border-radius: 100%;
text-align: center;
font-size: 0.94118rem;
}
.pagination li a:hover, .pagination li a.current {
background-color: #1868dd;
color: #FFFFFF;
border-color: #1868dd;
}
.pagination .page-item:first-child .page-link,
.pagination .page-item:last-child .page-link {
border-radius: 100%;
}
.pagination .page-item:last-child .page-link {
font-size: 0.70588rem;
}
.pagination .page-item.disabled a,
.pagination li a {
border-color: #f1f1f1;
}
#preloader {
position: fixed;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
z-index: 9999999999;
background-color: rgba(255, 255, 255, 0.6);
backdrop-filter: blur(5px);
-webkit-transition: all 1s ease-in;
-o-transition: all 1s ease-in;
transition: all 1.5s ease-in;
}
#preloader .preloader-logo img {
width: 250px;
height: auto;
margin-bottom: 50px;
}
#preloader .preloader-close .close-btn {
position: relative;
margin-top: 25px;
font-size: 24px;
color: #333;
text-decoration: none;
background: rgba(255, 255, 255, 0.9);
padding: 5px 10px;
border-radius: 50%;
border: 1px solid #ddd;
transition: all 0.5s ease;
}
#preloader .preloader-close .close-btn:hover {
background: #f44336;
color: #fff;
}
#preloader .preloader-cancel-btn {
display: none;
}
#preloader.loaded {
top: -150%;
transition: all 1.5s ease-in;
}
#preloader.loaded .preloader-cancel-btn {
bottom: 150%;
}
.preloader-wrapper {
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
position: absolute;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.spinner {
width: 40px;
height: 40px;
background-color: #FFFFFF;
-webkit-animation: sk-rotateplane 1.2s infinite ease-in-out;
animation: sk-rotateplane 1.2s infinite ease-in-out;
margin-bottom: 20px;
}
@-webkit-keyframes sk-rotateplane {
0% {
-webkit-transform: perspective(120px);
}
50% {
-webkit-transform: perspective(120px) rotateY(180deg);
}
100% {
-webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);
}
}
@keyframes sk-rotateplane {
0% {
transform: perspective(120px) rotateX(0deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
}
50% {
transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
-webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
}
100% {
transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
-webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
}
}
.terms-wraper:not(:last-child) {
margin-bottom: 30px;
}
.order-list {
padding-left: 0px;
margin-bottom: 0px;
}
.order-list li {
list-style: decimal;
list-style-position: inside;
}
.order-list li:not(:last-child) {
margin-bottom: 10px;
}
.nav-sticky {
-webkit-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-sticky.sticky-header {
position: fixed;
-webkit-transform: translateY(-150%);
-ms-transform: translateY(-150%);
transform: translateY(-150%);
background-color: #1868dd;
width: 100%;
z-index: 100;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.nav-sticky.sticky-header .xs-logo {
padding: 20px 0;
}
.nav-sticky.sticky-header .xs-menu-tools {
padding: 26px 0;
}
.nav-sticky.sticky-header .xs-menu-tools > li > a {
color: #FFFFFF;
}
.nav-sticky.sticky-header .xs-menus .nav-menu > li > a {
padding: 30px 0px;
color: #FFFFFF;
}
.nav-sticky.sticky-header .xs-menus .nav-menu > li > a .submenu-indicator-chevron {
border-color: transparent #FFFFFF #FFFFFF transparent;
}
.nav-sticky.sticky-header.sticky {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
}
.nav-sticky.sticky-header.nav-light {
background-color: #FFFFFF;
-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);
}
.nav-sticky.sticky-header .xs-top-bar {
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
margin-top: -50px;
}
.nav-sticky.sticky-header .header-boxed > .container::before {
background-color: transparent;
-webkit-box-shadow: none;
box-shadow: none;
}
.nav-sticky.sticky-header .sticky-logo {
display: block;
}
.nav-sticky.sticky-header .main-logo {
display: none;
}
.nav-sticky .xs-top-bar {
-webkit-transform: translateY(0%);
-ms-transform: translateY(0%);
transform: translateY(0%);
margin-top: 0px;
-webkit-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-sticky .nav-menu > li > a {
-webkit-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-sticky .xs-logo {
-webkit-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-sticky .xs-menu-tools > li > a {
-webkit-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
-o-transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
transition: all 0.6s cubic-bezier(0.65, 0.05, 0.36, 1);
}
.nav-sticky .xs-menus .megamenu-panel:not(.xs-icon-menu):not(.xs-service-menu) {
overflow-y: scroll;
height: 500px;
}
.sticky-logo {
display: none;
}
.location {
display: inline-block;
}
.location_indicator {
position: relative;
width: 15px;
height: 15px;
background-color: #1868dd;
border-radius: 50%;
}
.location_indicator::before, .location_indicator::after {
position: absolute;
content: "";
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
height: 100%;
width: 100%;
background-color: #1868dd;
border-radius: 50%;
-webkit-animation: pulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
animation: pulse 3s infinite cubic-bezier(0.4, 0, 1, 1) both;
}
.location_indicator::after {
-webkit-animation-delay: .5s;
animation-delay: .5s;
}
@keyframes pulse {
0% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0.2);
box-shadow: 0 0 0 0 rgba(12, 90, 219, 0.2);
}
70% {
-webkit-box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
box-shadow: 0 0 0 30px rgba(12, 90, 219, 0);
}
100% {
-webkit-box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
box-shadow: 0 0 0 0 rgba(12, 90, 219, 0);
}
}
.tooltip.show {
opacity: 1;
}
.tooltip .tooltip-inner {
padding: 15px;
width: 100%;
max-width: 300px;
text-align: left;
background-color: #FFFFFF;
-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
box-shadow: 0 0 20px rgba(0, 0, 0, 0.05);
}
.location-name {
font-size: 1.05882rem;
font-weight: 500;
margin-bottom: 10px;
}
.location-des {
margin-bottom: 0;
color: #000000;
}
.tooltip .arrow::before {
color: #FFFFFF;
}
.bs-tooltip-auto[x-placement^=top] .arrow::before,
.bs-tooltip-top .arrow::before {
border-top-color: currentColor;
}
.bs-tooltip-auto[x-placement^=bottom] .arrow::before,
.bs-tooltip-bottom .arrow::before {
border-bottom-color: currentColor;
}
.bs-tooltip-auto[x-placement^=right] .arrow::before,
.bs-tooltip-right .arrow::before {
border-right-color: currentColor;
}
.bs-tooltip-auto[x-placement^=left] .arrow::before,
.bs-tooltip-left .arrow::before {
border-left-color: currentColor;
}
.location-groups {
position: relative;
}
.location-groups .location {
position: absolute;
}
.location-groups .location.location-1 {
top: 29%;
left: 15%;
}
.location-groups .location.location-2 {
top: 51%;
left: 50%;
}
.location-groups .location.location-3 {
right: 20%;
top: 20%;
}
.location-groups .location.location-4 {
top: 10%;
left: 35%;
}
.location-groups .location.location-5 {
left: 30%;
bottom: 24%;
}
.location-groups .location.location-6 {
right: 9%;
bottom: 16%;
}
.shuufle-letter-title {
font-size: 6rem;
font-weight: 700;
margin-bottom: 0px;
font-family: "Karla", sans-serif;
line-height: 1;
color: #f8fafe;
}
.pricing-section .shuffle-letter-title-wraper + .container {
margin-top: -17px;
}
.owl-dots {
text-align: center;
margin-top: 15px;
}
.owl-dots .owl-dot {
background-color: transparent;
border: 0px;
outline: none;
}
.owl-dots .owl-dot > span {
display: block;
width: 8px;
height: 8px;
border-radius: 50%;
background-color: #5333ed;
opacity: .15;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.owl-dots .owl-dot.active > span {
opacity: .60;
-webkit-transform: scale(2);
-ms-transform: scale(2);
transform: scale(2);
}
.single-menu-panle {
position: relative;
}
.single-menu-panle .menu-highlight-badge {
display: block;
position: absolute;
width: 50px;
height: 50px;
line-height: 50px;
border-radius: 50%;
background-color: #103dbe;
color: #FFFFFF;
font-size: 0.76471rem;
text-align: center;
top: 5px;
right: 5px;
}
.xs-section-padding {
padding: 100px 0;
}
.xs-section-padding-bottom {
padding-bottom: 100px;
}
.xs-section-padding-top {
padding-top: 100px;
}
.xs-mb-0 {
margin-bottom: 0px;
}
.xs-pb-0 {
padding-bottom: 0px;
}
.xs-mb-1 {
margin-bottom: 10px;
}
.xs-pb-1 {
padding-bottom: 10px;
}
.xs-mb-2 {
margin-bottom: 20px;
}
.xs-pb-2 {
padding-bottom: 20px;
}
.xs-mb-3 {
margin-bottom: 30px;
}
.xs-pb-3 {
padding-bottom: 30px;
}
.xs-mb-4 {
margin-bottom: 40px;
}
.xs-pb-4 {
padding-bottom: 40px;
}
.xs-mb-5 {
margin-bottom: 50px;
}
.xs-pb-5 {
padding-bottom: 50px;
}
.xs-mb-6 {
margin-bottom: 60px;
}
.xs-pb-6 {
padding-bottom: 60px;
}
.xs-mb-7 {
margin-bottom: 70px;
}
.xs-pb-7 {
padding-bottom: 70px;
}
.xs-mb-8 {
margin-bottom: 80px;
}
.xs-pb-8 {
padding-bottom: 80px;
}
.xs-mb-9 {
margin-bottom: 90px;
}
.xs-pb-9 {
padding-bottom: 90px;
}
.xs-mb-10 {
margin-bottom: 100px;
}
.xs-pb-10 {
padding-bottom: 100px;
}
.xs-margin-0 {
margin: 0;
}
.xs-padding-0 {
padding: 0;
}
.xs-overlay {
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: .5;
z-index: 0;
}
.parallax-window {
background-attachment: fixed;
}
.xs-color-black {
color: #000000;
}
.xs-bg-black {
background-color: #000000;
}
.xs-color-white {
color: #FFFFFF;
}
.xs-bg-white {
background-color: #FFFFFF;
}
.xs-color-primary {
color: #1868dd;
}
.xs-bg-primary {
background-color: #1868dd;
}
.xs-color-secondary {
color: #103dbe;
}
.xs-bg-secondary {
background-color: #103dbe;
}
.xs-color-gray {
color: #f8fafe;
}
.xs-bg-gray {
background-color: #f8fafe;
}
.form-control:focus {
-webkit-box-shadow: none;
box-shadow: none;
}
p, span, small, strong, a {
letter-spacing: -0.4px;
}
h1, h2, h3, h4 {
font-family: "Rubik", sans-serif;
}
h1, h2, h3, h4, h5, h6 {
color: #1e1e1e;
}
a {
color: #3482ff;
}
.xs-title,
h4 {
font-size: 1.41176rem;
font-weight: 500;
margin-bottom: 16px;
}
.xs-title.small,
h4.small {
font-size: 1.17647rem;
}
.xs-title a,
h4 a {
color: #1e1e1e;
display: inline-block;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.xs-title a:hover,
h4 a:hover {
color: #1868dd;
}
.nav-tabs {
border-bottom: 0px;
}
.owl-carousel .owl-item img {
width: auto;
}
.bg-gradient {
background: #1045db;
background: -webkit-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
background: -o-linear-gradient(135deg, #1045db 0%, #15095e 60%, #15095e 99%);
background: linear-gradient(-45deg, #1045db 0%, #15095e 60%, #15095e 99%);
}
.bg-gradient .heading-sub-title,
.bg-gradient .heading-title,
.bg-gradient .heading-title span {
color: #FFFFFF;
}
.tab-pane.animated {
-webkit-animation-duration: 1.5s;
animation-duration: 1.5s;
}
.mfp-iframe-scaler iframe {
-webkit-box-shadow: none;
box-shadow: none;
background: transparent;
}
img {
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-o-user-select: none;
-ms-user-select: none;
user-select: none;
}
.contact-widget {
position: fixed;
bottom: 20px;
left: 20px;
z-index: 1000;
display: flex;
flex-direction: column;
align-items: center;
}
.widget-button {
background-color: #3b5998;
color: #fff;
border: none;
border-radius: 50%;
padding: 15px;
cursor: pointer;
font-size: 24px;
transition: all 0.3s;
display: flex;
justify-content: center;
align-items: center;
width: 50px;
height: 50px;
position: relative;
z-index: 2;
}
.widget-button:hover::after {
content: "Menüyü Kapat";
position: absolute;
top: -30px;
left: 50%;
transform: translateX(-50%);
background-color: #333;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
font-size: 12px;
display: none;
}
.widget-button.open {
background-color: #555;
}
.contact-links {
display: none;
flex-direction: column;
gap: 10px;
margin-top: 10px;
}
.contact-links.open {
display: flex;
animation: itemsSlideUp 0.5s forwards;
}
.contact-item-wrapper {
position: relative;
display: flex;
align-items: center;
opacity: 0;
transform: scale(0.5) translateY(30px);
animation: none;
}
.contact-item {
display: block;
width: 50px;
height: 50px;
color: #fff;
border-radius: 50%;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
font-size: 24px;
transition: all 0.3s;
}
.contact-item:hover {
background-color: #222;
}
.contact-text {
display: none;
background-color: #333;
color: #fff;
padding: 5px 10px;
border-radius: 5px;
margin-left: 10px;
font-size: 14px;
white-space: nowrap;
position: absolute;
left: 60px;
top: 50%;
transform: translateY(-50%);
}
.contact-item-wrapper:hover .contact-text {
display: block;
}
@keyframes itemsSlideUp {
0% {
opacity: 0;
transform: scale(0.5) translateY(30px);
}
100% {
opacity: 1;
transform: scale(1) translateY(0);
}
}
@keyframes itemsSlideDown {
0% {
opacity: 1;
transform: scale(1) translateY(0);
}
100% {
opacity: 0;
transform: scale(0.5) translateY(30px);
}
}
.guvenhost-slider {
position: relative;
width: 100%;
max-width: 100%;
height: 450px;
overflow: hidden;
font-family: 'Karla', sans-serif;
margin: 0;
padding: 0;
}
.guvenhost-slider * {
box-sizing: border-box;
font-family: 'Karla', sans-serif;
margin: 0;
padding: 0;
}
/* Slides */
.guvenhost-slider-slides {
display: flex;
width: 300%; /* 3 slides */
height: 100%;
transition: transform 0.5s ease-in-out;
}
.guvenhost-slider-slide {
width: 33.333%; /* Each slide takes 1/3 of the total width */
height: 100%;
position: relative;
overflow: hidden;
}
/* Slide Background */
.guvenhost-slider-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
background-repeat: no-repeat;
z-index: 1;
}
/* Dark Overlay */
.guvenhost-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(13, 25, 42, 0.75); /* Dark blue with opacity */
z-index: 2;
}
/* Slide Content */
.guvenhost-slider-content {
position: relative;
z-index: 3;
color: #ffffff;
padding: 0 50px;
max-width: 1200px;
margin: 0 auto;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
}
/* Text Container */
.guvenhost-slider-text {
flex: 1;
padding-right: 30px;
}
/* Slide Title */
.guvenhost-slider-title {
font-size: 48px;
font-weight: 700;
margin-bottom: 20px;
color: #ffffff !important; /* Yazı beyaz ve zorlayıcı şekilde uygulanır */
}
/* Slide Description */
.guvenhost-slider-description {
font-size: 20px;
font-weight: 400;
line-height: 1.5;
max-width: 600px;
}
/* Image Container */
.guvenhost-slider-image {
flex: 1;
display: flex;
justify-content: center;
align-items: center;
max-width: 500px;
}
.guvenhost-slider-image img {
max-width: 100%;
max-height: 300px;
object-fit: contain;
}
/* Navigation Dots */
.guvenhost-slider-dots {
position: absolute;
bottom: 30px;
left: 0;
right: 0;
display: flex;
justify-content: center;
gap: 10px;
z-index: 4;
}
.guvenhost-slider-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.5);
cursor: pointer;
transition: all 0.3s ease;
}
.guvenhost-slider-dot.active {
background-color: #ffffff;
width: 30px;
border-radius: 6px;
}
/* Navigation Arrows */
.guvenhost-slider-arrow {
position: absolute;
top: 50%;
transform: translateY(-50%);
width: 50px;
height: 50px;
background-color: rgba(255, 255, 255, 0.2);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
z-index: 4;
transition: all 0.3s ease;
}
.guvenhost-slider-arrow:hover {
background-color: rgba(255, 255, 255, 0.3);
}
.guvenhost-slider-arrow-left {
left: 20px;
}
.guvenhost-slider-arrow-right {
right: 20px;
}
.guvenhost-slider-arrow svg {
width: 20px;
height: 20px;
fill: #ffffff;
}
/* Responsive Design */
@media (max-width: 992px) {
.guvenhost-slider-content {
flex-direction: column;
justify-content: center;
text-align: center;
padding: 30px;
}
.guvenhost-slider-text {
padding-right: 0;
margin-bottom: 30px;
}
.guvenhost-slider-image {
max-width: 100%;
}
.guvenhost-slider-image img {
max-height: 200px;
}
}
@media (max-width: 768px) {
.guvenhost-slider {
height: 500px;
}
.guvenhost-slider-title {
font-size: 36px;
}
.guvenhost-slider-description {
font-size: 18px;
}
}
@media (max-width: 480px) {
.guvenhost-slider {
height: 450px;
}
.guvenhost-slider-content {
padding: 20px;
}
.guvenhost-slider-title {
font-size: 28px;
}
.guvenhost-slider-description {
font-size: 16px;
}
.guvenhost-slider-image img {
max-height: 150px;
}
.guvenhost-slider-arrow {
width: 40px;
height: 40px;
}
}
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
font-family: 'Karla', sans-serif;
overflow-x: hidden;
width: 100%;
max-width: 100%;
}
/* Top Bar */
.topbar {
background-color: #0a1a35;
color: #ffffff;
padding: 10px 20px;
display: flex;
justify-content: space-between;
align-items: center;
font-size: 14px;
}
.topbar-left {
display: flex;
align-items: center;
gap: 20px;
}
.topbar-right {
display: flex;
align-items: center;
}
.topbar a {
color: #ffffff;
text-decoration: none;
display: flex;
align-items: center;
gap: 5px;
}
.topbar a:hover {
color: #4d9aff;
}
.topbar-divider {
margin: 0 15px;
color: #2c3e50;
}
.support-btn {
background-color: transparent;
border: none;
color: #4d9aff;
cursor: pointer;
display: flex;
align-items: center;
gap: 5px;
font-size: 14px;
}
.support-btn:hover {
color: #ffffff;
}
/* Main Navigation */
.header-container {
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 1000;
background-color: white;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}
.main-header {
background-color: #ffffff;
padding: 15px 20px;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
z-index: 100;
}
.logo {
max-width: 180px;
height: auto;
}
.logo img {
max-width: 100%;
height: auto;
}
.main-nav {
display: flex;
align-items: center;
gap: 5px;
}
.nav-item {
position: relative;
}
.nav-link {
display: flex;
flex-direction: column;
align-items: center;
padding: 10px 15px;
color: #333;
text-decoration: none;
font-weight: 500;
border-radius: 4px;
transition: all 0.2s;
position: relative;
height: 50px; /* Yüksekliği azaltıldı */
justify-content: center; /* İçeriği ortaya hizalar */
}
.nav-link:hover {
background-color: #f5f5f5;
}
.nav-link.active {
color: #4d9aff;
}
.nav-tag {
font-size: 10px;
padding: 2px 6px;
border-radius: 3px;
color: white;
font-weight: 600;
margin-bottom: 5px;
white-space: nowrap;
position: absolute;
top: -10px; /* Etiketleri yukarı kaydırmak için değiştirildi */
}
.nav-tag.blue {
background-color: #4d9aff;
}
.nav-tag.red {
background-color: #ff4d4d;
}
.nav-tag.green {
background-color: #4dff88;
}
.nav-tag.orange {
background-color: #ffb84d;
}
.nav-tag.purple {
background-color: #9b4dff;
}
.nav-content {
display: flex;
align-items: center;
gap: 5px;
}
.dropdown-icon {
transition: transform 0.2s;
}
.nav-item:hover .dropdown-icon {
transform: rotate(180deg);
}
/* Right Side Navigation */
.header-right {
display: flex;
align-items: center;
gap: 15px;
}
.account-btn {
background-color: #4d9aff;
color: white;
border: none;
border-radius: 50px;
padding: 10px 20px;
font-weight: 600;
cursor: pointer;
display: flex;
align-items: center;
gap: 8px;
transition: all 0.2s;
}
.account-btn:hover {
background-color: #2a7dd6;
}
/* Mega Menu */
.mega-menu {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
width: 620px; /* Daraltıldı */
background-color: white;
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
padding: 0;
display: none;
z-index: 99;
border: 1px solid #eee;
}
.nav-item:hover .mega-menu {
display: block;
}
.mega-menu-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 0;
}
.mega-menu-item {
display: flex;
padding: 14px; /* Yukarıdan aşağıya ufaltıldı */
transition: all 0.3s ease; /* Geçiş süresini artırdım */
cursor: pointer;
text-decoration: none;
color: inherit;
border-bottom: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
align-items: center;
gap: 10px; /* Azaltıldı */
position: relative;
overflow: hidden;
}
.mega-menu-item:nth-child(2n) {
border-right: none;
}
.mega-menu-item:nth-child(3), .mega-menu-item:nth-child(4) {
border-bottom: none;
}
.mega-menu-item:hover {
background-color: #e6f0ff; /* Daha belirgin mavi tonu */
transform: translateY(-2px); /* Hafif yukarı kalkma efekti */
box-shadow: 0 4px 8px rgba(77, 154, 255, 0.1); /* Mavi gölge efekti */
}
.mega-menu-item:hover .mega-menu-title {
color: #4d9aff; /* Başlık rengini maviye çevir */
}
.mega-menu-item:hover::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 2px;
background-color: #4d9aff; /* Alt çizgi efekti */
}
.mega-menu-icon {
width: 48px; /* Küçültüldü */
height: 48px; /* Küçültüldü */
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
align-self: center;
transition: transform 0.3s ease; /* İkon için geçiş efekti */
}
.mega-menu-item:hover .mega-menu-icon {
transform: scale(1.1); /* İkonu büyütme efekti */
}
.mega-menu-icon img {
width: 100%;
height: auto;
object-fit: contain;
}
.mega-menu-content {
flex: 1;
display: flex;
flex-direction: column;
justify-content: center;
padding-left: 5px; /* Ana başlıkları sağa kaydırmak için */
}
.mega-menu-title {
font-weight: 600;
font-size: 14px; /* Küçültüldü */
margin-bottom: 2px; /* Azaltıldı */
color: #333;
line-height: 1.3;
text-align: left; /* Başlıkları sola hizala */
transition: color 0.3s ease; /* Renk değişimi için geçiş efekti */
}
.mega-menu-description {
font-size: 12px; /* Küçültüldü */
color: #666;
line-height: 1.3;
text-align: left; /* Açıklamaları sola hizala */
}
.mega-menu-footer {
padding: 12px 14px; /* Azaltıldı */
border-top: 1px solid #eee;
display: flex;
justify-content: space-between;
align-items: center;
background-color: #f9f9f9;
border-radius: 0 0 10px 10px;
transition: background-color 0.3s ease; /* Arka plan rengi değişimi için geçiş efekti */
}
.mega-menu-footer:hover {
background-color: #e6f0ff; /* Hover durumunda arka plan rengini değiştir */
}
.mega-menu-price {
display: flex;
align-items: center;
gap: 8px;
font-size: 12px; /* Küçültüldü */
}
.mega-menu-price-icon {
display: flex;
align-items: center;
justify-content: center;
transition: transform 0.3s ease; /* İkon için geçiş efekti */
}
.mega-menu-footer:hover .mega-menu-price-icon {
transform: rotate(10deg); /* İkonu döndürme efekti */
}
.mega-menu-price-icon img {
width: 16px; /* Küçültüldü */
height: 16px; /* Küçültüldü */
}
.mega-menu-price-text {
font-weight: 500;
color: #333;
}
.mega-menu-btn {
display: flex;
align-items: center;
gap: 5px;
color: #4d9aff;
font-weight: 600;
font-size: 12px; /* Küçültüldü */
text-decoration: none;
transition: all 0.3s ease; /* Tüm geçişler için */
}
.mega-menu-btn:hover {
color: #2a7dd6; /* Daha koyu mavi */
transform: translateX(3px); /* Sağa doğru hafif kayma efekti */
}
.mega-menu-btn:hover svg {
transform: translateX(3px); /* Ok ikonunu sağa kaydırma */
}
/* Mobile Menu Button */
.mobile-menu-btn {
display: none;
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #333;
}
/* Mobile Menu */
.mobile-menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: 1000;
overflow-y: auto;
transform: translateX(-100%);
transition: transform 0.3s ease;
}
.mobile-menu.active {
transform: translateX(0);
}
.mobile-menu-header {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
border-bottom: 1px solid #eee;
}
.mobile-menu-close {
background: none;
border: none;
font-size: 24px;
cursor: pointer;
color: #333;
}
.mobile-menu-items {
padding: 20px;
}
.mobile-menu-item {
margin-bottom: 15px;
}
.mobile-menu-link {
display: flex;
justify-content: space-between;
align-items: center;
padding: 10px 0;
color: #333;
text-decoration: none;
font-weight: 500;
border-bottom: 1px solid #eee;
}
.mobile-menu-link.active {
color: #4d9aff;
}
.mobile-submenu {
padding-left: 20px;
margin-top: 10px;
display: none;
}
.mobile-submenu.active {
display: block;
}
.mobile-submenu-item {
margin-bottom: 10px;
}
.mobile-submenu-link {
display: block;
padding: 8px 0;
color: #666;
text-decoration: none;
}
/* Content padding for fixed header */
.content {
padding-top: 120px; /* Adjust based on your header height */
}
/* Slider için boşluk bırakma */
.slider-space {
height: 120px; /* Header yüksekliği kadar */
}
/* Responsive Design */
@media (max-width: 1200px) {
.nav-link {
padding: 10px 10px;
}
}
@media (max-width: 992px) {
.main-nav {
display: none;
}
.mobile-menu-btn {
display: block;
}
.header-right {
gap: 10px;
}
.account-btn span {
display: none;
}
.account-btn {
padding: 10px;
}
.content {
padding-top: 80px;
}
}
@media (max-width: 768px) {
/* Mobil görünümde topbar'ı gizle */
.topbar {
display: none;
}
.main-header {
padding: 10px;
}
.logo {
max-width: 150px;
}
.mega-menu {
width: 100%;
left: 0;
transform: none;
}
.mega-menu-grid {
grid-template-columns: 1fr;
}
.mega-menu-item {
border-right: none;
}
.mega-menu-item:nth-child(3) {
border-bottom: 1px solid #f0f0f0;
}
/* Mobil görünümde slider'ın tam gözükmesi için */
.slider-space {
height: 60px; /* Topbar kaldırıldığı için daha az boşluk */
}
/* Header container'ın top değerini sıfırla */
.header-container {
top: 0;
}
}
@media (max-width: 480px) {
.header-right {
gap: 5px;
}
/* Mobil görünümde slider'ın tam gözükmesi için */
.slider-space {
height: 50px; /* En küçük ekranlarda daha da az boşluk */
}
}
.guvenhost-anasayfa1-container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Karla', sans-serif;
color: #333;
line-height: 1.6;
}
.guvenhost-anasayfa1-header {
text-align: center;
margin-bottom: 50px;
}
.guvenhost-anasayfa1-tagline {
color: #3b82f6;
font-size: 16px;
font-weight: 600;
margin-bottom: 10px;
}
.guvenhost-anasayfa1-title {
font-size: 36px;
font-weight: 800;
color: #1e293b;
margin-bottom: 16px;
line-height: 1.2;
}
.guvenhost-anasayfa1-subtitle {
font-size: 16px;
color: #64748b;
max-width: 700px;
margin: 0 auto;
}
.guvenhost-anasayfa1-cards {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 24px;
}
.guvenhost-anasayfa1-card {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
padding: 30px;
display: flex;
flex-direction: column;
align-items: center;
text-align: center;
transition: transform 0.3s ease;
}
.guvenhost-anasayfa1-card:hover {
transform: translateY(-5px);
}
.guvenhost-anasayfa1-icon {
margin-bottom: 24px;
}
.guvenhost-anasayfa1-icon img {
width: 64px;
height: 64px;
}
.guvenhost-anasayfa1-card-title {
font-size: 18px;
font-weight: 700;
color: #1e293b;
margin-bottom: 12px;
}
.guvenhost-anasayfa1-card-description {
font-size: 14px;
color: #64748b;
margin-bottom: 24px;
min-height: 45px;
}
.guvenhost-anasayfa1-price {
font-size: 32px;
font-weight: 700;
color: #1e293b;
margin-bottom: 8px;
}
.guvenhost-anasayfa1-price-note {
font-size: 14px;
color: #94a3b8;
margin-bottom: 24px;
}
.guvenhost-anasayfa1-button {
background-color: #3b82f6;
color: white;
border: none;
border-radius: 6px;
padding: 12px 24px;
font-family: 'Karla', sans-serif;
font-weight: 600;
font-size: 14px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
width: 100%;
transition: background-color 0.3s ease;
}
.guvenhost-anasayfa1-button img {
margin-left: 8px;
width: 20px;
height: 20px;
}
.guvenhost-anasayfa1-button:hover {
background-color: #2563eb;
}
/* Responsive Adjustments */
@media (max-width: 1024px) {
.guvenhost-anasayfa1-cards {
grid-template-columns: repeat(2, 1fr);
}
}
@media (max-width: 768px) {
.guvenhost-anasayfa1-title {
font-size: 28px;
}
}
@media (max-width: 640px) {
.guvenhost-anasayfa1-cards {
grid-template-columns: 1fr;
}
.guvenhost-anasayfa1-container {
padding: 40px 16px;
}
.guvenhost-anasayfa1-title {
font-size: 24px;
}
}
.guven-h-anasayfa1-container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: 'Karla', sans-serif;
color: #333;
line-height: 1.6;
}
.guven-h-anasayfa1-title {
text-align: center;
font-size: 36px;
font-weight: 700;
margin-bottom: 40px;
color: #222;
}
.guven-h-anasayfa1-content {
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.guven-h-anasayfa1-sidebar {
flex: 0 0 200px;
}
.guven-h-anasayfa1-main {
flex: 1;
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.guven-h-anasayfa1-tab {
padding: 15px;
cursor: pointer;
border-radius: 5px;
margin-bottom: 10px;
font-weight: 600;
transition: background-color 0.3s;
}
.guven-h-anasayfa1-tab.active {
background-color: #0a1a35;
color: #549dee;
}
.guven-h-anasayfa1-tab:hover:not(.active) {
background-color: #f5f5f5;
}
.guven-h-anasayfa1-tab-content {
display: none;
width: 100%;
}
.guven-h-anasayfa1-tab-content.active {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.guven-h-anasayfa1-card {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
padding: 30px;
text-align: center;
flex: 1;
min-width: 250px;
max-width: 350px;
display: flex;
flex-direction: column;
align-items: center;
transition: transform 0.3s ease;
}
.guven-h-anasayfa1-card:hover {
transform: translateY(-5px);
}
.guven-h-anasayfa1-card-icon {
width: 80px;
height: 80px;
margin-bottom: 20px;
}
.guven-h-anasayfa1-card-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 15px;
color: #222;
}
.guven-h-anasayfa1-card-description {
font-size: 14px;
color: #666;
line-height: 1.5;
}
.guven-h-anasayfa1-button {
background-color: #549dee;
color: #000;
border: none;
border-radius: 5px;
padding: 15px 40px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
margin-top: 40px;
transition: background-color 0.3s;
display: block;
margin-left: auto;
margin-right: auto;
}
.guven-h-anasayfa1-button:hover {
background-color: #ffa500;
}
.guven-h-anasayfa1-section-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
text-align: center;
width: 100%;
}
/* TABLET */
@media (max-width: 992px) {
.guven-h-anasayfa1-content {
flex-direction: column;
}
.guven-h-anasayfa1-sidebar {
flex: 0 0 100%;
display: flex;
overflow-x: auto;
margin-bottom: 20px;
}
.guven-h-anasayfa1-tab {
margin-right: 10px;
margin-bottom: 0;
white-space: nowrap;
}
}
/* MOBİLDE TAMAMIYLA GİZLE */
@media (max-width: 768px) {
.guven-h-anasayfa1-container {
display: none !important;
}
}
.guven-yorum-container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Karla', sans-serif;
color: #333;
line-height: 1.6;
}
.guven-yorum-title {
text-align: center;
font-size: 36px;
font-weight: 700;
margin-bottom: 10px;
color: #2d3748;
}
.guven-yorum-subtitle {
text-align: center;
font-size: 18px;
color: #4a5568;
margin-bottom: 60px;
}
.guven-yorum-slider {
position: relative;
overflow: hidden;
height: 400px;
}
.guven-yorum-slide {
position: absolute;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 0.5s ease-in-out, transform 0.5s ease-in-out;
transform: translateX(100%);
display: flex;
justify-content: center;
align-items: center;
}
.guven-yorum-slide.active {
opacity: 1;
transform: translateX(0);
}
.guven-yorum-card {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08);
padding: 40px;
max-width: 800px;
text-align: center;
position: relative;
}
.guven-yorum-avatar {
width: 100px;
height: 100px;
border-radius: 50%;
object-fit: cover;
margin: 0 auto 20px;
border: 4px solid #fff;
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
}
.guven-yorum-heading {
font-size: 24px;
font-weight: 700;
margin-bottom: 20px;
color: #2d3748;
}
.guven-yorum-text {
font-size: 16px;
line-height: 1.8;
color: #4a5568;
margin-bottom: 30px;
}
.guven-yorum-name {
font-size: 18px;
font-weight: 700;
color: #2d3748;
margin-bottom: 5px;
}
.guven-yorum-position {
font-size: 14px;
color: #718096;
font-style: italic;
}
.guven-yorum-dots {
display: flex;
justify-content: center;
margin-top: 30px;
}
.guven-yorum-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background-color: #cbd5e0;
margin: 0 5px;
cursor: pointer;
transition: background-color 0.3s ease;
}
.guven-yorum-dot.active {
background-color: #4a5568;
}
@media (max-width: 768px) {
.guven-yorum-card {
padding: 30px 20px;
}
.guven-yorum-title {
font-size: 28px;
}
.guven-yorum-subtitle {
font-size: 16px;
margin-bottom: 40px;
}
.guven-yorum-heading {
font-size: 20px;
}
.guven-yorum-text {
font-size: 14px;
}
}
.guvenhost-loi-container {
font-family: 'Karla', sans-serif;
background-color: #549dee;
color: white;
padding: 40px 20px; /* Reduced from 80px to 40px */
position: relative;
overflow: hidden;
}
.guvenhost-loi-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 20px; /* Reduced from 30px to 20px */
}
.guvenhost-loi-image-container {
flex: 0 0 350px; /* Reduced from 400px to 350px */
}
.guvenhost-loi-image {
width: 100%;
height: auto;
border-radius: 8px; /* Reduced from 10px to 8px */
}
.guvenhost-loi-text-container {
flex: 1;
max-width: 600px;
}
.guvenhost-loi-heading {
font-size: 30px; /* Reduced from 36px to 30px */
font-weight: 700;
color: #ffffff !important;
margin-bottom: 15px; /* Reduced from 20px to 15px */
line-height: 1.2;
}
.guvenhost-loi-description {
font-size: 15px; /* Reduced from 16px to 15px */
line-height: 1.5; /* Reduced from 1.6 to 1.5 */
margin-bottom: 20px; /* Reduced from 30px to 20px */
}
.guvenhost-loi-buttons {
display: flex;
gap: 12px; /* Reduced from 15px to 12px */
flex-wrap: wrap;
}
.guvenhost-loi-button-primary {
background-color: #ffffff;
color: #000;
padding: 10px 20px; /* Reduced from 12px 24px to 10px 20px */
border-radius: 6px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
transition: background-color 0.3s;
}
.guvenhost-loi-button-primary:hover {
background-color: #f59e0b;
}
.guvenhost-loi-button-secondary {
background-color: transparent;
color: white;
padding: 10px 20px; /* Reduced from 12px 24px to 10px 20px */
border-radius: 6px;
font-weight: 600;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
border: 1px solid white;
transition: background-color 0.3s;
}
.guvenhost-loi-button-secondary:hover {
background-color: rgba(255, 255, 255, 0.1);
}
@media (max-width: 992px) {
.guvenhost-loi-content {
flex-direction: column;
text-align: center;
}
.guvenhost-loi-image-container {
flex: 0 0 100%;
max-width: 350px; /* Reduced from 400px to 350px */
margin: 0 auto;
}
.guvenhost-loi-buttons {
justify-content: center;
}
}
@media (max-width: 576px) {
.guvenhost-loi-container {
padding: 30px 15px; /* Further reduced for mobile */
}
.guvenhost-loi-heading {
font-size: 24px; /* Reduced from 28px to 24px */
}
.guvenhost-loi-description {
font-size: 14px; /* Reduced from 15px to 14px */
}
}
.guven-host-sorucevap-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
.guven-host-sorucevap-title {
font-size: 32px;
font-weight: 700;
margin-bottom: 30px;
color: #1a202c;
padding-bottom: 10px;
border-bottom: 3px solid #4d9aff;
display: inline-block;
}
.guven-host-sorucevap-accordion {
margin-top: 20px;
}
.guven-host-sorucevap-item {
margin-bottom: 15px;
border: 1px solid #e2e8f0;
border-radius: 6px;
overflow: hidden;
background-color: #fff;
}
.guven-host-sorucevap-question {
padding: 20px;
cursor: pointer;
display: flex;
justify-content: space-between;
align-items: center;
font-weight: 600;
font-size: 18px;
color: #2d3748;
transition: background-color 0.3s ease;
}
.guven-host-sorucevap-question:hover {
background-color: #f7fafc;
}
.guven-host-sorucevap-icon {
width: 20px;
height: 20px;
position: relative;
transition: transform 0.3s ease;
}
.guven-host-sorucevap-icon::before,
.guven-host-sorucevap-icon::after {
content: '';
position: absolute;
background-color: #4a5568;
transition: transform 0.3s ease;
}
.guven-host-sorucevap-icon::before {
width: 2px;
height: 20px;
left: 9px;
top: 0;
}
.guven-host-sorucevap-icon::after {
width: 20px;
height: 2px;
left: 0;
top: 9px;
}
.guven-host-sorucevap-answer {
padding: 0 20px;
max-height: 0;
overflow: hidden;
transition: max-height 0.3s ease, padding 0.3s ease;
color: #4a5568;
line-height: 1.6;
font-size: 16px;
}
.guven-host-sorucevap-item.active .guven-host-sorucevap-answer {
padding: 0 20px 20px;
max-height: 500px;
}
.guven-host-sorucevap-item.active .guven-host-sorucevap-icon::before {
transform: rotate(90deg);
}
@media (max-width: 768px) {
.guven-host-sorucevap-title {
font-size: 28px;
}
.guven-host-sorucevap-question {
font-size: 16px;
padding: 15px;
}
.guven-host-sorucevap-answer {
font-size: 14px;
}
}
.cemil-guvenhostslider-container {
font-family: 'Karla', sans-serif;
position: relative;
overflow: hidden;
padding: 60px 20px;
color: white;
}
.cemil-guvenhostslider-background {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: -1;
object-fit: cover;
}
.cemil-guvenhostslider-content {
max-width: 1200px;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
}
.cemil-guvenhostslider-text {
flex: 0 0 50%;
max-width: 50%;
position: relative;
z-index: 2;
}
.cemil-guvenhostslider-title {
font-size: 42px;
color: #ffffff !important;
font-weight: 700;
margin-bottom: 15px;
line-height: 1.2;
}
.cemil-guvenhostslider-title span {
font-weight: 400;
}
.cemil-guvenhostslider-subtitle {
font-size: 16px;
line-height: 1.6;
margin-bottom: 30px;
max-width: 500px;
}
.cemil-guvenhostslider-features {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
max-width: 500px;
}
.cemil-guvenhostslider-feature {
display: flex;
align-items: center;
background-color: rgba(0, 0, 0, 0.3);
border-radius: 8px;
padding: 15px;
backdrop-filter: blur(5px);
transition: transform 0.3s ease;
}
.cemil-guvenhostslider-feature:hover {
transform: translateY(-5px);
background-color: rgba(0, 0, 0, 0.4);
}
.cemil-guvenhostslider-feature-icon {
width: 40px;
height: 40px;
background-color: white;
border-radius: 8px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
flex-shrink: 0;
}
.cemil-guvenhostslider-feature-icon img {
width: 24px;
height: 24px;
}
.cemil-guvenhostslider-feature-text {
flex: 1;
}
.cemil-guvenhostslider-feature-title {
font-weight: 600;
font-size: 16px;
margin-bottom: 3px;
}
.cemil-guvenhostslider-feature-description {
font-size: 14px;
opacity: 0.8;
}
.cemil-guvenhostslider-image {
position: absolute;
right: -50px;
top: 50%;
transform: translateY(-50%);
max-width: 45%;
z-index: 1;
}
.cemil-guvenhostslider-image img {
width: 70%;
height: auto;
display: block;
border-radius: 8px;
}
@media (max-width: 992px) {
.cemil-guvenhostslider-text {
flex: 0 0 100%;
max-width: 100%;
}
.cemil-guvenhostslider-features {
max-width: 100%;
}
.cemil-guvenhostslider-image {
display: none; /* Hide on mobile */
}
}
@media (max-width: 768px) {
.cemil-guvenhostslider-features {
grid-template-columns: 1fr;
}
.cemil-guvenhostslider-title {
font-size: 32px;
}
}
.guvenhost-paket-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 30px 15px;
color: #334155;
line-height: 1.5;
}
.guvenhost-paket-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.guvenhost-paket-container .guvenhost-paket-title {
text-align: center;
margin-bottom: 15px;
font-size: 32px;
font-weight: 700;
color: #0f172a;
}
.guvenhost-paket-container .guvenhost-paket-description {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
color: #64748b;
max-width: 800px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.guvenhost-paket-container .guvenhost-paket-table-container {
overflow-x: auto;
background-color: #fff;
border-radius: 10px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
.guvenhost-paket-container .guvenhost-paket-table {
width: 100%;
border-collapse: collapse;
border-spacing: 0;
}
.guvenhost-paket-container .guvenhost-paket-header {
background-color: #f1f5f9;
}
.guvenhost-paket-container .guvenhost-paket-header th {
padding: 16px;
text-align: left;
font-weight: 600;
color: #475569;
font-size: 14px;
text-transform: uppercase;
letter-spacing: 0.5px;
border-bottom: 1px solid #e2e8f0;
}
.guvenhost-paket-container .guvenhost-paket-row {
border-bottom: 1px solid #e2e8f0;
transition: background-color 0.2s;
}
.guvenhost-paket-container .guvenhost-paket-row:last-child {
border-bottom: none;
}
.guvenhost-paket-container .guvenhost-paket-row:hover {
background-color: #f8fafc;
}
.guvenhost-paket-container .guvenhost-paket-cell {
padding: 16px;
vertical-align: middle;
}
.guvenhost-paket-container .guvenhost-paket-name {
font-weight: 700;
color: #0f172a;
font-size: 18px;
}
.guvenhost-paket-container .guvenhost-paket-spec {
display: flex;
align-items: center;
}
.guvenhost-paket-container .guvenhost-paket-icon {
width: 24px;
height: 24px;
margin-right: 10px;
flex-shrink: 0;
}
.guvenhost-paket-container .guvenhost-paket-spec-title {
font-weight: 700;
color: #0f172a;
font-size: 16px;
margin-bottom: 2px;
}
.guvenhost-paket-container .guvenhost-paket-spec-subtitle {
color: #64748b;
font-size: 13px;
}
.guvenhost-paket-container .guvenhost-paket-price {
text-align: right;
white-space: nowrap;
}
.guvenhost-paket-container .guvenhost-paket-price-old {
color: #94a3b8;
text-decoration: line-through;
font-size: 14px;
display: block;
}
.guvenhost-paket-container .guvenhost-paket-price-current {
font-size: 24px;
font-weight: 700;
color: #0f172a;
line-height: 1;
}
.guvenhost-paket-container .guvenhost-paket-price-period {
font-size: 14px;
color: #64748b;
}
.guvenhost-paket-container .guvenhost-paket-button {
background-color: #4d9aff;
color: #000;
border: none;
border-radius: 6px;
padding: 12px 20px;
font-family: 'Karla', sans-serif;
font-weight: 600;
font-size: 15px;
cursor: pointer;
display: inline-flex;
align-items: center;
justify-content: center;
transition: background-color 0.3s;
width: 100%;
white-space: nowrap;
text-decoration: none;
}
.guvenhost-paket-container .guvenhost-paket-button:hover {
background-color: #f59e0b;
}
.guvenhost-paket-container .guvenhost-paket-button-icon {
margin-right: 8px;
width: 16px;
height: 16px;
}
/* Responsive Design */
@media (max-width: 992px) {
.guvenhost-paket-container .guvenhost-paket-spec-subtitle {
display: none;
}
}
@media (max-width: 768px) {
.guvenhost-paket-container .guvenhost-paket-title {
font-size: 28px;
}
.guvenhost-paket-container .guvenhost-paket-description {
font-size: 15px;
padding: 0 10px;
}
.guvenhost-paket-container .guvenhost-paket-table {
display: block;
}
.guvenhost-paket-container .guvenhost-paket-header {
display: none;
}
.guvenhost-paket-container .guvenhost-paket-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
padding: 20px;
border-bottom: 1px solid #e2e8f0;
position: relative;
}
.guvenhost-paket-container .guvenhost-paket-row:last-child {
border-bottom: none;
}
.guvenhost-paket-container .guvenhost-paket-cell {
padding: 8px;
display: flex;
flex-direction: column;
}
.guvenhost-paket-container .guvenhost-paket-cell:first-child {
grid-column: 1 / -1;
border-bottom: 1px solid #e2e8f0;
padding-bottom: 15px;
margin-bottom: 5px;
}
.guvenhost-paket-container .guvenhost-paket-cell:last-child {
grid-column: 1 / -1;
border-top: 1px solid #e2e8f0;
padding-top: 15px;
margin-top: 5px;
}
.guvenhost-paket-container .guvenhost-paket-cell:nth-last-child(2) {
grid-column: 1 / -1;
text-align: center;
}
.guvenhost-paket-container .guvenhost-paket-price {
text-align: center;
}
.guvenhost-paket-container .guvenhost-paket-spec {
flex-direction: column;
text-align: center;
}
.guvenhost-paket-container .guvenhost-paket-icon {
margin-right: 0;
margin-bottom: 8px;
width: 32px;
height: 32px;
}
.guvenhost-paket-container .guvenhost-paket-spec-title {
margin-bottom: 0;
}
.guvenhost-paket-container .guvenhost-paket-spec-subtitle {
display: block;
}
.guvenhost-paket-container .guvenhost-paket-cell::before {
content: attr(data-label);
font-weight: 600;
color: #64748b;
font-size: 12px;
text-transform: uppercase;
margin-bottom: 5px;
letter-spacing: 0.5px;
text-align: center;
}
}
.guven-isletim-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 30px 15px;
color: #334155;
line-height: 1.5;
}
.guven-isletim-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.guven-isletim-container .guven-isletim-title {
text-align: center;
margin-bottom: 15px;
font-size: 32px;
font-weight: 700;
color: #0f172a;
}
.guven-isletim-container .guven-isletim-description {
text-align: center;
margin-bottom: 30px;
font-size: 16px;
color: #64748b;
max-width: 800px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.guven-isletim-container .guven-isletim-grid {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(160px, 1fr));
gap: 15px;
margin-bottom: 30px;
}
.guven-isletim-container .guven-isletim-item {
position: relative;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
background-color: #fff;
border-radius: 8px;
padding: 15px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
text-decoration: none;
color: inherit;
border: 1px solid #e2e8f0;
}
.guven-isletim-container .guven-isletim-item:hover {
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
border-color: #cbd5e1;
}
.guven-isletim-container .guven-isletim-icon {
width: 50px;
height: 50px;
margin-bottom: 10px;
display: flex;
align-items: center;
justify-content: center;
}
.guven-isletim-container .guven-isletim-icon img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
}
.guven-isletim-container .guven-isletim-name {
font-weight: 600;
font-size: 15px;
text-align: center;
color: #0f172a;
}
/* Tooltip Styles */
.guven-isletim-container .guven-isletim-tooltip {
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
background-color: white;
border-radius: 6px;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
padding: 10px;
width: max-content;
min-width: 120px;
z-index: 10;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
pointer-events: none;
border: 1px solid #e2e8f0;
margin-top: 10px;
}
.guven-isletim-container .guven-isletim-tooltip::before {
content: '';
position: absolute;
top: -6px;
left: 50%;
transform: translateX(-50%) rotate(45deg);
width: 12px;
height: 12px;
background-color: white;
border-left: 1px solid #e2e8f0;
border-top: 1px solid #e2e8f0;
}
.guven-isletim-container .guven-isletim-item:hover .guven-isletim-tooltip {
opacity: 1;
visibility: visible;
}
.guven-isletim-container .guven-isletim-tooltip-title {
font-weight: 600;
font-size: 14px;
color: #0f172a;
margin-bottom: 5px;
text-align: center;
}
.guven-isletim-container .guven-isletim-tooltip-options {
list-style: none;
}
.guven-isletim-container .guven-isletim-tooltip-option {
padding: 5px 0;
font-size: 13px;
color: #475569;
text-align: center;
border-bottom: 1px solid #f1f5f9;
}
.guven-isletim-container .guven-isletim-tooltip-option:last-child {
border-bottom: none;
}
.guven-isletim-container .guven-isletim-tooltip-option:hover {
color: #0f172a;
background-color: #f8fafc;
}
.guven-isletim-container .guven-isletim-row {
margin-bottom: 30px;
}
.guven-isletim-container .guven-isletim-row-title {
font-size: 18px;
font-weight: 600;
color: #475569;
margin-bottom: 15px;
padding-bottom: 8px;
border-bottom: 1px solid #e2e8f0;
}
/* Responsive Design */
@media (max-width: 768px) {
.guven-isletim-container .guven-isletim-title {
font-size: 28px;
}
.guven-isletim-container .guven-isletim-description {
font-size: 15px;
padding: 0 10px;
}
.guven-isletim-container .guven-isletim-grid {
grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
gap: 12px;
}
.guven-isletim-container .guven-isletim-tooltip {
min-width: 100px;
font-size: 12px;
}
}
@media (max-width: 480px) {
.guven-isletim-container .guven-isletim-grid {
grid-template-columns: repeat(2, 1fr);
gap: 10px;
}
.guven-isletim-container .guven-isletim-icon {
width: 40px;
height: 40px;
}
.guven-isletim-container .guven-isletim-name {
font-size: 14px;
}
.guven-isletim-container .guven-isletim-tooltip {
min-width: 90px;
}
.guven-isletim-container .guven-isletim-tooltip-title {
font-size: 13px;
}
.guven-isletim-container .guven-isletim-tooltip-option {
font-size: 12px;
}
}
.guven-host485-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
color: #0f172a;
line-height: 1.6;
}
.guven-host485-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.guven-host485-container .guven-host485-title {
text-align: center;
margin-bottom: 60px;
font-size: 36px;
font-weight: 700;
color: #0f172a;
line-height: 1.3;
}
.guven-host485-container .guven-host485-title span {
color: #2563eb;
}
.guven-host485-container .guven-host485-question-mark {
display: inline-block;
vertical-align: middle;
margin-left: 5px;
}
.guven-host485-container .guven-host485-question-mark img {
width: 60px;
height: auto;
}
.guven-host485-container .guven-host485-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.guven-host485-container .guven-host485-card {
background-color: #fff;
border-radius: 8px;
border: 1px solid #e2e8f0;
padding: 30px;
transition: all 0.3s ease;
height: 100%;
display: flex;
flex-direction: column;
}
.guven-host485-container .guven-host485-card:hover {
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.05);
transform: translateY(-5px);
border-color: #cbd5e1;
}
.guven-host485-container .guven-host485-icon {
width: 50px;
height: 50px;
margin-bottom: 20px;
}
.guven-host485-container .guven-host485-icon img {
width: 100%;
height: 100%;
object-fit: contain;
}
.guven-host485-container .guven-host485-card-title {
font-size: 22px;
font-weight: 700;
margin-bottom: 15px;
color: #0f172a;
}
.guven-host485-container .guven-host485-card-text {
font-size: 16px;
color: #475569;
margin-bottom: 20px;
flex-grow: 1;
}
.guven-host485-container .guven-host485-link {
display: inline-flex;
align-items: center;
color: #2563eb;
font-weight: 600;
font-size: 16px;
text-decoration: none;
transition: color 0.3s ease;
}
.guven-host485-container .guven-host485-link:hover {
color: #1d4ed8;
}
.guven-host485-container .guven-host485-link-arrow {
margin-left: 8px;
transition: transform 0.3s ease;
}
.guven-host485-container .guven-host485-link:hover .guven-host485-link-arrow {
transform: translateX(3px);
}
/* Responsive Design */
@media (max-width: 992px) {
.guven-host485-container .guven-host485-grid {
grid-template-columns: repeat(2, 1fr);
}
.guven-host485-container .guven-host485-title {
font-size: 32px;
margin-bottom: 40px;
}
}
@media (max-width: 768px) {
.guven-host485-container .guven-host485-title {
font-size: 28px;
margin-bottom: 30px;
}
.guven-host485-container .guven-host485-question-mark img {
width: 50px;
}
}
@media (max-width: 576px) {
.guven-host485-container .guven-host485-grid {
grid-template-columns: 1fr;
}
.guven-host485-container .guven-host485-title {
font-size: 24px;
}
.guven-host485-container .guven-host485-card {
padding: 25px;
}
.guven-host485-container .guven-host485-card-title {
font-size: 20px;
}
.guven-host485-container .guven-host485-question-mark img {
width: 40px;
}
}
.guven-host9495-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
color: #333;
line-height: 1.6;
}
.guven-host9495-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.guven-host9495-section {
margin-bottom: 100px;
position: relative;
}
.guven-host9495-section:last-child {
margin-bottom: 0;
}
.guven-host9495-section:nth-child(odd) {
display: flex;
flex-direction: row;
}
.guven-host9495-section:nth-child(even) {
display: flex;
flex-direction: row-reverse;
}
.guven-host9495-image-container {
flex: 0 0 40%;
position: relative;
}
.guven-host9495-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 8px;
position: relative;
z-index: 2;
}
.guven-host9495-image-border {
position: absolute;
top: 15px;
bottom: -15px;
width: 100%;
border-radius: 8px;
z-index: 1;
}
.guven-host9495-section:nth-child(odd) .guven-host9495-image-border {
left: -15px;
right: 15px;
border-left: 4px solid #4d9aff;
border-bottom: 4px solid #4d9aff;
}
.guven-host9495-section:nth-child(even) .guven-host9495-image-border {
left: 15px;
right: -15px;
border-right: 4px solid #4d9aff;
border-bottom: 4px solid #4d9aff;
}
.guven-host9495-content {
flex: 0 0 60%;
padding: 30px;
background-color: #fff;
border-radius: 8px;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
position: relative;
z-index: 3;
}
.guven-host9495-section:nth-child(odd) .guven-host9495-content {
margin-left: -50px;
}
.guven-host9495-section:nth-child(even) .guven-host9495-content {
margin-right: -50px;
}
.guven-host9495-tag {
display: inline-block;
color: #4d9aff;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: 1px;
margin-bottom: 10px;
}
.guven-host9495-title {
font-size: 32px;
font-weight: 700;
color: #333;
margin-bottom: 20px;
}
.guven-host9495-text {
font-size: 16px;
color: #555;
margin-bottom: 20px;
}
.guven-host9495-text:last-child {
margin-bottom: 0;
}
.guven-host9495-accent {
position: absolute;
width: 40px;
height: 80px;
background-color: #00a0a0;
z-index: 1;
}
.guven-host9495-section:nth-child(odd) .guven-host9495-accent {
top: -15px;
right: 15px;
border-top-right-radius: 8px;
}
.guven-host9495-section:nth-child(even) .guven-host9495-accent {
top: -15px;
left: 15px;
border-top-left-radius: 8px;
}
.guven-host9495-connector {
position: absolute;
bottom: -70px;
left: 50%;
transform: translateX(-50%);
width: 200px;
height: 40px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
z-index: 1;
}
.guven-host9495-section:last-child .guven-host9495-connector {
display: none;
}
/* Responsive Design */
@media (max-width: 992px) {
.guven-host9495-section:nth-child(odd),
.guven-host9495-section:nth-child(even) {
flex-direction: column;
}
.guven-host9495-image-container {
flex: 0 0 100%;
margin-bottom: 30px;
}
.guven-host9495-content {
flex: 0 0 100%;
margin-left: 0 !important;
margin-right: 0 !important;
}
.guven-host9495-section:nth-child(odd) .guven-host9495-image-border,
.guven-host9495-section:nth-child(even) .guven-host9495-image-border {
left: -10px;
right: 10px;
top: 10px;
bottom: -10px;
border-left: 4px solid #4d9aff;
border-bottom: 4px solid #4d9aff;
border-right: none;
}
.guven-host9495-section:nth-child(odd) .guven-host9495-accent,
.guven-host9495-section:nth-child(even) .guven-host9495-accent {
top: -10px;
right: 10px;
left: auto;
border-top-right-radius: 8px;
border-top-left-radius: 0;
}
.guven-host9495-connector {
bottom: -50px;
width: 100px;
background-image: url('data:image/svg+xml;utf8,');
}
}
@media (max-width: 576px) {
.guven-host9495-title {
font-size: 24px;
}
.guven-host9495-content {
padding: 20px;
}
.guven-host9495-section {
margin-bottom: 70px;
}
.guven-host9495-connector {
bottom: -40px;
}
}
.guven-host-husting-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
.guven-host-husting-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.guven-host-husting-header-section {
text-align: center;
margin-bottom: 50px;
}
.guven-host-husting-main-title {
font-size: 36px;
font-weight: 800;
color: #1e293b;
margin-bottom: 15px;
}
.guven-host-husting-main-description {
font-size: 18px;
color: #64748b;
max-width: 800px;
margin: 0 auto;
line-height: 1.6;
}
.guven-host-husting-grid {
display: flex;
flex-wrap: wrap;
gap: 20px;
justify-content: center;
}
.guven-host-husting-card {
background-color: #fff;
border-radius: 8px;
border: 1px solid #e5e7eb;
width: 100%;
max-width: 270px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: transform 0.2s ease;
position: relative;
}
.guven-host-husting-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.guven-host-husting-popular {
position: absolute;
top: 0;
right: 0;
background-color: #4d9aff;
color: white;
font-size: 14px;
font-weight: 700;
padding: 5px 15px;
border-radius: 0 8px 0 8px;
z-index: 10;
animation: pulse 1.5s infinite;
}
@keyframes pulse {
0% {
background-color: #4d9aff;
}
50% {
background-color: #2563eb;
}
100% {
background-color: #4d9aff;
}
}
.guven-host-husting-card-popular {
border: 2px solid #4d9aff;
transform: scale(1.03);
box-shadow: 0 5px 15px rgba(77, 154, 255, 0.2);
}
.guven-host-husting-card-popular:hover {
transform: translateY(-5px) scale(1.03);
box-shadow: 0 10px 25px rgba(77, 154, 255, 0.3);
}
.guven-host-husting-header {
padding: 25px 20px;
text-align: center;
border-bottom: 1px solid #f3f4f6;
}
.guven-host-husting-plan-name {
font-size: 20px;
font-weight: 700;
color: #111827;
margin-bottom: 15px;
}
.guven-host-husting-price {
font-size: 32px;
font-weight: 800;
color: #111827;
margin-bottom: 5px;
}
.guven-host-husting-period {
font-size: 14px;
color: #6b7280;
font-weight: 500;
}
.guven-host-husting-buy-button {
display: block;
width: 100%;
padding: 12px;
background-color: #374151;
color: #fff;
border: none;
border-radius: 6px;
font-size: 16px;
font-weight: 600;
cursor: pointer;
text-decoration: none;
margin-top: 20px;
transition: all 0.3s ease;
}
.guven-host-husting-card-popular .guven-host-husting-buy-button {
background-color: #4d9aff;
}
.guven-host-husting-buy-button:hover {
background-color: #ffffff;
color: #000000;
border: 1px solid #374151;
}
.guven-host-husting-card-popular .guven-host-husting-buy-button:hover {
background-color: #ffffff;
color: #000000;
border: 1px solid #4d9aff;
}
.guven-host-husting-features {
padding: 20px;
}
.guven-host-husting-features-title {
font-size: 16px;
font-weight: 700;
color: #111827;
margin-bottom: 15px;
}
.guven-host-husting-feature-list {
list-style: none;
}
.guven-host-husting-feature-item {
display: flex;
align-items: center;
margin-bottom: 12px;
font-size: 14px;
color: #4b5563;
}
.guven-host-husting-feature-icon {
width: 20px;
height: 20px;
margin-right: 10px;
flex-shrink: 0;
}
.guven-host-husting-feature-text {
line-height: 1.4;
}
.guven-host-husting-feature-value {
font-weight: 600;
color: #111827;
}
.guven-host-husting-all-features {
display: block;
text-align: center;
margin-top: 20px;
padding: 10px;
background-color: #f3f4f6;
color: #4b5563;
font-weight: 600;
font-size: 14px;
text-decoration: none;
text-transform: uppercase;
border-radius: 6px;
transition: all 0.2s ease;
border: 1px solid #e5e7eb;
}
.guven-host-husting-all-features:hover {
background-color: #e5e7eb;
color: #111827;
}
.guven-host-husting-card-popular .guven-host-husting-all-features {
border-color: #4d9aff;
}
/* Responsive Design */
@media (max-width: 1100px) {
.guven-host-husting-grid {
justify-content: center;
}
.guven-host-husting-card {
max-width: 300px;
}
}
@media (max-width: 768px) {
.guven-host-husting-main-title {
font-size: 28px;
}
.guven-host-husting-main-description {
font-size: 16px;
}
.guven-host-husting-grid {
flex-direction: column;
align-items: center;
}
.guven-host-husting-card {
max-width: 400px;
}
.guven-host-husting-card-popular {
order: -1;
}
}
.guven-loisyjs-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
}
.guven-loisyjs-container * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
.guven-loisyjs-title {
text-align: center;
font-size: 36px;
font-weight: 700;
color: #1e3a8a;
margin-bottom: 50px;
}
.guven-loisyjs-features {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 25px;
}
.guven-loisyjs-feature {
flex: 1;
min-width: 250px;
max-width: 280px;
background-color: #fff;
border-radius: 10px;
border: 1px solid #e5e7eb;
padding: 30px 20px;
text-align: center;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.guven-loisyjs-feature:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.guven-loisyjs-icon {
width: 70px;
height: 70px;
margin: 0 auto 20px;
}
.guven-loisyjs-feature-title {
font-size: 20px;
font-weight: 700;
color: #1e3a8a;
margin-bottom: 15px;
}
.guven-loisyjs-feature-text {
font-size: 15px;
line-height: 1.6;
color: #4b5563;
}
/* Responsive Design */
@media (max-width: 992px) {
.guven-loisyjs-features {
gap: 20px;
}
.guven-loisyjs-feature {
min-width: 220px;
}
}
@media (max-width: 768px) {
.guven-loisyjs-title {
font-size: 30px;
margin-bottom: 40px;
}
.guven-loisyjs-features {
flex-direction: column;
align-items: center;
}
.guven-loisyjs-feature {
max-width: 400px;
width: 100%;
}
}
.guvenhost-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.guvenhost-section {
padding: 60px 0;
width: 100%;
}
.guvenhost-heading {
text-align: center;
font-size: 32px;
font-weight: 700;
margin-bottom: 20px;
color: #1a202c;
}
.guvenhost-subheading {
text-align: center;
font-size: 16px;
line-height: 1.6;
margin-bottom: 40px;
color: #4a5568;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.guvenhost-hosting-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.guvenhost-hosting-card {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
padding: 25px;
display: flex;
flex-direction: column;
}
.guvenhost-hosting-card:nth-child(1) {
background-color: #f0f7ff;
}
.guvenhost-hosting-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.guvenhost-card-icon {
width: 40px;
height: 40px;
margin-bottom: 15px;
}
.guvenhost-card-title {
font-size: 20px;
font-weight: 700;
margin-bottom: 12px;
color: #1a202c;
}
.guvenhost-card-description {
font-size: 14px;
line-height: 1.5;
color: #4a5568;
margin-bottom: 15px;
flex-grow: 1;
}
.guvenhost-card-price-container {
display: flex;
align-items: baseline;
margin-bottom: 5px;
}
.guvenhost-card-price {
font-size: 24px;
font-weight: 700;
color: #4a5568;
}
.guvenhost-card-price-period {
font-size: 14px;
color: #718096;
margin-left: 3px;
}
.guvenhost-card-price-note {
font-size: 12px;
color: #718096;
display: block;
margin-bottom: 15px;
}
.guvenhost-card-button {
background-color: #4d9aff;
color: #fff;
border: none;
border-radius: 4px;
padding: 10px 18px;
font-size: 14px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s ease;
width: fit-content;
text-decoration: none;
display: inline-block;
}
.guvenhost-card-button:hover {
background-color: #ffffff;
}
.guvenhost-card-arrow {
position: absolute;
top: 15px;
right: 15px;
width: 35px;
height: 35px;
background-color: #4d9aff;
border-radius: 4px;
display: flex;
align-items: center;
justify-content: center;
}
.guvenhost-card-arrow svg {
width: 18px;
height: 18px;
fill: none;
stroke: #fff;
stroke-width: 2;
stroke-linecap: round;
stroke-linejoin: round;
}
/* Responsive Styles */
@media (max-width: 992px) {
.guvenhost-hosting-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.guvenhost-heading {
font-size: 28px;
}
.guvenhost-section {
padding: 40px 0;
}
}
@media (max-width: 768px) {
.guvenhost-hosting-grid {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 576px) {
.guvenhost-heading {
font-size: 24px;
}
.guvenhost-subheading {
font-size: 14px;
margin-bottom: 30px;
}
.guvenhost-hosting-card {
padding: 20px;
}
.guvenhost-card-title {
font-size: 18px;
}
.guvenhost-card-description {
font-size: 13px;
}
.guvenhost-card-price {
font-size: 22px;
}
.guvenhost-card-button {
padding: 8px 15px;
font-size: 13px;
}
}
.cemil-guvenhost94-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.cemil-guvenhost94-section {
padding: 60px 0;
width: 100%;
}
.cemil-guvenhost94-heading {
text-align: center;
font-size: 32px;
font-weight: 700;
margin-bottom: 40px;
color: #1a202c;
}
.cemil-guvenhost94-apps-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
max-width: 1100px;
margin: 0 auto;
}
.cemil-guvenhost94-app-card {
background-color: #fff;
border-radius: 8px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
flex-direction: column;
}
.cemil-guvenhost94-app-card:hover {
transform: translateY(-5px);
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
}
.cemil-guvenhost94-app-header {
padding: 30px 20px;
text-align: center;
border-bottom: 1px solid #f0f0f0;
}
.cemil-guvenhost94-app-icon {
width: 80px;
height: 80px;
margin: 0 auto 15px;
}
.cemil-guvenhost94-app-title {
font-size: 22px;
font-weight: 700;
color: #1a202c;
}
.cemil-guvenhost94-app-description {
padding: 20px;
font-size: 14px;
line-height: 1.6;
color: #4a5568;
}
/* Responsive Styles */
@media (max-width: 992px) {
.cemil-guvenhost94-apps-grid {
grid-template-columns: repeat(2, 1fr);
gap: 20px;
}
.cemil-guvenhost94-heading {
font-size: 28px;
}
.cemil-guvenhost94-section {
padding: 40px 0;
}
}
@media (max-width: 768px) {
.cemil-guvenhost94-apps-grid {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
}
@media (max-width: 576px) {
.cemil-guvenhost94-heading {
font-size: 24px;
margin-bottom: 30px;
}
.cemil-guvenhost94-app-header {
padding: 20px 15px;
}
.cemil-guvenhost94-app-icon {
width: 60px;
height: 60px;
}
.cemil-guvenhost94-app-title {
font-size: 20px;
}
.cemil-guvenhost94-app-description {
padding: 15px;
font-size: 13px;
}
}
.guvenhostinko-container {
font-family: 'Karla', sans-serif;
max-width: 1200px;
margin: 0 auto;
padding: 0 15px;
}
.guvenhostinko-section {
padding: 60px 0;
width: 100%;
background-color: #fff;
}
.guvenhostinko-heading {
text-align: center;
font-size: 32px;
font-weight: 700;
margin-bottom: 15px;
color: #1a202c;
}
.guvenhostinko-subheading {
text-align: center;
font-size: 16px;
line-height: 1.6;
margin-bottom: 50px;
color: #718096;
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.guvenhostinko-features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 40px 30px;
max-width: 1100px;
margin: 0 auto;
}
.guvenhostinko-feature {
display: flex;
flex-direction: column;
align-items: flex-start;
}
.guvenhostinko-feature-icon {
width: 50px;
height: 50px;
margin-bottom: 15px;
color: #718096;
}
.guvenhostinko-feature-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
color: #1a202c;
}
.guvenhostinko-feature-description {
font-size: 14px;
line-height: 1.6;
color: #718096;
}
/* Responsive Styles */
@media (max-width: 992px) {
.guvenhostinko-features-grid {
grid-template-columns: repeat(2, 1fr);
gap: 30px 20px;
}
.guvenhostinko-heading {
font-size: 28px;
}
.guvenhostinko-section {
padding: 40px 0;
}
}
@media (max-width: 768px) {
.guvenhostinko-features-grid {
grid-template-columns: 1fr;
max-width: 500px;
margin: 0 auto;
}
.guvenhostinko-feature {
align-items: center;
text-align: center;
}
}
@media (max-width: 576px) {
.guvenhostinko-heading {
font-size: 24px;
margin-bottom: 10px;
}
.guvenhostinko-subheading {
font-size: 14px;
margin-bottom: 30px;
}
.guvenhostinko-feature-title {
font-size: 16px;
}
.guvenhostinko-feature-description {
font-size: 13px;
}
}
.guven-host-footerimsi {
font-family: 'Karla', sans-serif;
background-color: #0f1424;
color: #ffffff;
padding: 50px 0 20px;
width: 100%;
position: relative;
}
.guven-host-footerimsi * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-host-footerimsi-container {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
position: relative;
}
.guven-host-footerimsi-company-box {
position: absolute;
left: 0;
top: 0;
width: 320px;
background-color: rgba(255, 255, 255, 0.1);
border-radius: 10px;
padding: 11px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
border: 1px solid rgba(255, 255, 255, 0.1);
backdrop-filter: blur(5px);
-webkit-backdrop-filter: blur(5px);
z-index: 10;
}
.guven-host-footerimsi-logo {
margin-bottom: 20px;
}
.guven-host-footerimsi-logo img {
max-width: 100%;
height: auto;
}
.guven-host-footerimsi-company-box p {
font-size: 14px;
line-height: 1.6;
margin-bottom: 12px;
color: rgba(255, 255, 255, 0.8);
}
.guven-host-footerimsi-address {
margin-top: 25px;
border-top: 1px solid rgba(255, 255, 255, 0.1);
padding-top: 20px;
}
.guven-host-footerimsi-content {
margin-left: 350px;
display: flex;
flex-wrap: wrap;
}
.guven-host-footerimsi-content-col {
flex: 1;
min-width: 160px;
margin-bottom: 30px;
padding-right: 20px;
}
.guven-host-footerimsi-content-col h3 {
font-size: 18px;
font-weight: 600;
margin-bottom: 18px;
color: #ffffff;
position: relative;
padding-bottom: 10px;
}
.guven-host-footerimsi-content-col h3:after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 30px;
height: 2px;
background-color: #4d9aff;
}
.guven-host-footerimsi-content-col ul {
list-style: none;
}
.guven-host-footerimsi-content-col ul li {
margin-bottom: 10px;
position: relative;
padding-left: 15px;
}
.guven-host-footerimsi-content-col ul li:before {
content: "•";
position: absolute;
left: 0;
color: #4d9aff;
}
.guven-host-footerimsi-content-col ul li a {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
text-decoration: none;
transition: color 0.3s ease, padding-left 0.3s ease;
}
.guven-host-footerimsi-content-col ul li a:hover {
color: #ffffff;
padding-left: 3px;
}
.guven-host-footerimsi-divider {
height: 1px;
background-color: rgba(255, 255, 255, 0.1);
margin: 25px 0;
}
.guven-host-footerimsi-bottom {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
margin-bottom: 25px;
}
.guven-host-footerimsi-company-info-bottom {
flex: 1;
min-width: 250px;
margin-bottom: 15px;
}
.guven-host-footerimsi-company-info-bottom p {
font-size: 14px;
color: rgba(255, 255, 255, 0.8);
line-height: 1.6;
}
.guven-host-footerimsi-contact-phone a {
color: #ffffff;
text-decoration: none;
font-weight: 600;
font-size: 16px;
transition: color 0.3s ease;
}
.guven-host-footerimsi-contact-phone a:hover {
color: #4d9aff;
}
.guven-host-footerimsi-copyright {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
padding: 15px 0;
}
.guven-host-footerimsi-copyright p {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
}
.guven-host-footerimsi-copyright a {
color: #4d9aff;
text-decoration: none;
transition: color 0.3s ease;
}
.guven-host-footerimsi-copyright a:hover {
color: #ffffff;
}
.guven-host-footerimsi-bottom-links {
display: flex;
gap: 25px;
}
.guven-host-footerimsi-bottom-links a {
color: rgba(255, 255, 255, 0.7);
text-decoration: none;
font-size: 14px;
transition: color 0.3s ease;
position: relative;
}
.guven-host-footerimsi-bottom-links a:after {
content: '';
position: absolute;
width: 0;
height: 1px;
bottom: -3px;
left: 0;
background-color: #4d9aff;
transition: width 0.3s ease;
}
.guven-host-footerimsi-bottom-links a:hover {
color: #ffffff;
}
.guven-host-footerimsi-bottom-links a:hover:after {
width: 100%;
}
/* Sosyal medya butonları için stil */
.guven-host-footerimsi-social {
display: flex;
gap: 15px;
margin-top: 20px;
}
.guven-host-footerimsi-social a {
display: flex;
align-items: center;
justify-content: center;
width: 38px;
height: 38px;
border-radius: 50%;
background-color: rgba(255, 255, 255, 0.1);
color: #ffffff;
transition: all 0.3s ease;
}
.guven-host-footerimsi-social a:hover {
background-color: #4d9aff;
transform: translateY(-3px);
}
.guven-host-footerimsi-social i {
font-size: 18px;
}
/* Ödeme metodları için stil */
.guven-host-footerimsi-payment-methods {
display: flex;
flex-wrap: wrap;
gap: 15px;
margin: 25px 0;
justify-content: center;
}
.guven-host-footerimsi-payment-methods img {
height: 30px;
opacity: 0.8;
transition: opacity 0.3s ease;
}
.guven-host-footerimsi-payment-methods img:hover {
opacity: 1;
}
@media (max-width: 992px) {
.guven-host-footerimsi-company-box {
position: relative;
width: 100%;
margin-bottom: 30px;
}
.guven-host-footerimsi-content {
margin-left: 0;
}
.guven-host-footerimsi-content-col {
flex: 0 0 33.33%;
}
}
@media (max-width: 768px) {
.guven-host-footerimsi-content-col {
flex: 0 0 50%;
}
.guven-host-footerimsi-bottom {
flex-direction: column;
align-items: flex-start;
}
.guven-host-footerimsi-copyright {
flex-direction: column;
align-items: flex-start;
}
.guven-host-footerimsi-bottom-links {
margin-top: 15px;
}
.guven-host-footerimsi-payment-methods {
justify-content: flex-start;
}
}
@media (max-width: 576px) {
.guven-host-footerimsi-content-col {
flex: 0 0 100%;
}
.guven-host-footerimsi-bottom-links {
flex-direction: column;
gap: 12px;
}
}
.guven-host9485 {
font-family: 'Karla', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-host9485-container {
width: 100%;
background: linear-gradient(90deg, #0088ff 0%, #004080 100%);
color: #ffffff;
overflow: hidden;
position: relative;
}
.guven-host9485-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
display: flex;
justify-content: space-between;
align-items: center;
}
.guven-host9485-content {
max-width: 500px;
z-index: 2;
}
.guven-host9485-title {
font-size: 36px;
color: #ffffff !important;
font-weight: 700;
margin: 0 0 10px 0;
line-height: 1.2;
}
.guven-host9485-subtitle {
font-size: 24px;
color: #ffffff !important;
font-weight: 400;
margin: 0 0 30px 0;
line-height: 1.3;
}
.guven-host9485-divider {
width: 50px;
height: 4px;
background-color: #ffffff;
margin-bottom: 30px;
}
.guven-host9485-text {
font-size: 18px;
line-height: 1.6;
margin-bottom: 30px;
}
.guven-host9485-button {
display: inline-block;
background-color: #ffffff;
color: #0066cc;
font-size: 16px;
font-weight: 600;
padding: 12px 24px;
border-radius: 4px;
text-decoration: none;
transition: all 0.3s ease;
border: none;
cursor: pointer;
}
.guven-host9485-button:hover {
background-color: #f0f0f0;
transform: translateY(-2px);
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}
.guven-host9485-image {
position: relative;
z-index: 1;
}
.guven-host9485-image img {
max-width: 400px; /* İsteğe göre küçültme boyutunu ayarla */
height: auto;
float: right; /* Sağa kaydırır */
margin-left: 20px; /* Yazıdan uzaklaştırmak için */
}
/* Mobilde gizle */
@media (max-width: 768px) {
.guven-host9485-image img {
display: none;
}
}
@media (max-width: 992px) {
.guven-host9485-wrapper {
flex-direction: column;
text-align: center;
padding: 40px 20px;
}
.guven-host9485-content {
max-width: 100%;
margin-bottom: 40px;
}
.guven-host9485-divider {
margin: 0 auto 30px;
}
.guven-host9485-image {
max-width: 80%;
margin: 0 auto;
}
}
@media (max-width: 576px) {
.guven-host9485-title {
font-size: 28px;
}
.guven-host9485-subtitle {
font-size: 20px;
}
.guven-host9485-text {
font-size: 16px;
}
}
.guven-host-kurumsal-slider {
width: 100%;
height: 500px;
position: relative;
overflow: hidden;
font-family: 'Karla', sans-serif;
background-color: #0a0e1a;
}
.guven-host-kurumsal-slider-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.guven-host-kurumsal-slider-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url('grid-overlay.png');
background-size: cover;
opacity: 0.3;
z-index: 2;
}
/* Content container */
.guven-host-kurumsal-slider-content {
position: relative;
z-index: 3;
width: 100%;
height: 100%;
display: flex;
align-items: center;
justify-content: space-between;
padding: 0 10%;
max-width: 1400px;
margin: 0 auto;
}
/* Text section */
.guven-host-kurumsal-slider-text {
color: white;
max-width: 500px;
}
.guven-host-kurumsal-slider-text h1 {
font-size: 3.5rem;
margin-bottom: 1.5rem;
font-weight: 700;
}
.guven-host-kurumsal-slider-text p {
font-size: 1.2rem;
line-height: 1.6;
opacity: 0.9;
}
/* Image section */
.guven-host-kurumsal-slider-image {
position: relative;
width: 40%;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
}
.ryzen-box {
width: 250px;
height: auto;
position: relative;
}
/* Responsive styles */
@media (max-width: 1200px) {
.guven-host-kurumsal-slider-text h1 {
font-size: 3rem;
}
.ryzen-box {
width: 220px;
}
}
@media (max-width: 992px) {
.guven-host-kurumsal-slider {
height: 450px;
}
.guven-host-kurumsal-slider-text h1 {
font-size: 2.5rem;
}
.guven-host-kurumsal-slider-text p {
font-size: 1.1rem;
}
}
@media (max-width: 768px) {
.guven-host-kurumsal-slider {
height: auto;
padding: 60px 0;
}
.guven-host-kurumsal-slider-content {
flex-direction: column;
padding: 0 5%;
}
.guven-host-kurumsal-slider-text {
text-align: center;
color: #ffffff !important;
margin-bottom: 40px;
max-width: 100%;
}
.guven-host-kurumsal-slider-image {
width: 100%;
}
.ryzen-box {
width: 180px;
}
}
@media (max-width: 480px) {
.guven-host-kurumsal-slider-text h1 {
font-size: 2rem;
}
.guven-host-kurumsal-slider-text p {
font-size: 1rem;
}
.ryzen-box {
width: 150px;
}
}
.cemil-guven-kurumsal {
width: 100%;
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Karla', sans-serif;
display: flex;
flex-wrap: wrap;
gap: 20px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
border-radius: 10px;
background-color: #fff;
}
.cemil-guven-kurumsal-left {
flex: 1;
min-width: 300px;
}
.cemil-guven-kurumsal-right {
flex: 0 0 350px;
}
.cemil-guven-kurumsal-logo {
text-align: center;
margin-bottom: 30px;
}
.cemil-guven-kurumsal-logo img {
max-width: 250px;
height: auto;
}
.cemil-guven-kurumsal-content {
display: none;
}
.cemil-guven-kurumsal-content.active {
display: block;
}
.cemil-guven-kurumsal-content-title {
font-size: 28px;
color: #333;
margin-bottom: 20px;
text-align: center;
}
.cemil-guven-kurumsal-content-text {
text-align: justify;
line-height: 1.6;
color: #333;
margin-bottom: 30px;
}
.cemil-guven-kurumsal-sections {
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-bottom: 30px;
}
.cemil-guven-kurumsal-section {
flex: 1;
min-width: 250px;
}
.cemil-guven-kurumsal-section-title {
font-size: 24px;
color: #333;
margin-bottom: 15px;
text-align: center;
}
.cemil-guven-kurumsal-section-content {
text-align: justify;
line-height: 1.5;
color: #555;
}
.cemil-guven-kurumsal-menu {
display: flex;
flex-direction: column;
gap: 10px;
}
.cemil-guven-kurumsal-menu-button {
display: flex;
justify-content: space-between;
align-items: center;
padding: 15px 20px;
background-color: #f8f8f8;
border: 1px solid #e0e0e0;
border-radius: 5px;
cursor: pointer;
transition: all 0.3s ease;
color: #333;
text-decoration: none;
font-weight: 700; /* Kalın yazı */
}
.cemil-guven-kurumsal-menu-button:hover {
background-color: #007bff;
color: white;
border-color: #007bff;
}
.cemil-guven-kurumsal-menu-button.active {
background-color: #007bff;
color: white;
border-color: #007bff;
}
.cemil-guven-kurumsal-menu-button svg {
width: 20px;
height: 20px;
}
@media (max-width: 992px) {
.cemil-guven-kurumsal {
flex-direction: column;
}
.cemil-guven-kurumsal-right {
flex: 1;
width: 100%;
order: -1; /* Mobilde butonlar üstte olsun */
}
}
@media (max-width: 768px) {
.cemil-guven-kurumsal-sections {
flex-direction: column;
}
.cemil-guven-kurumsal-section {
width: 100%;
}
}
@media (max-width: 480px) {
.cemil-guven-kurumsal {
padding: 15px;
}
.cemil-guven-kurumsal-section-title {
font-size: 20px;
}
.cemil-guven-kurumsal-menu-button {
padding: 12px 15px;
}
}
.guven-filttrededicated-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
font-family: 'Karla', sans-serif;
}
.guven-filttrededicated-header {
text-align: center;
margin-bottom: 30px;
}
.guven-filttrededicated-header h1 {
font-size: 32px;
margin-bottom: 15px;
color: #1a1a1a;
}
.guven-filttrededicated-header p {
font-size: 16px;
color: #555;
max-width: 800px;
margin: 0 auto;
}
.guven-filttrededicated-filter-section {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
padding: 20px;
margin-bottom: 30px;
}
.guven-filttrededicated-filter-title {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 20px;
}
.guven-filttrededicated-filter-title h2 {
font-size: 18px;
font-weight: 600;
}
.guven-filttrededicated-filter-button {
background-color: #0056b3;
color: white;
border: none;
padding: 10px 25px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s;
}
.guven-filttrededicated-filter-button:hover {
background-color: #003d82;
}
.guven-filttrededicated-filter-options {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px;
}
.guven-filttrededicated-filter-category {
margin-bottom: 15px;
}
.guven-filttrededicated-filter-category h3 {
font-size: 16px;
margin-bottom: 10px;
padding-bottom: 5px;
border-bottom: 2px solid #eaeaea;
}
.guven-filttrededicated-filter-option {
display: flex;
align-items: center;
margin-bottom: 8px;
}
.guven-filttrededicated-filter-option input[type="checkbox"] {
margin-right: 10px;
width: 16px;
height: 16px;
cursor: pointer;
}
.guven-filttrededicated-filter-option label {
font-size: 14px;
cursor: pointer;
}
.guven-filttrededicated-server-list {
display: grid;
grid-template-columns: 1fr;
gap: 20px;
}
.guven-filttrededicated-server-item {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
padding: 20px;
display: flex;
flex-wrap: wrap;
position: relative;
}
.guven-filttrededicated-server-model {
flex: 0 0 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
font-weight: 700;
font-size: 18px;
color: #0056b3;
}
.guven-filttrededicated-server-model span {
display: block;
font-size: 14px;
color: #28a745;
margin-top: 5px;
font-weight: 600;
}
.guven-filttrededicated-server-image {
flex: 0 0 150px;
display: flex;
align-items: center;
justify-content: center;
}
.guven-filttrededicated-server-image img {
max-width: 100%;
height: auto;
}
.guven-filttrededicated-server-specs {
flex: 1;
display: grid;
grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
gap: 15px;
}
.guven-filttrededicated-spec-item {
text-align: center;
}
.guven-filttrededicated-spec-title {
font-weight: 600;
color: #555;
font-size: 14px;
margin-bottom: 5px;
}
.guven-filttrededicated-spec-value {
font-size: 15px;
color: #333;
}
.guven-filttrededicated-spec-subvalue {
font-size: 12px;
color: #777;
display: block;
margin-top: 3px;
}
.guven-filttrededicated-server-price {
flex: 0 0 150px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
}
.guven-filttrededicated-price-value {
font-size: 22px;
font-weight: 700;
color: #0056b3;
margin-bottom: 5px;
}
.guven-filttrededicated-price-period {
font-size: 14px;
color: #777;
}
.guven-filttrededicated-buy-button {
background-color: #0056b3;
color: white;
border: none;
padding: 10px 25px;
border-radius: 5px;
font-weight: 600;
cursor: pointer;
transition: background-color 0.3s;
margin-top: 10px;
text-decoration: none;
display: inline-block;
}
.guven-filttrededicated-buy-button:hover {
background-color: #003d82;
}
.guven-filttrededicated-no-results {
background-color: #fff;
border-radius: 8px;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
padding: 30px;
text-align: center;
display: none;
}
.guven-filttrededicated-no-results h3 {
font-size: 20px;
color: #0056b3;
margin-bottom: 10px;
}
.guven-filttrededicated-no-results p {
font-size: 16px;
color: #555;
}
@media (max-width: 992px) {
.guven-filttrededicated-server-model,
.guven-filttrededicated-server-image,
.guven-filttrededicated-server-price {
flex: 0 0 100%;
margin-bottom: 15px;
}
.guven-filttrededicated-server-specs {
grid-template-columns: repeat(2, 1fr);
}
.guven-filttrededicated-server-item {
padding: 15px;
}
}
@media (max-width: 768px) {
.guven-filttrededicated-filter-options {
grid-template-columns: repeat(2, 1fr);
}
.guven-filttrededicated-server-specs {
grid-template-columns: 1fr;
}
.guven-filttrededicated-spec-item {
text-align: left;
display: flex;
justify-content: space-between;
align-items: center;
}
.guven-filttrededicated-spec-title {
margin-bottom: 0;
}
}
@media (max-width: 576px) {
.guven-filttrededicated-filter-options {
grid-template-columns: 1fr;
}
.guven-filttrededicated-header h1 {
font-size: 24px;
}
.guven-filttrededicated-header p {
font-size: 14px;
}
.guven-filttrededicated-filter-button {
padding: 8px 15px;
font-size: 14px;
}
}
.dedicated-container {
max-width: 1200px;
margin: 20px auto;
padding: 0 15px;
font-family: 'Karla', sans-serif;
}
.dedicated-section {
display: flex;
flex-wrap: wrap;
gap: 0;
align-items: stretch;
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
border-radius: 8px;
overflow: hidden;
}
.dedicated-left {
flex: 1;
min-width: 300px;
background-color: #121c2e;
color: white;
padding: 25px;
position: relative;
display: flex;
flex-direction: column;
}
.dedicated-right {
flex: 1;
min-width: 300px;
background-color: white;
border: 5px solid #4d9aff;
padding: 25px;
}
.dedicated-title {
font-size: 28px;
font-weight: 700;
color: #ffffff !important;
margin-bottom: 15px;
line-height: 1.2;
}
.dedicated-description {
font-size: 15px;
margin-bottom: 20px;
max-width: 600px;
line-height: 1.5;
}
.dedicated-highlight {
font-weight: 700;
}
.dedicated-server-illustration {
display: flex;
align-items: center;
justify-content: center;
margin-top: 15px;
}
.dedicated-server-image {
max-width: 80%;
height: auto;
}
.dedicated-features-title {
font-size: 26px;
font-weight: 700;
margin-bottom: 20px;
color: #121c2e;
}
.dedicated-feature-item {
margin-bottom: 18px;
display: flex;
align-items: flex-start;
gap: 12px;
}
.dedicated-feature-icon {
width: 22px;
height: 22px;
background-color: #4caf50;
border-radius: 50%;
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
margin-top: 2px;
}
.dedicated-feature-icon::before {
content: "✓";
color: white;
font-size: 12px;
font-weight: bold;
}
.dedicated-feature-content {
flex: 1;
}
.dedicated-feature-title {
font-size: 17px;
font-weight: 600;
margin-bottom: 6px;
color: #121c2e;
}
.dedicated-feature-description {
font-size: 14px;
color: #555;
line-height: 1.4;
}
@media (max-width: 992px) {
.dedicated-section {
flex-direction: column;
}
.dedicated-left, .dedicated-right {
width: 100%;
}
.dedicated-server-illustration {
margin-top: 20px;
margin-bottom: 10px;
}
.dedicated-server-image {
max-width: 60%;
}
}
@media (max-width: 768px) {
.dedicated-title {
font-size: 24px;
}
.dedicated-features-title {
font-size: 22px;
}
.dedicated-left, .dedicated-right {
padding: 20px;
}
}
@media (max-width: 480px) {
.dedicated-container {
margin: 15px auto;
padding: 0 10px;
}
.dedicated-title {
font-size: 22px;
}
.dedicated-features-title {
font-size: 20px;
}
.dedicated-feature-title {
font-size: 16px;
}
.dedicated-description, .dedicated-feature-description {
font-size: 13px;
}
.dedicated-left, .dedicated-right {
padding: 20px 15px;
}
.dedicated-server-image {
max-width: 80%;
}
}
.guven-host-dedicated-container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Karla', sans-serif;
}
.guven-host-dedicated-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
gap: 40px;
align-items: start;
}
.guven-host-dedicated-card {
text-align: center;
padding: 20px;
}
.guven-host-dedicated-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
display: block;
}
.guven-host-dedicated-badge {
font-size: 16px;
font-weight: 600;
margin-bottom: 15px;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.guven-host-dedicated-badge.pink {
color: #e91e63;
}
.guven-host-dedicated-badge.red {
color: #f44336;
}
.guven-host-dedicated-badge.green {
color: #4caf50;
}
.guven-host-dedicated-title {
font-size: 24px;
font-weight: 700;
color: #1565c0;
margin-bottom: 20px;
line-height: 1.3;
}
.guven-host-dedicated-description {
font-size: 16px;
color: #757575;
line-height: 1.6;
font-weight: 400;
}
/* Mobil Uyumluluk */
@media (max-width: 768px) {
.guven-host-dedicated-container {
padding: 40px 15px;
}
.guven-host-dedicated-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.guven-host-dedicated-icon {
width: 70px;
height: 70px;
}
.guven-host-dedicated-title {
font-size: 22px;
}
.guven-host-dedicated-description {
font-size: 15px;
}
}
@media (max-width: 480px) {
.guven-host-dedicated-container {
padding: 30px 10px;
}
.guven-host-dedicated-icon {
width: 60px;
height: 60px;
}
.guven-host-dedicated-title {
font-size: 20px;
}
.guven-host-dedicated-badge {
font-size: 14px;
}
.guven-host-dedicated-description {
font-size: 14px;
}
}
.guven-host-acilkalamdedi-container {
background: linear-gradient(135deg, #1a237e 0%, #283593 100%);
padding: 40px 20px;
font-family: 'Karla', sans-serif;
}
.guven-host-acilkalamdedi-content {
max-width: 1000px;
margin: 0 auto;
text-align: center;
}
.guven-host-acilkalamdedi-title {
color: white;
font-size: 28px;
font-weight: 700;
margin-bottom: 12px;
letter-spacing: 0.5px;
}
.guven-host-acilkalamdedi-subtitle {
color: rgba(255, 255, 255, 0.8);
font-size: 16px;
font-weight: 400;
margin-bottom: 30px;
line-height: 1.5;
}
.guven-host-acilkalamdedi-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
gap: 20px;
max-width: 800px;
margin: 0 auto;
}
.guven-host-acilkalamdedi-card {
background: white;
border-radius: 8px;
padding: 25px 15px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
}
.guven-host-acilkalamdedi-card:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
}
.guven-host-acilkalamdedi-logo {
max-width: 120px;
max-height: 50px;
width: auto;
height: auto;
object-fit: contain;
}
/* Mobil Uyumluluk */
@media (max-width: 768px) {
.guven-host-acilkalamdedi-container {
padding: 30px 15px;
}
.guven-host-acilkalamdedi-title {
font-size: 24px;
}
.guven-host-acilkalamdedi-subtitle {
font-size: 15px;
margin-bottom: 25px;
}
.guven-host-acilkalamdedi-grid {
grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
gap: 15px;
}
.guven-host-acilkalamdedi-card {
padding: 20px 10px;
}
.guven-host-acilkalamdedi-logo {
max-width: 100px;
max-height: 40px;
}
}
@media (max-width: 480px) {
.guven-host-acilkalamdedi-container {
padding: 25px 10px;
}
.guven-host-acilkalamdedi-title {
font-size: 22px;
}
.guven-host-acilkalamdedi-subtitle {
font-size: 14px;
}
.guven-host-acilkalamdedi-grid {
grid-template-columns: repeat(2, 1fr);
gap: 12px;
}
.guven-host-acilkalamdedi-card {
padding: 18px 8px;
}
.guven-host-acilkalamdedi-logo {
max-width: 80px;
max-height: 35px;
}
}
.guven-host-4859-container {
padding: 60px 20px;
font-family: 'Karla', sans-serif;
}
.guven-host-4859-content {
max-width: 1200px;
margin: 0 auto;
text-align: center;
}
.guven-host-4859-title {
font-size: 32px;
font-weight: 700;
color: #333;
margin-bottom: 15px;
line-height: 1.3;
}
.guven-host-4859-subtitle {
font-size: 18px;
color: #666;
margin-bottom: 50px;
line-height: 1.6;
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.guven-host-4859-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 25px;
margin-top: 40px;
}
.guven-host-4859-card {
background: white;
border-radius: 12px;
padding: 35px 20px;
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
text-align: center;
}
.guven-host-4859-card:hover {
transform: translateY(-8px);
box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15);
}
.guven-host-4859-icon-wrapper {
width: 70px;
height: 70px;
background: linear-gradient(135deg, #e3f2fd 0%, #bbdefb 100%);
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin: 0 auto 20px;
transition: all 0.3s ease;
}
.guven-host-4859-card:hover .guven-host-4859-icon-wrapper {
background: linear-gradient(135deg, #424242 0%, #212121 100%);
}
.guven-host-4859-icon {
width: 35px;
height: 35px;
object-fit: contain;
transition: filter 0.3s ease;
}
.guven-host-4859-card:hover .guven-host-4859-icon {
filter: brightness(0) invert(1);
}
.guven-host-4859-card-title {
font-size: 20px;
font-weight: 600;
color: #333;
margin-bottom: 12px;
}
.guven-host-4859-card-description {
font-size: 14px;
color: #666;
line-height: 1.5;
margin-bottom: 20px;
}
.guven-host-4859-button {
display: inline-block;
background: linear-gradient(135deg, #1976d2 0%, #1565c0 100%);
color: white;
text-decoration: none;
border-radius: 6px;
padding: 10px 20px;
font-size: 13px;
font-weight: 600;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.guven-host-4859-button:hover {
background: linear-gradient(135deg, #424242 0%, #212121 100%);
transform: translateY(-2px);
color: white;
text-decoration: none;
}
/* Tablet Uyumluluk */
@media (max-width: 1024px) {
.guven-host-4859-container {
padding: 50px 15px;
}
.guven-host-4859-grid {
gap: 20px;
}
.guven-host-4859-card {
padding: 30px 15px;
}
.guven-host-4859-card-title {
font-size: 18px;
}
.guven-host-4859-card-description {
font-size: 13px;
}
}
/* Orta Tablet */
@media (max-width: 768px) {
.guven-host-4859-container {
padding: 40px 15px;
}
.guven-host-4859-title {
font-size: 28px;
}
.guven-host-4859-subtitle {
font-size: 16px;
margin-bottom: 35px;
}
.guven-host-4859-grid {
gap: 15px;
}
.guven-host-4859-card {
padding: 25px 12px;
}
.guven-host-4859-icon-wrapper {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.guven-host-4859-icon {
width: 30px;
height: 30px;
}
.guven-host-4859-card-title {
font-size: 16px;
margin-bottom: 10px;
}
.guven-host-4859-card-description {
font-size: 12px;
margin-bottom: 15px;
}
.guven-host-4859-button {
padding: 8px 16px;
font-size: 12px;
}
}
/* Küçük Mobil */
@media (max-width: 480px) {
.guven-host-4859-container {
padding: 30px 10px;
}
.guven-host-4859-title {
font-size: 24px;
}
.guven-host-4859-subtitle {
font-size: 14px;
margin-bottom: 30px;
}
.guven-host-4859-grid {
gap: 10px;
}
.guven-host-4859-card {
padding: 20px 8px;
}
.guven-host-4859-icon-wrapper {
width: 50px;
height: 50px;
margin-bottom: 12px;
}
.guven-host-4859-icon {
width: 25px;
height: 25px;
}
.guven-host-4859-card-title {
font-size: 14px;
margin-bottom: 8px;
}
.guven-host-4859-card-description {
font-size: 11px;
margin-bottom: 12px;
line-height: 1.4;
}
.guven-host-4859-button {
padding: 6px 12px;
font-size: 10px;
}
}
/* Çok Küçük Mobil */
@media (max-width: 360px) {
.guven-host-4859-container {
padding: 25px 8px;
}
.guven-host-4859-title {
font-size: 20px;
}
.guven-host-4859-subtitle {
font-size: 13px;
}
.guven-host-4859-grid {
gap: 8px;
}
.guven-host-4859-card {
padding: 15px 6px;
}
.guven-host-4859-icon-wrapper {
width: 45px;
height: 45px;
margin-bottom: 10px;
}
.guven-host-4859-icon {
width: 22px;
height: 22px;
}
.guven-host-4859-card-title {
font-size: 12px;
margin-bottom: 6px;
}
.guven-host-4859-card-description {
font-size: 10px;
margin-bottom: 10px;
}
.guven-host-4859-button {
padding: 5px 10px;
font-size: 9px;
}
}
.guven-host-colo-container {
max-width: 1200px;
margin: 0 auto;
padding: 40px 20px;
font-family: 'Karla', sans-serif;
min-height: 100vh;
color: #333;
}
.guven-host-colo-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-host-colo-header {
text-align: center;
margin-bottom: 60px;
}
.guven-host-colo-title {
font-size: 2.5rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 20px;
line-height: 1.2;
}
.guven-host-colo-subtitle {
font-size: 1.1rem;
color: #4a5568;
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
font-weight: 400;
}
.guven-host-colo-pricing-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
gap: 30px;
margin-top: 40px;
}
.guven-host-colo-pricing-card {
background: white;
border-radius: 16px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease, box-shadow 0.3s ease;
position: relative;
overflow: hidden;
}
.guven-host-colo-pricing-card:hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.guven-host-colo-card-header {
text-align: center;
margin-bottom: 30px;
}
.guven-host-colo-plan-location {
font-size: 0.9rem;
color: #667eea;
font-weight: 600;
margin-bottom: 5px;
}
.guven-host-colo-plan-name {
font-size: 1.3rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 20px;
}
.guven-host-colo-price {
font-size: 2.2rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 25px;
}
.guven-host-colo-add-to-cart {
width: 100%;
background: #1a202c;
color: white;
border: none;
padding: 15px 20px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
font-family: 'Karla', sans-serif;
text-decoration: none;
display: inline-block;
text-align: center;
}
.guven-host-colo-add-to-cart:hover {
background: #2d3748;
}
.guven-host-colo-features-title {
font-size: 1.1rem;
font-weight: 600;
color: #1a202c;
margin: 25px 0 20px 0;
}
.guven-host-colo-features-list {
list-style: none;
}
.guven-host-colo-feature-item {
display: flex;
align-items: center;
margin-bottom: 12px;
font-size: 0.95rem;
color: #4a5568;
}
.guven-host-colo-checkmark {
width: 20px;
height: 20px;
background: #10b981;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
flex-shrink: 0;
}
.guven-host-colo-checkmark::after {
content: '✓';
color: white;
font-size: 12px;
font-weight: bold;
}
.guven-host-colo-feature-text {
line-height: 1.4;
}
.guven-host-colo-highlight {
font-weight: 600;
color: #1a202c;
}
@media (max-width: 768px) {
.guven-host-colo-container {
padding: 20px 10px;
}
.guven-host-colo-title {
font-size: 2rem;
}
.guven-host-colo-subtitle {
font-size: 1rem;
padding: 0 10px;
}
.guven-host-colo-pricing-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.guven-host-colo-pricing-card {
padding: 25px 20px;
}
.guven-host-colo-price {
font-size: 2rem;
}
.guven-host-colo-plan-name {
font-size: 1.2rem;
}
}
@media (max-width: 480px) {
.guven-host-colo-container {
padding: 15px 5px;
}
.guven-host-colo-title {
font-size: 1.8rem;
}
.guven-host-colo-subtitle {
font-size: 0.95rem;
}
.guven-host-colo-pricing-card {
padding: 20px 15px;
}
.guven-host-colo-price {
font-size: 1.8rem;
}
.guven-host-colo-add-to-cart {
padding: 12px 15px;
font-size: 0.95rem;
}
.guven-host-colo-feature-item {
font-size: 0.9rem;
}
}
.guven-colo-2-container {
max-width: 1200px;
margin: 0 auto;
padding: 100px 20px;
font-family: 'Karla', sans-serif;
color: #333;
text-align: center;
position: relative;
}
.guven-colo-2-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-colo-2-server-image {
width: 100%;
max-width: 600px;
height: auto;
margin: 0 auto 40px auto;
display: block;
object-fit: contain;
}
.guven-colo-2-title {
font-size: 2.5rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 30px;
line-height: 1.2;
letter-spacing: 0.5px;
}
.guven-colo-2-description {
font-size: 1.1rem;
color: #4a5568;
max-width: 800px;
margin: 0 auto;
line-height: 1.7;
font-weight: 400;
}
@media (max-width: 768px) {
.guven-colo-2-container {
padding: 60px 15px;
}
.guven-colo-2-server-image {
max-width: 100%;
margin-bottom: 30px;
}
.guven-colo-2-title {
font-size: 2rem;
margin-bottom: 25px;
}
.guven-colo-2-description {
font-size: 1rem;
padding: 0 10px;
}
}
@media (max-width: 480px) {
.guven-colo-2-container {
padding: 50px 10px;
}
.guven-colo-2-server-image {
margin-bottom: 25px;
}
.guven-colo-2-title {
font-size: 1.8rem;
margin-bottom: 20px;
}
.guven-colo-2-description {
font-size: 0.95rem;
padding: 0 5px;
}
}
.guven-host-hasbi-container {
max-width: 1200px;
margin: 0 auto;
padding: 0;
font-family: 'Karla', sans-serif;
background: #f8fafc;
min-height: 100vh;
color: #333;
display: grid;
grid-template-columns: 1fr 1fr;
}
.guven-host-hasbi-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-host-hasbi-left-section {
background: #f8fafc;
padding: 60px 40px;
display: flex;
flex-direction: column;
justify-content: center;
}
.guven-host-hasbi-right-section {
background: #2d3748;
padding: 60px 40px;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
text-align: center;
color: white;
}
.guven-host-hasbi-features-label {
font-size: 0.9rem;
color: #667eea;
font-weight: 600;
margin-bottom: 20px;
letter-spacing: 1px;
}
.guven-host-hasbi-main-title {
font-size: 2.2rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 25px;
line-height: 1.3;
}
.guven-host-hasbi-description {
font-size: 1rem;
color: #4a5568;
margin-bottom: 40px;
line-height: 1.6;
}
.guven-host-hasbi-features-list {
list-style: none;
}
.guven-host-hasbi-feature-item {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 0.95rem;
color: #2d3748;
}
.guven-host-hasbi-checkmark {
width: 20px;
height: 20px;
background: #10b981;
border-radius: 3px;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
flex-shrink: 0;
}
.guven-host-hasbi-checkmark::after {
content: '✓';
color: white;
font-size: 12px;
font-weight: bold;
}
.guven-host-hasbi-online-status {
color: #10b981;
font-size: 0.9rem;
margin-bottom: 20px;
display: flex;
align-items: center;
gap: 8px;
}
.guven-host-hasbi-online-indicator {
width: 8px;
height: 8px;
background: #10b981;
border-radius: 50%;
animation: guven-host-hasbi-blink 1.5s infinite;
}
@keyframes guven-host-hasbi-blink {
0%, 50% {
opacity: 1;
}
51%, 100% {
opacity: 0.3;
}
}
.guven-host-hasbi-support-icon {
width: 80px;
height: 80px;
background: white;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 30px;
font-size: 2.5rem;
}
.guven-host-hasbi-support-title {
font-size: 1.8rem;
font-weight: 700;
color: #ffffff !important;
margin-bottom: 20px;
line-height: 1.3;
}
.guven-host-hasbi-support-hours {
font-size: 1.1rem;
font-weight: 600;
margin-bottom: 15px;
}
.guven-host-hasbi-support-description {
font-size: 0.95rem;
line-height: 1.5;
margin-bottom: 30px;
opacity: 0.9;
}
.guven-host-hasbi-contact-button {
background: #10b981;
color: white;
border: none;
padding: 15px 30px;
border-radius: 8px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: background 0.3s ease;
font-family: 'Karla', sans-serif;
text-decoration: none;
display: inline-flex;
align-items: center;
gap: 8px;
}
.guven-host-hasbi-contact-button:hover {
background: #059669;
}
@media (max-width: 768px) {
.guven-host-hasbi-container {
grid-template-columns: 1fr;
}
.guven-host-hasbi-left-section {
padding: 40px 20px;
}
.guven-host-hasbi-right-section {
padding: 40px 20px;
}
.guven-host-hasbi-main-title {
font-size: 1.8rem;
}
.guven-host-hasbi-support-title {
font-size: 1.5rem;
}
.guven-host-hasbi-support-icon {
width: 60px;
height: 60px;
font-size: 2rem;
}
}
@media (max-width: 480px) {
.guven-host-hasbi-left-section {
padding: 30px 15px;
}
.guven-host-hasbi-right-section {
padding: 30px 15px;
}
.guven-host-hasbi-main-title {
font-size: 1.6rem;
}
.guven-host-hasbi-support-title {
font-size: 1.3rem;
}
.guven-host-hasbi-feature-item {
font-size: 0.9rem;
}
.guven-host-hasbi-contact-button {
padding: 12px 25px;
font-size: 0.95rem;
}
}
.cemil-tawk-to-guven-container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Karla', sans-serif;
background: white;
min-height: 100vh;
color: #333;
}
.cemil-tawk-to-guven-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.cemil-tawk-to-guven-grid {
display: grid;
grid-template-columns: 1fr 1fr;
grid-template-rows: repeat(4, 1fr);
gap: 60px;
min-height: 200vh;
}
.cemil-tawk-to-guven-section {
display: flex;
flex-direction: column;
justify-content: center;
padding: 40px;
}
.cemil-tawk-to-guven-text-section {
background: #f8fafc;
border-radius: 16px;
}
.cemil-tawk-to-guven-image-section {
background: white;
border-radius: 16px;
overflow: hidden;
display: flex;
align-items: center;
justify-content: center;
}
.cemil-tawk-to-guven-title {
font-size: 2rem;
font-weight: 700;
color: #1a365d;
margin-bottom: 25px;
line-height: 1.3;
}
.cemil-tawk-to-guven-description {
font-size: 1rem;
color: #4a5568;
line-height: 1.7;
font-weight: 400;
}
.cemil-tawk-to-guven-image {
width: 100%;
height: 100%;
object-fit: cover;
border-radius: 16px;
}
.cemil-tawk-to-guven-section-1 {
grid-column: 1;
grid-row: 1;
}
.cemil-tawk-to-guven-section-2 {
grid-column: 2;
grid-row: 1;
}
.cemil-tawk-to-guven-section-3 {
grid-column: 1;
grid-row: 2;
}
.cemil-tawk-to-guven-section-4 {
grid-column: 2;
grid-row: 2;
}
.cemil-tawk-to-guven-section-5 {
grid-column: 1;
grid-row: 3;
}
.cemil-tawk-to-guven-section-6 {
grid-column: 2;
grid-row: 3;
}
.cemil-tawk-to-guven-section-7 {
grid-column: 1;
grid-row: 4;
}
.cemil-tawk-to-guven-section-8 {
grid-column: 2;
grid-row: 4;
}
@media (max-width: 768px) {
.cemil-tawk-to-guven-container {
padding: 40px 15px;
}
.cemil-tawk-to-guven-grid {
grid-template-columns: 1fr;
grid-template-rows: auto;
gap: 30px;
min-height: auto;
}
.cemil-tawk-to-guven-section-1,
.cemil-tawk-to-guven-section-2,
.cemil-tawk-to-guven-section-3,
.cemil-tawk-to-guven-section-4,
.cemil-tawk-to-guven-section-5,
.cemil-tawk-to-guven-section-6,
.cemil-tawk-to-guven-section-7,
.cemil-tawk-to-guven-section-8 {
grid-column: 1;
grid-row: auto;
}
.cemil-tawk-to-guven-section {
padding: 30px 25px;
}
.cemil-tawk-to-guven-title {
font-size: 1.7rem;
}
.cemil-tawk-to-guven-description {
font-size: 0.95rem;
}
}
@media (max-width: 480px) {
.cemil-tawk-to-guven-container {
padding: 30px 10px;
}
.cemil-tawk-to-guven-grid {
gap: 25px;
}
.cemil-tawk-to-guven-section {
padding: 25px 20px;
}
.cemil-tawk-to-guven-title {
font-size: 1.5rem;
margin-bottom: 20px;
}
.cemil-tawk-to-guven-description {
font-size: 0.9rem;
}
}
.game-server-hosting-container {
max-width: 1200px;
margin: 0 auto;
padding: 60px 20px;
font-family: 'Karla', sans-serif;
background: white;
min-height: 100vh;
color: #333;
}
.game-server-hosting-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.game-server-hosting-search-section {
text-align: center;
margin-bottom: 40px;
}
.game-server-hosting-title {
font-size: 2.5rem;
font-weight: 700;
color: #1a202c;
margin-bottom: 20px;
}
.game-server-hosting-subtitle {
font-size: 1.1rem;
color: #4a5568;
margin-bottom: 30px;
}
.game-server-hosting-search-box {
position: relative;
max-width: 500px;
margin: 0 auto;
}
.game-server-hosting-search-input {
width: 100%;
padding: 15px 50px 15px 20px;
border: 2px solid #e2e8f0;
border-radius: 50px;
font-size: 1rem;
font-family: 'Karla', sans-serif;
outline: none;
transition: border-color 0.3s ease, box-shadow 0.3s ease;
}
.game-server-hosting-search-input:focus {
border-color: #667eea;
box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
}
.game-server-hosting-search-icon {
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
color: #a0aec0;
font-size: 1.2rem;
}
.game-server-hosting-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-template-rows: repeat(4, 200px);
gap: 15px;
margin-top: 40px;
}
.game-server-hosting-card {
position: relative;
background: #1a1a1a;
border-radius: 12px;
overflow: hidden;
cursor: pointer;
transition: transform 0.3s ease, box-shadow 0.3s ease, opacity 0.3s ease;
}
.game-server-hosting-card.disabled {
opacity: 0.3;
transform: none !important;
}
.game-server-hosting-card.disabled:hover {
cursor: not-allowed;
}
.game-server-hosting-card:not(.disabled):hover {
transform: translateY(-5px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3);
}
.game-server-hosting-image {
width: 100%;
height: 100%;
object-fit: cover;
filter: grayscale(100%);
transition: filter 0.3s ease;
}
.game-server-hosting-card:not(.disabled):hover .game-server-hosting-image {
filter: grayscale(0%);
}
.game-server-hosting-card.disabled .game-server-hosting-image {
filter: grayscale(100%) brightness(0.5);
}
.game-server-hosting-overlay {
position: absolute;
bottom: 0;
left: 0;
right: 0;
background: linear-gradient(transparent, rgba(0, 0, 0, 0.9));
padding: 20px;
color: white;
}
.game-server-hosting-discount {
position: absolute;
top: 15px;
right: 15px;
background: #4d9aff;
color: white;
padding: 6px 12px;
border-radius: 20px;
font-size: 0.8rem;
font-weight: 600;
}
.game-server-hosting-card.disabled .game-server-hosting-discount {
background: #666;
}
.game-server-hosting-price {
font-size: 1rem;
font-weight: 700;
color: #4d9aff;
margin-bottom: 5px;
}
.game-server-hosting-card.disabled .game-server-hosting-price {
color: #999;
}
.game-server-hosting-description {
font-size: 0.85rem;
opacity: 0.9;
line-height: 1.3;
}
.game-server-hosting-game-title {
position: absolute;
top: 15px;
left: 15px;
color: white;
font-size: 1.2rem;
font-weight: 700;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.game-server-hosting-disabled-icon {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
font-size: 3rem;
color: rgba(255, 255, 255, 0.8);
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
opacity: 0;
transition: opacity 0.3s ease;
pointer-events: none;
}
.game-server-hosting-card.disabled .game-server-hosting-disabled-icon {
opacity: 1;
}
/* Specific card positioning */
.game-server-hosting-rust {
grid-column: 1 / 3;
grid-row: 1 / 3;
}
.game-server-hosting-garrys-mod {
grid-column: 3;
grid-row: 1;
}
.game-server-hosting-bannerlord {
grid-column: 3;
grid-row: 2;
}
.game-server-hosting-survival {
grid-column: 1;
grid-row: 3;
}
.game-server-hosting-minecraft {
grid-column: 2;
grid-row: 3;
}
.game-server-hosting-farming {
grid-column: 3;
grid-row: 3;
}
.game-server-hosting-action {
grid-column: 1;
grid-row: 4;
}
.game-server-hosting-gta {
grid-column: 2 / 4;
grid-row: 4;
}
@media (max-width: 768px) {
.game-server-hosting-container {
padding: 40px 15px;
}
.game-server-hosting-title {
font-size: 2rem;
}
.game-server-hosting-grid {
grid-template-columns: 1fr;
grid-template-rows: repeat(8, 200px);
gap: 15px;
}
.game-server-hosting-rust,
.game-server-hosting-garrys-mod,
.game-server-hosting-bannerlord,
.game-server-hosting-survival,
.game-server-hosting-minecraft,
.game-server-hosting-farming,
.game-server-hosting-action,
.game-server-hosting-gta {
grid-column: 1;
grid-row: auto;
}
.game-server-hosting-disabled-icon {
font-size: 2.5rem;
}
}
@media (max-width: 480px) {
.game-server-hosting-container {
padding: 30px 10px;
}
.game-server-hosting-title {
font-size: 1.8rem;
}
.game-server-hosting-overlay {
padding: 15px;
}
.game-server-hosting-price {
font-size: 0.9rem;
}
.game-server-hosting-description {
font-size: 0.8rem;
}
.game-server-hosting-disabled-icon {
font-size: 2rem;
}
}
.guven-host9384000-container {
position: relative;
width: 100%;
height: 100vh;
min-height: 600px;
overflow: hidden;
font-family: 'Karla', sans-serif;
}
.guven-host9384000-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-host9384000-slider {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.guven-host9384000-slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: opacity 1s ease-in-out;
}
.guven-host9384000-slide.guven-host9384000-active {
opacity: 1;
}
.guven-host9384000-background-img {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
object-fit: cover;
z-index: 1;
}
.guven-host9384000-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(
135deg,
rgba(0, 0, 0, 0.7) 0%,
rgba(0, 0, 0, 0.4) 50%,
rgba(0, 0, 0, 0.8) 100%
);
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
text-align: center;
padding: 20px;
z-index: 2;
}
.guven-host9384000-content {
max-width: 800px;
color: white;
z-index: 3;
display: flex;
flex-direction: column;
align-items: center;
}
.guven-host9384000-mascot-img {
width: 200px;
height: 200px;
margin-bottom: 20px;
filter: drop-shadow(0 4px 8px rgba(0, 0, 0, 0.5));
animation: guven-host9384000-float 3s ease-in-out infinite;
object-fit: contain;
}
@keyframes guven-host9384000-float {
0%, 100% {
transform: translateY(0px);
}
50% {
transform: translateY(-10px);
}
}
.guven-host9384000-title {
font-size: 4rem;
font-weight: 700;
color: #ffffff;
margin-bottom: 20px;
text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
letter-spacing: -1px;
}
.guven-host9384000-subtitle {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.6;
opacity: 0.95;
text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.8);
margin-bottom: 30px;
}
.guven-host9384000-cta-button {
display: inline-block;
padding: 15px 40px;
background: linear-gradient(45deg, #4d9aff, #6bb0ff);
color: white;
text-decoration: none;
border-radius: 50px;
font-weight: 600;
font-size: 1.1rem;
transition: all 0.3s ease;
box-shadow: 0 4px 15px rgba(77, 154, 255, 0.3);
text-transform: uppercase;
letter-spacing: 1px;
}
.guven-host9384000-cta-button:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(77, 154, 255, 0.4);
background: linear-gradient(45deg, #6bb0ff, #4d9aff);
}
.guven-host9384000-navigation {
position: absolute;
bottom: 30px;
left: 50%;
transform: translateX(-50%);
display: flex;
gap: 15px;
z-index: 4;
}
.guven-host9384000-nav-dot {
width: 12px;
height: 12px;
border-radius: 50%;
background: rgba(255, 255, 255, 0.4);
cursor: pointer;
transition: all 0.3s ease;
border: 2px solid rgba(255, 255, 255, 0.6);
}
.guven-host9384000-nav-dot.guven-host9384000-active-dot {
background: #4d9aff;
border-color: #4d9aff;
transform: scale(1.2);
}
.guven-host9384000-nav-dot:hover {
background: rgba(255, 255, 255, 0.8);
transform: scale(1.1);
}
.guven-host9384000-slide-content-1 .guven-host9384000-mascot-img {
animation: guven-host9384000-slideInDown 1s ease-out, guven-host9384000-float 3s ease-in-out infinite 1s;
}
.guven-host9384000-slide-content-1 .guven-host9384000-title {
animation: guven-host9384000-slideInUp 1s ease-out 0.3s both;
}
.guven-host9384000-slide-content-1 .guven-host9384000-subtitle {
animation: guven-host9384000-slideInUp 1s ease-out 0.5s both;
}
.guven-host9384000-slide-content-1 .guven-host9384000-cta-button {
animation: guven-host9384000-slideInUp 1s ease-out 0.7s both;
}
@keyframes guven-host9384000-slideInUp {
from {
opacity: 0;
transform: translateY(30px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes guven-host9384000-slideInDown {
from {
opacity: 0;
transform: translateY(-50px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@media (max-width: 768px) {
.guven-host9384000-container {
height: 70vh;
min-height: 500px;
}
.guven-host9384000-mascot-img {
width: 150px;
height: 150px;
margin-bottom: 15px;
}
.guven-host9384000-title {
font-size: 2.5rem;
margin-bottom: 15px;
}
.guven-host9384000-subtitle {
font-size: 1.1rem;
margin-bottom: 25px;
}
.guven-host9384000-cta-button {
padding: 12px 30px;
font-size: 1rem;
}
.guven-host9384000-navigation {
bottom: 20px;
}
}
@media (max-width: 480px) {
.guven-host9384000-mascot-img {
width: 120px;
height: 120px;
margin-bottom: 10px;
}
.guven-host9384000-title {
font-size: 2rem;
}
.guven-host9384000-subtitle {
font-size: 1rem;
padding: 0 10px;
}
.guven-host9384000-cta-button {
padding: 10px 25px;
font-size: 0.9rem;
}
.guven-host9384000-overlay {
padding: 15px;
}
}
.guven-mc-sunucukirala-container {
width: 100%;
min-height: 75vh;
font-family: 'Karla', sans-serif;
background: #f8f9fa;
display: flex;
align-items: center;
padding: 0;
margin: 0;
}
.guven-mc-sunucukirala-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-mc-sunucukirala-content-wrapper {
max-width: 1400px;
margin: 0 auto;
padding: 0 20px;
display: grid;
grid-template-columns: 1fr 1fr;
gap: 80px;
align-items: center;
width: 100%;
}
.guven-mc-sunucukirala-left-content {
display: flex;
flex-direction: column;
gap: 20px;
}
.guven-mc-sunucukirala-breadcrumb {
display: flex;
align-items: center;
gap: 10px;
font-size: 0.9rem;
color: #666;
margin-bottom: 10px;
}
.guven-mc-sunucukirala-breadcrumb-icon {
width: 16px;
height: 16px;
color: #333;
}
.guven-mc-sunucukirala-breadcrumb-link {
color: #4d9aff;
text-decoration: none;
font-weight: 500;
}
.guven-mc-sunucukirala-breadcrumb-link:hover {
text-decoration: underline;
}
.guven-mc-sunucukirala-title {
font-size: 2.5rem;
font-weight: 700;
color: #4d9aff;
line-height: 1.2;
margin-bottom: 20px;
}
.guven-mc-sunucukirala-description {
font-size: 1.1rem;
line-height: 1.6;
color: #555;
margin-bottom: 30px;
}
.guven-mc-sunucukirala-highlight {
font-weight: 600;
color: #333;
}
.guven-mc-sunucukirala-buttons {
display: flex;
gap: 15px;
flex-wrap: wrap;
}
.guven-mc-sunucukirala-btn-primary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 15px 30px;
background: #4d9aff;
color: white;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
font-size: 1rem;
transition: all 0.3s ease;
border: 2px solid #4d9aff;
}
.guven-mc-sunucukirala-btn-primary:hover {
background: #3a7bd8;
border-color: #3a7bd8;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(77, 154, 255, 0.3);
}
.guven-mc-sunucukirala-btn-secondary {
display: inline-flex;
align-items: center;
gap: 8px;
padding: 15px 30px;
background: transparent;
color: #4d9aff;
text-decoration: none;
border-radius: 8px;
font-weight: 600;
font-size: 1rem;
transition: all 0.3s ease;
border: 2px solid #4d9aff;
}
.guven-mc-sunucukirala-btn-secondary:hover {
background: #4d9aff;
color: white;
transform: translateY(-2px);
box-shadow: 0 4px 12px rgba(77, 154, 255, 0.3);
}
.guven-mc-sunucukirala-btn-icon {
width: 16px;
height: 16px;
}
.guven-mc-sunucukirala-right-content {
display: flex;
justify-content: center;
align-items: center;
}
.guven-mc-sunucukirala-game-image {
width: 100%;
max-width: 300px;
height: auto;
border-radius: 20px;
object-fit: cover;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.guven-mc-sunucukirala-game-image:hover {
transform: translateY(-5px);
box-shadow: 0 25px 50px rgba(0, 0, 0, 0.15);
}
/* Tablet responsive */
@media (max-width: 1024px) {
.guven-mc-sunucukirala-content-wrapper {
gap: 60px;
}
}
/* Mobile responsive */
@media (max-width: 768px) {
.guven-mc-sunucukirala-container {
padding: 20px 0;
}
.guven-mc-sunucukirala-content-wrapper {
grid-template-columns: 1fr;
gap: 40px;
text-align: center;
}
.guven-mc-sunucukirala-title {
font-size: 2rem;
}
.guven-mc-sunucukirala-buttons {
justify-content: center;
}
.guven-mc-sunucukirala-breadcrumb {
justify-content: center;
}
}
/* Small mobile responsive */
@media (max-width: 480px) {
.guven-mc-sunucukirala-container {
padding: 15px 0;
}
.guven-mc-sunucukirala-content-wrapper {
padding: 0 15px;
gap: 30px;
}
.guven-mc-sunucukirala-title {
font-size: 1.8rem;
}
.guven-mc-sunucukirala-description {
font-size: 1rem;
}
.guven-mc-sunucukirala-buttons {
flex-direction: column;
align-items: center;
}
.guven-mc-sunucukirala-btn-primary,
.guven-mc-sunucukirala-btn-secondary {
width: 100%;
max-width: 250px;
justify-content: center;
}
}
/* Extra small mobile */
@media (max-width: 360px) {
.guven-mc-sunucukirala-content-wrapper {
padding: 0 10px;
}
.guven-mc-sunucukirala-title {
font-size: 1.6rem;
}
}
.guven-pakettsbaba-container {
width: 100%;
font-family: 'Karla', sans-serif;
background: #f8f9fa;
padding: 60px 0;
}
.guven-pakettsbaba-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
.guven-pakettsbaba-wrapper {
max-width: 1200px;
margin: 0 auto;
padding: 0 20px;
}
.guven-pakettsbaba-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 40px;
}
.guven-pakettsbaba-card {
background: white;
border-radius: 15px;
padding: 30px 25px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
text-align: center;
position: relative;
overflow: hidden;
}
.guven-pakettsbaba-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15);
}
.guven-pakettsbaba-icon {
width: 60px;
height: 60px;
margin: 0 auto 20px;
display: block;
}
.guven-pakettsbaba-title {
font-size: 1.5rem;
font-weight: 600;
color: #333;
margin-bottom: 15px;
}
.guven-pakettsbaba-price {
background: #e8f2ff;
color: #4d9aff;
font-size: 1.8rem;
font-weight: 700;
padding: 15px;
border-radius: 10px;
margin-bottom: 15px;
}
.guven-pakettsbaba-guarantee {
color: #dc3545;
font-size: 0.9rem;
font-weight: 700;
text-transform: uppercase;
margin-bottom: 25px;
animation: blink 1.5s infinite;
}
@keyframes blink {
0%, 50% {
opacity: 1;
}
51%, 100% {
opacity: 0;
}
}
.guven-pakettsbaba-features {
list-style: none;
margin-bottom: 30px;
border: 1px solid #e9ecef;
border-radius: 10px;
overflow: hidden;
}
.guven-pakettsbaba-feature {
display: flex;
align-items: center;
gap: 12px;
padding: 12px 15px;
font-size: 0.95rem;
color: #555;
border-bottom: 1px solid #e9ecef;
}
.guven-pakettsbaba-feature:last-child {
border-bottom: none;
}
.guven-pakettsbaba-feature-icon-container {
width: 32px;
height: 32px;
border-radius: 6px;
display: flex;
align-items: center;
justify-content: center;
flex-shrink: 0;
background: rgba(77, 154, 255, 0.15);
}
.guven-pakettsbaba-feature-icon {
width: 18px;
height: 18px;
}
.guven-pakettsbaba-feature-text {
flex: 1;
text-align: left;
}
.guven-pakettsbaba-feature-value {
font-weight: 600;
color: #333;
}
.guven-pakettsbaba-btn {
width: 100%;
padding: 15px;
border: none;
border-radius: 10px;
font-size: 1.1rem;
font-weight: 600;
color: white !important;
text-decoration: none;
display: inline-block;
transition: all 0.3s ease;
cursor: pointer;
background: #1974D0 !important;
}
.guven-pakettsbaba-btn:hover {
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(25, 116, 208, 0.3) !important;
background: #1974D0 !important;
color: black !important;
}
/* Mobile Responsive */
@media (max-width: 992px) {
.guven-pakettsbaba-grid {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
}
@media (max-width: 768px) {
.guven-pakettsbaba-container {
padding: 40px 0;
}
.guven-pakettsbaba-grid {
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 30px;
}
.guven-pakettsbaba-card {
padding: 25px 20px;
}
.guven-pakettsbaba-price {
font-size: 1.6rem;
}
.guven-pakettsbaba-title {
font-size: 1.3rem;
}
.guven-pakettsbaba-guarantee {
font-size: 0.8rem;
}
}
@media (max-width: 480px) {
.guven-pakettsbaba-wrapper {
padding: 0 15px;
}
.guven-pakettsbaba-card {
padding: 20px 15px;
}
.guven-pakettsbaba-feature {
font-size: 0.9rem;
padding: 10px 12px;
}
.guven-pakettsbaba-feature-icon-container {
width: 28px;
height: 28px;
}
.guven-pakettsbaba-feature-icon {
width: 16px;
height: 16px;
}
.guven-pakettsbaba-guarantee {
font-size: 0.75rem;
}
}
.guven-host398449-body {
font-family: 'Karla', sans-serif;
margin: 0;
padding: 0;
background-color: #f8f9fa;
color: #333;
}
.guven-host398449-container {
max-width: 1200px;
margin: 0 auto;
padding: 20px;
}
.guven-host398449-features {
text-align: center;
padding: 50px 0;
}
.guven-host398449-features h2 {
color: #1a237e;
margin-bottom: 40px;
}
.guven-host398449-features h2 .guven-host398449-subtitle {
display: block;
font-size: 1rem;
color: #ff9800;
margin-bottom: 5px;
}
.guven-host398449-feature-cards {
display: flex;
justify-content: center;
flex-wrap: wrap;
gap: 20px;
}
.guven-host398449-card {
background-color: #fff;
border-radius: 10px;
padding: 30px;
width: 300px;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
transition: transform 0.3s ease-in-out, background-color 0.3s ease-in-out, color 0.3s ease-in-out;
cursor: pointer;
}
.guven-host398449-card:hover {
transform: translateY(-10px) scale(1.02);
background-color: #3f51b5;
color: #fff;
}
.guven-host398449-card:hover h3 {
color: #fff;
}
.guven-host398449-card .guven-host398449-icon {
margin-bottom: 20px;
}
.guven-host398449-card .guven-host398449-icon img {
width: 50px;
height: 50px;
}
.guven-host398449-card h3 {
color: #3f51b5;
margin-top: 0;
margin-bottom: 15px;
transition: color 0.3s ease-in-out;
}
.guven-host398449-card p {
font-size: 1rem;
line-height: 1.5;
}
@media (max-width: 768px) {
.guven-host398449-feature-cards {
flex-direction: column;
align-items: center;
}
.guven-host398449-card {
width: 90%;
}
}
.guven-host-alemmm-container {
font-family: 'Karla', sans-serif;
padding: 20px;
border: 1px solid #ccc;
border-radius: 10px;
max-width: 1200px;
margin: 20px auto;
text-align: left;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.guven-host-alemmm-image {
float: left;
margin-right: 15px;
width: 100px; /* Adjust as needed */
height: auto;
}
.guven-host-alemmm-title {
font-size: 24px;
font-weight: 700;
margin-bottom: 15px;
}
.guven-host-alemmm-paragraph {
font-size: 16px;
line-height: 1.6;
margin-bottom: 10px;
}
.guven-host-alemmm-paragraph b {
font-weight: 700;
}
/* Basic responsiveness */
@media (max-width: 600px) {
.guven-host-alemmm-container {
padding: 15px;
margin: 10px;
}
.guven-host-alemmm-title {
font-size: 20px;
}
.guven-host-alemmm-paragraph {
font-size: 14px;
}
}
.guven-host-alemm3m-section-container {
font-family: 'Karla', sans-serif;
padding: 20px;
max-width: 1000px;
margin: 40px auto;
text-align: center;
}
.guven-host-alemm3m-section-title {
font-size: 28px;
font-weight: 700;
margin-bottom: 30px;
color: #007bff; /* Example color, adjust as needed */
}
.guven-host-alemm3m-content-wrapper {
display: flex;
flex-direction: column; /* Stack image and cards on small screens */
align-items: center;
gap: 30px;
}
.guven-host-alemm3m-main-image {
max-width: 100%;
height: auto;
}
.guven-host-alemm3m-cards-container {
display: grid;
grid-template-columns: 1fr; /* Stack cards on small screens */
gap: 20px;
width: 100%;
}
.guven-host-alemm3m-card {
border: 1px solid #eee;
border-radius: 8px;
padding: 20px;
text-align: center;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}
.guven-host-alemm3m-card-icon {
/* width: 50px; */ /* Removed placeholder style */
/* height: 50px; */ /* Removed placeholder style */
/* background-color: #007bff; */ /* Removed placeholder style */
border-radius: 50%;
margin: 0 auto 15px auto;
font-size: 40px; /* Adjust icon size */
color: #007bff; /* Example icon color, adjust as needed */
}
.guven-host-alemm3m-card-title {
font-size: 18px;
font-weight: 700;
margin-bottom: 10px;
}
.guven-host-alemm3m-card-description {
font-size: 14px;
color: #555;
}
/* Responsiveness for larger screens */
@media (min-width: 768px) {
.guven-host-alemm3m-content-wrapper {
flex-direction: row; /* Side-by-side on larger screens */
align-items: flex-start;
}
.guven-host-alemm3m-main-image {
flex: 1;
max-width: 300px; /* Adjust as needed */
}
.guven-host-alemm3m-cards-container {
flex: 2;
grid-template-columns: 1fr 1fr; /* 2x2 grid */
}
}
.features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr); /* 2 sütun */
gap: 30px;
padding: 40px;
font-family: 'Karla', sans-serif;
}
.feature-card {
background: white;
border-radius: 20px;
box-shadow: 0 8px 25px rgba(0,0,0,0.07);
overflow: hidden;
display: flex;
flex-direction: column;
transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.feature-card:hover {
transform: scale(1.03);
box-shadow: 0 12px 35px rgba(0,0,0,0.1);
}
.feature-image {
width: 100%;
height: 200px;
object-fit: cover;
}
.feature-content {
padding: 25px;
}
.feature-title {
font-size: 20px;
font-weight: bold;
margin-bottom: 10px;
}
.feature-text {
font-size: 15px;
color: #333;
line-height: 1.5;
}
@media (max-width: 768px) {
.features-grid {
grid-template-columns: 1fr; /* mobilde 1 sütun */
}
}
.guven-nested-container {
max-width: 1400px;
margin: 0 auto;
font-family: -apple-system, BlinkMacSystemFont, 'Karla', Roboto, sans-serif;
}
.guven-nested-container * {
box-sizing: border-box;
}
body {
min-height: 100vh;
font-family: -apple-system, BlinkMacSystemFont, 'Karla', Roboto, sans-serif;
}
.guven-nested-header {
text-align: center;
padding: 40px 20px;
background: white;
border-radius: 20px;
margin-bottom: 40px;
color: #2c3e50;
}
.guven-nested-title {
font-size: 3rem;
font-weight: 700;
margin-bottom: 15px;
color: #2c3e50;
}
.guven-nested-subtitle {
font-size: 1.3rem;
font-weight: 600;
color: #34495e;
margin-bottom: 15px;
}
.guven-nested-description {
font-size: 1.1rem;
color: #7f8c8d;
margin-top: 10px;
max-width: 600px;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
.guven-nested-toggle {
display: flex;
justify-content: center;
margin-bottom: 40px;
}
.guven-nested-toggle-container {
background: white;
border-radius: 50px;
padding: 8px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.15);
display: flex;
position: relative;
}
.guven-nested-toggle-btn {
padding: 15px 35px;
border: none;
background: transparent;
border-radius: 40px;
cursor: pointer;
font-weight: 600;
font-size: 1.1rem;
transition: all 0.3s ease;
position: relative;
z-index: 2;
color: #666;
}
.guven-nested-toggle-btn.active {
color: white;
}
.guven-nested-toggle-slider {
position: absolute;
top: 8px;
left: 8px;
width: 50%;
height: calc(100% - 16px);
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
border-radius: 40px;
transition: all 0.3s ease;
box-shadow: 0 5px 20px rgba(30, 60, 114, 0.4);
}
.guven-nested-toggle-slider.ryzen {
left: 50%;
background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
box-shadow: 0 5px 20px rgba(255, 107, 53, 0.4);
}
.guven-nested-packages-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 25px;
padding: 0 10px;
}
.guven-nested-package-card {
background: white;
border-radius: 20px;
padding: 30px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: 2px solid transparent;
position: relative;
overflow: hidden;
}
.guven-nested-package-card::before {
content: '';
position: absolute;
top: 0;
left: 0;
right: 0;
height: 5px;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
}
.guven-nested-package-card.ryzen::before {
background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
}
.guven-nested-package-card:hover {
transform: translateY(-10px);
box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
border-color: #1e3c72;
}
.guven-nested-package-card.ryzen:hover {
border-color: #ff6b35;
}
.guven-nested-card-header {
display: flex;
align-items: center;
margin-bottom: 25px;
padding-bottom: 20px;
border-bottom: 2px solid #f0f0f0;
}
.guven-nested-server-icon {
width: 70px;
height: 50px;
object-fit: contain;
margin-right: 20px;
background: #f8f9fa;
border-radius: 10px;
padding: 8px;
}
.guven-nested-package-info {
flex: 1;
}
.guven-nested-package-name {
font-size: 1.5rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 5px;
}
.guven-nested-package-type {
font-size: 0.9rem;
color: #666;
text-transform: uppercase;
letter-spacing: 1px;
}
.guven-nested-specs-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 20px;
margin-bottom: 25px;
}
.guven-nested-spec-item {
text-align: center;
padding: 15px;
background: #f8f9fa;
border-radius: 12px;
transition: all 0.3s ease;
}
.guven-nested-spec-item:hover {
background: #e9ecef;
transform: scale(1.02);
}
.guven-nested-spec-label {
font-size: 0.8rem;
color: #666;
text-transform: uppercase;
letter-spacing: 0.5px;
margin-bottom: 5px;
}
.guven-nested-spec-value {
font-size: 1.1rem;
font-weight: 700;
color: #2c3e50;
}
.guven-nested-spec-detail {
font-size: 0.85rem;
color: #666;
margin-top: 2px;
}
.guven-nested-cpu-info {
grid-column: span 2;
text-align: left;
padding: 20px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
}
.guven-nested-cpu-cores {
font-size: 1.2rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 8px;
}
.guven-nested-cpu-models {
font-size: 0.9rem;
color: #666;
line-height: 1.4;
}
.guven-nested-price-section {
text-align: center;
padding: 25px 20px;
background: linear-gradient(135deg, #f8f9fa 0%, #e9ecef 100%);
border-radius: 15px;
margin-bottom: 25px;
}
.guven-nested-price-old {
text-decoration: line-through;
color: #999;
font-size: 1rem;
margin-bottom: 8px;
}
.guven-nested-price-new {
font-size: 2rem;
font-weight: 700;
color: #1e3c72;
margin-bottom: 5px;
}
.guven-nested-price-new.ryzen {
color: #ff6b35;
}
.guven-nested-price-period {
font-size: 1rem;
color: #666;
}
.guven-nested-buy-btn {
width: 100%;
background: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
color: white;
border: none;
padding: 18px 25px;
border-radius: 12px;
font-weight: 600;
font-size: 1.1rem;
cursor: pointer;
transition: all 0.3s ease;
text-transform: uppercase;
letter-spacing: 1px;
}
.guven-nested-buy-btn.ryzen {
background: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);
}
.guven-nested-buy-btn:hover {
transform: translateY(-2px);
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);
}
.guven-nested-buy-btn:active {
transform: translateY(0);
}
/* Hide/Show packages */
.guven-nested-xeon-packages {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 25px;
}
.guven-nested-ryzen-packages {
display: none;
grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));
gap: 25px;
}
.guven-nested-container.ryzen-active .guven-nested-xeon-packages {
display: none;
}
.guven-nested-container.ryzen-active .guven-nested-ryzen-packages {
display: grid;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.guven-nested-title {
font-size: 2.2rem;
}
.guven-nested-subtitle {
font-size: 1.1rem;
}
.guven-nested-description {
font-size: 1rem;
}
.guven-nested-packages-grid,
.guven-nested-xeon-packages,
.guven-nested-ryzen-packages {
grid-template-columns: 1fr;
gap: 20px;
}
.guven-nested-package-card {
padding: 25px;
}
.guven-nested-specs-grid {
grid-template-columns: 1fr;
gap: 15px;
}
.guven-nested-cpu-info {
grid-column: span 1;
}
.guven-nested-toggle-btn {
padding: 12px 25px;
font-size: 1rem;
}
}
@media (max-width: 480px) {
body {
}
.guven-nested-header {
padding: 30px 15px;
margin-bottom: 30px;
}
.guven-nested-title {
font-size: 1.8rem;
}
.guven-nested-package-card {
padding: 20px;
}
.guven-nested-server-icon {
width: 50px;
height: 35px;
margin-right: 15px;
}
.guven-nested-package-name {
font-size: 1.3rem;
}
}
/* Animation for package switching */
.guven-nested-xeon-packages,
.guven-nested-ryzen-packages {
animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(20px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.guven-nested45-container {
max-width: 1200px;
margin: 0 auto;
font-family: 'Karla', Tahoma, Geneva, Verdana, sans-serif;
line-height: 1.6;
color: #333;
padding: 20px;
}
.guven-nested45-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: white;
margin: 0;
font-family: 'Karla', Tahoma, Geneva, Verdana, sans-serif;
}
.guven-nested45-article {
margin-bottom: 60px;
}
.guven-nested45-article-content {
display: flex;
align-items: flex-start;
gap: 40px;
}
.guven-nested45-text-section {
flex: 1;
}
.guven-nested45-image-section {
flex: 1;
}
.guven-nested45-article-title {
font-size: 1.8rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 25px;
line-height: 1.3;
}
.guven-nested45-article-text {
font-size: 1rem;
color: #555;
line-height: 1.7;
text-align: justify;
}
.guven-nested45-article-text p {
margin-bottom: 15px;
}
.guven-nested45-article-text p:last-child {
margin-bottom: 0;
}
.guven-nested45-article-text strong {
color: #2c3e50;
font-weight: 700;
}
.guven-nested45-article-image {
width: 100%;
height: auto;
border-radius: 15px;
object-fit: cover;
}
/* Reverse layout for alternating articles */
.guven-nested45-article.reverse .guven-nested45-article-content {
flex-direction: row-reverse;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.guven-nested45-container {
padding: 15px;
}
.guven-nested45-article-content {
flex-direction: column !important;
gap: 25px;
}
.guven-nested45-article {
margin-bottom: 40px;
}
.guven-nested45-article-title {
font-size: 1.5rem;
margin-bottom: 20px;
}
.guven-nested45-article-text {
font-size: 0.95rem;
}
}
@media (max-width: 480px) {
.guven-nested45-container {
padding: 10px;
}
.guven-nested45-article-content {
gap: 20px;
}
.guven-nested45-article-title {
font-size: 1.3rem;
margin-bottom: 15px;
}
.guven-nested45-article-text {
font-size: 0.9rem;
line-height: 1.6;
}
.guven-nested45-article {
margin-bottom: 30px;
}
}
.guven-host-loisyjs-container {
max-width: 1200px;
margin: 0 auto;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
padding: 40px 20px;
background: #f8f9fa;
}
.guven-host-loisyjs-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f8f9fa;
margin: 0;
font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
}
.guven-host-loisyjs-features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
margin-bottom: 50px;
}
.guven-host-loisyjs-feature-card {
background: white;
border: 2px dashed #ddd;
border-radius: 15px;
padding: 40px 30px;
text-align: center;
transition: all 0.3s ease;
}
.guven-host-loisyjs-feature-card:hover {
border-color: #bbb;
transform: translateY(-5px);
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
}
.guven-host-loisyjs-feature-icon {
width: 80px;
height: 80px;
margin: 0 auto 20px;
display: block;
}
.guven-host-loisyjs-feature-title {
font-size: 1.3rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 20px;
}
.guven-host-loisyjs-feature-text {
font-size: 1rem;
color: #555;
line-height: 1.5;
text-align: left;
word-spacing: normal;
letter-spacing: normal;
}
.guven-host-loisyjs-feature-text strong {
color: #2c3e50;
font-weight: 700;
}
.guven-host-loisyjs-customer-service {
background: white;
border-radius: 15px;
padding: 40px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
display: flex;
align-items: flex-start;
gap: 30px;
}
.guven-host-loisyjs-service-icon {
flex-shrink: 0;
width: 80px;
height: 80px;
background: #e3f2fd;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
}
.guven-host-loisyjs-service-icon img {
width: 50px;
height: 50px;
}
.guven-host-loisyjs-service-content {
flex: 1;
}
.guven-host-loisyjs-service-title {
font-size: 1.4rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 20px;
}
.guven-host-loisyjs-service-text {
font-size: 1rem;
color: #555;
line-height: 1.5;
margin-bottom: 25px;
text-align: left;
word-spacing: normal;
letter-spacing: normal;
}
.guven-host-loisyjs-service-text strong {
color: #2c3e50;
font-weight: 700;
}
.guven-host-loisyjs-discord-btn {
background: #5865f2;
color: white;
border: none;
padding: 15px 30px;
border-radius: 10px;
font-size: 1.1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
text-decoration: none;
display: inline-block;
}
.guven-host-loisyjs-discord-btn:hover {
background: #4752c4;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(88, 101, 242, 0.3);
}
/* Mobile Responsive */
@media (max-width: 768px) {
.guven-host-loisyjs-container {
padding: 20px 15px;
}
.guven-host-loisyjs-features-grid {
grid-template-columns: 1fr;
gap: 20px;
margin-bottom: 30px;
}
.guven-host-loisyjs-feature-card {
padding: 30px 20px;
}
.guven-host-loisyjs-feature-icon {
width: 60px;
height: 60px;
margin-bottom: 15px;
}
.guven-host-loisyjs-feature-title {
font-size: 1.2rem;
margin-bottom: 15px;
}
.guven-host-loisyjs-feature-text {
font-size: 0.95rem;
}
.guven-host-loisyjs-customer-service {
flex-direction: column;
padding: 30px 20px;
gap: 20px;
text-align: center;
}
.guven-host-loisyjs-service-icon {
width: 70px;
height: 70px;
margin: 0 auto;
}
.guven-host-loisyjs-service-icon img {
width: 40px;
height: 40px;
}
.guven-host-loisyjs-service-title {
font-size: 1.3rem;
margin-bottom: 15px;
}
.guven-host-loisyjs-service-text {
font-size: 0.95rem;
margin-bottom: 20px;
}
}
@media (max-width: 480px) {
.guven-host-loisyjs-container {
padding: 15px 10px;
}
.guven-host-loisyjs-feature-card {
padding: 25px 15px;
}
.guven-host-loisyjs-feature-icon {
width: 50px;
height: 50px;
}
.guven-host-loisyjs-feature-title {
font-size: 1.1rem;
}
.guven-host-loisyjs-feature-text {
font-size: 0.9rem;
}
.guven-host-loisyjs-customer-service {
padding: 25px 15px;
}
.guven-host-loisyjs-service-icon {
width: 60px;
height: 60px;
}
.guven-host-loisyjs-service-icon img {
width: 35px;
height: 35px;
}
.guven-host-loisyjs-service-title {
font-size: 1.2rem;
}
.guven-host-loisyjs-service-text {
font-size: 0.9rem;
}
.guven-host-loisyjs-discord-btn {
padding: 12px 25px;
font-size: 1rem;
}
}
.guven-hosii9485-container {
max-width: 1300px;
margin: 0 auto;
font-family: 'Karla', sans-serif;
padding: 80px 20px;
background: white;
}
.guven-hosii9485-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: white;
margin: 0;
font-family: 'Karla', sans-serif;
}
.guven-hosii9485-header {
text-align: center;
margin-bottom: 80px;
}
.guven-hosii9485-subtitle {
color: #2196f3;
font-size: 1.3rem;
font-weight: 500;
margin-bottom: 20px;
}
.guven-hosii9485-main-title {
color: #2c3e50;
font-size: 3rem;
font-weight: 700;
line-height: 1.2;
}
.guven-hosii9485-features-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 50px;
}
.guven-hosii9485-feature-card {
text-align: center;
padding: 40px 30px;
transition: all 0.3s ease;
}
.guven-hosii9485-feature-card:hover {
transform: translateY(-5px);
}
.guven-hosii9485-feature-icon {
width: 100px;
height: 100px;
margin: 0 auto 30px;
display: block;
transition: all 0.3s ease;
}
.guven-hosii9485-feature-card:hover .guven-hosii9485-feature-icon {
transform: scale(1.1);
}
.guven-hosii9485-feature-title {
font-size: 1.6rem;
font-weight: 600;
color: #2c3e50;
margin-bottom: 25px;
line-height: 1.3;
}
.guven-hosii9485-feature-text {
font-size: 1.1rem;
color: #666;
line-height: 1.6;
font-weight: 400;
}
/* Mobile Responsive */
@media (max-width: 768px) {
.guven-hosii9485-container {
padding: 50px 15px;
}
.guven-hosii9485-header {
margin-bottom: 50px;
}
.guven-hosii9485-subtitle {
font-size: 1.1rem;
margin-bottom: 15px;
}
.guven-hosii9485-main-title {
font-size: 2.2rem;
}
.guven-hosii9485-features-grid {
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.guven-hosii9485-feature-card {
padding: 30px 20px;
}
.guven-hosii9485-feature-icon {
width: 80px;
height: 80px;
margin-bottom: 25px;
}
.guven-hosii9485-feature-title {
font-size: 1.3rem;
margin-bottom: 20px;
}
.guven-hosii9485-feature-text {
font-size: 1rem;
}
}
@media (max-width: 480px) {
.guven-hosii9485-container {
padding: 40px 10px;
}
.guven-hosii9485-header {
margin-bottom: 40px;
}
.guven-hosii9485-subtitle {
font-size: 1rem;
}
.guven-hosii9485-main-title {
font-size: 1.8rem;
}
.guven-hosii9485-features-grid {
grid-template-columns: 1fr;
gap: 30px;
}
.guven-hosii9485-feature-card {
padding: 25px 15px;
}
.guven-hosii9485-feature-icon {
width: 70px;
height: 70px;
margin-bottom: 20px;
}
.guven-hosii9485-feature-title {
font-size: 1.2rem;
margin-bottom: 15px;
}
.guven-hosii9485-feature-text {
font-size: 0.95rem;
}
}
.guven-host-ipkirala-container {
max-width: 1200px;
margin: 0 auto;
font-family: 'Karla', sans-serif;
padding: 60px 20px;
background: #f8f9fa;
}
.guven-host-ipkirala-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f8f9fa;
margin: 0;
font-family: 'Karla', sans-serif;
}
.guven-host-ipkirala-header {
text-align: center;
margin-bottom: 50px;
}
.guven-host-ipkirala-title {
font-size: 2.5rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 20px;
}
.guven-host-ipkirala-subtitle {
font-size: 1.1rem;
color: #666;
line-height: 1.5;
max-width: 800px;
margin: 0 auto;
}
.guven-host-ipkirala-table-container {
background: white;
border-radius: 15px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
overflow: hidden;
}
.guven-host-ipkirala-table {
width: 100%;
border-collapse: collapse;
}
.guven-host-ipkirala-table-header {
background: #f8f9fa;
}
.guven-host-ipkirala-table th {
padding: 20px 15px;
text-align: left;
font-weight: 600;
color: #2c3e50;
font-size: 1rem;
border-bottom: 2px solid #e9ecef;
}
.guven-host-ipkirala-table td {
padding: 20px 15px;
border-bottom: 1px solid #f0f0f0;
vertical-align: middle;
}
.guven-host-ipkirala-table tr:last-child td {
border-bottom: none;
}
.guven-host-ipkirala-table tr:hover {
background: #f8f9fa;
}
.guven-host-ipkirala-subnet {
font-weight: 600;
color: #2c3e50;
font-size: 1rem;
}
.guven-host-ipkirala-ip-count {
color: #666;
font-weight: 500;
}
.guven-host-ipkirala-feature {
text-align: center;
font-size: 1.2rem;
}
.guven-host-ipkirala-check {
color: #28a745;
}
.guven-host-ipkirala-cross {
color: #dc3545;
}
.guven-host-ipkirala-buy-btn {
background: #007bff;
color: white;
border: none;
padding: 12px 25px;
border-radius: 8px;
font-weight: 600;
font-size: 0.95rem;
cursor: pointer;
transition: all 0.3s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 8px;
font-family: 'Karla', sans-serif;
width: 100%;
max-width: 180px;
text-decoration: none;
}
.guven-host-ipkirala-buy-btn:hover {
background: #0056b3;
transform: translateY(-2px);
box-shadow: 0 5px 15px rgba(0, 123, 255, 0.3);
}
.guven-host-ipkirala-cart-icon {
font-size: 1rem;
}
/* Mobile Responsive */
@media (max-width: 992px) {
.guven-host-ipkirala-container {
padding: 40px 15px;
}
.guven-host-ipkirala-title {
font-size: 2rem;
margin-bottom: 15px;
}
.guven-host-ipkirala-subtitle {
font-size: 1rem;
}
.guven-host-ipkirala-header {
margin-bottom: 30px;
}
.guven-host-ipkirala-buy-btn {
max-width: 160px;
}
}
@media (max-width: 768px) {
/* Card view for mobile */
.guven-host-ipkirala-table,
.guven-host-ipkirala-table thead,
.guven-host-ipkirala-table tbody,
.guven-host-ipkirala-table th,
.guven-host-ipkirala-table td,
.guven-host-ipkirala-table tr {
display: block;
}
.guven-host-ipkirala-table thead tr {
position: absolute;
top: -9999px;
left: -9999px;
}
.guven-host-ipkirala-table tr {
margin-bottom: 20px;
border-bottom: 2px solid #e9ecef;
background: white;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 2px 10px rgba(0, 0, 0, 0.05);
}
.guven-host-ipkirala-table tr:last-child {
margin-bottom: 0;
}
.guven-host-ipkirala-table td {
position: relative;
padding: 12px 15px;
padding-left: 40%;
text-align: right;
min-height: 45px;
border-bottom: 1px solid #f0f0f0;
}
.guven-host-ipkirala-table td:before {
position: absolute;
top: 12px;
left: 15px;
width: 35%;
white-space: nowrap;
font-weight: 600;
color: #2c3e50;
}
/* Label the data */
.guven-host-ipkirala-table td:nth-of-type(1):before { content: "Subnet"; }
.guven-host-ipkirala-table td:nth-of-type(2):before { content: "IP"; }
.guven-host-ipkirala-table td:nth-of-type(3):before { content: "Anons"; }
.guven-host-ipkirala-table td:nth-of-type(4):before { content: "Whois"; }
.guven-host-ipkirala-table td:nth-of-type(5):before { content: "RDNS"; }
.guven-host-ipkirala-table td:nth-of-type(6):before { content: ""; }
.guven-host-ipkirala-table td:last-child {
text-align: center;
padding-left: 15px;
padding-right: 15px;
padding-top: 20px;
padding-bottom: 20px;
}
.guven-host-ipkirala-buy-btn {
max-width: 100%;
}
.guven-host-ipkirala-feature {
text-align: right;
}
}
@media (max-width: 480px) {
.guven-host-ipkirala-container {
padding: 30px 10px;
}
.guven-host-ipkirala-title {
font-size: 1.7rem;
}
.guven-host-ipkirala-subtitle {
font-size: 0.95rem;
}
.guven-host-ipkirala-table td {
padding-left: 45%;
font-size: 0.9rem;
}
.guven-host-ipkirala-table td:before {
font-size: 0.9rem;
}
.guven-host-ipkirala-buy-btn {
padding: 10px 20px;
font-size: 0.9rem;
}
}
.guven-host-ip934-container {
max-width: 1200px;
margin: 0 auto;
font-family: 'Karla', sans-serif;
padding: 60px 20px;
background: #f8f9fa;
}
.guven-host-ip934-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f8f9fa;
margin: 0;
font-family: 'Karla', sans-serif;
line-height: 1.6;
}
.guven-host-ip934-header {
margin-bottom: 40px;
}
.guven-host-ip934-main-title {
font-size: 1.4rem;
font-weight: 600;
color: #2c3e50;
margin-bottom: 30px;
}
.guven-host-ip934-info-section {
background: white;
border-radius: 15px;
padding: 40px;
margin-bottom: 30px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
}
.guven-host-ip934-info-section:hover {
transform: translateY(-2px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.12);
}
.guven-host-ip934-section-title {
font-size: 1.3rem;
font-weight: 600;
color: #2c3e50;
margin-bottom: 20px;
border-bottom: 2px solid #007bff;
padding-bottom: 10px;
display: inline-block;
}
.guven-host-ip934-section-text {
font-size: 1rem;
color: #555;
line-height: 1.7;
font-weight: 400;
text-align: justify;
}
.guven-host-ip934-highlight {
background: linear-gradient(120deg, #007bff20 0%, #007bff20 100%);
padding: 2px 4px;
border-radius: 3px;
font-weight: 500;
}
/* Mobile Responsive */
@media (max-width: 992px) {
.guven-host-ip934-container {
padding: 40px 15px;
}
.guven-host-ip934-main-title {
font-size: 1.3rem;
margin-bottom: 25px;
}
.guven-host-ip934-info-section {
padding: 30px;
margin-bottom: 25px;
}
.guven-host-ip934-section-title {
font-size: 1.2rem;
margin-bottom: 18px;
}
.guven-host-ip934-section-text {
font-size: 0.95rem;
line-height: 1.6;
}
}
@media (max-width: 768px) {
.guven-host-ip934-container {
padding: 30px 15px;
}
.guven-host-ip934-main-title {
font-size: 1.2rem;
margin-bottom: 20px;
text-align: center;
}
.guven-host-ip934-info-section {
padding: 25px 20px;
margin-bottom: 20px;
border-radius: 12px;
}
.guven-host-ip934-section-title {
font-size: 1.1rem;
margin-bottom: 15px;
text-align: center;
}
.guven-host-ip934-section-text {
font-size: 0.9rem;
line-height: 1.6;
text-align: left;
}
}
@media (max-width: 480px) {
.guven-host-ip934-container {
padding: 20px 10px;
}
.guven-host-ip934-main-title {
font-size: 1.1rem;
margin-bottom: 15px;
}
.guven-host-ip934-info-section {
padding: 20px 15px;
margin-bottom: 15px;
border-radius: 10px;
}
.guven-host-ip934-section-title {
font-size: 1rem;
margin-bottom: 12px;
padding-bottom: 8px;
}
.guven-host-ip934-section-text {
font-size: 0.85rem;
line-height: 1.5;
}
}
@media (max-width: 360px) {
.guven-host-ip934-container {
padding: 15px 8px;
}
.guven-host-ip934-main-title {
font-size: 1rem;
}
.guven-host-ip934-info-section {
padding: 15px 12px;
}
.guven-host-ip934-section-title {
font-size: 0.95rem;
}
.guven-host-ip934-section-text {
font-size: 0.8rem;
}
}
.guven-ip-3049-container {
max-width: 1300px;
margin: 0 auto;
font-family: 'Karla', sans-serif;
padding: 80px 20px;
background: #f8f9fa;
}
.guven-ip-3049-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f8f9fa;
margin: 0;
font-family: 'Karla', sans-serif;
}
.guven-ip-3049-header {
text-align: center;
margin-bottom: 80px;
}
.guven-ip-3049-subtitle {
color: #666;
font-size: 1.1rem;
font-weight: 500;
margin-bottom: 15px;
letter-spacing: 0.5px;
}
.guven-ip-3049-main-title {
color: #2c3e50;
font-size: 2.8rem;
font-weight: 700;
line-height: 1.2;
margin-bottom: 25px;
}
.guven-ip-3049-description {
color: #666;
font-size: 1.1rem;
font-weight: 400;
max-width: 600px;
margin: 0 auto;
line-height: 1.6;
}
.guven-ip-3049-features-grid {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 40px;
}
.guven-ip-3049-feature-card {
text-align: center;
padding: 40px 25px;
background: white;
border-radius: 15px;
box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
transition: all 0.3s ease;
border: 1px solid #f0f0f0;
}
.guven-ip-3049-feature-card:hover {
transform: translateY(-8px);
box-shadow: 0 15px 35px rgba(0, 0, 0, 0.15);
border-color: #007bff;
}
.guven-ip-3049-feature-icon {
width: 80px;
height: 80px;
margin: 0 auto 30px;
display: block;
transition: all 0.3s ease;
}
.guven-ip-3049-feature-card:hover .guven-ip-3049-feature-icon {
transform: scale(1.1);
}
.guven-ip-3049-feature-title {
font-size: 1.3rem;
font-weight: 600;
color: #2c3e50;
margin-bottom: 20px;
line-height: 1.3;
}
.guven-ip-3049-feature-text {
font-size: 1rem;
color: #666;
line-height: 1.6;
font-weight: 400;
}
/* Mobile Responsive */
@media (max-width: 1200px) {
.guven-ip-3049-container {
padding: 60px 20px;
}
.guven-ip-3049-features-grid {
gap: 30px;
}
.guven-ip-3049-feature-card {
padding: 35px 20px;
}
}
@media (max-width: 992px) {
.guven-ip-3049-container {
padding: 50px 15px;
}
.guven-ip-3049-header {
margin-bottom: 60px;
}
.guven-ip-3049-main-title {
font-size: 2.3rem;
}
.guven-ip-3049-features-grid {
grid-template-columns: repeat(2, 1fr);
gap: 25px;
}
.guven-ip-3049-feature-card {
padding: 30px 20px;
}
.guven-ip-3049-feature-icon {
width: 70px;
height: 70px;
margin-bottom: 25px;
}
.guven-ip-3049-feature-title {
font-size: 1.2rem;
margin-bottom: 18px;
}
.guven-ip-3049-feature-text {
font-size: 0.95rem;
}
}
@media (max-width: 768px) {
.guven-ip-3049-container {
padding: 40px 15px;
}
.guven-ip-3049-header {
margin-bottom: 50px;
}
.guven-ip-3049-subtitle {
font-size: 1rem;
margin-bottom: 12px;
}
.guven-ip-3049-main-title {
font-size: 2rem;
margin-bottom: 20px;
}
.guven-ip-3049-description {
font-size: 1rem;
}
.guven-ip-3049-features-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.guven-ip-3049-feature-card {
padding: 25px 20px;
}
.guven-ip-3049-feature-icon {
width: 60px;
height: 60px;
margin-bottom: 20px;
}
.guven-ip-3049-feature-title {
font-size: 1.1rem;
margin-bottom: 15px;
}
.guven-ip-3049-feature-text {
font-size: 0.9rem;
line-height: 1.5;
}
}
@media (max-width: 480px) {
.guven-ip-3049-container {
padding: 30px 10px;
}
.guven-ip-3049-header {
margin-bottom: 40px;
}
.guven-ip-3049-subtitle {
font-size: 0.95rem;
}
.guven-ip-3049-main-title {
font-size: 1.7rem;
}
.guven-ip-3049-description {
font-size: 0.95rem;
}
.guven-ip-3049-features-grid {
gap: 15px;
}
.guven-ip-3049-feature-card {
padding: 20px 15px;
border-radius: 12px;
}
.guven-ip-3049-feature-icon {
width: 50px;
height: 50px;
margin-bottom: 15px;
}
.guven-ip-3049-feature-title {
font-size: 1rem;
margin-bottom: 12px;
}
.guven-ip-3049-feature-text {
font-size: 0.85rem;
}
}
@media (max-width: 360px) {
.guven-ip-3049-container {
padding: 25px 8px;
}
.guven-ip-3049-main-title {
font-size: 1.5rem;
}
.guven-ip-3049-feature-card {
padding: 18px 12px;
}
.guven-ip-3049-feature-title {
font-size: 0.95rem;
}
.guven-ip-3049-feature-text {
font-size: 0.8rem;
}
}
.cemil-kabin-guven-container {
max-width: 1200px;
margin: 0 auto;
font-family: 'Karla', sans-serif;
padding: 60px 20px;
background: #f8f9fa;
}
.cemil-kabin-guven-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f8f9fa;
margin: 0;
font-family: 'Karla', sans-serif;
}
.cemil-kabin-guven-header {
text-align: center;
margin-bottom: 50px;
}
.cemil-kabin-guven-main-title {
font-size: 2.8rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 20px;
line-height: 1.2;
}
.cemil-kabin-guven-description {
font-size: 1.1rem;
color: #666;
line-height: 1.6;
max-width: 800px;
margin: 0 auto;
font-weight: 400;
}
.cemil-kabin-guven-pricing-grid {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 30px;
}
.cemil-kabin-guven-pricing-card {
background: white;
border-radius: 15px;
overflow: hidden;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);
transition: all 0.3s ease;
border: 1px solid #e9ecef;
}
.cemil-kabin-guven-pricing-card:hover {
transform: translateY(-8px);
box-shadow: 0 20px 40px rgba(0, 123, 255, 0.15);
border-color: #007bff;
}
.cemil-kabin-guven-card-header {
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
color: white;
padding: 30px 20px;
text-align: center;
}
.cemil-kabin-guven-card-title {
font-size: 1.4rem;
font-weight: 600;
margin-bottom: 20px;
color: white;
}
.cemil-kabin-guven-price {
font-size: 2.5rem;
font-weight: 700;
color: white;
}
.cemil-kabin-guven-price-unit {
font-size: 1rem;
font-weight: 400;
opacity: 0.9;
}
.cemil-kabin-guven-card-body {
padding: 30px 25px;
}
.cemil-kabin-guven-features-list {
list-style: none;
margin-bottom: 30px;
}
.cemil-kabin-guven-feature-item {
display: flex;
align-items: center;
margin-bottom: 15px;
font-size: 1rem;
color: #555;
font-weight: 400;
}
.cemil-kabin-guven-feature-item:last-child {
margin-bottom: 0;
}
.cemil-kabin-guven-check-icon {
width: 20px;
height: 20px;
background: #007bff;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 12px;
flex-shrink: 0;
}
.cemil-kabin-guven-check-icon::after {
content: "✓";
color: white;
font-size: 12px;
font-weight: bold;
}
.cemil-kabin-guven-add-to-cart-btn {
width: 100%;
background: linear-gradient(135deg, #007bff 0%, #0056b3 100%);
color: white;
border: none;
padding: 15px 20px;
border-radius: 10px;
font-size: 1rem;
font-weight: 600;
cursor: pointer;
transition: all 0.3s ease;
font-family: 'Karla', sans-serif;
text-transform: uppercase;
letter-spacing: 0.5px;
}
.cemil-kabin-guven-add-to-cart-btn:hover {
background: linear-gradient(135deg, #0056b3 0%, #004085 100%);
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 123, 255, 0.3);
}
/* Mobile Responsive */
@media (max-width: 992px) {
.cemil-kabin-guven-header {
margin-bottom: 40px;
}
.cemil-kabin-guven-main-title {
font-size: 2.3rem;
margin-bottom: 18px;
}
.cemil-kabin-guven-description {
font-size: 1rem;
}
.cemil-kabin-guven-container {
padding: 40px 15px;
}
.cemil-kabin-guven-pricing-grid {
gap: 25px;
}
.cemil-kabin-guven-card-header {
padding: 25px 20px;
}
.cemil-kabin-guven-card-title {
font-size: 1.3rem;
margin-bottom: 18px;
}
.cemil-kabin-guven-price {
font-size: 2.2rem;
}
.cemil-kabin-guven-card-body {
padding: 25px 20px;
}
.cemil-kabin-guven-feature-item {
font-size: 0.95rem;
margin-bottom: 12px;
}
}
@media (max-width: 768px) {
.cemil-kabin-guven-header {
margin-bottom: 35px;
}
.cemil-kabin-guven-main-title {
font-size: 2rem;
margin-bottom: 15px;
}
.cemil-kabin-guven-description {
font-size: 0.95rem;
}
.cemil-kabin-guven-container {
padding: 30px 15px;
}
.cemil-kabin-guven-pricing-grid {
grid-template-columns: 1fr;
gap: 20px;
max-width: 500px;
margin: 0 auto;
}
.cemil-kabin-guven-card-header {
padding: 20px 15px;
}
.cemil-kabin-guven-card-title {
font-size: 1.2rem;
margin-bottom: 15px;
}
.cemil-kabin-guven-price {
font-size: 2rem;
}
.cemil-kabin-guven-card-body {
padding: 20px 15px;
}
.cemil-kabin-guven-features-list {
margin-bottom: 25px;
}
.cemil-kabin-guven-feature-item {
font-size: 0.9rem;
margin-bottom: 10px;
}
.cemil-kabin-guven-add-to-cart-btn {
padding: 12px 15px;
font-size: 0.95rem;
}
}
@media (max-width: 480px) {
.cemil-kabin-guven-header {
margin-bottom: 30px;
}
.cemil-kabin-guven-main-title {
font-size: 1.7rem;
margin-bottom: 12px;
}
.cemil-kabin-guven-description {
font-size: 0.9rem;
}
.cemil-kabin-guven-container {
padding: 25px 10px;
}
.cemil-kabin-guven-pricing-grid {
gap: 15px;
}
.cemil-kabin-guven-card-header {
padding: 18px 12px;
}
.cemil-kabin-guven-card-title {
font-size: 1.1rem;
margin-bottom: 12px;
}
.cemil-kabin-guven-price {
font-size: 1.8rem;
}
.cemil-kabin-guven-price-unit {
font-size: 0.9rem;
}
.cemil-kabin-guven-card-body {
padding: 18px 12px;
}
.cemil-kabin-guven-features-list {
margin-bottom: 20px;
}
.cemil-kabin-guven-feature-item {
font-size: 0.85rem;
margin-bottom: 8px;
}
.cemil-kabin-guven-check-icon {
width: 18px;
height: 18px;
margin-right: 10px;
}
.cemil-kabin-guven-check-icon::after {
font-size: 10px;
}
.cemil-kabin-guven-add-to-cart-btn {
padding: 10px 12px;
font-size: 0.9rem;
}
}
@media (max-width: 360px) {
.cemil-kabin-guven-main-title {
font-size: 1.5rem;
}
.cemil-kabin-guven-description {
font-size: 0.85rem;
}
.cemil-kabin-guven-container {
padding: 20px 8px;
}
.cemil-kabin-guven-card-title {
font-size: 1rem;
}
.cemil-kabin-guven-price {
font-size: 1.6rem;
}
.cemil-kabin-guven-feature-item {
font-size: 0.8rem;
}
.cemil-kabin-guven-add-to-cart-btn {
font-size: 0.85rem;
}
}
.aralik-guvennn0394-container {
font-family: 'Karla', sans-serif;
margin: 0;
padding: 0;
box-sizing: border-box;
}
.aralik-guvennn0394-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
margin: 0;
font-family: 'Karla', sans-serif;
background: #f8f9fa;
}
.aralik-guvennn0394-contact-section {
position: relative;
width: 100%;
overflow: hidden;
display: flex;
flex-wrap: wrap;
}
.aralik-guvennn0394-contact-section::before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(135deg, #1976d2 0%, #1976d2 60%, #37474f 60%, #37474f 100%);
z-index: -1;
}
.aralik-guvennn0394-left-content {
width: 60%;
padding: 60px 40px;
color: white;
}
.aralik-guvennn0394-right-content {
width: 40%;
padding: 60px 40px;
color: white;
display: flex;
flex-direction: column;
justify-content: center;
}
.aralik-guvennn0394-title {
font-size: 2.2rem;
font-weight: 700;
margin-bottom: 20px;
line-height: 1.3;
color: white !important;
}
.aralik-guvennn0394-subtitle {
font-size: 1.1rem;
font-weight: 400;
line-height: 1.6;
max-width: 600px;
}
.aralik-guvennn0394-contact-item {
display: flex;
align-items: center;
margin-bottom: 25px;
}
.aralik-guvennn0394-contact-item:last-child {
margin-bottom: 0;
}
.aralik-guvennn0394-contact-icon {
margin-right: 15px;
font-size: 1.2rem;
}
.aralik-guvennn0394-contact-text {
font-size: 1.1rem;
font-weight: 500;
}
.aralik-guvennn0394-contact-link {
color: white;
text-decoration: none;
transition: all 0.3s ease;
}
.aralik-guvennn0394-contact-link:hover {
color: rgba(255, 255, 255, 0.8);
}
/* Mobile Responsive */
@media (max-width: 992px) {
.aralik-guvennn0394-contact-section::before {
background: linear-gradient(135deg, #1976d2 0%, #1976d2 55%, #37474f 55%, #37474f 100%);
}
.aralik-guvennn0394-left-content {
padding: 50px 30px;
}
.aralik-guvennn0394-right-content {
padding: 50px 30px;
}
.aralik-guvennn0394-title {
font-size: 2rem;
margin-bottom: 15px;
}
.aralik-guvennn0394-subtitle {
font-size: 1rem;
}
.aralik-guvennn0394-contact-text {
font-size: 1rem;
}
}
@media (max-width: 768px) {
.aralik-guvennn0394-contact-section::before {
background: linear-gradient(180deg, #1976d2 0%, #1976d2 60%, #37474f 60%, #37474f 100%);
}
.aralik-guvennn0394-left-content,
.aralik-guvennn0394-right-content {
width: 100%;
padding: 40px 25px;
}
.aralik-guvennn0394-left-content {
padding-bottom: 50px;
}
.aralik-guvennn0394-right-content {
padding-top: 50px;
}
.aralik-guvennn0394-title {
font-size: 1.8rem;
margin-bottom: 15px;
}
.aralik-guvennn0394-subtitle {
font-size: 1rem;
max-width: 100%;
}
.aralik-guvennn0394-contact-item {
margin-bottom: 20px;
}
.aralik-guvennn0394-contact-icon {
margin-right: 12px;
}
.aralik-guvennn0394-contact-text {
font-size: 0.95rem;
}
}
@media (max-width: 480px) {
.aralik-guvennn0394-left-content,
.aralik-guvennn0394-right-content {
padding: 35px 20px;
}
.aralik-guvennn0394-title {
font-size: 1.6rem;
margin-bottom: 12px;
}
.aralik-guvennn0394-subtitle {
font-size: 0.95rem;
}
.aralik-guvennn0394-contact-item {
margin-bottom: 18px;
}
.aralik-guvennn0394-contact-icon {
margin-right: 10px;
font-size: 1.1rem;
}
.aralik-guvennn0394-contact-text {
font-size: 0.9rem;
}
}
@media (max-width: 360px) {
.aralik-guvennn0394-left-content,
.aralik-guvennn0394-right-content {
padding: 30px 15px;
}
.aralik-guvennn0394-title {
font-size: 1.4rem;
}
.aralik-guvennn0394-subtitle {
font-size: 0.9rem;
}
.aralik-guvennn0394-contact-text {
font-size: 0.85rem;
}
}
.cemil-guvne-container {
max-width: 1200px;
margin: 0 auto;
font-family: 'Karla', sans-serif;
padding: 80px 20px;
background: #f8f9fa;
}
.cemil-guvne-container * {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body {
background: #f8f9fa;
margin: 0;
font-family: 'Karla', sans-serif;
}
.cemil-guvne-header {
text-align: center;
margin-bottom: 60px;
}
.cemil-guvne-main-title {
font-size: 2.8rem;
font-weight: 700;
color: #2c3e50;
margin-bottom: 25px;
line-height: 1.2;
}
.cemil-guvne-description {
font-size: 1.1rem;
color: #666;
line-height: 1.7;
max-width: 900px;
margin: 0 auto;
font-weight: 400;
}
.cemil-guvne-features-container {
background: white;
border-radius: 20px;
padding: 50px;
box-shadow: 0 10px 30px rgba(0, 0, 0, 0.08);
}
.cemil-guvne-features-grid {
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 40px;
}
.cemil-guvne-features-column {
display: flex;
flex-direction: column;
}
.cemil-guvne-feature-item {
display: flex;
align-items: flex-start;
margin-bottom: 25px;
transition: all 0.3s ease;
padding: 15px;
border-radius: 10px;
}
.cemil-guvne-feature-item:hover {
background: #f8f9fa;
transform: translateX(5px);
}
.cemil-guvne-feature-item:last-child {
margin-bottom: 0;
}
.cemil-guvne-check-icon {
width: 24px;
height: 24px;
background: #28a745;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
margin-right: 15px;
flex-shrink: 0;
margin-top: 2px;
}
.cemil-guvne-check-icon::after {
content: "✓";
color: white;
font-size: 14px;
font-weight: bold;
}
.cemil-guvne-feature-text {
font-size: 1rem;
color: #555;
line-height: 1.6;
font-weight: 400;
}
/* Mobile Responsive */
@media (max-width: 992px) {
.cemil-guvne-container {
padding: 60px 20px;
}
.cemil-guvne-header {
margin-bottom: 50px;
}
.cemil-guvne-main-title {
font-size: 2.3rem;
margin-bottom: 20px;
}
.cemil-guvne-description {
font-size: 1rem;
}
.cemil-guvne-features-container {
padding: 40px;
}
.cemil-guvne-features-grid {
gap: 30px;
}
.cemil-guvne-feature-item {
margin-bottom: 20px;
padding: 12px;
}
.cemil-guvne-feature-text {
font-size: 0.95rem;
}
}
@media (max-width: 768px) {
.cemil-guvne-container {
padding: 50px 15px;
}
.cemil-guvne-header {
margin-bottom: 40px;
}
.cemil-guvne-main-title {
font-size: 2rem;
margin-bottom: 18px;
}
.cemil-guvne-description {
font-size: 0.95rem;
}
.cemil-guvne-features-container {
padding: 30px 25px;
border-radius: 15px;
}
.cemil-guvne-features-grid {
grid-template-columns: 1fr;
gap: 20px;
}
.cemil-guvne-feature-item {
margin-bottom: 18px;
padding: 10px;
}
.cemil-guvne-check-icon {
width: 22px;
height: 22px;
margin-right: 12px;
}
.cemil-guvne-check-icon::after {
font-size: 12px;
}
.cemil-guvne-feature-text {
font-size: 0.9rem;
line-height: 1.5;
}
}
@media (max-width: 480px) {
.cemil-guvne-container {
padding: 40px 10px;
}
.cemil-guvne-header {
margin-bottom: 35px;
}
.cemil-guvne-main-title {
font-size: 1.7rem;
margin-bottom: 15px;
}
.cemil-guvne-description {
font-size: 0.9rem;
}
.cemil-guvne-features-container {
padding: 25px 20px;
border-radius: 12px;
}
.cemil-guvne-feature-item {
margin-bottom: 15px;
padding: 8px;
}
.cemil-guvne-check-icon {
width: 20px;
height: 20px;
margin-right: 10px;
}
.cemil-guvne-check-icon::after {
font-size: 11px;
}
.cemil-guvne-feature-text {
font-size: 0.85rem;
}
}
@media (max-width: 360px) {
.cemil-guvne-container {
padding: 30px 8px;
}
.cemil-guvne-main-title {
font-size: 1.5rem;
}
.cemil-guvne-description {
font-size: 0.85rem;
}
.cemil-guvne-features-container {
padding: 20px 15px;
}
.cemil-guvne-feature-text {
font-size: 0.8rem;
}
}
/*
Author: XpeedStudio
Author URI: http://themeforest.net/user/XpeedStudio/portfolio
*/
@media (min-width: 1300px) {}
@media (min-width: 1600px) {}
/* Portrait tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
html {
font-size: 14px;
;
}
/* pricing table */
.pricing-feature-group {
padding: 20px;
}
.xs-menu-tools>li {
margin-right: 15px;
}
/* footer */
.footer-bottom .xs-list li {
margin-right: 20px;
}
/* inner banner */
.inner-welcome-image-group .banner-ico.banner-ico-1 {
left: 44.5%;
}
.inner-welcome-image-group .banner-ico.banner-ico-2 {
right: 12%;
}
/* nav */
.xs-menus .nav-menu>li {
margin-right: 20px !important;
}
/* index version 6 banner */
.xs-banner.banner-v6 .xs-banner-image {
margin-left: 0;
margin-right: 0;
left: 0;
margin-top: 0;
}
#rev_slider_17_1_forcefullwidth+.xs-domain-search {
margin-top: -270px;
}
/* index version 9 */
/* banner */
.xs-banner.banner-v7 .xs-banner-image {
bottom: -306px;
margin-right: 0;
}
.banner-6-content.xs-banner-content .banner-title {
font-size: 2.32353rem;
}
.xs-banner.banner-v8 {
min-height: 1150px;
}
}
/* Portrait tablets and small desktops */
@media (max-width: 991px) {
html {
font-size: 90%;
}
/* margin bottom list */
.why-choose-us-block,
.xs-single-pricing,
.xs-feature-group,
.hosting-info-img,
.hosting-info-wraper-2,
.xs-blog-post,
.footer-widget {
margin-bottom: 30px;
}
/* header */
.xs-header .xs-logo {
display: none;
}
.xs-header .xs-menus .nav-menu>li>a,
.xs-header.header-boxed .xs-menus .nav-menu>li>a,
.xs-header.header-v3 .xs-menus .nav-menu>li>a,
.nav-sticky.sticky-header .xs-menus .nav-menu>li>a,
.xs-header.header-minimal .xs-menus .nav-menu>li>a {
color: #1e1e1e;
padding: 15px;
}
.xs-menus.ml-auto {
margin-left: 0px !important;
}
/* header */
.xs-menus .xs-menu-tools {
display: none;
}
.nav-sticky .xs-menus .megamenu-panel:not(.xs-icon-menu):not(.xs-service-menu) {
height: 100%;
}
.xs-menus .nav-menu li>.nav-dropdown {
box-shadow: none;
}
.xs-menus .nav-menu>li>a .submenu-indicator-chevron,
.nav-sticky.sticky-header .xs-menus .nav-menu>li>a .submenu-indicator-chevron {
border-color: transparent #1e1e1e #1e1e1e transparent;
}
.nav-toggle:before {
background-color: #FFFFFF;
box-shadow: 0 0.5em 0 0 #FFFFFF, 0 1em 0 0 #FFFFFF;
}
.xs-header.header-boxed .nav-toggle:before {
background-color: #1e1e1e;
box-shadow: 0 0.5em 0 0 #1e1e1e, 0 1em 0 0 #1e1e1e;
}
.xs-header.header-boxed>.container::before {
display: none;
}
/* domain search */
.domain-search-form {
width: 100%;
}
/* section title */
.xs-heading .heading-title {
font-size: 1.3rem;
}
/* footer */
.footer-bottom .xs-list {
text-align: center;
}
.footer-bottom .xs-list li {
display: inline-block;
margin-right: 15px;
margin-bottom: 15px;
}
/* index version 3 */
.pricing-feature-item>.pricing-feature:first-child {
height: 30px;
padding: 7px 10px;
font-weight: 700;
}
.pricing-feature {
padding: 10px 40px;
height: 40px;
}
/* inner welcome */
.inner-welcome-image-group {
text-align: center;
width: 70%;
margin: 0 auto;
}
/* inner welcome service banner */
.xs-banner.service-banner-2 {
min-height: 900px;
}
.social-list li {
margin-bottom: 10px;
}
.service-banner .banner-title {
font-size: 2.76471rem;
}
.xs-banner.service-banner {
min-height: 850px;
}
/* inner banner */
.inner-banner .inner-welcome-image-group {
display: none;
}
/* team */
.xs-single-team {
margin-bottom: 30px;
}
.xs-single-team img {
width: 100%;
}
/* contact */
.contact-info-group {
margin-bottom: 30px;
}
/* accordion */
.xs-accordion,
.xs-accordion:last-child {
margin-bottom: 60px;
}
/* checkout */
.checkout-form-group {
width: calc(100% - 45px);
}
.checkout_info .cart_table_wraper {
width: 100%;
}
.cart-checkout-wraper {
padding: 50px;
}
.wc-proceed-to-checkout {
width: 100%;
}
.wc-proceed-to-checkout .btn {
padding: 15px 29px;
font-size: .8rem;
}
/* vps hosting */
.slider-content-group {
padding: 30px;
}
.slider-content-group .slider-container {
margin-bottom: 30px;
}
/* sticky nav */
.nav-sticky .xs_nav-portrait .nav-menus-wrapper,
.nav-sticky .nav-overlay-panel {
height: 110vh;
}
/* index verison 6 */
/* banner */
.xs-banner.banner-v6 .xs-banner-image {
display: none;
}
#rev_slider_17_1_forcefullwidth+.xs-domain-search {
margin-top: 0;
margin-bottom: 79px;
}
.tp-caption .banner-6-content.xs-banner-content {
padding-top: 130px !important;
}
/* index version 9 */
/* banner */
.xs-banner.banner-v7 .xs-banner-image {
display: none;
}
.xs-banner.skew-bg::after {
border-bottom: 150px solid #FFFFFF;
}
/* index version 10 */
.xs-banner.banner-v8>.container {
padding-top: 150px;
}
.xs-banner.banner-v8 .xs-banner-image {
margin-left: auto;
margin-right: auto;
margin-top: 20px;
left: 0;
width: 60%;
}
.xs-footer-section.footer-v2 .footer-group {
background-position: center center;
}
.xs-footer-section.footer-v2 .footer-main {
padding-bottom: 60px;
padding-top: 50px;
}
/* index version 11 */
.header-dark .nav-toggle:before {
background-color: #333333;
box-shadow: 0 0.5em 0 0 #333333, 0 1em 0 0 #333333;
}
.nav-sticky.header-dark.sticky-header .nav-toggle:before {
background-color: #ffffff;
box-shadow: 0 0.5em 0 0 #ffffff, 0 1em 0 0 #ffffff;
}
.nav-brand {
display: block;
}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
/* section padding */
.xs-section-padding {
padding: 50px 0;
}
/* heading tilte margin bottom */
.xs-heading {
margin-bottom: 40px;
}
/* section tilte */
.xs-heading .heading-title {
font-size: 1.4rem;
font-weight: 700;
}
/* list inline */
.list-inline>li {
display: block;
margin-right: 0px;
margin-bottom: 15px;
}
.list-inline>li:last-child {
margin-bottom: 0px;
}
/* header */
.xs-logo-wraper {
display: none;
}
.xs-top-bar-info,
.top-menu {
text-align: center;
padding: 5px 0;
}
.xs-top-bar-info li {
margin-right: 15px;
}
/* welcome */
.banner-title {
font-size: .96471rem;
}
.banner-sub-title {
font-size: .81176rem;
}
.xs-banner .xs-banner-image {
margin-left: 0px;
margin-right: 0px;
margin-top: 50px;
}
.xs-banner .xs-banner-image .banner-ico {
width: 16px;
}
.xs-banner-content p {
margin-bottom: 20px;
}
/* domain search */
.xs-domain-info li {
display: block;
margin-right: 0;
padding-right: 0;
border-right: 0px;
margin-bottom: 15px;
text-align: left;
}
/* domain search */
.domain-search-form {
height: 100%;
}
.domain-search-form-group {
padding: 30px;
}
.domain-search-form .select-group {
position: static;
margin-top: 10px;
width: 100%;
}
.domain-search-form input:not([type="submit"]) {
height: 60px;
padding: 0 16px;
}
.xs-domain-info li:last-child {
margin-bottom: 0px;
}
/* all buttons */
.xs-btn-wraper .btn {
margin-right: 15px;
margin-bottom: 15px;
}
.btn {
font-size: .9rem;
padding: 10px 25px;
}
/* why choose us */
.why-choose-us-block {
padding: 0;
}
/* pricing */
.pricing-info .xs-list li {
margin-right: 0;
margin-bottom: 10px;
}
.pricing-info .xs-list li:last-child {
margin-bottom: 0px;
}
/* service section */
.service-section .xs-mb-8 {
margin-bottom: 0px;
}
.xs-service-block {
margin-bottom: 40px;
}
.xs-service-block {
padding: 0;
}
/* call to action */
.call-to-action-section {
padding-top: 50px;
padding-bottom: 50px;
margin-bottom: 30px;
}
.call-to-action-section+.xs-feature-section {
margin-top: 0;
}
/* feature group */
.xs-feature-group .media {
flex-wrap: wrap;
}
.xs-feature-group .feature-img {
margin-bottom: 15px;
}
.xs-feature-group .watermark-icon {
display: none;
}
.xs-feature-group {
padding: 20px;
}
/* hosting info */
.hosting-info-img .info-icon {
width: 30px;
}
.hosting-info-img .info-icon.icon-2 {
left: 0;
}
.hosting-info-wraper {
padding-left: 0;
margin-bottom: 50px;
}
.hosting-info-wraper-2 .content-title {
margin-bottom: 30px;
}
.xs-hosting-info .row {
margin-bottom: 45px;
}
/* content tilte */
.content-title {
font-size: 1.2rem;
}
/* testimonial */
.xs-testimonial-item,
.xs-testimonial-slider .owl-item.center .xs-testimonial-item {
width: 100%;
padding: 30px;
}
/* footer */
.footer-bottom-info {
margin-bottom: 20px;
}
.footer-group {
background-size: cover;
}
/* copyright */
.copyright-text {
padding: 0px;
}
.footer-logo-wraper {
padding: 15px 0;
}
.copyright-text p,
.social-list {
text-align: center;
}
/* index version 2 */
.hosting-info-wraper-2 {
margin-bottom: 50px;
}
/* index verison 3 */
.xs-banner.banner-v3 {
min-height: 900px;
}
.main-nav-tab-2 li {
width: calc(100% / 2);
}
.main-nav-tab-2 li a {
font-size: .9647rem;
}
/* inner banner */
.service-banner .banner-title {
font-size: 1.76471rem;
}
.xs-banner.service-banner {
min-height: 700px;
}
.xs-banner.inner-banner .banner-title {
font-size: 1.5882rem;
}
.breadcrumbs.list-inline>li {
display: inline-block;
}
/* about */
.gloosy-btn {
width: 60px;
height: 60px;
line-height: 63px;
}
.join-with-us-wraper {
margin-bottom: 30px;
margin-top: 0;
z-index: 2;
padding: 20px 15px;
}
.office-interface-group-content.content-1 {
margin-top: 0;
}
.office-interface-group-content.content-2 {
margin-right: 0;
}
/* team */
.simple-social-list li {
display: inline-block;
margin-right: 15px;
}
/* blog list */
.post:not(.format-audio):not(.post-details) .post-media+.post-body {
width: 100%;
margin-top: 0;
}
.post-body .entry-title {
font-size: 1.26471rem;
}
.post-body .post-meta>span:not(:last-child) {
margin-bottom: 15px;
}
.xs-blog-list {
margin-bottom: 50px;
}
.blog-lsit-group {
margin-bottom: 50px;
}
.widget:not(.widget-search) {
padding: 20px;
}
.widget:not(:last-child) {
margin-bottom: 30px;
}
.sidebar-widget.sidebar-right {
margin-left: 0px;
}
.sidebar-widget.sidebar-left {
margin-right: 0px;
}
/* blog post */
.xs-comments-area .comment:not(:last-child) .children {
margin-left: 50px;
}
.simple-social-list.list-inline {
text-align: left;
}
.author-info {
padding: 30px;
display: block;
}
.author-image {
margin-right: 0;
margin-bottom: 20px;
}
.post-navigation [class^=col-]:first-child .post-navigation-title {
margin-bottom: 20px;
}
.blog-post-group {
margin-bottom: 30px;
}
.post-details .post-footer .tag-lists {
margin-bottom: 20px;
}
/* contact */
.xs-form-group {
padding: 0;
}
/* pricing */
.content-title-wraper {
margin-bottom: 80px;
}
/* cart */
.coupon {
max-width: 100%;
margin-left: 0;
padding: 0 15px;
margin-bottom: 20px;
}
/* checkout */
.checkout-form-group {
width: 100%;
}
.cart-checkout-wraper {
padding: 20px;
}
.sign_in_form.xs-form .form-control:last-child,
.sign_in_form.xs-form .select:last-child,
.billing-form.xs-form .form-control:last-child,
.billing-form.xs-form .select:last-child {
margin-bottom: 30px;
}
.sign_in_form .simple-btn {
margin-top: 12px;
}
.checkout_info .cart_table_wraper {
width: 100%;
}
/* sign up */
.xs-form>.row>[class^=col-]:first-child .form-group {
padding-left: 0;
}
.xs-form>.row>[class^=col-]:last-child .form-group {
padding-right: 0;
}
.xs-form>.row>[class^=col-] .form-group {
margin-bottom: 20px;
}
/* 404 */
.xs-banner.banner-404 .banner-title {
font-size: 1.96471rem;
}
.xs-banner.banner-404 .xs-banner-image {
width: 80%;
margin: 0 auto;
}
.xs-banner.banner-404 {
min-height: 750px;
}
/* index 5 */
.xs-banner.banner-v4 .banner-title {
font-size: 2rem;
}
.home5-banner-image {
text-align: right;
width: 70%;
margin: 0 auto;
}
.wave_animation_wraper {
display: none;
}
/* index 4 */
.xs-banner.banner-v5 .xs-banner-content .banner-title {
font-size: 1.82647rem;
}
.domain-search-form.version-2 .select-group {
width: 120px;
position: absolute;
margin-top: 0;
}
.domain-search-form.version-2 input:not([type="submit"]) {
padding-left: 133px;
}
.domain-search-form .search-btn {
padding: 22px;
}
.domain-box-list li {
margin-bottom: 12px;
}
/* location map */
.location_indicator {
display: none;
}
.location-groups .location {
display: block;
position: static;
margin-bottom: 30px;
}
.location-groups .map-image {
display: none;
}
/* sticky nav */
.nav-sticky.sticky-header .xs-top-bar {
margin-top: -90px;
}
/* location map */
.location-wraper .location {
float: left;
width: 50%;
display: inline-block;
}
/* index version 6 */
/* banner */
.xs-banner.banner-v6 {
min-height: 500px;
}
.xs-banner.banner-v6 .xs-banner-content .banner-title {
font-size: 1.82353rem;
}
.xs-banner.banner-v6 .xs-banner-content {
padding-top: 180px;
}
.xs-banner.banner-v6 {
margin-bottom: 50px;
}
/* blog */
.post-image>img {
width: 100%;
}
/* footer */
.xs-footer-section.footer-v2 .social-list {
text-align: left;
}
/* index version 9 */
/* banner */
.banner-6-content.xs-banner-content .banner-title {
font-size: 1.82353rem;
margin-bottom: 30px;
}
.xs-banner.banner-v7 {
min-height: 650px;
}
/* index version 10 */
.xs-banner.curve-bg::after {
background-size: contain;
}
.xs-banner.banner-v8+.pricing-section {
margin-top: -300px;
}
.xs-banner.banner-v8>.container {
padding-top: 190px;
}
.xs-banner.banner-v8 .xs-banner-image {
width: 90%;
}
.testimonial-v7 .owl-carousel .owl-item.center .xs-testimonial-item {
box-shadow: 1px 6px 17px 0px rgba(0, 0, 0, 0.1);
}
.xs-footer-section.footer-v2 .footer-bottom .xs-list {
text-align: left;
}
/* index version 11 */
.xs-domain-search.version-primary .select-styled {
color: #FFFFFF;
}
.xs-domain-search.version-primary .select-styled::after {
color: #FFFFFF;
}
.xs-domain-search.version-primary .domain-search-form input[type="submit"] {
background: #FFFFFF;
color: #1351f4;
}
/* index version 8 */
#rev_slider_17_1_forcefullwidth+.xs-domain-search {
margin-top: -220px;
}
}
/* Landscape phones and smaller */
@media (max-width: 480px) {
html {
font-size: 65%;
}
.xs-comments-area .comment:not(:last-child) .children {
margin-left: 20px;
}
/* vps hosting */
.vps-pricing-list>li {
max-width: 100%;
}
.vps-pricing-list:last-child>li:not(:last-child) {
padding-bottom: 26px;
margin-bottom: 26px;
border-bottom: 1px solid #e7e7e7;
}
/* locationi map */
.location-wraper .location {
width: 100%;
}
.tp-caption .banner-6-content.xs-banner-content .xs-list>li:not(:last-child) {
margin-bottom: 5px !important;
}
.tp-caption .banner-6-content .xs-list {
margin-bottom: 5px !important;
}
.tp-caption .banner-6-content.xs-banner-content {
padding-top: 90px !important;
}
/* index version 9 */
/* banner */
.xs-banner.skew-bg::after,
.xs-banner.banner-v7 .xs-banner-image {
display: none;
}
.xs-banner.banner-v7 {
min-height: 600px;
}
/* index version 10 */
.shuufle-letter-title {
font-size: 4rem;
}
.xs-banner.banner-v8+.pricing-section {
margin-top: -250px;
}
}
@media (max-width: 320px) {
html {
font-size: 60.5%;
}
.tp-caption .banner-6-content.xs-banner-content .banner-title {
font-size: 22px !important;
margin-bottom: 15px !important;
}
.tp-caption .banner-6-content.xs-banner-content .banner-title span {
font-size: inherit !important;
}
.tp-caption .banner-6-content.xs-banner-content {
padding-top: 80px !important;
}
.tp-caption .banner-6-content.xs-banner-content .banner-title span::before {
display: none;
}
/* index version 10 */
.xs-banner.banner-v8+.pricing-section {
margin-top: -350px;
}
.shuufle-letter-title {
font-size: 3rem;
}
/* index version 8 */
#rev_slider_17_1_forcefullwidth+.xs-domain-search {
margin-top: 0px;
}
}