/*!
Theme Name: Netello Sivusto
Author: Netello
Author URI: https://netello.fi
Description: Netellon asiakas teema
*/
@charset "UTF-8";

:root {
    --gz-blue: #3598db;
    --gz-blue-dark: #304a5b;
}

.owl-carousel .owl-stage {
display:flex;
position:relative;
-ms-touch-action:pan-Y
}

.owl-carousel .owl-stage:after {
clear:both;
content:".";
display:block;
height:0;
line-height:0;
visibility:hidden
}

.owl-carousel .owl-stage-outer {
position:relative;
-webkit-transform:translateZ(0)
}

.owl-carousel .owl-item {
-webkit-tap-highlight-color:transparent;
-webkit-touch-callout:none;
-webkit-backface-visibility:hidden;
float:left;
min-height:1px;
position:relative
}

.owl-carousel .owl-item img {
display:block;
margin:auto;
padding:0
}

.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled {
display:none
}

.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev {
cursor:pointer;
cursor:hand;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.owl-carousel.owl-loaded {
display:block;
height:100%
}

.owl-carousel.owl-hidden {
opacity:0
}

.owl-carousel.owl-refresh .owl-item {
visibility:hidden
}

.owl-carousel.owl-drag .owl-item {
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none
}

.owl-carousel.owl-grab {
cursor:move;
cursor:-webkit-grab;
cursor:grab
}

.owl-carousel.owl-rtl {
direction:rtl
}

.owl-carousel.owl-rtl .owl-item {
float:right
}

.no-js .owl-carousel {
display:block
}

.owl-carousel .animated {
-webkit-animation-duration:1s;
animation-duration:1s;
-webkit-animation-fill-mode:both;
animation-fill-mode:both
}

.owl-carousel .owl-animated-in {
z-index:0
}

.owl-carousel .owl-animated-out {
z-index:1
}

.owl-carousel .fadeOut {
-webkit-animation-name:fadeOut;
animation-name:fadeOut
}

@-webkit-keyframes fadeOut {
0% {
opacity:1
}

to {
opacity:0
}


}

@keyframes fadeOut {
0% {
opacity:1
}

to {
opacity:0
}


}

.owl-height {
transition:height .5s ease-in-out
}

.owl-carousel .owl-item .owl-lazy {
opacity:0;
transition:opacity .3s ease
}

.owl-carousel .owl-item img.owl-lazy {
transform-style:preserve-3d
}

.owl-carousel .owl-nav [class*=owl-] {
cursor:pointer;
display:inline-block;
top:50%
}

.owl-carousel .owl-nav [class*=owl-]:hover {
opacity:1
}

.owl-carousel .owl-nav [class*=owl-] span {
padding:.5rem
}

.owl-carousel .owl-next,.owl-carousel .owl-prev {
position:absolute;
transform:translateY(-50%)
}

.owl-carousel .owl-next img,.owl-carousel .owl-prev img {
padding:0
}

.owl-carousel .owl-prev {
left:10px
}

.owl-carousel .owl-next {
right:10px
}

.owl-carousel .owl-nav .disabled {
display:none
}

.owl-carousel .owl-nav.disabled+.owl-dots {
margin-top:10px
}

.owl-carousel .owl-dots {
-webkit-tap-highlight-color:transparent;
text-align:center
}

.owl-carousel .owl-dots .owl-dot {
zoom:1;
display:inline-block;
*display:inline
}

.owl-carousel .owl-dots .owl-dot span {
-webkit-backface-visibility:visible;
background:#fff;
border-radius:30px;
display:block;
height:10px;
margin:5px 7px;
transition:opacity .2s ease;
width:10px
}

@media screen and (max-width:767px) {
.owl-carousel .owl-dots .owl-dot span {
height:6px;
width:6px
}


}

.owl-carousel .owl-dots .owl-dot.active span,.owl-carousel .owl-dots .owl-dot:hover span {
background:red
}

.section-mobile-contact-bg a {
color:#fff!important;
font-weight:400
}

.section-mobile-contact-bg a:hover {
color:#c6c6c6!important
}

.section-mobile-contact-bg .carousel-mobile-contact-item {
overflow:hidden;
text-align:center
}

.owl-dot span {
background:#fff!important
}

.owl-dot.active span,.owl-dot:hover span {
background:#1a1a1a!important
}

.top-image>div {
position:relative
}

@media screen and (max-width:767px) {
.top-image>div {
padding:0 .2em
}


}

.top-image>div a:hover {
background-color:#fff;
color:#059fe2
}

.asiakaspalaute,.wp-block-quote {
background-image:url(/wp-content/themes/netello/img/lainausmerkki.svg);
background-position:0 0;
background-repeat:no-repeat;
background-size:30px 16px;
margin-bottom:30px;
margin-top:30px;
padding-left:50px
}

@media screen and (min-width:768px) {
.asiakaspalaute,.wp-block-quote {
background-size:47px 25px;
padding-left:70px
}


}

.asiakaspalaute p:first-child,.wp-block-quote p:first-child {
font-size:1.1em
}

.sct-content hr {
background-color:#d7dbdd;
border:none;
height:1px;
margin:2em 0
}

img {
display:inline-block;
height:auto
}

iframe,img {
max-width:100%
}

iframe {
border:0
}

.alignleft {
display:inline;
float:left;
margin-right:1.5em
}

.alignright {
display:inline;
float:right;
margin-left:1.5em
}

.aligncenter {
clear:both;
display:block;
margin-left:auto;
margin-right:auto
}

.navigation.posts-navigation .screen-reader-text {
display:none
}

.navigation.posts-navigation .nav-previous {
float:right;
margin-right:15px
}

.navigation.posts-navigation .nav-next {
margin-left:15px
}

.navigation.post-navigation {
padding-top:30px
}

.navigation.post-navigation .screen-reader-text {
display:none
}

.navigation.post-navigation .nav-previous {
float:right
}

.navigation.post-navigation .nav-previous:after {
content:" »"
}

.navigation.post-navigation .nav-next:before {
content:"«"
}

.nappi-1,.nappi-1:visited,a.wp-block-button__link,a.wp-block-button__link:visited,input[type=submit] {
background-color:var(--gz-blue);
border:1px solid var(--gz-blue);
border-radius:30px;
color:#fff;
display:inline-block;
font-family:"Poppins",sans-serif;
font-size:1.06666rem;
font-weight:700;
line-height:1.2;
margin-top:1em;
padding:1em 2em;
text-align:center
}

.nappi-1:active,.nappi-1:focus,.nappi-1:hover,.nappi-1:visited:active,.nappi-1:visited:focus,.nappi-1:visited:hover,a.wp-block-button__link:active,a.wp-block-button__link:focus,a.wp-block-button__link:hover,a.wp-block-button__link:visited:active,a.wp-block-button__link:visited:focus,a.wp-block-button__link:visited:hover,input[type=submit]:active,input[type=submit]:focus,input[type=submit]:hover {
background-color:var(--gz-blue-dark);
border:1px solid var(--gz-blue-dark);
color:#fff
}

a.nappi-2,a.nappi-2:visited,div.nappi-2 a.wp-block-button__link,div.nappi-2 a.wp-block-button__link:visited {
background-color:#921004;
border:none;
border-radius:30px;
color:#fff;
display:inline-block;
font-family:"Poppins",sans-serif;
font-size:1.06666rem;
font-weight:700;
line-height:1.2;
margin-top:1em;
padding:1em 2em;
text-align:center
}

a.nappi-2:active,a.nappi-2:focus,a.nappi-2:hover,a.nappi-2:visited:active,a.nappi-2:visited:focus,a.nappi-2:visited:hover,div.nappi-2 a.wp-block-button__link:active,div.nappi-2 a.wp-block-button__link:focus,div.nappi-2 a.wp-block-button__link:hover,div.nappi-2 a.wp-block-button__link:visited:active,div.nappi-2 a.wp-block-button__link:visited:focus,div.nappi-2 a.wp-block-button__link:visited:hover {
background:var(--gz-blue-dark);
color:#fff
}

a.nappi-3,a.nappi-3:visited,div.nappi-3 a.wp-block-button__link,div.nappi-3 a.wp-block-button__link:visited {
background-color:#eaedef;
border-radius:30px;
color:#000;
display:inline-block;
font-family:"Poppins",sans-serif;
font-size:1.06666rem;
font-weight:700;
line-height:1.2;
margin-top:1em;
padding:1em 2em;
text-align:center
}

a.nappi-3:active,a.nappi-3:focus,a.nappi-3:hover,a.nappi-3:visited:active,a.nappi-3:visited:focus,a.nappi-3:visited:hover,div.nappi-3 a.wp-block-button__link:active,div.nappi-3 a.wp-block-button__link:focus,div.nappi-3 a.wp-block-button__link:hover,div.nappi-3 a.wp-block-button__link:visited:active,div.nappi-3 a.wp-block-button__link:visited:focus,div.nappi-3 a.wp-block-button__link:visited:hover {
background-color:#c9c7c7;
color:#000
}

form {
color:#000;
line-height:1.5;
margin:1em auto auto
}

@media screen and (max-width:767px) {
form {
width:100%
}


}

form .grid>div:not(:first-child) {
margin-left:1rem
}

@media screen and (max-width:767px) {
form {
padding:1em 0
}


}

form input:not([type=checkbox]):not([type=radio]):not(input[type=submit]),form textarea {
border:1px solid #ddd;
border-radius:.2em;
box-sizing:border-box;
font-size:1em;
margin:.5em 0;
padding:1em;
width:100%
}

form input[type=checkbox] {
-webkit-appearance:none;
background-color:#fff;
border:1px solid #ddd;
border-radius:7px;
float:left;
font-size:.9em;
height:25px;
margin-left:0;
margin-right:10px;
margin-top:0;
position:relative;
width:25px
}

form input[type=checkbox]:checked:after {
color:#111011;
content:"?";
font-size:16px;
left:5px;
position:absolute;
top:0
}

form input[type=submit] {
font-weight:700;
width:auto!important
}

form span.wpcf7-list-item {
margin-left:0;
margin-right:2em;
padding-bottom:.5rem
}

.tayslevea label,.tayslevea p {
/* color:#fff */
}

.wp-block-social-links .wp-block-social-link.wp-social-link .wp-block-social-link-anchor svg {
    color: #fff;
}

.wp-block-social-links .wp-block-social-link.wp-social-link {
    background-color: var(--gz-blue) !important;
}

.sct-sw-bg {
background-color:#ededed;
color:#fff;
font-size:.85rem;
padding:1.2em 0
}

@media screen and (min-width:768px) {
.sct-sw-bg li {
display:inline-block
}

.sct-sw-bg li:not(:last-of-type):after {
content:" |"
}

.sct-sw-bg li:before {
content:" "
}


}

.sct-sw-bg a {
color:#fff
}

@media screen and (max-width:767px) {
.sct-sw-bg a {
display:block;
padding:.6em 0
}


}

.sct-sw-bg a:hover {
color:#666!important
}

.sct-addr-bg {
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
color:#fff;
font-size:.933333rem;
line-height:1.6;
margin-top:0
}

@media screen and (min-width:768px) {
.sct-addr-bg .grid-content {
display:flex
}


}

.sct-addr-bg .gradient {
background-color:#000;
padding:2em 0
}

@media screen and (min-width:768px) {
.sct-addr-bg .gradient {
padding:4rem 0;
text-align:left
}


}

.sct-addr-bg img {
max-width:100%
}

.sct-addr-bg a {
color:#fff
}

.sct-addr-bg a:hover {
color:var(--gz-blue)
}

@media screen and (max-width:767px) {
.sct-addr-bg .sarake {
margin-bottom:3rem;
margin-top:1rem;
text-align:center
}


}

@media screen and (min-width:768px) {
.sct-addr-bg .sarake {
border-right:1px solid hsla(0,0%,100%,.2);
padding-left:3rem;
padding-right:3rem
}

.sct-addr-bg .sarake:last-child {
border-right:none
}

.sct-addr-bg .sarake:first-child {
padding-left:0
}


}

.sct-addr-bg .sarake .sidebar-content {
display:inline-block
}

.sct-addr-bg p {
margin-bottom:.5rem;
padding-top:.5rem
}

.sct-addr-bg a {
font-weight:400
}

.sct-addr-bg h4 {
color:#dd0717;
font-family:"Poppins";
font-size:1.6rem;
font-weight:700;
margin-bottom:.5rem;
text-transform:uppercase
}

.sct-cpright-bg {
background-color:#111;
color:#8d8d8e;
font-size:.8rem
}

@media screen and (max-width:767px) {
.sct-cpright-bg {
padding:1em 0
}


}

.sct-cpright-bg a {
color:#8d8d8e;
font-weight:400
}

.sct-cpright-bg a:hover {
color:#fff
}

@media screen and (max-width:767px) {
.sct-cpright .sct-cpright-left,.sct-cpright .sct-cpright-right {
line-height:2
}


}

@media screen and (min-width:768px) {
.sct-cpright .sct-cpright-left,.sct-cpright .sct-cpright-right {
margin:1em 0
}


}

.sct-cpright .sct-cpright-left p,.sct-cpright .sct-cpright-right p {
display:inline-block;
line-height:1;
margin:0;
padding:0
}

@media screen and (min-width:768px) {
.sct-cpright {
height:3em;
position:relative
}

.sct-cpright .sct-cpright-left,.sct-cpright .sct-cpright-right {
bottom:0;
position:absolute;
top:0
}

.sct-cpright .sct-cpright-left {
left:0
}

.sct-cpright .sct-cpright-right {
right:0
}


}

.footer-tausta-alue {
background-position:50%;
background-repeat:no-repeat;
background-size:cover;
color:#fff;
font-size:1.2rem;
line-height:1.6;
margin-bottom:0!important;
text-align:center
}

.footer-tausta-alue .nappi-1 {
    background-color: #fff;
    border: none;
    color: var(--gz-blue);
}

.footer-tausta-alue .nappi-1:hover {
    background-color: var(--gz-blue-dark);
    border: none;
    color: #fff;
}


@media screen and (max-width:1199px) {
.footer-tausta-alue {
margin-top:0!important
}


}

.footer-tausta-alue .gradient {
/* background-color:rgba(2,2,2,.8); */
padding:3rem 0
}

@media screen and (min-width:992px) {
.footer-tausta-alue .gradient {
padding:6rem 0
}


}

@media screen and (min-width:2000px) {
.footer-tausta-alue .gradient {
padding:8rem 0
}


}

.footer-tausta-alue a,.footer-tausta-alue h2,.footer-tausta-alue h3,.footer-tausta-alue h4,.footer-tausta-alue p {
color:#fff
}

.footer-tausta-alue h3 {
font-size:1.6rem;
margin-bottom:2rem
}

.footer-tausta-alue .nappi-1 {
padding:.7rem 3rem
}

.alaosan-sisalto {
margin-bottom:4rem
}

.osasto-refet {
background-color:#f2f2f2;
padding:4rem 20px 2rem
}

.osasto-refet h2 {
margin-bottom:3rem!important
}

.osasto-refet .sct-content {
margin-bottom:0
}

.woocommerce table.shop_attributes td,.woocommerce table.shop_attributes th {
border:none
}

.woocommerce table.shop_attributes td {
font-style:normal
}

.up-sells.products {
margin-top:5rem
}

.woocommerce a.added_to_cart {
padding-bottom:.8rem;
padding-top:.8rem
}

.content-contact-buttons a {
margin-bottom:.5em
}

ul.order_details li {
background-image:none!important
}

.cart-contents:before {
content:"\e01d";
font-family:WooCommerce;
font-size:28px;
font-style:normal;
font-weight:400;
margin-top:10px;
padding-right:5px;
vertical-align:bottom
}

.cart-contents:hover {
text-decoration:none
}

.cart-contents-count {
background-color:#2ecc71;
border-radius:10px;
color:#fff;
font-family:Arial,Helvetica,sans-serif;
font-weight:700;
line-height:1;
padding:1px 6px;
vertical-align:top
}

.sct-content #payment ul li,.sct-content ul.woocommerce-error li {
background-image:none
}

.woocommerce .col-1,.woocommerce .col-2 {
max-width:100%
}

.woocommerce nav.woocommerce-pagination {
text-align:right
}

.woocommerce nav.woocommerce-pagination ul {
border:none
}

.woocommerce nav.woocommerce-pagination ul li {
background-image:none!important;
border:none;
padding-left:5px!important
}

.woocommerce nav.woocommerce-pagination ul li a {
border:1px solid #e6ecf2;
border-radius:8px;
color:#2b2b2b;
padding:.5em .6em
}

.woocommerce nav.woocommerce-pagination ul li a.next,.woocommerce nav.woocommerce-pagination ul li a.prev {
font-size:.93333rem;
padding:9px .6em
}

.woocommerce nav.woocommerce-pagination ul li span.current {
background:#031221;
border-radius:8px;
color:#fff;
padding:.5em .6em
}

.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover {
background:#e6ecf2;
color:#2b2b2b
}

.text-bar .container {
text-align:center
}