.hidden {
    display: none;
}
@media only screen and (max-width: 640px) {
    .mobile_check {
        width: 100% !important;
    }
    #query-results .results .lines {
        padding-left: 115px !important;
    }
}
.breadcrumb {
    font-size: 14px;
    padding: 8px 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: absolute;
}

.breadcrumb a {
    color: #fff;
    text-decoration: none;
}

.breadcrumb a:hover {
    text-decoration: underline;
}

.breadcrumb .separator {
    margin: 0 4px; /* Sağ ve sol boşlukları ayarla */
    color: #f8a31f;
    font-weight: 400;
}

.breadcrumb .active {
    color: #efefef;
    pointer-events: none;
    cursor: default;
}

/* Ekran genişliği 768px'den küçük olduğunda uygulanacak stil */
@media (max-width: 768px) {
    .breadcrumb {
        font-size: 10px;
        padding: 8px;
        margin-top: 80px;
    }

    .breadcrumb a,
    .breadcrumb .separator {
        display: block; /* Her öğeyi yeni satıra al */
        margin-bottom: 4px; /* Öğeler arasında boşluk bırak */
    }
}
@import url(../vendor/swiper/swiper-bundle.min.css);@import url(https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700;800&display=swap);blockquote,pre>code {
    padding: 1rem 1.5rem
}

b,label,legend,strong {
    font-weight: 700
}

.container,[aria-label][role~=tooltip],header .boxes {
    position: relative
}

.ul:hover,a {
    text-decoration: none
}

dl,ol,ul {
    list-style: none
}

#submenu .submenu-item .link-item .icon img,.anim img,.anim svg,.container,.row,.row .column,table {
    width: 100%
}

dl,ol,p,ul {
    margin-top: 0
}

#bgmenu,a.gotop {
    z-index: 99;
    position: fixed
}

#submenu,#topmenu {
    left: 0;
    z-index: 999
}

#support p,footer2 ul li {
    font-size: .875rem
}

#comprasion,header.homeheader h1 {
    margin-top: 100px
}

#site-tool h2,#support h2,#support h3,.faq h2.title {
    letter-spacing: -.01rem
}

*,:after,:before {
    box-sizing: inherit
}

html {
    box-sizing: border-box
}

body2 {
    letter-spacing: .01em;
    line-height: 1.6
}

blockquote {
    border-left: .3rem solid #d1d1d1;
    margin-left: 0;
    margin-right: 0
}

blockquote :last-child {
    margin-bottom: 0
}

.button,button,input[type=button],input[type=reset],input[type=submit] {
    background-color: #9b4dca;
    border: .1rem solid #9b4dca;
    border-radius: .4rem;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 1.1rem;
    font-weight: 700;
    height: 3.8rem;
    letter-spacing: .1rem;
    line-height: 3.8rem;
    padding: 0 3rem;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    white-space: nowrap
}

code,pre {
    background: #f4f5f6
}

.row .column,label,legend,pre>code,table {
    display: block
}

.button-medium,.button-small {
    font-size: .8125rem;
    font-weight: 400
}

dl,ol,td:first-child,th:first-child,ul {
    padding-left: 0
}

.button:focus,.button:hover,button:focus,button:hover,input[type=button]:focus,input[type=button]:hover,input[type=reset]:focus,input[type=reset]:hover,input[type=submit]:focus,input[type=submit]:hover {
    background-color: #606c76;
    border-color: #606c76;
    color: #fff;
    outline: 0
}

.button[disabled],button[disabled],input[type=button][disabled],input[type=reset][disabled],input[type=submit][disabled] {
    cursor: default;
    opacity: .5
}

.button[disabled]:focus,.button[disabled]:hover,button[disabled]:focus,button[disabled]:hover,input[type=button][disabled]:focus,input[type=button][disabled]:hover,input[type=reset][disabled]:focus,input[type=reset][disabled]:hover,input[type=submit][disabled]:focus,input[type=submit][disabled]:hover {
    background-color: #9b4dca;
    border-color: #9b4dca
}

.button.button-outline,button.button-outline,input[type=button].button-outline,input[type=reset].button-outline,input[type=submit].button-outline {
    background-color: transparent;
    color: #9b4dca
}

.button.button-outline:focus,.button.button-outline:hover,button.button-outline:focus,button.button-outline:hover,input[type=button].button-outline:focus,input[type=button].button-outline:hover,input[type=reset].button-outline:focus,input[type=reset].button-outline:hover,input[type=submit].button-outline:focus,input[type=submit].button-outline:hover {
    background-color: transparent;
    border-color: #606c76;
    color: #606c76
}

.button.button-outline[disabled]:focus,.button.button-outline[disabled]:hover,button.button-outline[disabled]:focus,button.button-outline[disabled]:hover,input[type=button].button-outline[disabled]:focus,input[type=button].button-outline[disabled]:hover,input[type=reset].button-outline[disabled]:focus,input[type=reset].button-outline[disabled]:hover,input[type=submit].button-outline[disabled]:focus,input[type=submit].button-outline[disabled]:hover {
    border-color: inherit;
    color: #9b4dca
}

.button.button-clear,button.button-clear,input[type=button].button-clear,input[type=reset].button-clear,input[type=submit].button-clear {
    background-color: transparent;
    border-color: transparent;
    color: #9b4dca
}

.button.button-clear:focus,.button.button-clear:hover,button.button-clear:focus,button.button-clear:hover,input[type=button].button-clear:focus,input[type=button].button-clear:hover,input[type=reset].button-clear:focus,input[type=reset].button-clear:hover,input[type=submit].button-clear:focus,input[type=submit].button-clear:hover {
    background-color: transparent;
    border-color: transparent;
    color: #606c76
}

.button.button-clear[disabled]:focus,.button.button-clear[disabled]:hover,button.button-clear[disabled]:focus,button.button-clear[disabled]:hover,input[type=button].button-clear[disabled]:focus,input[type=button].button-clear[disabled]:hover,input[type=reset].button-clear[disabled]:focus,input[type=reset].button-clear[disabled]:hover,input[type=submit].button-clear[disabled]:focus,input[type=submit].button-clear[disabled]:hover {
    color: #9b4dca
}

code {
    border-radius: .4rem;
    font-size: 86%;
    margin: 0 .2rem;
    padding: .2rem .5rem;
    white-space: nowrap
}

pre {
    border-left: .3rem solid #9b4dca;
    overflow-y: hidden
}

pre>code {
    border-radius: 0;
    white-space: pre
}

hr {
    border: 0;
    border-top: .1rem solid #f4f5f6;
    margin: 3rem 0
}

input:not([type]),input[type=color],input[type=date],input[type=datetime-local],input[type=datetime],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=url],input[type=week],select,textarea {
    -webkit-appearance: none;
    background-color: transparent;
    border: .1rem solid #d1d1d1;
    border-radius: .4rem;
    box-shadow: none;
    box-sizing: inherit;
    height: 3.8rem;
    padding: .6rem 1rem .7rem;
    width: 100%
}

input:not([type]):focus,input[type=color]:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=datetime]:focus,input[type=email]:focus,input[type=month]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=url]:focus,input[type=week]:focus,select:focus,textarea:focus {
    border-color: #9b4dca;
    outline: 0
}

select {
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%23d1d1d1" d="M0,0l6,8l6-8"/></svg>') center right no-repeat;
    padding-right: 3rem
}

select:focus {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 8" width="30"><path fill="%239b4dca" d="M0,0l6,8l6-8"/></svg>')
}

select[multiple] {
    background: 0 0;
    height: auto
}

textarea {
    min-height: 6.5rem
}

label,legend {
    font-size: 1.6rem;
    margin-bottom: .5rem
}

fieldset {
    border-width: 0;
    padding: 0
}

input[type=checkbox2],input[type=radio] {
    display: inline
}

.label-inline {
    display: inline-block;
    font-weight: 400;
    margin-left: .5rem
}

#main,.container {
    margin: 0 auto
}

.container {
    padding: 0 2rem;
    max-width: 1140px
}

.row,.row.row-no-padding,.row.row-no-padding>.column,body2,html {
    padding: 0
}

.row {
    display: flex;
    flex-direction: column
}

.row.row-wrap {
    flex-wrap: wrap
}

.row.row-top,.simple-table table .flex.align-left {
    align-items: flex-start
}

.row.row-bottom {
    align-items: flex-end
}

.align-items-center,.row.row-center,.simple-table table .flex.align-center {
    align-items: center
}

.row.row-stretch {
    align-items: stretch
}

.row.row-baseline {
    align-items: baseline
}

.row .column {
    flex: 1 1 auto;
    margin-left: 0;
    max-width: 100%
}

.row .column.column-offset-10 {
    margin-left: 10%
}

.row .column.column-offset-20 {
    margin-left: 20%
}

.row .column.column-offset-25 {
    margin-left: 25%
}

.row .column.column-offset-33,.row .column.column-offset-34 {
    margin-left: 33.3333%
}

.row .column.column-offset-40 {
    margin-left: 40%
}

.row .column.column-offset-50 {
    margin-left: 50%
}

.row .column.column-offset-60 {
    margin-left: 60%
}

.row .column.column-offset-66,.row .column.column-offset-67 {
    margin-left: 66.6666%
}

.row .column.column-offset-75 {
    margin-left: 75%
}

.row .column.column-offset-80 {
    margin-left: 80%
}

.row .column.column-offset-90 {
    margin-left: 90%
}

.row .column.column-10 {
    flex: 0 0 10%;
    max-width: 10%
}

.row .column.column-20 {
    flex: 0 0 20%;
    max-width: 20%
}

.row .column.column-25 {
    flex: 0 0 25%;
    max-width: 25%
}

.row .column.column-33,.row .column.column-34 {
    flex: 0 0 33.3333%;
    max-width: 33.3333%
}

.row .column.column-40 {
    flex: 0 0 40%;
    max-width: 40%
}

.row .column.column-50 {
    flex: 0 0 50%;
    max-width: 50%
}

.row .column.column-60 {
    flex: 0 0 60%;
    max-width: 60%
}

.row .column.column-66,.row .column.column-67 {
    flex: 0 0 66.6666%;
    max-width: 66.6666%
}

.row .column.column-75 {
    flex: 0 0 75%;
    max-width: 75%
}

.row .column.column-80 {
    flex: 0 0 80%;
    max-width: 80%
}

.row .column.column-90 {
    flex: 0 0 90%;
    max-width: 90%
}

.row .column .column-top {
    align-self: flex-start
}

.row .column .column-bottom {
    align-self: flex-end
}

.row .column .column-center {
    align-self: center
}

a {
    color: #203f6d
}

dl dl,dl ol,dl ul,ol dl,ol ol,ol ul,ul dl,ul ol,ul ul {
    font-size: 90%;
    margin: 1.5rem 0 1.5rem 3rem
}

.button,button,dd,dt,li {
    margin-bottom: 1rem
}

#support p,fieldset,input,select,textarea {
    margin-bottom: 1.5rem
}

table {
    border-spacing: 0;
    overflow-x: auto;
    text-align: left
}

td,th {
    border-bottom: .1rem solid #e1e1e1;
    padding: 1.2rem 1.5rem
}

td:last-child,th:last-child {
    padding-right: 0
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 300;
    letter-spacing: -.1rem;
    margin-top: 0
}

h1 {
    font-size: 4.6rem;
    line-height: 1.2
}

h2 {
    font-size: 3.6rem;
    line-height: 1.25
}

h3 {
    font-size: 2.8rem;
    line-height: 1.3
}

h4 {
    font-size: 2.2rem;
    letter-spacing: -.08rem;
    line-height: 1.35
}

h5 {
    font-size: 1.8rem;
    letter-spacing: -.05rem;
    line-height: 1.5
}

.button,h6 {
    letter-spacing: 0
}

h6 {
    font-size: 1.6rem;
    line-height: 1.4
}

img {
    max-width: 100%
}

.clearfix:after {
    clear: both;
    content: " ";
    display: table
}

#domainchecker .prices-sum ul li,.float-left {
    float: left
}

.faq .faqs .faq-item .add,.faq .faqs .faq-item .remove,.float-right {
    float: right
}

[aria-label][role~=tooltip]::after,[aria-label][role~=tooltip]::before {
    transform: translate3d(0,0,0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    opacity: 0;
    pointer-events: none;
    transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
    position: absolute;
    box-sizing: border-box;
    z-index: 10;
    transform-origin: top
}

[aria-label][role~=tooltip]::before {
    background-size: 100% auto!important;
    content: ""
}

[aria-label][role~=tooltip]::after {
    background: rgba(17,17,17,.9);
    border-radius: 4px;
    color: #fff;
    content: attr(aria-label);
    font-size: var(--microtip-font-size, 13px);
    font-weight: var(--microtip-font-weight,normal);
    text-transform: var(--microtip-text-transform,none);
    padding: .5em 1em;
    white-space: nowrap;
    box-sizing: content-box
}

[aria-label][role~=tooltip]:focus::after,[aria-label][role~=tooltip]:focus::before,[aria-label][role~=tooltip]:hover::after,[aria-label][role~=tooltip]:hover::before {
    opacity: 1;
    pointer-events: auto
}

[role~=tooltip][data-microtip-position|=top]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%280%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-bottom: 5px;
    transform: translate3d(-50%,0,0);
    bottom: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position|=top]::after {
    margin-bottom: 11px;
    transform: translate3d(-50%,0,0);
    bottom: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=top]:hover::after,[role~=tooltip][data-microtip-position|=top]:hover::before {
    transform: translate3d(-50%,-5px,0)
}

[role~=tooltip][data-microtip-position=top-left]::after {
    transform: translate3d(calc(-100% + 16px),0,0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-left]:hover::after {
    transform: translate3d(calc(-100% + 16px),-5px,0)
}

[role~=tooltip][data-microtip-position=top-right]::after {
    transform: translate3d(calc(0 + -16px),0,0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-right]:hover::after {
    transform: translate3d(calc(0 + -16px),-5px,0)
}

[role~=tooltip][data-microtip-position|=bottom]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2236px%22%20height%3D%2212px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28180%2018%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0;
    transform: translate3d(-50%,-10px,0);
    bottom: auto;
    left: 50%;
    top: 100%
}

[role~=tooltip][data-microtip-position|=bottom]::after {
    margin-top: 11px;
    transform: translate3d(-50%,-10px,0);
    top: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=bottom]:hover::after,[role~=tooltip][data-microtip-position|=bottom]:hover::before {
    transform: translate3d(-50%,0,0)
}

[role~=tooltip][data-microtip-position=bottom-left]::after {
    transform: translate3d(calc(-100% + 16px),-10px,0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-left]:hover::after {
    transform: translate3d(calc(-100% + 16px),0,0)
}

[role~=tooltip][data-microtip-position=bottom-right]::after {
    transform: translate3d(calc(0 + -16px),-10px,0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-right]:hover::after {
    transform: translate3d(calc(0 + -16px),0,0)
}

[role~=tooltip][data-microtip-position=left]::after,[role~=tooltip][data-microtip-position=left]::before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate3d(10px,-50%,0)
}

[role~=tooltip][data-microtip-position=left]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%28-90%2018%2018%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0
}

[role~=tooltip][data-microtip-position=left]::after {
    margin-right: 11px
}

[role~=tooltip][data-microtip-position=left]:hover::after,[role~=tooltip][data-microtip-position=left]:hover::before,[role~=tooltip][data-microtip-position=right]:hover::after,[role~=tooltip][data-microtip-position=right]:hover::before {
    transform: translate3d(0,-50%,0)
}

[role~=tooltip][data-microtip-position=right]::after,[role~=tooltip][data-microtip-position=right]::before {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate3d(-10px,-50%,0)
}

[role~=tooltip][data-microtip-position=right]::before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2212px%22%20height%3D%2236px%22%3E%3Cpath%20fill%3D%22rgba%2817,%2017,%2017,%200.9%29%22%20transform%3D%22rotate%2890%206%206%29%22%20d%3D%22M2.658,0.000%20C-13.615,0.000%2050.938,0.000%2034.662,0.000%20C28.662,0.000%2023.035,12.002%2018.660,12.002%20C14.285,12.002%208.594,0.000%202.658,0.000%20Z%22/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px
}

[role~=tooltip][data-microtip-position=right]::after {
    margin-left: 11px
}

.box-table .box-item .box-item,.feature2 .flex .form fieldset,.simple-table table .button .material-icons-outlined,.simple-table table .button span,ol,ol li,ul,ul li {
    margin: 0
}

[role~=tooltip][data-microtip-size=small]::after {
    white-space: initial;
    width: 80px
}

[role~=tooltip][data-microtip-size=medium]::after {
    white-space: initial;
    width: 150px
}

[role~=tooltip][data-microtip-size=large]::after {
    white-space: initial;
    width: 260px
}

body2,html {
    margin: 0;
    font-size: 1rem;
    font-weight: 300;
    color: #959595;
    background: #fff;
    overflow-x: hidden!important
}

#domainchecker input,#support .form form .button,#support .form form input,body2,html {
    font-family: Poppins,sans-serif
}

#domainchecker .tld-list .tld img,#domainchecker .tld-list .tld svg,#support .buttons a .icon img,#support .buttons a .icon svg,a.gotop img,a.gotop svg {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%)
}

body2.activemenu,html.activemenu {
    overflow: hidden!important
}

@keyframes2 pulse {
    0%,100% {
        margin-top: 0
    }

    50% {
        margin-top: 10px
    }
}

@keyframes2 pulseopacity {
    0%,100% {
        margin-top: 0;
        filter: blur(12px);
        -webkit-filter: blur(12px)
    }

    50% {
        margin-top: 20px;
        filter: blur(4px);
        -webkit-filter: blur(4px)
    }
}

@keyframes2 rotate {
    0% {
        transform: rotate(0)
    }

    50% {
        transform: rotate(90deg)
    }

    100% {
        transform: rotate(180deg)
    }
}

#blog .blog:hover h3,#topmenu ul#ulmenu li a:hover .material-icons-outlined,.hover-menu .box-item .menu-price .blue,.ice,a.ice,a:active,a:focus,a:hover {
    color: #15bcff
}

a.mute {
    color: #6f787d
}

#site-tool #prices-cols .minimal-box .body2 span.content,#site-tool #prices-cols .minimal-box .header span.content,a.mute:active,a.mute:focus,a.mute:hover {
    color: #000
}

#domainchecker .prices-sum ul li a:hover,#topmenu ul#ulmenu li a:hover,#topmenu ul#ulmenu li.active a,.faq .faqs .faq-item.active h3,.modern-grid .column>a:hover .title,a.ice:active,a.ice:focus,a.ice:hover {
    color: #203f6d
}

.ul {
    text-decoration: underline
}

.text-center {
    text-align: center
}

.button .material-icons-outlined {
    font-weight: 300;
    vertical-align: middle;
    font-size: inherit;
    margin-top: -3px
}

.anim,.column,.spec,.tld,.visible,a,a:active,a:focus,a:hover,button,img,input,p {
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    font-family: Poppins,sans-serif
}

ol,ul {
    padding: 0
}

#topmenu ul#ulmenu li a .material-icons-outlined,.mobile-scroll-horizontal {
    transition: .3s ease-in-out
}

.border-top {
    border-top: 1px solid #eee
}

.border-bottom {
    border-bottom: 1px solid #eee
}

.button,.no-border {
    border: 0!important
}

.bg-pink {
    background-color: #fd179e!important
}

.bg-yellow {
    background-color: #f8a31f!important
}

.bg-tango {
    background-color: #f48320!important
}

.bg-grape {
    background-color: #491d55!important
}

.bg-green-sinbad {
    background-color: #a1d4ca!important
}

.bg-blue-lochmara {
    background-color: #0678cf!important
}

.bg-gray {
    background-color: #f9f9f9!important
}

.mt-5 {
    margin-top: 5px!important
}

.mb-5 {
    margin-bottom: 5px!important
}

.mb-10,.page-content h2,.whois-container,.whois-result .shadow .list .feature1 .description {
    margin-bottom: 10px!important
}

.mr-5 {
    margin-right: 5px
}

.ml-5 {
    margin-left: 5px
}

.mt-10 {
    margin-top: 10px!important
}

.mr-10 {
    margin-right: 10px
}

.ml-10 {
    margin-left: 10px
}

.mt-15 {
    margin-top: 15px!important
}

.mb-15 {
    margin-bottom: 15px!important
}

#topmenu .mobilemenu>ul,.mb-20 {
    margin-bottom: 20px!important
}

.mr-15 {
    margin-right: 15px
}

#topmenu ul li,.mr-20 {
    margin-right: 20px
}

.ml-15 {
    margin-left: 15px
}

.mt-20 {
    margin-top: 20px!important
}

.ml-20 {
    margin-left: 20px
}

.mt-25 {
    margin-top: 25px!important
}

.mb-25 {
    margin-bottom: 25px!important
}

.mr-25 {
    margin-right: 25px
}

.ml-25 {
    margin-left: 25px
}

.mt-30 {
    margin-top: 30px!important
}

.mb-30 {
    margin-bottom: 30px!important
}

#topmenu ul.float-right li,.mr-30 {
    margin-right: 30px
}

.ml-30 {
    margin-left: 30px
}

.mt-35 {
    margin-top: 35px!important
}

.mb-35 {
    margin-bottom: 35px!important
}

.mb-40,header .title h1 {
    margin-bottom: 40px!important
}

.mr-35 {
    margin-right: 35px
}

.ml-35 {
    margin-left: 35px
}

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

.mr-40 {
    margin-right: 40px
}

.ml-40 {
    margin-left: 40px
}

.mt-45 {
    margin-top: 45px!important
}

.mb-45 {
    margin-bottom: 45px!important
}

.mr-45 {
    margin-right: 45px
}

.ml-45 {
    margin-left: 45px
}

.mt-50 {
    margin-top: 50px!important
}

.mb-50 {
    margin-bottom: 50px!important
}

.mr-50 {
    margin-right: 50px
}

.ml-50 {
    margin-left: 50px
}

.mt-55 {
    margin-top: 55px!important
}

.mb-55 {
    margin-bottom: 55px!important
}

.mr-55 {
    margin-right: 55px
}

.ml-55 {
    margin-left: 55px
}

.mt-60 {
    margin-top: 60px!important
}

.mb-60 {
    margin-bottom: 60px!important
}

.mr-60 {
    margin-right: 60px
}

.ml-60 {
    margin-left: 60px
}

.mt-65 {
    margin-top: 65px!important
}

.mb-65 {
    margin-bottom: 65px!important
}

.mr-65 {
    margin-right: 65px
}

.ml-65 {
    margin-left: 65px
}

.mt-70 {
    margin-top: 70px!important
}

.mb-70 {
    margin-bottom: 70px!important
}

.mr-70 {
    margin-right: 70px
}

.ml-70 {
    margin-left: 70px
}

.mt-75 {
    margin-top: 75px!important
}

.mb-75 {
    margin-bottom: 75px!important
}

.mr-75 {
    margin-right: 75px
}

.ml-75 {
    margin-left: 75px
}

.mt-80 {
    margin-top: 80px!important
}

.mb-80 {
    margin-bottom: 80px!important
}

.mr-80 {
    margin-right: 80px
}

.ml-80 {
    margin-left: 80px
}

.mt-85 {
    margin-top: 85px!important
}

.mb-85 {
    margin-bottom: 85px!important
}

.mr-85 {
    margin-right: 85px
}

.ml-85 {
    margin-left: 85px
}

.mt-90 {
    margin-top: 90px!important
}

.mb-90 {
    margin-bottom: 90px!important
}

.mr-90 {
    margin-right: 90px
}

.ml-90 {
    margin-left: 90px
}

.mt-95 {
    margin-top: 95px!important
}

.mb-95 {
    margin-bottom: 95px!important
}

.mr-95 {
    margin-right: 95px
}

.ml-95 {
    margin-left: 95px
}

.mt-100 {
    margin-top: 100px!important
}

.mb-100 {
    margin-bottom: 100px!important
}

.mr-100 {
    margin-right: 100px
}

.ml-100 {
    margin-left: 100px
}

.mt-105 {
    margin-top: 105px!important
}

.mb-105 {
    margin-bottom: 105px!important
}

.mr-105 {
    margin-right: 105px
}

.ml-105 {
    margin-left: 105px
}

.mt-110 {
    margin-top: 110px!important
}

.mb-110 {
    margin-bottom: 110px!important
}

.mr-110 {
    margin-right: 110px
}

.ml-110 {
    margin-left: 110px
}

.mt-115 {
    margin-top: 115px!important
}

.mb-115 {
    margin-bottom: 115px!important
}

.mr-115 {
    margin-right: 115px
}

.ml-115 {
    margin-left: 115px
}

.mt-120 {
    margin-top: 120px!important
}

.mb-120 {
    margin-bottom: 120px!important
}

.mr-120 {
    margin-right: 120px
}

.ml-120 {
    margin-left: 120px
}

.mt-125 {
    margin-top: 125px!important
}

.mb-125 {
    margin-bottom: 125px!important
}

.mr-125 {
    margin-right: 125px
}

.ml-125 {
    margin-left: 125px
}

.mt-130 {
    margin-top: 130px!important
}

.mb-130 {
    margin-bottom: 130px!important
}

.mr-130 {
    margin-right: 130px
}

.ml-130 {
    margin-left: 130px
}

.mt-135 {
    margin-top: 135px!important
}

.mb-135 {
    margin-bottom: 135px!important
}

.mr-135 {
    margin-right: 135px
}

.ml-135 {
    margin-left: 135px
}

.mt-140 {
    margin-top: 140px!important
}

.mb-140 {
    margin-bottom: 140px!important
}

.mr-140 {
    margin-right: 140px
}

.ml-140 {
    margin-left: 140px
}

.mt-145 {
    margin-top: 145px!important
}

.mb-145 {
    margin-bottom: 145px!important
}

.mr-145 {
    margin-right: 145px
}

.ml-145 {
    margin-left: 145px
}

.mt-150 {
    margin-top: 150px!important
}

.mb-150 {
    margin-bottom: 150px!important
}

.mr-150 {
    margin-right: 150px
}

.ml-150 {
    margin-left: 150px
}

.mt-155 {
    margin-top: 155px!important
}

.mb-155 {
    margin-bottom: 155px!important
}

.mr-155 {
    margin-right: 155px
}

.ml-155 {
    margin-left: 155px
}

.mt-160 {
    margin-top: 160px!important
}

.mb-160 {
    margin-bottom: 160px!important
}

.mr-160 {
    margin-right: 160px
}

.ml-160 {
    margin-left: 160px
}

.mt-165 {
    margin-top: 165px!important
}

.mb-165 {
    margin-bottom: 165px!important
}

.mr-165 {
    margin-right: 165px
}

.ml-165 {
    margin-left: 165px
}

.mt-170 {
    margin-top: 170px!important
}

.mb-170 {
    margin-bottom: 170px!important
}

.mr-170 {
    margin-right: 170px
}

.ml-170 {
    margin-left: 170px
}

.mt-175 {
    margin-top: 175px!important
}

.mb-175 {
    margin-bottom: 175px!important
}

.mr-175 {
    margin-right: 175px
}

.ml-175 {
    margin-left: 175px
}

.mt-180 {
    margin-top: 180px!important
}

.mb-180 {
    margin-bottom: 180px!important
}

.mr-180 {
    margin-right: 180px
}

.ml-180 {
    margin-left: 180px
}

#domainchecker .prices-sum ul li:last-child a:after,#submenu .submenu-item,#topmenu .mobilemenu,#topmenu .show-mobile,#topmenu.fixed>.container>.row:first-child,.box-table .product-tab,.faq .faqs .faq-item .remove,.faq .faqs .faq-item.active .add,.feature4 .description.active:before,.tab-content,.tabset .tab-panel {
    display: none
}

#topmenu .mobilemenu .bottom .inner ul li a .material-icons-outlined,#topmenu ul#ulmenu li a,.box-table .product-tab.active,.faq .faqs .faq-item.active .answer,.faq .faqs .faq-item.active .remove,.modern-grid .column>a>span,.tab-content.selected,.tabset>input:first-child:checked~.tab-panels>.tab-panel:first-child,.tabset>input:nth-child(11):checked~.tab-panels>.tab-panel:nth-child(6),.tabset>input:nth-child(3):checked~.tab-panels>.tab-panel:nth-child(2),.tabset>input:nth-child(5):checked~.tab-panels>.tab-panel:nth-child(3),.tabset>input:nth-child(7):checked~.tab-panels>.tab-panel:nth-child(4),.tabset>input:nth-child(9):checked~.tab-panels>.tab-panel:nth-child(5) {
    display: block
}

.anim {
    text-align: center;
    overflow: hidden
}

.anim.panels img,.anim.world img {
    margin-top: -90px
}

@media (min-width: 992px) {
    body2 {
        padding-top:160px
    }

    .mt-d-5 {
        margin-top: 5px!important
    }

    .mb-d-5 {
        margin-bottom: 5px!important
    }

    .mt-d-10 {
        margin-top: 10px!important
    }

    .mb-d-10 {
        margin-bottom: 10px!important
    }

    .mt-d-15 {
        margin-top: 15px!important
    }

    .mb-d-15 {
        margin-bottom: 15px!important
    }

    .mt-d-20 {
        margin-top: 20px!important
    }

    .mb-d-20 {
        margin-bottom: 20px!important
    }

    .mt-d-25 {
        margin-top: 25px!important
    }

    .mb-d-25 {
        margin-bottom: 25px!important
    }

    .mt-d-30 {
        margin-top: 30px!important
    }

    .mb-d-30 {
        margin-bottom: 30px!important
    }

    .mt-d-35 {
        margin-top: 35px!important
    }

    .mb-d-35 {
        margin-bottom: 35px!important
    }

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

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

    .mt-d-45 {
        margin-top: 45px!important
    }

    .mb-d-45 {
        margin-bottom: 45px!important
    }

    .mt-d-50 {
        margin-top: 50px!important
    }

    .mb-d-50 {
        margin-bottom: 50px!important
    }

    .mt-d-55 {
        margin-top: 55px!important
    }

    .mb-d-55 {
        margin-bottom: 55px!important
    }

    .mt-d-60 {
        margin-top: 60px!important
    }

    .mb-d-60 {
        margin-bottom: 60px!important
    }

    .mt-d-65 {
        margin-top: 65px!important
    }

    .mb-d-65 {
        margin-bottom: 65px!important
    }

    .mt-d-70 {
        margin-top: 70px!important
    }

    .mb-d-70 {
        margin-bottom: 70px!important
    }

    .mt-d-75 {
        margin-top: 75px!important
    }

    .mb-d-75 {
        margin-bottom: 75px!important
    }

    .mt-d-80 {
        margin-top: 80px!important
    }

    .mb-d-80 {
        margin-bottom: 80px!important
    }

    .mt-d-85 {
        margin-top: 85px!important
    }

    .mb-d-85 {
        margin-bottom: 85px!important
    }

    .mt-d-90 {
        margin-top: 90px!important
    }

    .mb-d-90 {
        margin-bottom: 90px!important
    }

    .mt-d-95 {
        margin-top: 95px!important
    }

    .mb-d-95 {
        margin-bottom: 95px!important
    }

    .mt-d-100 {
        margin-top: 100px!important
    }

    .mb-d-100 {
        margin-bottom: 100px!important
    }

    .mt-d-105 {
        margin-top: 105px!important
    }

    .mb-d-105 {
        margin-bottom: 105px!important
    }

    .mt-d-110 {
        margin-top: 110px!important
    }

    .mb-d-110 {
        margin-bottom: 110px!important
    }

    .mt-d-115 {
        margin-top: 115px!important
    }

    .mb-d-115 {
        margin-bottom: 115px!important
    }

    .mt-d-120 {
        margin-top: 120px!important
    }

    .mb-d-120 {
        margin-bottom: 120px!important
    }

    .mt-d-125 {
        margin-top: 125px!important
    }

    .mb-d-125 {
        margin-bottom: 125px!important
    }

    .mt-d-130 {
        margin-top: 130px!important
    }

    .mb-d-130 {
        margin-bottom: 130px!important
    }

    .mt-d-135 {
        margin-top: 135px!important
    }

    .mb-d-135 {
        margin-bottom: 135px!important
    }

    .mt-d-140 {
        margin-top: 140px!important
    }

    .mb-d-140 {
        margin-bottom: 140px!important
    }

    .mt-d-145 {
        margin-top: 145px!important
    }

    .mb-d-145 {
        margin-bottom: 145px!important
    }

    .mt-d-150 {
        margin-top: 150px!important
    }

    .mb-d-150 {
        margin-bottom: 150px!important
    }

    .mt-d-155 {
        margin-top: 155px!important
    }

    .mb-d-155 {
        margin-bottom: 155px!important
    }

    .mt-d-160 {
        margin-top: 160px!important
    }

    .mb-d-160 {
        margin-bottom: 160px!important
    }

    .mt-d-165 {
        margin-top: 165px!important
    }

    .mb-d-165 {
        margin-bottom: 165px!important
    }

    .mt-d-170 {
        margin-top: 170px!important
    }

    .mb-d-170 {
        margin-bottom: 170px!important
    }

    .mt-d-175 {
        margin-top: 175px!important
    }

    .mb-d-175 {
        margin-bottom: 175px!important
    }

    .mt-d-180 {
        margin-top: 180px!important
    }

    .mb-d-180 {
        margin-bottom: 180px!important
    }

    .anim.panels {
        margin-top: 70px
    }

    .anim.apps {
        margin-top: 70px;
        height: 400px
    }
}

.anim.apps img,.box-table.showroom {
    margin-top: -60px
}

.anim.domain,.anim.seo {
    max-height: 450px
}

.anim.domain img {
    margin-top: -10px;
    width: 70%
}

@media (min-width: 992px) {
    .anim.domain {
        margin-top:70px
    }
}

.anim.server {
    max-height: 400px
}

.anim.server img {
    margin-top: -68px
}

@media (max-width: 768px) {
    .center-mobile,.text-center-mobile {
        text-align:center
    }

    .column-mobile-100 {
        flex: 1 1 auto!important;
        max-width: 100%!important
    }

    .hide-mobile {
        display: none!important
    }

    .mobile-scroll-horizontal {
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap
    }

    .mobile-scroll-horizontal::-webkit-scrollbar {
        transition: .3s ease-in-out;
        -webkit-appearance: none
    }

    .mobile-scroll-horizontal::-webkit-scrollbar:horizontal {
        height: 10px
    }

    .mobile-scroll-horizontal::-webkit-scrollbar-thumb {
        transition: .3s ease-in-out;
        border-radius: 8px;
        border: 2px solid #fff;
        background-color: rgba(215,215,215,.5)
    }

    .mobile-scroll-horizontal:active::-webkit-scrollbar-thumb,.mobile-scroll-horizontal:focus::-webkit-scrollbar-thumb,.mobile-scroll-horizontal:hover::-webkit-scrollbar-thumb {
        border-radius: 8px;
        border: 2px solid #fff;
        background-color: rgba(215,215,215,.95)
    }

    .anim.panels img,.anim.world img {
        margin-top: -30px
    }

    .anim.apps img,.anim.domain img,.anim.server img {
        margin-top: -10px
    }
}

@media (min-width: 992px) {
    .anim.server img {
        margin-top:-40px
    }

    .anim.server {
        height: 410px
    }
}

.anim.seo img {
    width: 75%
}

@media (min-width: 992px) {
    .anim.seo {
        height:400px;
        margin-top: 70px
    }

    .anim.world {
        margin-top: 10px
    }
}

.button {
    display: inline-block;
    padding: 0 20px;
    margin: 0;
    background-color: #203f6d;
    color: #fff;
    line-height: 1.8em;
    text-transform: none;
    width: auto;
    height: auto
}

.faq .faqs .faq-item h3,.mb-0 {
    margin-bottom: 0!important
}

.button:active,.button:focus,.button:hover {
    color: #203f6d;
    background-color: #f8f8f8
}

.button-small {
    padding: 0 10px
}

.button-medium {
    padding: 6px 16px
}

.button-large {
    font-size: 1rem;
    font-weight: 500;
    padding: 8px 40px;
    line-height: 2em
}


.button-java {
    background-color: #1fdfc0
}

.button-ice {
    background-color: #15bcff!important
}

.button-ice:active,.button-ice:focus,.button-ice:hover {
    color: #fff!important;
    background-color: #203f6d!important
}

.button-black {
    background-color: #000!important
}

.button-black:active,.button-black:focus,.button-black:hover {
    color: #fff!important;
    background-color: #444!important
}

.button-ice-light {
    background-color: #15bcff
}

.button-ice-light:active,.button-ice-light:focus,.button-ice-light:hover {
    color: #203f6d;
    background-color: #fff
}

.button-success {
    background-color: #29a745!important
}

.button-success:active,.button-success:focus,.button-success:hover {
    color: #fff!important;
    background-color: #1a682c!important
}

.button-round {
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

#support .buttons a .icon,a.gotop {
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important
}

a.gotop {
    right: 20px;
    bottom: 20px;
    width: 40px;
    height: 40px;
    display: block;
    text-align: center;
    background-color: rgba(32,63,109,.5);
    border-radius: 50px!important
}

a.gotop img,a.gotop svg {
    max-width: 15px
}

a.gotop:hover {
    bottom: 19px;
    background-color: rgba(32,63,109,.8)
}

.w-full {
    float: left;
    width: 100%
}

p {
    font-size: 14px!important
}

.ml-0 {
    margin-left: 0!important
}

.mr-0 {
    margin-right: 0!important
}

blockquote,dl,figure,form,h1,h2,h3,h4,h5,h6,ol,p,pre,table,ul {
    margin-bottom: 1rem!important
}

.margin-negative-156 {
    margin-top: -156px
}

.flex-wrap {
    flex-flow: wrap
}

.page-content .desc {
    color: #6f787d;
    font-size: 18px!important;
    text-align: center;
    margin-bottom: 30px
}

.page-content h2 {
    font-size: 35px;
    font-weight: 300;
    color: #203f6d;
    letter-spacing: -1px
}

.feature4 .description h3,.page-content h3 {
    font-size: 30px;
    font-weight: 400;
    color: #203f6d;
    margin-top: 20px
}

.feature4 .description h4,.page-content h4 {
    font-size: 26px;
    font-weight: 400;
    color: #203f6d;
    margin-top: 20px
}

.page-content p {
    font-size: 15px!important;
    line-height: 1.7em
}

.page-content p strong {
    color: #444
}

.page-content .button {
    padding: 2px 20px;
    font-weight: 400;
    font-size: 15px
}

.page-content .notfound {
    width: 450px;
    height: 380px;
    overflow: hidden
}

.page-content .notfound img {
    width: 100%;
    margin-top: -40px;
    margin-bottom: -40px
}

.seperator {
    background: url(/assets/img/gradient-blue.svg) -160px -245px/55% no-repeat #203f6d;
    margin: 60px 0;
    padding: 60px 0;
    color: #fff
}

.seperator h3 {
    color: #fff;
    font-size: 34px;
    font-weight: 200;
    margin-bottom: 5px!important;
    letter-spacing: -.8px
}

.seperator .button:hover {
    background: #0669ac!important
}

.modern-grid {
    margin-bottom: 30px
}

.modern-grid .column>a {
    display: block;
    padding: 20px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 1.4em;
    background: #fff;
    border: 1px solid #eee;
    border-top: 4px solid #15bcff;
    -webkit-border-radius: 4px!important;
    -moz-border-radius: 4px!important;
    border-radius: 4px!important;
    -webkit-box-shadow: 0 4px 13px 0 rgba(0,0,0,.13);
    -moz-box-shadow: 0 4px 13px 0 rgba(0,0,0,.13);
    box-shadow: 0 4px 13px 0 rgba(0,0,0,.13)
}

.modern-grid .column>a:hover {
    box-shadow: none!important
}

.modern-grid .column>a>img {
    width: 42px;
    height: 42px
}

.modern-grid .column>a>span.title {
    font-weight: 500;
    color: #09253d;
    font-size: 18px;
    margin-bottom: 5px;
    letter-spacing: -.5px
}

.modern-grid .column>a>span.desc {
    color: #808688;
    font-size: 13px;
    margin-bottom: 5px
}

@media print {
    body2 * {
        visibility: hidden
    }

    .print-area,.print-area * {
        visibility: visible
    }

    .print-area {
        position: absolute;
        left: 0;
        top: 0;
        box-shadow: none!important;
        border: 0!important;
        margin-top: 0!important;
        margin-bottom: 0!important
    }
}

#topmenu {
    position: absolute;
    top: 0;
    width: 100%;
    background-color: #fffffe;
    min-height: 160px;
    font-weight: 500;
    color: #203f6d
}

#topmenu.fixed {
    position: fixed;
    top: -80px;
    min-height: 75px;
    padding-top: 10px;
    box-shadow: rgba(0,0,0,.2) 0 0 35px;
    z-index: 999
}

#topmenu.fixed.stick {
    top: 0;
    transition: .3s ease-in
}

#topmenu.fixed .logo {
    width: 115px;
    height: 40px;
    margin-top: 12px;
    transition: none
}

#topmenu #showmobilemenu {
    display: block;
    width: 23px;
    height: 25px;
    margin-top: 1px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#topmenu #showmobilemenu span {
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 10px;
    background: #203f6d;
    margin-bottom: 5.5px;
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#topmenu #showmobilemenu span:nth-child(2),.feature2 .flex .form form {
    width: 90%
}

#topmenu #showmobilemenu.active span:first-child {
    margin-top: 10px;
    transform: rotate(45deg)
}

#topmenu #showmobilemenu.active span:nth-child(2) {
    opacity: 0
}

#topmenu #showmobilemenu.active span:nth-child(3) {
    margin-top: -15px;
    transform: rotate(-45deg)
}

#topmenu ul li {
    position: relative;
    float: left;
    margin-bottom: 0
}

#topmenu ul li:last-child {
    margin-left: -4px;
    margin-right: 0
}

#topmenu ul li span.badge {
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    bottom: auto;
    padding: 4px 5px;
    text-align: center;
    color: #fff;
    background: #f8a31f;
    line-height: 1em;
    font-size: 11px;
    font-weight: 400;
    border-radius: 3px
}

#topmenu ul li span.badge.yellow,.simple-table .featured {
    background: #f8a31f
}

#topmenu ul li span.badge.blue {
    background: #15bcff
}

#topmenu ul li span.badge.green,.whois-result .whois-result-sidebar .flex .badge.badge-green {
    background: #29a745
}

#topmenu ul li span.badge.green-light {
    background: #10d03b
}

#topmenu ul li .button-register {
    position: relative;
    top: -11px
}

#topmenu ul li .icon {
    display: block;
    text-align: center;
    position: relative
}

#topmenu ul li .icon .badge {
    position: absolute;
    right: -7px;
    top: -7px;
    width: 15px;
    height: 15px;
    font-size: 11px;
    background-color: #15bcff;
    color: #fff;
    padding: 0 4px;
    line-height: 1.5em;
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

#topmenu ul li .icon img,#topmenu ul li .icon svg {
    width: 23px;
    height: 23px
}

#comprasion .tabs .column ul li:last-child,#topmenu ul.float-right li:last-child,footer2 ul.social li:last-child,header .title ul li:last-child {
    margin-right: 0
}

@media (min-width: 992px) {
    .anim {
        height:360px
    }

    .page-content .desc {
        padding: 10px 100px
    }

    #topmenu ul.float-right li {
        margin-right: 15px;
        font-size: 15px
    }
}

#topmenu ul#ulmenu li:after {
    content: " ";
    position: absolute;
    bottom: 0;
    left: 50%;
    display: block;
    background-color: #15bcff;
    height: 4px;
    transition: width .3s,left .3s;
    width: 0
}

#topmenu ul#ulmenu li.active:after,#topmenu ul#ulmenu li:hover:after {
    left: 2px;
    width: 100%
}

#topmenu ul.secondary {
    margin-top: 30px;
    font-size: 13px;
    font-weight: 400
}

#topmenu ul.secondary .phone {
    background: #095c97;
    color: #fff;
    padding: 5px 13px;
    border-radius: 22px
}

#topmenu a.logo {
    display: block;
    width: 158px;
    height: 55px;
    background: url("../../img/logo.svg") 0 0/100% no-repeat;
    transition: none
}

#topmenu a.logo span,footer2 a.logo span {
    visibility: hidden
}

@media (max-width: 768px) {
    #topmenu a.logo {
        width:128px;
        height: 45px;
        margin-top: 5px
    }

    header .container>.row .column.column-60 {
        flex: 1 1 auto;
        max-width: 100%
    }
}

@media (min-width: 992px) {
    #topmenu a.logo {
        width:117px;
        height: 40px;
        margin-top: 14px
    }

    #topmenu {
        margin-right: 20px
    }
}

#topmenu .material-icons,#topmenu .material-icons-outlined {
    line-height: 1em;
    vertical-align: text-top;
    font-size: 21px
}

#topmenu .mobilemenu>ul {
    margin-top: 20px
}

#blog .blog h3,#support h2,header .right-links ul li {
    margin-bottom: 15px
}

#topmenu .mobilemenu>ul li {
    padding: 0;
    margin: 0;
    border-bottom: 1px solid rgba(112,112,112,.1)
}

#topmenu .mobilemenu>ul li a {
    display: block;
    padding: 13px 10px!important;
    color: #203f6d
}

#topmenu .mobilemenu>ul li a .expand {
    color: #253c68;
    float: right;
    line-height: 1.1em;
    transform: rotate(90deg);
    -webkit-transition: .3s ease-in-out;
    -moz-transition: .3s ease-in-out;
    -o-transition: .3s ease-in-out;
    transition: .3s ease-in-out
}

#topmenu .mobilemenu>ul li a.active .expand {
    transform: rotate(0)
}

#topmenu .mobilemenu>ul li:last-child,.faq .faqs .faq-item:last-child,.whois-result .shadow .list.list-table ul li:last-child {
    border-bottom: 0
}

#topmenu .mobilemenu>ul li ul {
    display: none;
    margin: 10px 10px 20px;
    border: 1px solid #f0f0f0;
    border-radius: 6px
}

#topmenu .mobilemenu>ul li ul li {
    float: none;
    width: 100%;
    margin: 0
}

#topmenu .mobilemenu>ul li ul li a {
    padding: 16px 10px 16px 45px!important;
    background: rgba(255,255,255,.75)
}

#topmenu .mobilemenu>ul li ul li a:active,#topmenu .mobilemenu>ul li ul li a:focus,#topmenu .mobilemenu>ul li ul li a:hover {
    background: rgba(255,255,255,.95)
}

#topmenu .mobilemenu>ul li ul li a .icon {
    position: absolute;
    left: 14px;
    top: 16px;
    width: 22px;
    height: 22px
}

#topmenu .mobilemenu>ul li ul li a .icon img {
    width: 100%;
    height: auto
}

#topmenu .mobilemenu>ul li ul li a small {
    font-weight: 300;
    display: block
}

@media (max-width: 320px) {
    #topmenu .mobilemenu>ul li ul {
        margin:0 2px
    }
}

#topmenu .mobilemenu .bottom {
    background-color: #fff;
    background: linear-gradient(0deg,rgba(255,255,255,.4) 0,#fff 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    border-top: 1px solid #f0f0f0;
    padding: 10px 8px;
    margin: 20px -25px -10px
}

#topmenu .mobilemenu .bottom .inner,.comptable {
    width: 100%;
    display: table
}

#topmenu .mobilemenu .bottom .inner ul {
    display: table-row
}

#topmenu .mobilemenu .bottom .inner ul li {
    display: table-cell;
    width: 33%;
    margin: 0;
    padding: 0;
    border-right: 1px solid rgba(112,112,112,.15)
}

#topmenu .mobilemenu .bottom .inner ul li:last-child {
    border-right: 0
}

#topmenu .mobilemenu .bottom .inner ul li a {
    display: block;
    text-align: center;
    color: #444;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.4em;
    border-bottom: 4px solid #15bcff;
    padding: 0 0 10px;
    margin: 0 15px
}

#topmenu .mobilemenu .bottom .inner ul li a.support {
    border-color: #1fdfc0
}

#topmenu .mobilemenu .bottom .inner ul li a.contact {
    border-color: #fd179e
}

#bgmenu {
    display: none;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,.7);
    -webkit-backdrop-filter: blur(7px);
    backdrop-filter: blur(7px)
}

.hover-menu {
    padding: 15px;
    display: none;
    border-top: 1px solid #ddd
}

.hover-menu .box-item {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 12px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.05);
    background: #fff;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    text-align: center;
    padding: 10px;
    min-height: 200px;
    color: #203f6d
}

.hover-menu .box-item .icon {
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.hover-menu .box-item .menu-header {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1rem;
    font-weight: 500
}

.hover-menu .box-item .menu-desc {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    margin-bottom: 10px
}

.hover-menu .box-item .menu-price {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .6rem;
    font-weight: 400
}

.hover-menu .links .header,footer2 .title {
    font-size: 1rem
}

.hover-menu .links {
    display: flex;
    align-items: left;
    justify-content: center;
    text-align: left!important;
    background: #203f6d;
    color: #fff;
    width: 70%
}

.hover-menu .links .link-list {
    font-size: .6rem
}

.hover-menu .links .link-list li {
    padding: 5px
}

.hover-menu .links .link-list li a,footer2 a {
    color: #fff
}

#ulmenu {
    line-height: 66px;
    margin: 0!important
}

#submenu {
    display: none;
    position: absolute;
    width: 100%;
    padding: 30px 0;
    min-height: 200px;
    background-color: #fff;
    background: linear-gradient(0deg,rgba(255,255,255,.4) 0,#fff 100%);
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    box-shadow: rgba(0,0,0,.2) 0 8px 8px -8px;
    transition: box-shadow .3s ease-in-out
}

#submenu .submenu-item .link-item {
    display: block;
    overflow: hidden;
    position: relative;
    padding: 20px 20px 25px 80px;
    margin-bottom: 20px;
    border-radius: 4px;
    letter-spacing: -.5px;
    border: 1px solid #eee;
    background: rgba(255,255,255,.85);
    font-weight: 600;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

#blog .blog .image,footer2 ul {
    margin-bottom: 25px
}

#submenu .submenu-item .link-item .icon {
    position: absolute;
    left: 20px;
    top: 27px;
    width: 45px;
    height: 45px;
    -webkit-transition: .2s ease-in-out;
    -moz-transition: .2s ease-in-out;
    -o-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.faq .faqs .faq-item,.faq .faqs .faq-item .answer,.feature1__item,.feature4 .description,.feature4 .description:before,header,header.cover:before {
    transition: .3s ease-in-out
}

#submenu .submenu-item .link-item small {
    margin-top: 5px;
    display: block;
    font-weight: 400;
    line-height: 1.3em
}

#submenu .submenu-item .link-item:hover {
    color: #203f6d;
    box-shadow: rgba(0,0,0,.3) 0 8px 8px -8px
}

#submenu .submenu-item .link-item:hover .icon {
    transform: scale(1.15)
}

#submenu .submenu-item .link-item:hover:before {
    left: -6px;
    width: 70px;
    height: 70px
}

#submenu .submenu-item .info-box ul li {
    float: none;
    margin: 0
}

#submenu .submenu-item .info-box ul li a {
    text-align: left;
    display: block;
    padding: 8px 0 8px 8px;
    border-radius: 4px;
    border: 1px solid #eee;
    background: rgba(255,255,255,.85);
    margin-bottom: 14px
}

#submenu .submenu-item .info-box ul li a:hover {
    color: #203f6d;
    box-shadow: rgba(0,0,0,.3) 0 8px 8px -8px;
    background: rgba(255,255,255,.8)
}

#submenu .submenu-item ul li a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 2em
}

header {
    position: relative;
    background: url(/assets/img/gradient-blue.svg) 0 0/90% no-repeat #fff;
    overflow: hidden
}

header.cover {
    background: url(/assets/img/gradient-blue.svg) center center/cover no-repeat fixed #203f6d;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover
}

header.cover:before {
    content: " ";
    background: linear-gradient(0deg,rgba(32,63,109,.5) 0,rgba(32,63,109,.95) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

header.cover:hover:before {
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px)
}

header .title {
    color: #fff;
    margin-top: 80px
}

header .title h1 {
    position: relative;
    line-height: 1.4em;
    margin-top: 0;
    font-size: 2.8rem;
    font-weight: 200;
    z-index: 1;
    left: -5%;
}

header .title h1:after {
    display: block;
    content: " ";
    position: absolute;
    bottom: -10px;
    left: 17%;
    height: 10px;
    width: 66%;
    z-index: -1;
    background-color: #f8a31f;
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

header .title .desc {
    font-size: 17px;
    line-height: 1.6em;
    font-weight: 300;
    position: relative;
    left: -6%;
}

header .title ul {
    margin-top: 20px;
    margin-bottom: 0
}

header .title ul li {
    font-size: 14px;
    line-height: 1.9em;
    font-weight: 300
}

header .title ul li svg {
    width: 15px;
    color: #f8a31f;
    margin: 5px 5px 0 0;
    float: left
}

header .boxes .box {
    display: block;
    position: absolute;
    width: 175px;
    height: 175px;
    text-align: center;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
    -webkit-box-shadow: 0 50px 50px rgba(0,0,0,.2);
    -moz-box-shadow: 0 50px 50px rgba(0,0,0,.2);
    box-shadow: 0 50px 50px rgba(0,0,0,.2)
}

header .boxes .box img,header .boxes .box svg {
    display: inline-block;
    fill: #fff
}

header .boxes .box img path,header .boxes .box svg path {
    fill: #fff
}

header .boxes .box.pink {
    top: 40px;
    background-color: #fd179e;
    line-height: 13em;
    animation: 3s infinite pulse
}

header .boxes .box.yellow {
    top: 262px;
    background-color: #f8a31f;
    line-height: 10em;
    animation: 4s infinite pulse;
    width: 150px;
    height: 150px;
    margin-left: 55px
}

header .boxes .box.green {
    top: 165px;
    right: 0;
    background-color: #1fdfc0;
    line-height: 12em;
    animation: 5s infinite pulse
}

header .boxes .box:hover {
    transform: scale(1.1) rotate(-5deg);
    -webkit-border-radius: 15px!important;
    -moz-border-radius: 15px!important;
    border-radius: 15px!important
}

@media (min-width: 667px) {
    .row {
        flex-direction:row;
        margin-left: -1rem;
        width: calc(100% + 2rem)
    }

    .row .column {
        margin-bottom: inherit;
        padding: 0 1rem
    }

    header.height-420 {
        height: 420px
    }

    header .boxes {
        margin-top: 70px
    }
}

header .gradient {
    position: absolute;
    left: -310px;
    top: -510px
}

header .blurboxes {
    position: absolute;
    right: -130px;
    top: -60px
}

header .blurboxes img,header .blurboxes svg {
    animation: 4s infinite pulseopacity
}

.whois-result .shadow .list .feature1,header .right-links {
    margin-top: 20px
}

@media (min-width: 667px) {
    header .right-links {
        margin-top:230px
    }
}

@media (min-width: 768px) {
    .text-center-desktop {
        text-align:center
    }

    header .right-links {
        margin-top: 225px
    }

    header .right-links ul li {
        margin-left: 12px
    }
}

@media (min-width: 992px) {
    header .boxes {
        margin-top:0
    }

    header .right-links {
        margin-top: 105px
    }

    header .right-links ul li {
        margin-left: 12px
    }
}

@media (min-width: 480px) {
    header .right-links ul li {
        float:left;
        margin-left: 12px
    }

    header .right-links ul li a {
        width: 190px
    }
}

@media (min-width: 667px) {
    header .right-links ul li {
        float:none;
        margin-left: 12px
    }
}

header .right-links ul li a {
    color: #fff;
    border: 1px solid rgba(255,255,255,.5);
    border-bottom: 3px solid rgba(255,255,255,.5);
    background: rgba(255,255,255,.05);
    display: block;
    padding: 10px 15px;
    font-size: 14px;
    border-radius: 6px
}

header .right-links ul li a:hover {
    border-color: #fff
}

header .right-links ul li a.active {
    border-bottom-color: #f8a31f;
    background: rgba(0,0,0,.2)
}

header .right-links ul li a.active .material-icons-outlined {
    color: #f8a31f
}

header .right-links ul li a .material-icons-outlined {
    float: left;
    font-size: 20px;
    margin-right: 5px
}

@media (min-width: 640px) {
    header .right-links ul li a {
        width:270px
    }

    footer2 .container>.row:nth-child(2) {
        display: flex;
        flex-direction: row
    }
}

@media (min-width: 768px) {
    header .right-links ul li a {
        width:100%
    }

    #support .form {
        max-width: 70%
    }
}

@media (min-width: 992px) {
    header .right-links ul li a {
        width:100%
    }
}

@media (min-width: 1024px) {
    body2 {
        padding-top:160px
    }

    .anim.server img {
        margin-top: -50px
    }

    header .right-links {
        margin-top: 190px
    }

    header .right-links ul li {
        float: left;
        margin-left: 12px
    }

    header .right-links ul li a {
        width: 168px
    }
}

header .right-content {
    max-height: 360px;
    overflow: hidden;
    padding-top: 85px
}

header .right-content .decorative {
    margin: 0 0 0 30px;
    animation: 3s infinite pulse
}

header .right-content:hover .decorative {
    transform: scale(1.03)
}

@media (max-width: 667px) {
    header .gradient {
        left:-240px;
        top: -210px;
        width: 960px
    }

    header {
        height: auto;
        padding-bottom: 30px
    }

    footer2 .gallery .row {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%
    }
}

@media (min-width: 667px) {
    header {
        padding-bottom:120px
    }
}

@media (max-width: 768px) {
    header .title {
        margin-top:120px
    }

    header .right-content {
        display: none
    }

    header {
        height: auto;
        padding-bottom: 50px;
        margin-bottom: 20px
    }

    footer2 .gallery .title {
        margin-top: 1.5rem
    }
}

footer2 {
    background: url("../../img/icon.svg") -110px bottom/330px no-repeat #203f6d;
    color: #fff
}

footer2 .container {
    padding: 60px 30px;
    background: rgba(32,63,109,.9);
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px)
}

@media (min-width: 375px) {
    footer2 .container>.row:first-child {
        display:block;
        flex-direction: unset
    }

    footer2 .container>.row:first-child .column:nth-child(2n) {
        float: right
    }

    footer2 .container>.row:first-child .column {
        float: left;
        flex: none;
        width: 46%;
        max-width: 46%;
        min-height: 380px
    }
}

footer2 .title {
    font-weight: 600;
    border-bottom: 1px solid rgba(255,255,255,.2);
    padding-bottom: 10px;
    margin-bottom: 10px
}

footer2 ul li {
    font-weight: 400;
    line-height: 2em
}

footer2 ul li a {
    color: #a3b2c7;
    font-weight: 400;
    font-size: 13px
}

footer2 ul.social {
    margin-top: 15px
}

footer2 ul.social li {
    float: left;
    line-height: 1em;
    margin-right: 10px
}

footer2 ul.social li a {
    display: inline-block
}

#blog .blog:hover .image img,#domainchecker .tld-list .tld:hover,footer2 .thumb a:hover,footer2 ul.social li a:hover {
    transform: scale(1.1)
}

footer2 a.logo {
    display: block;
    width: 155px;
    height: 57px;
    background: url("../../img/logo-white.svg") 0 0/100% no-repeat
}

footer2 .thumb a {
    display: inline-block;
    width: 70px;
    margin: 8px 10px 0 0
}

footer2 .thumb a:hover img,footer2 .thumb a:hover svg {
    border: 1px solid rgba(255,255,255,.8)
}

footer2 .thumb a img,footer2 .thumb a svg {
    border: 1px solid rgba(255,255,255,.5);
    margin: 0;
    padding: 0
}

footer2 .copyright {
    color: rgba(255,255,255,.6);
    font-size: .8125rem;
    margin-top: 20px
}

.ifrocket {
    color: #fff;
    letter-spacing: -.5px;
    font-size: 12px;
    font-weight: 400
}

.ifrocket span {
    color: #ee207b;
    font-weight: 600
}

#blog {
    padding-top: 80px;
    margin-bottom: 60px
}

#blog .desc {
    margin-bottom: 80px
}

#blog .blog {
    display: block;
    margin-bottom: 60px
}

#blog .blog .image {
    display: block;
    -webkit-border-radius: 8px!important;
    -moz-border-radius: 8px!important;
    border-radius: 8px!important;
    max-height: 220px;
    text-align: center;
    overflow: hidden
}

@media (max-width: 576px) {
    footer2 .brand {
        order:2;
        margin-top: 30px;
        padding-top: 30px;
        text-align: center;
        border-top: 1px solid rgba(255,255,255,.2)
    }

    footer2 .brand .logo {
        margin: 0 auto
    }

    footer2 .gallery {
        order: 1
    }

    footer2 ul.social {
        width: 150px;
        margin: 20px auto 0
    }

    #blog .blog .image {
        max-height: 140px
    }
}

@media (min-width: 667px) {
    footer2 .container>.row:first-child {
        display:flex;
        flex-direction: row
    }

    footer2 .container>.row:first-child .column:nth-child(2n) {
        float: none
    }

    footer2 .container>.row:first-child .column {
        float: none;
        flex: 1 1 auto;
        max-width: 100%;
        width: 100%;
        min-height: auto
    }

    #blog .blog .image {
        max-height: 120px
    }

    #support .container>.row>.column-33 {
        display: none
    }
}

#blog .blog h3 {
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 1.3em;
    letter-spacing: -.8px;
    color: #203f6d;
    transition: .2s ease-in-out
}

#blog .blog p {
    font-size: 15px!important;
    text-overflow: ellipsis;
    color: #959595
}

#support {
    color: #fff;
    padding: 0 0 60px;
    margin-top: -30px;
    background-color: #0281d7;
    background-image: url("/assets/img/bg.webp")
}

#site-tool,.simple-table.ssl-table table {
    margin-top: 60px
}

@media (max-width: 375px) {
    #support .container {
        padding-left:30px;
        padding-right: 30px
    }
}

#support .buttons a {
    display: block;
    position: relative;
    color: #203f6d;
    background-color: #fff;
    padding: 6px 6px 6px 55px;
    font-weight: 600;
    line-height: 1.1em;
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

#support .buttons a>span {
    display: block;
    font-weight: 400
}

#support .buttons a .icon {
    position: absolute;
    left: 7px;
    top: 5px;
    width: 36px;
    height: 36px;
    text-align: center;
    line-height: 3.1em;
    color: #fff;
    background-color: #203f6d;
    border-radius: 50px!important
}

#support .buttons a .text {
    font-size: .875rem;
    font-weight: 300;
    color: #808688
}

#support .form form {
    margin-bottom: 0;
    position: relative
}

#support .form form input {
    -webkit-border-radius: 50px!important;
    -moz-border-radius: 50px!important;
    border-radius: 50px!important;
    border: 0;
    background-color: #fff;
    padding: 14px 110px 14px 18px;
    height: auto;
    margin-bottom: 0
}

#support .form form .button {
    position: absolute;
    right: 6px;
    top: 6px;
    padding: 7px 25px;
    font-weight: 500;
    font-size: .8125rem
}

#support h2 {
    font-size: 1.875rem;
    font-weight: 300;
    color: #fff
}

#support h3 {
    font-size: 1.375rem;
    font-weight: 200;
    margin-top: 2.5rem;
    margin-bottom: 10px
}

#support img {
    margin-bottom: 20px
}

@media (max-width: 480px) {
    .seperator .button {
        margin-top:30px
    }

    header .title .button {
        width: 100%;
        margin-top: 20px
    }

    #support img {
        max-width: 80%
    }

    .feature1 .feature1__item:nth-child(6) {
        border-bottom: 0
    }
}

#site-tool {
    position: relative;
    color: #fff;
    background: url(/assets/img/gradient-blue.svg) -320px -900px/115% no-repeat #203f6d;
    min-height: 450px;
    padding: 80px 0 0
}

#site-tool .desc,.feature2 .flex .form .description {
    color: #fff;
    font-size: 18px!important
}

#site-tool form input {
    background: #fff;
    border: 0;
    padding: 15px;
    margin-bottom: 15px;
    height: auto
}

@media only screen and (max-width: 640px) {
    .margin-negative-156 {
        margin-top:0
    }

    header .boxes {
        display: none!important
    }

    header .blurboxes {
        display: none
    }

    #site-tool {
        background-size: 120%!important;
        padding-bottom: 0
    }

    .feature2 .flex .form .title {
        margin-top: 30px
    }
}

#site-tool .guy {
    margin-top: 5px;
    text-align: center;
    margin-bottom: -7px
}

#site-tool .guy img {
    width: 80%
}

@media (min-width: 640px) {
    footer2 .brand {
        margin-top:20px
    }

    #support img {
        max-width: 50%
    }

    #site-tool .guy img {
        width: 60%
    }
}

@media (min-width: 667px) {
    #site-tool .guy img {
        width:100%;
        border-bottom: 1px solid rgba(255,255,255,.15)
    }

    #site-tool .guy {
        margin-top: 135px
    }

    #site-tool h2 {
        margin-top: 20px
    }
}

@media (min-width: 768px) {
    #site-tool .guy {
        margin-top:70px
    }

    #comprasion .tabs .column ul li a {
        margin: 0 5px
    }
}

@media (min-width: 992px) {
    header {
        padding-bottom:0
    }

    #blog .blog .image {
        max-height: 190px
    }

    #support .container>.row>.column-33 {
        display: block
    }

    #support img {
        max-width: 100%
    }

    #site-tool .guy {
        margin-top: 0
    }
}

@media (min-width: 1024px) {
    #site-tool .guy {
        margin-top:-10px
    }
}

@media (min-width: 1112px) {
    .anim.apps,.anim.domain,.anim.panels,.anim.seo {
        margin-top:30px
    }

    .anim.server {
        margin-top: 0
    }

    #topmenu ul.float-right li {
        margin-right: 30px;
        font-size: inherit
    }

    #topmenu a.logo {
        width: 158px;
        height: 55px;
        margin-top: 9px
    }

    #topmenu {
        margin-right: 0
    }

    header .right-links ul li a {
        width: 185px
    }

    #site-tool .guy {
        margin-top: -100px
    }
}

@media (min-width: 1194px) {
    .anim.apps,.anim.domain,.anim.panels,.anim.seo,.anim.world {
        margin-top:0
    }

    header .right-links ul li a {
        width: 190px
    }

    footer2 .thumb a:nth-child(3n) {
        margin-right: 0
    }

    #site-tool .guy {
        margin-top: -100px
    }
}

#site-tool h2 {
    font-size: 35px;
    font-weight: 300;
    color: #fff;
    margin-bottom: 15px
}

#site-tool p {
    color: rgba(255,255,255,.75)
}

#site-tool ul li {
    padding: 7px 0 7px 28px;
    background: url(../../img/icons/circle.svg) 0 8px no-repeat;
    line-height: 1.3em;
    font-weight: 300;
    font-size: 14px
}

#site-tool .starting {
    border-top: 1px solid rgba(255,255,255,.15);
    padding-top: 30px;
    margin-top: 30px
}

#site-tool .starting .title {
    font-size: 23px;
    font-weight: 600;
    margin-bottom: 10px
}

#site-tool .starting .title .price {
    font-size: 45px;
    font-weight: 600;
    line-height: 1em;
    margin-top: -5px
}

#site-tool .starting .title .price .current {
    float: left;
    margin-right: 5px;
    letter-spacing: -1.5px
}

#site-tool .starting .title .price .old {
    font-size: 20px;
    font-weight: 200;
    text-decoration: line-through;
    opacity: .3;
    line-height: 1.3em
}

#site-tool .starting .title .price .period {
    font-size: 14px;
    font-weight: 200;
    line-height: 1em
}

#site-tool .subpage-header .w-full {
    text-align: center;
    width: 100%
}

#site-tool #prices-cols .minimal-box {
    min-height: 155px;
    border-bottom: 3px solid #fd179e;
    padding-top: 10px
}

#site-tool #prices-cols .minimal-box .body2,#site-tool #prices-cols .minimal-box .header {
    display: flex;
    justify-content: center;
    text-align: center
}

@media (min-width: 667px) {
    #site-tool {
        padding:60px 0 40px
    }
}

.feature1 {
    margin: 30px 0;
    float: left;
    width: 100%
}

.feature1 .title,.feature3 .title {
    font-size: 35px!important;
    font-weight: 400;
    letter-spacing: -1px;
    color: #203f6d;
    text-align: center;
    margin-bottom: 10px!important
}

.feature1 .description {
    color: #6f787d;
    font-size: 18px!important;
    margin-bottom: 30px!important;
    text-align: center;
    padding: 10px 20px
}

.feature1__grid {
    display: flex;
    flex-flow: wrap;
    margin-top: 32px
}

.feature1__item {
    width: 33%;
    padding: 24px;
    cursor: default
}

.feature1__item:hover {
    background: #fff;
    border-color: #fff!important;
    box-shadow: rgba(0,0,0,.3) 0 2px 30px -10px!important;
    border-radius: 6px;
    transform: scale(1.05)
}

.feature1__item .icon {
    width: 104px;
    height: 104px;
    margin: auto auto 15px;
    text-align: center;
    line-height: 160px
}

.feature1__item .icon img {
    width: 64px;
    height: 64px
}

.feature1__item .title {
    color: #09253d;
    font-size: 22px!important;
    text-align: center
}

.feature1__item .description {
    color: #808688;
    font-size: 14px!important;
    text-align: center
}

.feature1 .feature1__item {
    width: 100%;
    border-top: 0
}

@media (min-width: 640px) {
    .feature1 .feature1__item {
        width:50%
    }

    .feature1 .feature1__item:first-child,.feature1 .feature1__item:nth-child(3),.feature1 .feature1__item:nth-child(5) {
        border-right: 1px solid rgba(112,112,112,.13)
    }

    .feature1 .feature1__item:nth-child(5),.feature1 .feature1__item:nth-child(6) {
        border-bottom: 0
    }
}

@media (min-width: 1024px) {
    #site-tool {
        padding:60px 0 0
    }

    .feature1 .feature1__item {
        width: 33%;
        border-bottom: 1px solid rgba(112,112,112,.13)
    }

    .feature1 .feature1__item:first-child,.feature1 .feature1__item:nth-child(2),.feature1 .feature1__item:nth-child(4) {
        border-right: 1px solid rgba(112,112,112,.13)
    }

    .feature1 .feature1__item:nth-child(3) {
        border-right: 0
    }

    .feature1 .feature1__item:nth-child(4) {
        border-bottom: 0
    }
}

.feature2 {
    background: url(/assets/img/gradient-blue.svg) -490px -1370px/130% no-repeat #006caf;
    margin: 60px 0;
    padding: 60px 0
}

.feature2 .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    float: left;
    width: 100%
}

.feature2 .flex .form,.whois-result .shadow .domainlogo {
    width: 60%
}

.feature2 .flex .form .title {
    margin-bottom: 5px;
    font-size: 34px!important;
    font-weight: 200;
    color: #fff!important
}

.feature2 .flex .form form input {
    height: 40px;
    background: #fff;
    margin-bottom: 14px;
    border: 0;
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important
}

.feature2 .flex .form form button {
    background: #203f6d;
    border: 0;
    padding: 6px 20px;
    font-size: 14px;
    font-weight: 400;
    height: 40px;
    line-height: 14px;
    -webkit-border-radius: 20px!important;
    -moz-border-radius: 20px!important;
    border-radius: 20px!important;
    float: right
}

.feature2 .flex .form form button:hover {
    color: #fff;
    background: #0669ac
}

.feature2 .flex .avatar {
    width: 70%;
    max-height: 395px;
    overflow: hidden
}

.feature2 .flex .avatar img {
    width: 100%;
    height: auto;
    margin-top: -123px
}

.feature3 {
    float: left;
    width: 100%;
    margin: 64px 0 48px
}

.feature3 .description {
    color: #959595;
    font-size: 16px!important;
    text-align: center;
    margin-bottom: 60px!important
}

.feature3 .double-list {
    display: flex;
    margin: 64px 0 0
}

.feature3 .double-list ul li {
    color: #959595;
    font-size: 14px!important;
    margin-bottom: 32px
}

.feature3 .double-list ul:first-child {
    margin-right: 48px
}

.feature4 {
    display: flex;
    flex-flow: column;
    float: left;
    width: 100%;
    margin: 60px 0
}

.box-table h2.title,.feature4 h2.title {
    font-size: 1.875rem;
    font-weight: 600;
    letter-spacing: -.01rem;
    color: #203f6d;
    margin-bottom: 15px;
    text-align: center;
    float: left;
    width: 100%
}

.feature4 .description {
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: justify;
    max-height: 150px;
    padding: 20px;
    overflow: hidden;
    position: relative
}

.feature4 .description:before {
    content: "";
    position: absolute;
    z-index: 1;
    background: linear-gradient(0deg,#fff 0,transparent 100%);
    left: 0;
    border: 0;
    width: 100%;
    height: 100%
}

.feature4 .description.active {
    height: auto;
    max-height: none;
    color: #000;
}

.feature4 .more {
    float: left;
    width: 100%;
    text-align: center;
    color: #15bcff;
    font-size: 16px;
    padding: 16px
}

#comprasion {
    margin-bottom: 90px
}

#comprasion .tab-contents,#comprasion .tabs {
    margin-left: 0;
    width: 100%
}

#comprasion .tabs .column {
    padding: 0!important
}

#comprasion .tabs .column ul li {
    float: left;
    width: 25%
}

#comprasion .tabs .column ul li a {
    display: flex;
    text-align: center;
    color: #203f6d;
    border: 1px solid #d5dde0;
    padding: 12px 0;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
    -webkit-box-shadow: 0 5px 5px rgba(0,0,0,.04);
    -moz-box-shadow: 0 5px 5px rgba(0,0,0,.04);
    box-shadow: 0 5px 5px rgba(0,0,0,.04)
}

#comprasion .tabs .column ul li a .icon {
    margin-left: 10px;
    margin-right: 10px;
    color: #fff;
    background: #15bcff;
    height: 36px;
    width: 36px;
    border-radius: 20px
}

#comprasion .tabs .column ul li a .icon span {
    line-height: 1.5em
}

#comprasion .tabs .column ul li a .icon img {
    height: 18px;
    margin-top: 9px
}

@media (max-width: 425px) {
    #comprasion .tabs .column ul li a .icon {
        display:none
    }
}

@media (min-width: 640px) {
    #comprasion .tabs .column ul li a .icon {
        margin-left:30px
    }
}

@media (min-width: 480px) {
    #comprasion .tabs .column ul li a strong {
        margin-top:5px
    }
}

#comprasion .tabs .column ul li a:hover {
    border-color: #959595;
    -webkit-box-shadow: 0 3px 5px rgba(0,0,0,.04);
    -moz-box-shadow: 0 3px 5px rgba(0,0,0,.04);
    box-shadow: 0 3px 5px rgba(0,0,0,.04)
}

#comprasion .tabs .column ul li.selected a {
    color: #fff;
    background-color: #15bcff
}

#comprasion .tabs .column ul li.selected a .icon {
    color: #15bcff;
    background: #fff
}

#comprasion .tabs .column ul li .tab-content,.whois-container:before {
    display: none!important
}

#comprasion .tab-contents .tab-content {
    padding: 30px 10px 0;
    width: 100%
}

.tabset>input[type=radio] {
    position: absolute;
    left: -200vw
}

.tabset>label {
    position: relative;
    display: inline-block;
    padding: 15px 15px 25px;
    border: 1px solid transparent;
    border-bottom: 0;
    cursor: pointer;
    font-weight: 600
}

.box-table .box-item,.box-table .box-item .header {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px
}

.tabset>label::after {
    content: "";
    position: absolute;
    left: 15px;
    bottom: 10px;
    width: 22px;
    height: 4px;
    background: #8d8d8d
}

.tabset>input:focus+label,.tabset>label:hover {
    color: #06c
}

.tabset>input:checked+label::after,.tabset>input:focus+label::after,.tabset>label:hover::after {
    background: #06c
}

.tabset>input:checked+label {
    border-color: #ccc;
    border-bottom: 1px solid #fff;
    margin-bottom: -1px
}

.tab-panel {
    padding: 30px 0;
    border-top: 1px solid #ccc
}

.box-table {
    margin: 80px 0
}

.box-table.other-services {
    margin: 30px 0;
    padding: 80px 0
}

.box-table .container>.row,.box-table.showroom .container>.row {
    margin-left: 0
}

@media (max-width: 640px) {
    .box-table.showroom .mobile-scroll-horizontal {
        margin-top:30px;
        padding-left: 10px;
        padding-right: 10px
    }

    .simple-table table tr td .button {
        display: block;
        padding: 10px 18px;
        margin: 5px 10px
    }
}

@media (min-width: 667px) {
    .box-table.showroom .mobile-scroll-horizontal {
        margin-top:60px;
        padding-left: 10px;
        padding-right: 10px
    }

    #domainchecker input {
        margin-top: 20px
    }
}

@media (min-width: 768px) {
    #comprasion .tabs {
        margin-bottom:20px
    }

    .box-table.showroom .mobile-scroll-horizontal {
        margin-top: 60px
    }

    .simple-table.ssl-table table {
        white-space: normal;
        margin-top: 60px
    }

    .simple-table.ssl-table table thead th {
        padding: 12px 20px 9px
    }
}

.box-table__content {
    display: flex;
    flex-flow: column;
    width: 100%;
    margin: 0 auto
}

.box-table .description {
    color: #203f6d;
    font-size: 16px;
    text-align: center;
    float: left;
    width: 100%
}

.box-table .box-content {
    margin-left: 0;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    float: left;
    width: 100%
}

.box-table .box-item,.faq {
    flex-flow: column;
    width: 100%;
    display: flex
}

.box-table .box-item {
    margin: 0;
    padding: 0;
    box-shadow: 0 4px 13px 0 #00000021;
    background: #fff
}

.box-table .box-item.selected {
    margin-top: -20px;
    z-index: 9
}

.box-table .box-item:first-child .header,.comptable thead th:nth-child(2) {
    background: #ffe9f6
}

.box-table .box-item:first-child .header .icon {
    color: rgba(253,28,158,.6);
    background: rgba(253,28,158,.09)
}

.box-table .box-item:nth-child(2) .header,.comptable thead th:nth-child(3) {
    background: #eafcf9
}

.box-table .box-item:nth-child(2) .header .icon {
    color: rgba(31,223,192,.6);
    background: rgba(31,223,192,.09)
}

.box-table .box-item:nth-child(3) .header,.comptable thead th:nth-child(4) {
    background: #e7f7fd
}

.box-table .box-item:nth-child(3) .header .icon {
    color: rgba(21,188,255,.6);
    background: rgba(21,188,255,.09)
}

.box-table .box-item:nth-child(4) .header,.comptable thead th:nth-child(5) {
    background: #fff6ea
}

.box-table .box-item:nth-child(4) .header .icon {
    color: rgba(248,163,31,.6);
    background: rgba(248,163,31,.09)
}

.box-table .box-item .header {
    display: flex;
    align-items: center;
    padding: 0 24px;
    color: #222;
    font-weight: 300;
    font-size: 16px
}

.box-table .box-item .header strong {
    display: inline-block;
    margin-right: 3px
}

.box-table .box-item .header .icon {
    padding: 14px 14px 8px;
    margin-bottom: 8px;
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    margin-right: 8px
}

.box-table .box-item .header .icon img {
    height: 24px;
    width: auto
}

.box-table .box-item .price {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 12px 0
}

.box-table .box-item .price .old-price {
    color: rgba(31,34,41,.32);
    margin-right: 8px;
    position: relative
}

#query-results .results .lines .price .old-price::before,.box-table .box-item .price .old-price:before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 1px solid rgba(255,0,0,.8);
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-25deg)
}

.box-table .box-item .price .new-price {
    color: #1f2529;
    font-size: 34px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    letter-spacing: -.5px
}

.box-table .box-item .price .new-price sub {
    font-size: 11px;
    margin: 25px 0 0;
    float: right
}

.box-table .box-item .action {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px 16px
}

.box-table .box-item .action .button {
    width: 80%;
    font-size: 16px!important
}

.box-table .box-item .features {
    float: left;
    width: 100%;
    padding: 0 16px
}

.box-table .box-item .features ul li {
    color: #1f2529;
    font-size: 14px;
    border-bottom: 1px solid #e7e7e7;
    padding: 12px;
    text-align: center
}

.box-table .box-item .features ul li:last-child {
    border-bottom: none
}

.box-table#type-bg-gray {
    background: #f8f8f8;
    margin: 0;
    padding: 40px 0
}

.box-table#type-bg-gray .title {
    text-align: center;
    color: #000;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 20px
}

.box-table .box-item a.details {
    font-size: 14px;
    text-align: center;
    padding: 8px 0 10px;
    color: #203f6d;
    border-top: 1px solid #e7e7e7
}

.box-table .box-item a.details .material-icons-outlined {
    vertical-align: top;
    margin-top: 4px;
    font-weight: inherit;
    font-style: inherit;
    font-size: inherit
}

.box-table .box-item.selected .price {
    padding-top: 32px
}

.faq {
    float: left;
    margin: 60px 0
}

.faq h2.title {
    font-size: 30px;
    font-weight: 600;
    color: #203f6d;
    margin-bottom: 15px;
    text-align: center;
    float: left;
    width: 100%
}

.faq .description {
    font-size: 16px;
    float: left;
    width: 100%;
    text-align: center;
    margin-bottom: 20px
}

.faq .faqs {
    display: flex;
    flex-flow: column;
    color: #434343
}

.faq .faqs .faq-item {
    padding: 20px;
    cursor: pointer;
    border-bottom: 1px solid #eee
}

.faq .faqs .faq-item h3 {
    font-size: 17px;
    font-weight: 500;
    letter-spacing: -.5px
}

.faq .faqs .faq-item .material-icons-outlined {
    float: left;
    color: #15bcff;
    margin-right: 10px;
    transition: .3s ease-in-out
}

.faq .faqs .faq-item .answer {
    cursor: default;
    display: none;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.6em;
    padding: 28px 40px 0 35px!important
}

.faq .faqs .faq-item.active {
    padding-bottom: 30px
}

#domainchecker {
    background: 0 0;
    position: relative;
    top: -140px;
    margin-bottom: -80px;
    z-index: 2;
    min-height: 300px;
    overflow: hidden
}

#domainchecker .container {
    margin-top: -18px
}

#domainchecker:before {
    display: block;
    position: absolute;
    left: 0;
    top: 82px;
    width: 100%;
    content: " ";
    background-color: #fbfbfc;
    height: 150px
}

#domainchecker input {
    height: 91px;
    font-size: 1.25rem;
    padding: 20px 100px 20px 40px;
    margin-bottom: 40px;
    color: #203f6d;
    background-color: #fff;
    border: 1px solid #f1f1f1;
    -webkit-box-shadow: 0 20px 50px rgba(0,0,0,.2);
    -moz-box-shadow: 0 20px 50px rgba(0,0,0,.2);
    box-shadow: 0 20px 50px rgba(0,0,0,.2);
    -webkit-border-radius: 100px!important;
    -moz-border-radius: 100px!important;
    border-radius: 100px!important
}

.registereddomain-price input {
    height: 60px!important;
    width: 40%
}

#domainchecker input:active,#domainchecker input:focus {
    -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow: 0 5px 10px rgba(0,0,0,.2);
    box-shadow: 0 5px 10px rgba(0,0,0,.2);
    border-color: #d5dde0
}

#domainchecker .button-check {
    position: absolute;
    right: 59px;
    top: 58px;
    padding: 12px 35px
}

#domainchecker .button-check img,#domainchecker .button-check svg {
    float: right;
    margin-left: 10px;
    margin-top: 5px
}

@media only screen and (max-width: 640px) {
    #comprasion .tabs .column ul li.selected .tab-content {
        display:block!important
    }

    #domainchecker .container {
        margin-top: 0
    }

    #domainchecker input {
        padding: 20px 78px 20px 35px;
        height: 60px;
        margin-bottom: 40px
    }

    #domainchecker .button-check {
        top: 7px;
        padding: 12px 13px;
        right: 40px
    }

    #domainchecker .button-check .sorgula-yazi {
        display: none
    }

    #domainchecker .button-check img,#domainchecker .button-check svg {
        margin-left: 0;
        margin-top: 0
    }
}

@media (min-width: 667px) {
    #domainchecker .button-check {
        right:54px;
        top: 37px
    }

    #domainchecker .prices-sum ul li {
        width: 160px
    }
}

#domainchecker .prices-sum {
    width: 60%;
    margin: 0 auto;
    font-weight: 600;
    color: #fff;
    background-color: #1fdfc0;
    -webkit-border-top-left-radius: 20px;
    -webkit-border-top-right-radius: 20px;
    -moz-border-radius-topleft: 20px;
    -moz-border-radius-topright: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px
}

#domainchecker .prices-sum ul li a {
    color: #fff;
    display: block;
    padding: 8px 4px
}

#domainchecker .prices-sum ul li a:after {
    display: inline-block;
    content: " ";
    width: 8px;
    height: 8px;
    position: relative;
    right: -23px;
    top: -1px;
    background-color: #7eebd9;
    -webkit-border-radius: 100px!important;
    -moz-border-radius: 100px!important;
    border-radius: 100px!important
}

@media (max-width: 1112px) {
    #domainchecker .prices-sum {
        width:75%
    }
}

#domainchecker .tld-list {
    background-color: #fbfbfc;
    padding-bottom: 80px;
    text-align: center;
    border-bottom: 1px solid #eee
}

#domainchecker .tld-list .tld {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #fff;
    border: 1px solid #eee;
    text-align: center;
    padding: 10px 0;
    min-height: 120px;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important
}

#domainchecker .tld-list .tld img,#domainchecker .tld-list .tld svg {
    max-width: 80px;
    top: 40%
}

#domainchecker .tld-list .tld .price {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 8px 0;
    background-color: #1462a5;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: -.5px;
    -webkit-border-bottom-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px
}

#domainchecker .tld-list .tld .price .old {
    font-weight: 300;
    font-size: 11px;
    opacity: .7;
    -moz-opacity: 0.7;
    text-decoration: line-through
}

#domainchecker .tld-list .tld .badge {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%,-50%);
    display: inline-block;
    color: #fff;
    background-color: #15bcff;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 400;
    white-space: nowrap;
    -webkit-border-radius: 30px!important;
    -moz-border-radius: 30px!important;
    border-radius: 30px!important
}

@media (min-width: 667px) {
    #domainchecker {
        top:-45px
    }

    .simple-table .product-name.border-left {
        border-left: 14px solid
    }

    .simple-table .product-name.border-left.brown {
        border-color: #794e2e
    }

    .simple-table .product-name.border-left.red {
        border-color: #cf0a2c
    }

    .simple-table .product-name.border-left.blue {
        border-color: #096cb2
    }
}

#domaintlds {
    margin-top: 20px;
    padding: 30px 4px 60px
}

#domaintlds .swiper-pagination {
    bottom: 5px
}

#domaintlds .swiper-pagination-bullet {
    width: 40px;
    height: 8px;
    background: #999;
    border: 2px solid #999;
    opacity: .2;
    border-radius: 3px
}

#domaintlds .swiper-pagination-bullet:hover {
    opacity: .5
}

#domaintlds .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #999;
    opacity: 1
}

@media (max-width: 480px) {
    #comprasion .tabs .column ul li a {
        padding-left:20px
    }

    #comprasion>.container {
        padding-left: 10px;
        padding-right: 10px
    }

    #domaintlds {
        margin-top: 0;
        padding: 10px 0 50px
    }
}

.simple-table {
    width: 100%;
    float: none
}

.simple-table.ssl-table table .product-name {
    width: 180px
}

.simple-table .note {
    margin-top: 10px;
    float: left;
    width: 100%;
    text-align: center;
    color: #808688
}

#query-results .results .lines .row .column:last-child,.simple-table .text-right {
    text-align: right
}

.simple-table .product-name {
    min-width: 200px;
    font-weight: 600
}

.simple-table .product-name img {
    max-height: 24px;
    vertical-align: middle
}

.simple-table .table-action .button {
    margin-left: 16px;
    font-weight: 500
}

.simple-table table {
    display: table;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    width: 100%;
    table-layout: fixed;
    border: 0;
    border-radius: 5px;
    box-shadow: 0 0 5px 0 rgba(0,0,0,.15);
    white-space: nowrap
}

.simple-table table caption {
    font-size: 1.5em;
    margin: .5em 0 .75em
}

.simple-table table thead {
    color: #1b2125;
    box-shadow: inset 0 1px 5px 0 rgba(0,0,0,.75)
}

.simple-table table thead tr {
    background: #15bcff;
    border-bottom: 1px solid #2ba8da
}

.simple-table table thead tr th {
    color: #fff;
    font-weight: 600;
    font-size: 14px
}

.simple-table table tr {
    background-color: #fff;
    border-bottom: 1px solid #e4eaee;
    align-items: center
}

.simple-table table tr td {
    color: #1b2125;
    font-size: 14px
}

.simple-table table tr td svg {
    max-width: 20px
}

.comptable tbody2 tr:hover,.simple-table table tbody2 tr:hover {
    background-color: rgba(77,131,212,.06)
}

.simple-table table tbody2 tr:last-child {
    border-bottom: none!important
}

.simple-table table .flex {
    display: flex
}

.simple-table table .flex.flex-column {
    flex-flow: column
}

.simple-table table td,.simple-table table th {
    padding: 14px 20px;
    width: 100%;
    border-bottom: none
}

.comptable .material-icons-outlined,.simple-table .material-icons-outlined {
    font-size: 20px;
    vertical-align: middle
}

#query-results .single-result .title .green,.comptable .material-icons-outlined.true,.simple-table .material-icons-outlined.true,.whois-result .shadow .list.list-table ul li .material-icons-outlined.true {
    color: #29a745
}

.comptable .material-icons-outlined.false,.simple-table .material-icons-outlined.false {
    color: rgba(255,0,0,.8)
}

.simple-table span {
    white-space: nowrap;
    margin-left: 5px;
    margin-right: 0
}

.simple-table input {
    margin-bottom: 0!important;
    margin-top: 0!important
}

.simple-table .discount,.simple-table .featured {
    display: inline-block;
    background: #29a745;
    border-radius: 3px;
    padding: 1px 5px;
    margin: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 300;
    white-space: nowrap
}

.comptable .free,.simple-table .free {
    color: #203f6d;
    font-size: 12px;
    background: #f8a31f;
    border-radius: 20px;
    padding: 4px 16px;
    white-space: nowrap
}

#query-results .results .lines .price,.comptable .price,.simple-table .price {
    display: flex;
    align-items: center;
    justify-content: center
}

.simple-table .old-price {
    color: #1f2529;
    font-size: 14px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative
}

.simple-table .old-price:before {
    content: " ";
    display: block;
    width: 100%;
    border-top: 1px solid rgba(255,0,0,.8);
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-12deg)
}

.simple-table .new-price {
    color: #1f2529;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    justify-content: center;
    margin-left: 6px
}

.simple-table .new-price sub {
    font-size: 11px;
    vertical-align: middle;
    font-weight: 400;
    margin-left: -2px
}

@media (max-width: 992px) {
    .feature1 .feature1__item {
        border-bottom:1px solid rgba(112,112,112,.13)
    }

    .simple-table table td,.simple-table table th {
        width: 100%!important
    }
}

@media (max-width: 640px) and (max-width:640px) {
    .simple-table table td:after {
        content:" ";
        clear: both;
        display: block
    }
}

@media (max-width: 640px) {
    .simple-table table caption {
        font-size:1.3em
    }

    .simple-table table thead {
        border: none;
        clip: rect(0 0 0 0);
        height: 1px;
        margin: -1px;
        overflow: hidden;
        padding: 0;
        position: absolute;
        width: 1px
    }

    .simple-table table tr {
        border-bottom: 3px solid #eee;
        display: block;
        margin-bottom: 30px
    }

    .simple-table table td {
        border-bottom: 1px solid #eee;
        font-size: 14px;
        text-align: right;
        display: block
    }

    .simple-table table td::before {
        content: attr(data-label);
        float: left;
        font-weight: 500;
        color: #203f6d
    }

    .simple-table table td:last-child {
        border-bottom: 0
    }
}

.simple-table table {
    margin-top: 12px
}

@media (max-width: 667px) {
    footer2 .gallery .row .column {
        display:block;
        flex: 1 1 auto;
        margin-left: 0;
        max-width: 100%;
        width: 100%
    }

    #site-tool .button {
        width: 100%
    }

    #comprasion .tab-contents .tab-content {
        padding: 30px 0 20px
    }

    #domainchecker {
        top: -45px
    }

    .simple-table table tr:first-child {
        -webkit-border-top-left-radius: 6px;
        -webkit-border-top-right-radius: 6px;
        -moz-border-radius-topleft: 6px;
        -moz-border-radius-topright: 6px;
        border-top-left-radius: 6px;
        border-top-right-radius: 6px
    }

    .simple-table table tr {
        margin-bottom: 10px;
        border-bottom: 1px solid #eee
    }

    .simple-table table tr .noborder {
        border: 0
    }

    .simple-table table .new-price {
        text-align: right;
        display: block
    }

    .simple-table table .discount {
        display: none
    }

    .simple-table table .table-action {
        margin-top: 15px
    }

    .simple-table table .price {
        float: right;
        text-align: right
    }
}

.comptable thead th {
    border-top: 1px solid #e4eaee;
    padding: 20px 0;
    color: #203f6d;
    font-size: 15px;
    line-height: 1.3em
}

.comptable thead th:first-child {
    border-top-color: transparent
}

.comptable tbody2 tr td:first-child {
    padding-right: 10px;
    border-left: 1px solid #e4eaee;
    background: rgba(77,131,212,.1);
    color: #203f6d
}

@media (min-width: 992px) {
    .box-table.showroom .mobile-scroll-horizontal {
        margin-top:0;
        padding-left: 0;
        padding-right: 0
    }

    .box-table .box-content {
        padding-left: 20px;
        padding-right: 20px
    }

    #domainchecker input,.simple-table.ssl-table table {
        margin-top: 0
    }

    #domainchecker .button-check {
        top: 58px
    }

    #domainchecker {
        top: -81px
    }

    .comptable tbody2 tr td:first-child {
        text-align: right;
        width: 220px;
        background: 0 0
    }
}

.comptable tfoot tr td {
    background: rgba(77,131,212,.06)
}

.comptable tfoot tr td:first-child {
    background: 0 0;
    border-bottom-color: transparent
}

.comptable tfoot tr td .button {
    display: block;
    margin: 8px 25px
}

.comptable td,.comptable th {
    border-right: 1px solid #e4eaee;
    word-wrap: break-word;
    padding: 15px 0;
    font-size: 13px;
    font-weight: 400;
    text-align: center;
    color: #1b2125
}

.comptable td img,.comptable th img {
    width: 15px;
    vertical-align: middle;
    margin-top: -1.5px;
    margin-left: 3px
}

@media screen and (max-width: 768px) {
    .comptable tr {
        display:flex;
        flex-flow: row wrap;
        justify-content: space-around
    }

    .comptable td,.comptable th {
        display: block;
        width: 25%;
        font-size: 13px
    }

    .comptable td:first-child,.comptable th:first-child {
        width: 100%
    }

    .comptable th:first-child {
        display: none
    }
}

.comptable .discount {
    display: inline-block;
    background: #29a745;
    border-radius: 3px;
    padding: 1px 5px;
    margin: 0;
    color: #fff;
    font-size: 11px;
    font-weight: 300
}

.comptable .old-price {
    color: #666;
    font-size: 13px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative;
    margin-right: 5px
}

.comptable .old-price:before {
    content: " ";
    display: block;
    width: 110%;
    border-top: 1px solid rgba(255,0,0,.8);
    height: 12px;
    position: absolute;
    bottom: 0;
    left: 0;
    transform: rotate(-17deg)
}

.comptable .new-price {
    color: #1f2529;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    justify-content: center;
    letter-spacing: -1px
}

.comptable .new-price sub {
    font-size: 11px;
    vertical-align: middle;
    font-weight: 400
}

.whois-container .container.mb-fix {
    margin-bottom: -30px
}

.whois-result .shadow {
    padding: 30px 35px;
    background: #fff;
    -webkit-border-radius: 10px!important;
    -moz-border-radius: 10px!important;
    border-radius: 10px!important;
    -webkit-box-shadow: 0 4px 13px 0 #00000021;
    -moz-box-shadow: 0 4px 13px 0 #00000021;
    box-shadow: 0 4px 13px 0 #00000021
}

.whois-result .shadow .desc {
    font-size: 16px;
    color: #222;
    font-weight: 300
}

.whois-result .shadow .sitescr {
    width: 100%;
    max-width: 100%;
    border: 1px solid #eee;
    border-radius: 5px
}

.whois-result .shadow .title {
    color: #203f6d;
    font-size: 28px;
    line-height: 1em
}

.whois-result .shadow .title small {
    font-size: 16px;
    color: #959595
}

.whois-result .shadow .list.list-table ul li {
    font-size: 14px;
    padding: 10px 0;
    margin-bottom: 0;
    border-bottom: 1px solid #eee
}

.whois-result .shadow .list.list-table ul li .material-icons-outlined {
    width: auto;
    display: inline-block;
    line-height: 1em;
    vertical-align: middle;
    font-size: 20px
}

.whois-result .shadow .list-title {
    font-size: 20px;
    margin-top: 30px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #203f6d
}

.whois-result .shadow .list-title .material-icons-outlined {
    font-size: inherit;
    margin: 6px 3px 0 0;
    float: left
}

.whois-result .shadow .list .feature1__item {
    padding: 5px!important
}

.whois-result .shadow .list .feature1__item .icon {
    font-size: 33px;
    font-weight: 500;
    letter-spacing: -1px;
    color: #15bcff;
    height: 75px;
    line-height: 95px
}

.whois-result .shadow .list .feature1__grid {
    margin-top: 0!important
}

.whois-result .shadow .list ul li {
    font-size: 14px;
    margin-bottom: 10px
}

.whois-result .shadow .list ul li span {
    display: inline-block;
    width: 40%;
    font-weight: 500;
    color: #222
}

.whois-result .shadow .detail-button {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 1rem;
    display: inline-block
}

.whois-result .shadow pre {
    background: #f8f8f8;
    font-size: 12px;
    line-height: 1.8em;
    display: block;
    color: #353535;
    padding: 35px 30px 30px 40px;
    margin-top: 35px;
    white-space: normal
}

@media (max-width: 768px) {
    footer2 .gallery .thumb {
        max-width:300px;
        margin: 0 auto;
        text-align: center
    }

    footer2 .gallery .row {
        display: flex;
        flex-direction: column;
        padding: 0;
        width: 100%
    }

    footer2 .gallery .row .column {
        display: block;
        flex: 1 1 auto;
        margin-left: 0;
        max-width: 100%;
        width: 100%
    }

    footer2 .thumb a:nth-child(3n) {
        margin-right: 0
    }

    #blog {
        margin-bottom: 60px;
        padding-top: 60px
    }

    #support .container .column-33,#support .container .column-67 {
        flex: 1 1 auto;
        max-width: 100%;
        width: 100%
    }

    #support h2 {
        text-align: center
    }

    #site-tool .starting .button {
        display: block;
        margin-top: 40px
    }

    #site-tool .starting {
        margin-bottom: 80px
    }

    .feature1 .description {
        margin-bottom: 20px!important
    }

    .feature1 .feature1__item .icon {
        height: 5rem
    }

    .box-table.showroom {
        margin-top: 0!important
    }

    .box-table.showroom .mobile-scroll-horizontal {
        padding-bottom: 10px
    }

    #domainchecker .prices-sum,.comptable .old-price,.comptable tfoot tr td:first-child {
        display: none
    }

    #domainchecker .tld-list {
        padding-bottom: 60px;
        margin-bottom: 60px
    }

    .comptable tbody2 tr td:nth-child(2),.comptable tfoot tr td:nth-child(2),.comptable thead th:nth-child(2) {
        border-left: 1px solid #e4eaee
    }

    .comptable tbody2 tr td:first-child {
        font-weight: 600
    }

    .comptable tfoot tr td .button {
        margin: 5px 8px;
        padding: 8px 0
    }

    .comptable td img,.comptable th img {
        margin-left: 0
    }

    .comptable .new-price {
        font-size: 14px
    }

    .whois-result .shadow .list ul li span {
        display: block;
        width: 100%
    }

    .whois-result .shadow pre {
        padding: 10px
    }
}

.whois-result .whois-result-sidebar {
    font-size: 14px;
    margin-bottom: 25px
}

.whois-result .whois-result-sidebar .title {
    font-size: 20px;
    margin-bottom: 20px;
    font-weight: 500;
    letter-spacing: -.5px;
    color: #203f6d
}

.whois-result .whois-result-sidebar .line {
    display: block;
    margin-bottom: 10px
}

.whois-result .whois-result-sidebar .line strong {
    font-weight: 500;
    color: #222;
    display: block
}

.whois-result .whois-result-sidebar .flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: .5rem
}

.whois-result .whois-result-sidebar .flex div:last-child {
    font-weight: 600;
    width: 60px
}

.whois-result .whois-result-sidebar .flex .badge {
    background: #b7b7b7;
    padding: 2px 9px;
    border-radius: 3px;
    color: #fff;
    font-size: 11px
}

.whois-result .whois-result-sidebar .flex .badge.badge-red {
    background: #f44336
}

#query-results {
    background-color: #fbfbfc;
    border-bottom: 1px solid #eee;
    padding: 20px 0 80px
}

#query-results .single-result {
    -webkit-box-shadow: 0 4px 13px 0 rgba(0,0,0,.129412);
    -moz-box-shadow: 0 4px 13px 0 rgba(0,0,0,.129412);
    box-shadow: 0 4px 13px 0 rgba(0,0,0,.129412);
    margin-bottom: 40px;
    padding: 20px
}

#query-results .single-result .title {
    font-size: 26px;
    font-weight: 600;
    color: #000
}

#query-results .single-result .title .red {
    color: #f48320
}

@media only screen and (max-width: 768px) {
    #topmenu {
        min-height:0;
        background-color: #fff;
        background: linear-gradient(0deg,rgba(255,255,255,.4) 0,#fff 100%);
        -webkit-backdrop-filter: blur(20px);
        backdrop-filter: blur(20px);
        box-shadow: rgba(0,0,0,.2) 0 0 35px;
        transition: box-shadow .3s ease-in-out;
        position: fixed;
        left: 0;
        top: 0;
        width: 100%;
        z-index: 999;
        overflow-y: scroll;
        max-height: 100%
    }

    #topmenu .container {
        padding: 0 1rem
    }

    #topmenu .show-mobile {
        display: block
    }

    #topmenu .bar1,#topmenu .bar2,#topmenu .bar3 {
        width: 20px;
        height: 2px;
        background-color: #333;
        margin: 6px 0;
        transition: .4s
    }

    #topmenu .hide-mobile,.feature2 .flex .avatar {
        display: none
    }

    #topmenu .menuleft {
        position: absolute;
        right: 0;
        top: 25px;
        width: 135px;
        text-align: right;
        padding: 0
    }

    .feature2 .flex .form {
        margin-top: 30px;
        width: 100%
    }

    #comprasion .tabs .column ul li {
        width: 48%;
        margin-bottom: 15px
    }

    #comprasion .tabs .column ul li:first-child,#comprasion .tabs .column ul li:nth-child(3) {
        margin-right: 2%
    }

    .column-67 {
        order: 1
    }

    .column-33,.column-67 {
        max-width: 100%!important
    }

    .whois-result .shadow .list-title,.whois-result .shadow .title {
        font-size: 20px;
        margin-bottom: 20px;
        color: #203f6d;
        font-weight: 500;
        letter-spacing: -.5px
    }

    .whois-result-sidebar .title {
        margin-top: 0;
        font-size: 17px
    }

    #query-results .single-result .column {
        width: 100%
    }
}

#query-results .single-result .column ul li {
    display: flex;
    align-items: center
}

#query-results .single-result .column ul li svg {
    width: 20px;
    margin-right: 10px
}

#query-results .single-result .column .price {
    display: flex;
    flex-direction: column;
    justify-content: right;
    align-items: end
}

#query-results .single-result .column .price .new-price {
    font-size: 30px;
    font-weight: 500;
    color: #000
}

#query-results .results .lines {
    background: #fff;
    -webkit-box-shadow: 0 4px 13px 0 rgba(0,0,0,.129412);
    -moz-box-shadow: 0 4px 13px 0 rgba(0,0,0,.129412);
    box-shadow: 0 4px 13px 0 rgba(0,0,0,.129412);
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    padding: 18px 50px 18px 80px
}

@media (min-width: 768px) {
    .simple-table.ssl-table {
        margin-top:0
    }

    .simple-table table thead tr th {
        line-height: 1.4em
    }

    .whois-result {
        padding: 20px
    }

    .whois-result .shadow .list .feature1__item {
        border-bottom: 0!important
    }

    #query-results .single-result .column:last-child {
        display: flex;
        justify-content: flex-end
    }

    #query-results .results .lines {
        padding-left: 50px
    }
}

#query-results .results .lines .name {
    color: #1b2125;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    height: 100%;
    align-items: center
}

#query-results .results .lines .badge {
    position: absolute;
    left: -43px;
    text-align: center;
    text-transform: none;
    top: 16px;
    width: 130px;
    padding: 3px 0;
    transform: rotate(-50deg);
    font-size: 10px;
    background: #29a745;
    color: #fff;
    font-weight: 700
}

#query-results .results .lines .badge.tango {
    background: #f48320
}

#query-results .results .lines .price .old-price {
    color: #1f2529;
    font-size: 14px;
    display: flex;
    align-items: baseline;
    justify-content: center;
    position: relative;
    margin-right: 8px
}

.domain-price .price .prc .old-price::before {
    content: " ";
    display: block;
    width: 4%;
    border-top: 1px solid rgba(255,0,0,.8);
    position: absolute;
    top: 72px
}

.prc span:first-child {
    padding-right: 8px
}

.prc span:nth-child(3) {
    font-size: 30px!important
}

#query-results .results .lines .price .new-price {
    color: #1f2529;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    align-items: baseline;
    justify-content: center
}

.table-row {
    margin: 0;
    width: 100%
}

.simple-table .new-price {
    font-size: inherit
}

@media (min-width: 667px) {
    .simple-table table {
        display:block
    }

    #query-results .results .lines .name {
        font-size: 22px
    }
}
@font-face {
    font-family: swiper-icons;
    src: url('data:application/font-woff;charset=utf-8;base64,d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA') format("woff");
    font-weight: 400;
    font-style: normal
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1
}

.swiper-container-vertical > .swiper-wrapper {
    flex-direction: column
}

.swiper-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1;
    display: flex;
    transition-property: transform;
    box-sizing: content-box
}

.swiper-container-android .swiper-slide,.swiper-wrapper {
    transform: translate3d(0px,0,0)
}

.swiper-container-multirow > .swiper-wrapper {
    flex-wrap: wrap
}

.swiper-container-multirow-column > .swiper-wrapper {
    flex-wrap: wrap;
    flex-direction: column
}

.swiper-container-free-mode > .swiper-wrapper {
    transition-timing-function: ease-out;
    margin: 0 auto
}

.swiper-container-pointer-events {
    touch-action: pan-y
}

.swiper-container-pointer-events.swiper-container-vertical {
    touch-action: pan-x
}

.swiper-slide {
    flex-shrink: 0;
    width: 100%;
    height: 100%;
    position: relative;
    transition-property: transform
}

.swiper-slide-invisible-blank {
    visibility: hidden
}

.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {
    height: auto
}

.swiper-container-autoheight .swiper-wrapper {
    align-items: flex-start;
    transition-property: transform,height
}

.swiper-container-3d {
    perspective: 1200px
}

.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {
    transform-style: preserve-3d
}

.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    pointer-events: none;
    z-index: 10
}

.swiper-container-3d .swiper-slide-shadow-left {
    background-image: linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-right {
    background-image: linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-top {
    background-image: linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-3d .swiper-slide-shadow-bottom {
    background-image: linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))
}

.swiper-container-css-mode > .swiper-wrapper {
    overflow: auto;
    scrollbar-width: none;
    -ms-overflow-style: none
}

.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
    display: none
}

.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
    scroll-snap-align: start start
}

.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: x mandatory
}

.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
    scroll-snap-type: y mandatory
}

:root {
    --swiper-navigation-size: 44px
}

.swiper-button-next,.swiper-button-prev {
    position: absolute;
    top: 50%;
    width: calc(var(--swiper-navigation-size) / 44 * 27);
    height: var(--swiper-navigation-size);
    margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgba(255,255,255,0.85)
}

.swiper-button-next:hover,.swiper-button-prev:hover {
    color: #FFF;
    padding-top: 1px
}

.swiper-button-next:active,.swiper-button-prev:active,.swiper-button-next:focus,.swiper-button-prev:focus {
    color: #FFF;
    padding-top: 3px
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    opacity: .35;
    cursor: auto;
    pointer-events: none
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-family: swiper-icons;
    font-size: var(--swiper-navigation-size);
    text-transform: none!important;
    letter-spacing: 0;
    text-transform: none;
    font-variant: initial;
    line-height: 1
}

.swiper-button-prev,.swiper-container-rtl .swiper-button-next {
    left: 10px;
    right: auto
}

.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after {
    content: 'prev'
}

.swiper-button-next,.swiper-container-rtl .swiper-button-prev {
    right: 10px;
    left: auto
}

.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after {
    content: 'next'
}

.swiper-button-next.swiper-button-white,.swiper-button-prev.swiper-button-white {
    --swiper-navigation-color: #fff
}

.swiper-button-next.swiper-button-black,.swiper-button-prev.swiper-button-black {
    --swiper-navigation-color: #000
}

.swiper-button-lock {
    display: none
}

.swiper-pagination {
    position: absolute;
    text-align: center;
    transition: .3s opacity;
    transform: translate3d(0,0,0);
    z-index: 10
}

.swiper-pagination.swiper-pagination-hidden {
    opacity: 0
}

.swiper-container-horizontal > .swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%
}

.swiper-pagination-bullets-dynamic {
    overflow: hidden;
    font-size: 0
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transform: scale(.33);
    position: relative
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
    transform: scale(1)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
    transform: scale(.33)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
    transform: scale(.66)
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
    transform: scale(.33)
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 50%;
    background: #000;
    opacity: .2
}

button.swiper-pagination-bullet {
    border: none;
    margin: 0;
    padding: 0;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.swiper-pagination-clickable .swiper-pagination-bullet {
    cursor: pointer
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--swiper-pagination-color,var(--color-fill))
}

.swiper-container-vertical > .swiper-pagination-bullets {
    right: 10px;
    top: 50%;
    transform: translate3d(0px,-50%,0)
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 6px 0;
    display: block
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    top: 50%;
    transform: translateY(-50%);
    width: 8px
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    display: inline-block;
    transition: .2s transform,.2s top
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 4px
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s left
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
    transition: .2s transform,.2s right
}

.swiper-pagination-progressbar {
    background: rgba(0,0,0,.25);
    position: absolute
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--swiper-pagination-color,var(--color-fill));
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    transform-origin: left top
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    transform-origin: right top
}

.swiper-container-horizontal > .swiper-pagination-progressbar,.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    width: 100%;
    height: 4px;
    left: 0;
    top: 0
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical > .swiper-pagination-progressbar {
    width: 4px;
    height: 100%;
    left: 0;
    top: 0
}

.swiper-pagination-white {
    --swiper-pagination-color: #fff
}

.swiper-pagination-black {
    --swiper-pagination-color: #000
}

.swiper-pagination-lock {
    display: none
}

.swiper-scrollbar {
    border-radius: 10px;
    position: relative;
    -ms-touch-action: none;
    background: rgba(0,0,0,.1)
}

.swiper-container-horizontal > .swiper-scrollbar {
    position: absolute;
    left: 1%;
    bottom: 3px;
    z-index: 50;
    height: 5px;
    width: 98%
}

.swiper-container-vertical > .swiper-scrollbar {
    position: absolute;
    right: 3px;
    top: 1%;
    z-index: 50;
    width: 5px;
    height: 98%
}

.swiper-scrollbar-drag {
    height: 100%;
    width: 100%;
    position: relative;
    background: rgba(0,0,0,.5);
    border-radius: 10px;
    left: 0;
    top: 0
}

.swiper-scrollbar-cursor-drag {
    cursor: move
}

.swiper-scrollbar-lock {
    display: none
}

.swiper-zoom-container {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center
}

.swiper-zoom-container > canvas,.swiper-zoom-container > img,.swiper-zoom-container > svg {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain
}

.swiper-slide-zoomed {
    cursor: move
}

.swiper-lazy-preloader {
    width: 42px;
    height: 42px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -21px;
    margin-top: -21px;
    z-index: 10;
    transform-origin: 50%;
    animation: swiper-preloader-spin 1s infinite linear;
    box-sizing: border-box;
    border: 4px solid var(--swiper-preloader-color,var(--color-fill));
    border-radius: 50%;
    border-top-color: transparent
}

.swiper-lazy-preloader-white {
    --swiper-preloader-color: #fff
}

.swiper-lazy-preloader-black {
    --swiper-preloader-color: #000
}

@keyframes swiper-preloader-spin {
    100% {
        transform: rotate(360deg)
    }
}

.swiper-container .swiper-notification {
    position: absolute;
    left: 0;
    top: 0;
    pointer-events: none;
    opacity: 0;
    z-index: -1000
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
    transition-timing-function: ease-out
}

.swiper-container-fade .swiper-slide {
    pointer-events: none;
    transition-property: opacity
}

.swiper-container-fade .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube {
    overflow: visible
}

.swiper-container-cube .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1;
    visibility: hidden;
    transform-origin: 0 0;
    width: 100%;
    height: 100%
}

.swiper-container-cube .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
    transform-origin: 100% 0
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next + .swiper-slide,.swiper-container-cube .swiper-slide-prev {
    pointer-events: auto;
    visibility: visible
}

.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.swiper-container-cube .swiper-cube-shadow {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    opacity: .6;
    z-index: 0
}

.swiper-container-cube .swiper-cube-shadow:before {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    -webkit-filter: blur(50px);
    filter: blur(50px)
}

.swiper-container-flip {
    overflow: visible
}

.swiper-container-flip .swiper-slide {
    pointer-events: none;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    z-index: 1
}

.swiper-container-flip .swiper-slide .swiper-slide {
    pointer-events: none
}

.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active {
    pointer-events: auto
}

.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top {
    z-index: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}