.page #content #service-4 .block-printers ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.page #content #service-3 .block.block-2{
padding-top: 0;
}
.page #content #service-7 .block.block-2 .content div.heading p,
.page #content #service-7 .block.block-2 .content div.heading h2{
color: #FFF;
}
.page #content #service-7 .block.block-2 .content ul{
list-style-type: none;
margin: 0;
padding: 0;
}
.page #content #service-7 .block.block-2 .content ul li::after{
content: "";
width: 100%;
display: inline-block;
border-bottom: 1px solid #FFF;
margin-bottom: 2%;
padding-bottom: 1%;
}
.page #content #service-7 .block-3,
.page #content #service-5 .block-3,
.page #content #service-4 .block-3,
.page #content #service-3 .block-3,
.page #content #service-2 .block-3,
.page #content #service-1 .block-4{
background-image: url(//selzur.com/wp-content/themes/selzur/img/tiny-squares.png);
background-repeat: repeat;
background-position: center center;
}
.page #content #service-2 .block-2{
padding: 3% 0;
}
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 3.5%;
}
.page #content #service-5 .block-2 div.heading,
.page #content #service-3 .block-2 div.heading,
.page #content #service-1 .block.block-steps .step div.heading{
border-color: #FFF;
}
.page #content #service-5 .block-2 div.heading p,
.page #content #service-5 .block-2 div.heading h2,
.page #content #service-3 .block-2 div.heading p,
.page #content #service-3 .block-2 div.heading h2,
.page #content #service-1 .block.block-steps .step div.heading p,
.page #content #service-1 .block.block-steps .step div.heading h2{
color: #FFF;
}
.page #content #service-5 .block-2 .content .text,
.page #content #service-3 .block-2 .content .text,
.page #content #service-1 .block.block-steps .step .text{
color: #FFF;
font-size: large;
font-weight: 300;
}
.page #content #service-4 .block-printers ul li span,
.page #content #service-4 .block-printers ul li img{
display: block;
margin: 0 auto;
text-align: center;
}
.page #content #service-4 .block-3 .content .rounded-circle,
.page #content #service-2 .block-2 .image{
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
-moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
-webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.07);
}
.page #content #digital .block-1{
padding: 4% 0;
}
.page #content #digital .block-1 p{
font-size: x-large;
font-weight: 300;
color: #7C7C7C;
margin: 0;
}
.page #content #digital .block-2 .block-icons{
width: 50%;
margin: 0 auto;
}
.page #content #service-4 .block-printers,
.page #content #service-2 .block-2,
.page #content #digital .block-2{
background-color: #F0F0F0;
}
.page #content #service-2 .block-2 div.heading{
border-color: #004588;
}
.page #content #service-2 .block-2 div.heading p,
.page #content #service-2 .block-2 div.heading h2{
color: #004588;
font-size: medium;
}
.page #content #service-2 .block-2 .text{
color: #7C7C7C;
font-weight: 400;
font-size: large;
}
.page #content #service-7 .block.block-2{
padding-top: 0;
overflow: hidden;
position: relative;
}
.page #content #service-7 .block.block-2 .image{
position: relative;
left: -25%;
overflow: hidden;
width: 100%;
height: 480px;
}
.page #content #service-7 .block.block-2 .image img,
.page #content #service-5 .block-2 .image img,
.page #content #service-3 .block-2 .image img{
width: 100%;
object-fit: cover;
object-position: 50% 50%;
}
.page #content #service-7 .block.block-2 .image img{
height: 480px;
}
.page #content #service-7 .block.block-2 .content{
position: absolute;
top: 0;
right: 0;
z-index: 1;
background: #DD6A31;
color: #FFF;
width: 50%;
}
.page #content #service-7 .block.block-2 .content{
padding: 2.5%;
}  .page #content #service-1 .block.block-steps{
padding: 0;
}
.page #content #service-1 .block.block-steps .step .w-75{
padding: 5%;
}
.page #content #service-1 .block.block-steps .step .text p{
margin: 0;
}
.page #content #service-1 .block.block-steps .step .step-number{
display: block;
width: 70px;
height: 70px;
margin: auto;
padding: 10px;
border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border: 1px solid #FFF;
font-size: xx-large;
font-weight: 700;
color: #FFF;
}
.page #content #service-1 .block-advantages{
margin-top: 2.5%;
}
.page #content #service-1 .block-advantages ul li{
width: 33.33%;
float: none;
} .page #content #service-2 .block-2 .image{
display: block;
border-radius: 15px;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
padding: 30px;
background-color: #FFF;
} .page #content #service-3 .block-2 .image img{
height: 360px;
} .page #content #service-4 .block-printers ul li{
float: left;
width: 33.33%;
}
.page #content #service-4 .block-printers{
margin-bottom: 2%;
}
.page #content #service-4 .block-printers ul li img{
padding: 4%;
background-color: #FFF;   
}
.page #content #service-4 .block-printers ul li span{
margin-top: 4%;
font-size: x-large;
font-weight: 300;
text-transform: uppercase;
color: #7C7C7C;
} .page #content #service-5 .block-2 .image img{
height: 275px;
} .page #content #service-7 .block.block-2 .content ul{
column-count: 2;
-moz-column-count: 2;
-webkit-column-count: 2;
} .page-template-page-it-solutions .secondary-menu{
height: auto;
min-height: 70px;
}
.page-template-page-it-solutions .secondary-menu .menu{
height: auto;
min-height: 70px;
flex-wrap: wrap;
}
.page-template-page-it-solutions .solutions-hero .solutions-hero-cta{
background-color: #DD6A31;
white-space: normal;
}
.page-template-page-it-solutions .solutions-hero .solutions-hero-cta:hover{
background-color: #000;
}
.page #content #solutions .solutions-intro,
.page #content #solutions .block{
padding: 4.5rem 0;
}
.page #content #solutions .solutions-intro{
background: #FFF;
}
.page #content #solutions .solutions-lead{
color: #4F4F4F;
font-size: 1.35rem;
font-weight: 300;
line-height: 1.6;
margin-bottom: 2rem;
}
.page #content #solutions .solutions-lead p:last-child,
.page #content #solutions .content p:last-child{
margin-bottom: 0;
}
.page #content #solutions .solutions-area{
background: #FFF;
border-top: 1px solid rgba(0, 69, 136, .16);
}
.page #content #solutions .solutions-area div.heading,
.page #content #solutions .solutions-maintenance div.heading,
.page #content #solutions .solutions-360 div.heading{
margin-bottom: 1.25rem;
}
.page #content #solutions .solutions-area div.heading h2,
.page #content #solutions .solutions-maintenance div.heading h2{
color: #004588;
font-size: 1.6rem;
line-height: 1.25;
text-transform: none;
}
.page #content #solutions .content{
color: #4F4F4F;
font-size: 1.0625rem;
font-weight: 300;
line-height: 1.7;
}
.page #content #solutions .content ul{
margin: 1.25rem 0 0;
padding-left: 1.25rem;
}
.page #content #solutions .content li{
margin-bottom: .45rem;
}
.page #content #solutions .solutions-maintenance{
background: #F1F4F6;
}
.page #content #solutions .solutions-maintenance-image{
padding-right: 2rem;
}
.page #content #solutions .solutions-maintenance-image img{
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 8px 24px rgba(0, 69, 136, .13);
}
.page #content #solutions .solutions-maintenance h3,
.page #content #solutions .solutions-360 h3{
font-size: 1.1rem;
font-weight: 700;
line-height: 1.35;
margin: 1.6rem 0 .5rem;
}
.page #content #solutions .solutions-maintenance h3{
color: #004588;
}
.page #content #solutions .solutions-360{
background: #004588;
color: #FFF;
}
.page #content #solutions .solutions-360-label{
color: #F3A071;
font-size: .875rem;
font-weight: 700;
letter-spacing: .04em;
margin-bottom: .6rem;
text-transform: uppercase;
}
.page #content #solutions .solutions-360 div.heading{
border-color: #DD6A31;
}
.page #content #solutions .solutions-360 div.heading h2{
color: #FFF;
font-size: 2rem;
line-height: 1.2;
text-transform: none;
}
.page #content #solutions .solutions-360 .content{
color: #FFF;
}
.page #content #solutions .solutions-360-plans{
margin-top: 1.75rem;
margin-bottom: 2rem;
}
.page #content #solutions .solutions-360-plan{
height: 100%;
padding: 1.5rem;
border: 1px solid rgba(255, 255, 255, .28);
border-radius: 4px;
background: rgba(255, 255, 255, .08);
}
.page #content #solutions .solutions-360-plan h3{
color: #FFF;
margin-top: 0;
}
.page #content #solutions .solutions-360 .btn-primary{
background-color: #DD6A31;
}
.page #content #solutions .solutions-360 .btn-primary:hover{
background-color: #000;
}
.page #content #solutions .solutions-contact{
background: #FFF;
border-top: 1px solid rgba(0, 69, 136, .16);
}
.page #content #solutions .solutions-contact h2{
color: #004588;
font-size: 2rem;
font-weight: 700;
margin-bottom: 1rem;
}
.page #content #solutions .solutions-contact p{
color: #4F4F4F;
font-size: 1.125rem;
font-weight: 300;
line-height: 1.65;
margin-bottom: 2rem;
}
@media (max-width: 991.98px){
.page #content #solutions .solutions-intro,
.page #content #solutions .block{
padding: 3.75rem 0;
}
.page #content #solutions .solutions-area div.heading,
.page #content #solutions .solutions-maintenance div.heading,
.page #content #solutions .solutions-360 div.heading{
margin-bottom: 1.5rem;
}
.page #content #solutions .solutions-maintenance-image{
margin-bottom: 2.25rem;
padding-right: 0;
}
.page #content #solutions .solutions-360-label{
margin-top: 0;
}
}
@media (max-width: 767.98px){
.page-template-page-it-solutions .secondary-menu{
overflow-x: auto;
}
.page-template-page-it-solutions .secondary-menu .w-75{
width: 100% !important;
}
.page-template-page-it-solutions .secondary-menu .menu{
flex-wrap: nowrap;
justify-content: flex-start;
padding: 0 1rem;
}
.page-template-page-it-solutions .secondary-menu .menu li{
flex: 0 0 auto;
margin: 0 1rem 0 0;
}
.page-template-page-it-solutions .solutions-hero .solutions-hero-cta{
max-width: 100%;
padding: .85rem 1rem;
}
.page #content #solutions .container-fluid.w-75{
width: 90% !important;
}
.page #content #solutions .solutions-intro,
.page #content #solutions .block{
padding: 3rem 0;
}
.page #content #solutions .solutions-lead{
font-size: 1.15rem;
}
.page #content #solutions .solutions-area div.heading h2,
.page #content #solutions .solutions-maintenance div.heading h2,
.page #content #solutions .solutions-contact h2{
font-size: 1.45rem;
}
.page #content #solutions .content{
font-size: 1rem;
}
.page #content #solutions .solutions-360 div.heading h2{
font-size: 1.75rem;
}
.page #content #solutions .solutions-360-plans .col-md-6 + .col-md-6{
margin-top: 1rem;
}
.page #content #solutions .btn{
display: block;
width: 100%;
white-space: normal;
}
} @media (max-width: 319.98px){
.page #content #digital .block-2 div.block-icons,
.page #content #service-2 .block-2 .w-25{
width: 100% !important;
}
.page #content #service-2 div.block-2 .text,
.page #content #service-5 div.block-2 .content .text,
.page #content #service-3 div.block-2 .content .text,
.page #content #service-1 div.block.block-steps .step .text{
font-size: medium !important;
line-height: 24px;
}
.page #content #service-4 div.block-printers ul li span{
font-weight: 700;
}
.page #content #digital div.block-1 p{
font-size: large;
}
.page #content #service-7 .block.block-2 div.image{
left: 0;
}
.page #content #service-2 .block-2{
padding: 5%;
}
#digital .block-icons{
background-size: 100px 100px;
}
.page #content #service-7 .block.block-2 div.image,
.page #content #service-7 .block.block-2 div.image img{
height: auto;
}
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 5%;
}
#service-5 .block-2 .left.order-0,
#service-3 .block-2 .left.order-0{
order: 1;
-ms-flex-order: 1;
}
#service-5 .block-2 .right.order-1,
#service-3 .block-2 .right.order-1{
order: 0;
-ms-flex-order: 0;
}
.page #content #service-4 .block-printers ul li,
.page #content #service-1 .block.block-steps .step{
padding: 5%;
}
.page #content #service-1 .block.block-steps .step{
flex-basis: 100%;
}
.page #content #service-4 .block-printers ul li{
width: 50% !important;
margin: 0 !important;
}
.page #content #service-7 div.block.block-2 .content{
position: relative;
top: auto;
right: auto;
width: 100%;
}
.page #content #service-2 div.block-2 .image{
width: 200px;
height: 200px;
margin: 5% auto;
}
.page #content #service-2 .block-2 > .container-fluid > .row > .col{
margin: 5% 0;
}
.page #content #service-7 .block.block-2 div.content ul{
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}}
@media (min-width: 320px) and (max-width: 575.98px){
.page #content #digital .block-2 div.block-icons,
.page #content #service-2 .block-2 .w-25{
width: 100% !important;
}
.page #content #service-2 div.block-2 .text,
.page #content #service-5 div.block-2 .content .text,
.page #content #service-3 div.block-2 .content .text,
.page #content #service-1 div.block.block-steps .step .text{
font-size: medium !important;
line-height: 24px;
}
.page #content #service-4 div.block-printers ul li span{
font-weight: 700;
}
.page #content #digital div.block-1 p{
font-size: large;
}
.page #content #service-7 .block.block-2 div.image{
left: 0;
}
.page #content #service-2 .block-2{
padding: 5%;
}
#digital .block-icons{
background-size: 100px 100px;
}
#digital .block-icons div.block-icons-row{
height: 200px;
}
.page #content #service-7 .block.block-2 div.image,
.page #content #service-7 .block.block-2 div.image img{
height: auto;
}
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 5%;
}
#service-5 .block-2 .left.order-0,
#service-3 .block-2 .left.order-0{
order: 1;
-ms-flex-order: 1;
}
#service-5 .block-2 .right.order-1,
#service-3 .block-2 .right.order-1{
order: 0;
-ms-flex-order: 0;
}
.page #content #service-2 .block.block-2 > .container-fluid > .row,
.page #content #service-1 .block.block-steps > .container-fluid > .row{
flex-flow: column;
-ms-flex-flow: column;
}
.page #content #service-4 .block-printers ul li,
.page #content #service-1 .block.block-steps .step{
padding: 5%;
}
.page #content #service-4 .block-printers ul li{
width: 33.33%;
margin: 0 !important;
}
.page #content #service-7 div.block.block-2 .content{
position: relative;
top: auto;
right: auto;
width: 100%;
}
.page #content #service-2 div.block-2 .image{
width: 200px;
height: 200px;
margin: 5% auto;
}
.page #content #service-2 .block-2 > .container-fluid > .row > .col{
margin: 5% 0;
}
.page #content #service-7 .block.block-2 div.content ul{
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}
.page #content #service-4 .block-printers ul li{
width: 31.33%;
margin: 1% !important;
}
.page #content #service-4 div.block-printers ul li{
width: 48%;
margin: 1% !important;
}}
@media (min-width: 576px) and (max-width: 767.98px){
.page #content #digital .block-2 div.block-icons,
.page #content #service-2 .block-2 .w-25{
width: 100% !important;
}
.page #content #service-4 div.block-printers ul li span,
.page #content #service-2 div.block-2 .text,
.page #content #service-5 div.block-2 .content .text,
.page #content #service-3 div.block-2 .content .text,
.page #content #service-1 div.block.block-steps .step .text{
font-size: medium !important;
line-height: 24px;
}
.page #content #digital .block-1 p,
.page #content #digital div.block-1 p{
font-size: large;
}
.page #content #service-7 .block.block-2 div.image{
left: 0;
}
.page #content #service-2 .block-2{
padding: 5%;
}
#digital .block-icons{
background-size: 125px 125px;
}
.page #content #service-7 .block.block-2 div.image,
.page #content #service-7 .block.block-2 div.image img{
height: auto;
}
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 5%;
}
#service-5 .block-2 .left.order-0,
#service-3 .block-2 .left.order-0{
order: 1;
-ms-flex-order: 1;
}
#service-5 .block-2 .right.order-1,
#service-3 .block-2 .right.order-1{
order: 0;
-ms-flex-order: 0;
}
.page #content #service-2 .block.block-2 > .container-fluid > .row{
flex-flow: column;
-ms-flex-flow: column;
}
.page #content #service-4 .block-printers ul li,
.page #content #service-1 .block.block-steps .step{
padding: 5%;
}
.page #content #service-1 .block.block-steps .step{
text-align: center;
flex-basis: 100%;
}
.page #content #service-4 .block-printers ul li{
width: 31.33%;
margin: 1% !important;
}
.page #content #service-7 .block.block-2 div.content{
position: relative;
top: auto;
right: auto;
width: 100%;
}
.page #content #service-2 div.block-2 .image{
width: 200px;
height: 200px;
margin: 5% auto;
}
.page #content #service-2 .block-2 > .container-fluid > .row > .col{
margin: 5% 0;
}
.page #content #service-7 .block.block-2 div.content ul{
column-count: 1;
-moz-column-count: 1;
-webkit-column-count: 1;
}}
@media (min-width: 768px) and (max-width: 991.98px){
.page #content #service-4 div.block-printers ul li span,
.page #content #service-2 div.block-2 .text,
.page #content #service-5 div.block-2 .content .text,
.page #content #service-3 div.block-2 .content .text,
.page #content #service-1 div.block.block-steps .step .text{
font-size: medium !important;
line-height: 24px;
}
.page #content #digital .block-2 div.block-icons{
width: 680px;
margin: 0 auto !important;
}
.page #content #digital .block-1 p,
.page #content #digital div.block-1 p{
font-size: large;
}
.page #content #service-2 .block-2{
padding: 2.5%;
}
#digital .block-icons{
background-size: 125px 125px;
}
.page #content #service-7 .block.block-2 div.image,
.page #content #service-7 .block.block-2 div.image img{
height: auto;
}
.page #content #service-7 .block.block-2 .image{
left: 0;
}
.page #content #service-7 .block.block-2 div.content{
position: relative;
top: auto;
right: auto;
width: 100%;
}
.page #content #service-4 .block-printers ul li,
.page #content #service-1 .block.block-steps .step,
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 5%;
}
.page #content #service-2 .block.block-2 > .container-fluid > .row{
flex-flow: column;
-ms-flex-flow: column;
}
.page #content #service-4 .block-printers ul li{
width: 31.33%;
margin: 1% !important;
}
.page #content #service-2 div.block-2 .image{
margin: 5% auto;
}
.page #content #service-2 div.block-2 .left{
padding-right: 5%;
}
.page #content #service-2 .block-2 > .container-fluid > .row > .col{
margin: 5% 0;
}}
@media (min-width: 992px) and (max-width: 1199.98px){
.page #content #service-4 div.block-printers ul li span,
.page #content #service-2 div.block-2 .text,
.page #content #service-5 div.block-2 .content .text,
.page #content #service-3 div.block-2 .content .text,
.page #content #service-1 div.block.block-steps .step .text{
font-size: medium !important;
line-height: 24px;
}
.page #content #digital .block-2 div.block-icons{
width: 480px;
margin: 0 auto !important;
}
.page #content #digital .block-1 p,
.page #content #digital div.block-1 p{
font-size: medium;
}
.page #content #service-2 .block-2{
padding: 2.5%;
}
#digital .block-icons{
background-size: 150px 150px;
}
.page #content #service-4 .block-printers ul li,
.page #content #service-1 .block.block-steps .step,
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 2.5%;
}
.page #content #service-2 .block.block-2 > .container-fluid > .row{
flex-flow: column;
-ms-flex-flow: column;
}
.page #content #service-2 div.block-2 .image{
width: 200px;
height: 200px;
margin: 5% auto;
}
.page #content #service-2 .block-2 > .container-fluid > .row > .col{
margin: 5% 0;
}
.page #content #service-1 div.block-advantages ul li{
width: 33.33%;
}} .page-template-page-service-7 .secondary-menu{
height: auto;
min-height: 70px;
}
.page-template-page-service-7 .secondary-menu .menu{
height: auto;
min-height: 70px;
flex-wrap: wrap;
}
.page-template-page-service-7 .selzur360-hero .slogan p{
color: #FFF;
font-size: 1.25rem;
font-weight: 400;
margin: .75rem 0 1.5rem;
}
.page-template-page-service-7 .selzur360-hero .btn-primary,
.page #content #service-7 .selzur360-contact .btn-primary{
background-color: #DD6A31;
white-space: normal;
}
.page-template-page-service-7 .selzur360-hero .btn-primary:hover,
.page #content #service-7 .selzur360-contact .btn-primary:hover{
background-color: #000;
}
.page #content #service-7.selzur360-page .block{
padding: 4.5rem 0;
}
.page #content #service-7 .heading{
margin-bottom: 1.5rem;
}
.page #content #service-7 .heading h2,
.page #content #service-7 .selzur360-plan h2,
.page #content #service-7 .selzur360-contact h2{
color: #004588;
font-size: 1.75rem;
line-height: 1.25;
text-transform: none;
}
.page #content #service-7 .content,
.page #content #service-7 .selzur360-step p,
.page #content #service-7 .selzur360-plan p,
.page #content #service-7 .selzur360-contact p{
color: #4F4F4F;
font-size: 1.0625rem;
font-weight: 300;
line-height: 1.7;
}
.page #content #service-7 .selzur360-intro,
.page #content #service-7 .selzur360-plans,
.page #content #service-7 .selzur360-contact{
background: #FFF;
}
.page #content #service-7 .selzur360-lead{
font-size: 1.25rem;
}
.page #content #service-7 .selzur360-process,
.page #content #service-7 .selzur360-comparison{
background: #F1F4F6;
}
.page #content #service-7 .selzur360-step{
height: 100%;
padding: 1.75rem;
border-top: 4px solid #DD6A31;
background: #FFF;
box-shadow: 0 8px 24px rgba(0, 69, 136, .08);
}
.page #content #service-7 .selzur360-step > span{
display: inline-flex;
align-items: center;
justify-content: center;
width: 2.25rem;
height: 2.25rem;
margin-bottom: 1rem;
border-radius: 50%;
background: #004588;
color: #FFF;
font-weight: 700;
}
.page #content #service-7 .selzur360-step h3{
color: #004588;
font-size: 1.15rem;
font-weight: 700;
line-height: 1.35;
margin-bottom: .75rem;
}
.page #content #service-7 .selzur360-benefits{
background: #004588;
}
.page #content #service-7 .selzur360-benefits .heading h2,
.page #content #service-7 .selzur360-benefits .content{
color: #FFF;
}
.page #content #service-7 .selzur360-benefits .content ul{
margin: 0;
padding-left: 1.25rem;
}
.page #content #service-7 .selzur360-benefits .content li{
margin-bottom: .75rem;
}
.page #content #service-7 .selzur360-benefits-image{
padding-right: 2rem;
}
.page #content #service-7 .selzur360-benefits-image img{
width: 100%;
height: auto;
border-radius: 4px;
box-shadow: 0 8px 24px rgba(0, 0, 0, .2);
}
.page #content #service-7 .selzur360-plan{
height: 100%;
padding: 2rem;
border: 1px solid rgba(0, 69, 136, .2);
border-radius: 4px;
background: #FFF;
}
.page #content #service-7 .selzur360-plan-premium{
border-top: 5px solid #DD6A31;
background: #F7F9FA;
}
.page #content #service-7 .selzur360-plan-pro{
border-top: 5px solid #004588;
}
.page #content #service-7 .selzur360-plan-label{
color: #7C7C7C;
font-size: .875rem;
font-weight: 700;
letter-spacing: .04em;
margin-bottom: .5rem;
text-transform: uppercase;
}
.page #content #service-7 .selzur360-plan-base{
margin: 1.25rem 0;
}
.page #content #service-7 .selzur360-comparison-grid{
display: grid;
grid-template-columns: minmax(240px, 2fr) repeat(2, minmax(130px, 1fr));
border: 1px solid rgba(0, 69, 136, .18);
background: #FFF;
}
.page #content #service-7 .selzur360-comparison-grid > div{
display: flex;
flex-direction: column;
justify-content: center;
min-height: 82px;
padding: 1rem 1.25rem;
border-bottom: 1px solid rgba(0, 69, 136, .12);
}
.page #content #service-7 .selzur360-comparison-grid > div:not(.selzur360-comparison-feature){
align-items: center;
border-left: 1px solid rgba(0, 69, 136, .12);
text-align: center;
}
.page #content #service-7 .selzur360-comparison-heading{
min-height: auto;
background: #004588;
color: #FFF;
font-weight: 700;
}
.page #content #service-7 .selzur360-comparison-grid > div:nth-last-child(-n+3){
border-bottom: 0;
}
.page #content #service-7 .selzur360-comparison-feature{
color: #004588;
font-weight: 700;
}
.page #content #service-7 .selzur360-contact{
border-top: 1px solid rgba(0, 69, 136, .16);
}
.page #content #service-7 .selzur360-contact p{
margin-bottom: 2rem;
}
@media (max-width: 991.98px){
.page #content #service-7.selzur360-page .block{
padding: 3.75rem 0;
}
.page #content #service-7 .selzur360-step{
margin-bottom: 1.5rem;
}
.page #content #service-7 .selzur360-benefits-image{
margin-bottom: 2rem;
padding-right: 0;
}
.page #content #service-7 .selzur360-plans .col-lg-6 + .col-lg-6{
margin-top: 1.5rem;
}
}
@media (max-width: 767.98px){
.page-template-page-service-7 .secondary-menu{
overflow-x: auto;
}
.page-template-page-service-7 .secondary-menu .w-75{
width: 100% !important;
}
.page-template-page-service-7 .secondary-menu .menu{
flex-wrap: nowrap;
justify-content: flex-start;
padding: 0 1rem;
}
.page-template-page-service-7 .secondary-menu .menu li{
flex: 0 0 auto;
margin: 0 1rem 0 0;
}
.page-template-page-service-7 .selzur360-hero .slogan p{
font-size: 1rem;
}
.page-template-page-service-7 .selzur360-hero .btn,
.page #content #service-7 .selzur360-contact .btn{
display: block;
width: 100%;
white-space: normal;
}
.page #content #service-7 .container-fluid.w-75{
width: 90% !important;
}
.page #content #service-7.selzur360-page .block{
padding: 3rem 0;
}
.page #content #service-7 .heading h2,
.page #content #service-7 .selzur360-plan h2,
.page #content #service-7 .selzur360-contact h2{
font-size: 1.45rem;
}
.page #content #service-7 .selzur360-lead{
font-size: 1.1rem;
}
.page #content #service-7 .selzur360-comparison-grid{
grid-template-columns: 1fr 1fr;
}
.page #content #service-7 .selzur360-comparison-feature{
grid-column: 1 / -1;
min-height: auto;
background: #F7F9FA;
}
.page #content #service-7 .selzur360-comparison-heading:first-child{
grid-column: 1 / -1;
}
.page #content #service-7 .selzur360-comparison-grid > div:not(.selzur360-comparison-feature){
border-left: 0;
}
.page #content #service-7 .selzur360-comparison-grid > div:not(.selzur360-comparison-feature) + div:not(.selzur360-comparison-feature){
border-left: 1px solid rgba(0, 69, 136, .12);
}
.page #content #service-7 .selzur360-comparison-grid > div:nth-last-child(-n+3){
border-bottom: 1px solid rgba(0, 69, 136, .12);
}
.page #content #service-7 .selzur360-comparison-grid > div:nth-last-child(-n+2){
border-bottom: 0;
}
}
@media (min-width: 1200px) and (max-width: 1440.98px){
.page #content #service-4 div.block-printers ul li span,
.page #content #service-2 div.block-2 .text,
.page #content #service-5 div.block-2 .content .text,
.page #content #service-3 div.block-2 .content .text,
.page #content #service-1 div.block.block-steps .step .text{
font-size: medium !important;
line-height: 24px;
}
.page #content #digital .block-2 div.block-icons{
width: 480px;
margin: 0 auto !important;
}
.page #content #service-2 .block-2{
padding: 2%;
}
#digital .block-icons{
background-size: 150px 150px;
}
.page #content #service-4 .block-printers ul li,
.page #content #service-1 .block.block-steps .step,
.page #content #service-5 .block-2 .left .content,
.page #content #service-3 .block-2 .left .content,
.page #content #service-3 .block-2 .right .content{
padding: 2.5%;
}
.page #content #service-1 div.block-advantages ul li{
width: 33.33%;
}}