/* ===== bootstrap.min.css (1207 -> 128 Regeln, 77 KB) ===== */
:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}
*,::after,::before{box-sizing:border-box}
html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
article,footer,header,main,nav,section{display:block}
body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}
[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}
hr{box-sizing:content-box;height:0;overflow:visible}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}
p{margin-top:0;margin-bottom:1rem}
dl,ul{margin-top:0;margin-bottom:1rem}
ul ul{margin-bottom:0}
dt{font-weight:700}
b,strong{font-weight:bolder}
small{font-size:80%}
sub{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
a{color:#007bff;text-decoration:none;background-color:transparent}
a:hover{color:#0056b3;text-decoration:underline}
a:not([href]){color:inherit;text-decoration:none}
a:not([href]):hover{color:inherit;text-decoration:none}
samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}
img{vertical-align:middle;border-style:none}
svg{overflow:hidden;vertical-align:middle}
table{border-collapse:collapse}
caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}
th{text-align:inherit}
label{display:inline-block;margin-bottom:.5rem}
button{border-radius:0}
button:focus{outline:1px dotted;outline:5px auto -webkit-focus-ring-color}
button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}
button,input{overflow:visible}
button,select{text-transform:none}
select{word-wrap:normal}
[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}
[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}
[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=time]{-webkit-appearance:listbox}
textarea{overflow:auto;resize:vertical}
fieldset{min-width:0;padding:0;margin:0;border:0}
legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}
progress{vertical-align:baseline}
[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}
::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}
template{display:none}
[hidden]{display:none!important}
h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:2.5rem}
h2{font-size:2rem}
h3{font-size:1.75rem}
h4{font-size:1.5rem}
h5{font-size:1.25rem}
h6{font-size:1rem}
hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}
small{font-size:80%;font-weight:400}
.img-fluid{max-width:100%;height:auto}
.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.container-fluid{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
@media (min-width:576px){.container{max-width:540px}}
@media (min-width:768px){.container{max-width:720px}}
@media (min-width:992px){.container{max-width:960px}}
@media (min-width:1200px){.container{max-width:1140px}}
.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}
.col-6,.col-lg-12,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-12,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-sm-12{position:relative;width:100%;padding-right:15px;padding-left:15px}
.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}
.order-1{-ms-flex-order:1;order:1}
.order-2{-ms-flex-order:2;order:2}
@media (min-width:576px){.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
@media (min-width:768px){.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}}
@media (min-width:992px){.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}}
.dropdown{position:relative}
.dropdown-toggle{white-space:nowrap}
.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}
.dropdown-toggle:empty::after{margin-left:0}
.d-flex{display:-ms-flexbox!important;display:flex!important}
@media (min-width:576px){.d-sm-block{display:block!important}}
@media (min-width:768px){.d-md-block{display:block!important}}
@media (min-width:992px){.d-lg-none{display:none!important}}
.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}
.align-items-center{-ms-flex-align:center!important;align-items:center!important}
.mt-0{margin-top:0!important}
.mt-2{margin-top:.5rem!important}
.mb-2{margin-bottom:.5rem!important}
.ml-2{margin-left:.5rem!important}
.mt-3{margin-top:1rem!important}
.mr-3{margin-right:1rem!important}
.mb-3{margin-bottom:1rem!important}
.mt-4{margin-top:1.5rem!important}
.mr-4{margin-right:1.5rem!important}
.mb-4{margin-bottom:1.5rem!important}
.ml-4{margin-left:1.5rem!important}
.mb-5{margin-bottom:3rem!important}
.pb-1{padding-bottom:.25rem!important}
.pt-2{padding-top:.5rem!important}
.pb-2{padding-bottom:.5rem!important}
.pt-3{padding-top:1rem!important}
.pb-3{padding-bottom:1rem!important}
.pt-4{padding-top:1.5rem!important}
.pr-4{padding-right:1.5rem!important}
.pb-4{padding-bottom:1.5rem!important}
.pl-4{padding-left:1.5rem!important}
.pt-5{padding-top:3rem!important}
.text-white{color:#fff!important}
@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}}
/* ===== theme-default.css (250 -> 63 Regeln, 9 KB) ===== */
@font-face{font-family:Roboto;font-style:italic;font-weight:400;font-display:swap;src:url("../assets/fonts/roboto/roboto-400-italic-latin.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:italic;font-weight:700;font-display:swap;src:url("../assets/fonts/roboto/roboto-700-italic-latin.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:400;font-display:swap;src:url("../assets/fonts/roboto/roboto-400-normal-latin.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:500;font-display:swap;src:url("../assets/fonts/roboto/roboto-500-normal-latin.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:700;font-display:swap;src:url("../assets/fonts/roboto/roboto-700-normal-latin.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roboto;font-style:normal;font-weight:900;font-display:swap;src:url("../assets/fonts/roboto/roboto-900-normal-latin.woff2") format("woff2");unicode-range:U+0-FF,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body,html{overflow-x:hidden}
:root{--ab-primary-color:#1860aa;--ab-secondary-color:#00247e;--ab-light:#fff;--ab-dark:#212529;--ab-body-color:#616161;accent-color:var(--green)}
body{color:#212121;font-size:16px;font-weight:400;line-height:1.9;text-align:left;font-family:Roboto,sans-serif}
p{font-weight:400;font-style:normal}
h1,h2,h3,h4,h5,h6{color:#121212;font-family:Roboto,sans-serif;font-style:normal;margin-bottom:0;margin-top:11px;line-height:1.2;font-weight:600;-webkit-transition:.5s;transition:.5s;font-size:36px}
a{-webkit-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s}
a{color:#1860aa}
a:focus{text-decoration:none;outline:0}
a:focus,a:hover{text-decoration:none;text-decoration:none}
.uppercase{text-transform:uppercase}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a{color:inherit;-webkit-transition:.5s;transition:.5s}
h1{font-size:42px}
h2{font-size:35px}
h3{font-size:30px}
h4{font-size:24px}
h5{font-size:20px}
h6{font-size:18px}
ul{margin:0;padding:0}
ul{margin:0;padding:0}
button:focus,input:focus{border-color:transparent;outline-color:transparent}
textarea:focus{border-color:transparent;outline-color:transparent}
hr{margin:40px 0;padding:0;border-bottom:1px solid #eceff8;border-top:0}
label{color:#111;cursor:pointer;font-size:14px;font-weight:400}
ul{list-style:none}
a,em,i,li,ul,var{font-style:normal;font-weight:400}
.bg_color{background:#1860aa}
.bg_color2{background:#f9f9f9}
.text_center{text-align:center}
.bg_fixed{background-attachment:fixed;background-repeat:no-repeat;background-size:cover;background-position:center center}
.nagative_mb{position:relative;margin-bottom:-180px;z-index:1}
::-moz-selection{background:#4fc1f0;color:#6c6c6c;text-shadow:none}
::-moz-selection{background:#4fc1f0;color:#6c6c6c;text-shadow:none}
::selection{background:#4fc1f0;color:#6c6c6c;text-shadow:none}
::placeholder{color:#6c6c6c;font-size:16px}
::-webkit-input-placeholder{color:#6c6c6c}
::-moz-placeholder{color:#6c6c6c}
.pt-280{padding-top:280px}
.pt-100{padding-top:100px}
.pt-95{padding-top:95px}
.pt-90{padding-top:90px}
.pt-80{padding-top:80px}
.pt-70{padding-top:70px}
.pt-40{padding-top:40px}
.pt-35{padding-top:35px}
.pb-100{padding-bottom:100px}
.pb-90{padding-bottom:90px}
.pb-80{padding-bottom:80px}
.pb-70{padding-bottom:70px}
.pb-60{padding-bottom:60px}
.pb-50{padding-bottom:50px}
.pb-40{padding-bottom:40px}
.pb-20{padding-bottom:20px}
.mt-70{margin-top:70px}
.mb-55{margin-bottom:55px}
.mb-50{margin-bottom:50px}
.mb-40{margin-bottom:40px}
.mb-30{margin-bottom:30px}
/* ===== meanmenu.min.css (36 -> 36 Regeln, 3 KB) ===== */
a.meanmenu-reveal{display:none}
.mean-container .mean-bar{background: #2565ad;
float: left;
min-height: 60px;
padding: 4px 0 0;
position: relative;
width: 100%;
z-index: 999999;}
.mean-container a.meanmenu-reveal{width:22px;height:22px;padding:18px;top:0;right:0;cursor:pointer;color:#fff;text-decoration:none;font-size:16px;text-indent:-9999em;line-height:22px;font-size:1px;display:block;font-family:Arial,Helvetica,sans-serif;font-weight:700;float: right;}
.mean-container a.meanmenu-reveal span{display:block;background:#fff;height:3px;margin-top:3px}
.mean-container .mean-nav{float:left;width:100%;background:#0c1923}
.mean-container .mean-nav ul{padding: 0;margin: 0;width: 100%;list-style-type: none;}
.mean-container .mean-nav ul li ul li ul{display: inherit !important;}
.mean-container .mean-nav ul li{background: #f8f8f8 none repeat scroll 0 0;
float: left;
position: relative;
width: 100%;
border-top: 1px solid#ddd;}
.mean-container .mean-nav ul li a{background: #f8f8f8 none repeat scroll 0 0;
color: #666666;
display: block;
float: left;
font-size: 14px;
margin: 0;
padding: 1em 5%;
text-align: left;
text-decoration: none;
text-transform: uppercase;
width: 90%;
font-weight: bold;}
.mobile-menu-area{background: #262626;}
.mean-container .mean-nav ul li li a{border-top: 1px solid rgba(255, 255, 255, 0.25);
opacity: 0.75;
padding: 1em 10%;
text-shadow: none !important;
visibility: visible;
width: 80%;
font-weight: normal;
text-transform: capitalize;
color: #444;}
.mean-container .mean-nav ul li.mean-last a{border-bottom:0;margin-bottom:0}
.mean-container .mean-nav ul li li li a{width:70%;padding:1em 15%}
.mean-container .mean-nav ul li li li li a{width:60%;padding:1em 20%}
.mean-container .mean-nav ul li li li li li a{width:50%;padding:1em 25%}
.mean-container .mean-nav ul li a:hover{background: #f8f8f8 none repeat scroll 0 0;
color: #F47E1E;}
.mean-container .mean-nav ul li a.mean-expand{width:26px;
height: 15px;
margin-top: 1px;
padding: 12px !important;
text-align:center;
position:absolute;
right:0;top:0;
z-index:2;
font-weight:700;
background:rgba(255,255,255,.1);
border:0!important;
background: #F8F8F8;}
.mean-container .mean-nav ul li a.mean-expand:hover{background: #f8f8f8;}
.mean-container .mean-push{float:left;width:100%;padding:0;margin:0;clear:both}
.mean-nav .wrapper{width:100%;padding:0;margin:0}
.mean-container .mean-bar,.mean-container .mean-bar *{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}
.mean-remove{display:none!important}
.mean-container .mean-bar::after{color: #ffffff;
content: "MENU";
font-size: 21px;
left: 5%;
position: absolute;
top: 12px;}
.mean-container .mean-bar::after{display: none;}
.mean-container .mean-nav ul li a:hover{color: #2565ad;
border-radius: 0;}
.mean-container a.meanmenu-reveal span{background: #fff;}
.mobile-menu-area{background: #fff none repeat scroll 0 0;}
.mean-container .mean-nav ul li a{background: #fff;
color: #444;
display: block;}
.mean-container .mean-nav ul li a.mean-expand{background: none;
top: -4px;}
.mean-container .mean-nav ul li a.mean-expand:hover{background: none;}
.mean-container .mean-nav ul li{background: #444;}
.mean-container .mean-nav ul li li a{color: #151948;
opacity: .90;
border-top: 0;}
.mean-container a.meanmenu-reveal{color: #fff;}
.meanmenu-reveal.meanclose:hover{color: #fff !important;}
.mean-container a.meanmenu-reveal:hover span{background: #fff;}
.mean-container .mean-bar::before{color: #fff;
content: url("../assets/../../picture/netsysIT_Logo_white_small.png");
font-size: 22px;
font-weight: 800;
left: 10px;
position: absolute;
top: 10px;}
/* ===== widget.css (27 -> 4 Regeln, 2 KB) ===== */
.footer-middle .widget h5{color:#333;font-size:24px;text-transform:capitalize}
table#wp-calendar td{border:1px solid #e5e5e5;color:#444;padding:5px 10px;text-align:center;vertical-align:top;font-size:14px}
table#wp-calendar th{border:1px solid #e5e5e5;color:#333;font-size:13px;font-weight:700;padding:5px 10px;text-align:center;text-transform:uppercase;vertical-align:middle}
table#wp-calendar td#today{color:#fff;background-color:#0762f8}
/* ===== responsive.css (418 -> 133 Regeln, 20 KB) ===== */
@media (min-width:1200px) and (max-width:1500px){.menu>ul>li a{padding:28px 20px 30px 0;font-size:15px}}
@media (min-width:992px) and (max-width:1199px){.menu>ul>li a{padding:28px 20px 30px 0;font-size:15px}.techno_menu>ul>li>a{font-size:14px!important;margin:30px 6px!important}.top_feature .techno_flipbox .techno_flipbox_inner{padding:0 20px!important}.section_main_title h1,.section_main_title h2{font-size:35px}.techno_flipbox .techno_flipbox_back,.techno_flipbox .techno_flipbox_font{min-height:280px!important}.it_work_style_two .techno_flipbox .techno_flipbox_back,.it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:410px!important}.service_style_ten_content h4 a{font-size:20px!important}.style-two .section_main_title h1{font-size:32px}.top_feature .techno_flipbox .flipbox_title h3{font-size:19px}.company-info-desc p{font-size:15px}.singel-about-content p{font-size:15px}.section_content_text p{font-size:16px}.techno_flipbox_font .flipbox_desc p{font-size:15px}.text_left .section_main_title h1{font-size:28px}}
@media (min-width:768px) and (max-width:991px){.techno_nav_manu{display:none}.slider_text_inner h1{font-size:50px!important}.about_area .section_main_title h1,.section_main_title h2{font-size:26px}.techno_flipbox .techno_flipbox_back,.techno_flipbox .techno_flipbox_font{min-height:280px!important}.it_work_style_two .techno_flipbox .techno_flipbox_back,.it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:350px!important}.text_center .slider_text_desc p{width:88%}.service_area{padding-bottom:70px!important;text-align:center}.widget.widgets-company-info{padding:25px 0 0}.style-two .section_main_title h1{font-size:28px}.style-two .section_sub_title h5{font-size:15px}.techno_flipbox_font .flipbox_desc p{font-size:15px}.section_main_title h1,.section_main_title h2{font-size:38px}}
@media only screen and (min-width:600px) and (max-width:767px){.techno_nav_manu{display:none}.slider_text_inner h1{font-size:36px!important}.slider_text_inner h5{font-size:16px!important}.section_main_title h1,.section_main_title h2{font-size:38px}.footer-bottom-content-copy p{text-align:center!important}.footer-bottom-right-text{text-align:left!important;padding-bottom:16px}.slider_text_desc p{width:88%!important}.service_area{padding-bottom:70px!important}.single_about_thumb{left:0!important}.style-two .section_sub_title h5:after{left:192px}.style-two .section_sub_title h5:before{left:197px}.style-two .section_main_title h1{font-size:33px}.style-two .section_sub_title h5{font-size:16px}.section_main_title h2{font-size:25px}.text_center .section_content_text p{width:100%;font-size:20px}.section_main_title h2,.service_area .section_main_title h1{font-size:32px}.section_main_title h1{font-size:36px}.widget-nav-menu{padding:25px 0 0}}
@media only screen and (min-width:320px) and (max-width:599px){.techno_nav_manu{display:none}.slider_text_inner h1{font-size:25px!important}.slider_text_inner h5{font-size:14px!important}.button .active{display:none}.section_main_title h1,.section_main_title h2{font-size:26px}.footer-bottom-content-copy p{text-align:center!important}.footer-bottom-right-text{text-align:left!important;padding-bottom:16px}.slider_text_desc p{width:89%!important}.slider_text_desc p{width:100%!important;font-size:15px}.techno_flipbox .techno_flipbox_back,.techno_flipbox .techno_flipbox_font{min-height:280px!important}.it_work_style_two .techno_flipbox .techno_flipbox_back,.it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:350px!important}.button a{padding:12px 22px!important;font-size:15px!important}.service_area{padding-bottom:70px!important}.section_sub_title h6{letter-spacing:1px!important}.widget-title{padding-top:30px}.about_area .single_about_thumb{left:0}.single_about_thumb{left:0}.style-two .section_sub_title h5:after{left:207px}.style-two .section_sub_title h5:before{left:212px}.style-two .section_main_title h1{font-size:25px}.style-two .section_sub_title h5{font-size:15px}.about_area .section_main_title h1,.section_main_title h2{font-size:23px}.singel-about-content p{font-size:15px}.text_center .section_content_text p{width:100%;font-size:17px}.section_main_title h2{font-size:19px;font-weight:600}.section_main_title h2,.service_area .section_main_title h1{font-size:21px}.section_content_text p{font-size:16px}.single_about_thumb img{width:100%}.footer-bottom-right-text a{font-size:15px}.section_main_title h1{font-size:21px;line-height:30px}.section_title h1{font-size:26px}}
@media (min-width:1501px) and (max-width:1700px){.style-two.upper1 .header-button{margin:20px 160px 0 0}.style-two.upper1 .header-button{float:right;margin:20px 124px 0 0}}
@media (min-width:1200px) and (max-width:1499px){.style-two.upper1 .header-button{float:right;margin:20px 190px 0 0}.style-two .slider-button-text h2{font-size:17px}.style-two.upper1 .slider-button-text{margin:20px -166px 0 0}}
@media (min-width:992px) and (max-width:1199px){.logo2 img{width:75%}.techno_menu>ul>li>a{margin:24px 7px;font-size:16px}.sticky .techno_menu>ul>li>a{margin:30px 8px;font-size:16px}nav.techno_menu{text-align:left!important}.search-box-btn{margin-right:16px}.search-box-btn i{font-size:16px}.nav-btn.navSidebar-button span i{display:inline-block;width:40px;height:40px;line-height:40px;font-size:17px}.style-two .slider-button-text{margin:-57px -20px 0 0}.style-two.upper1 .header-button{margin:11px 85px 0 0}.style-two.upper1 .slider-button-text{margin:13px -144px 0 0}.style-two .slider-button-text p{font-size:12px}.style-two .slider-button-text h2{font-size:14px}.contact-us-title h2{font-size:20px}.sticky.style-two .slider-button-text{display:none}.sticky.style-two .header-button{margin:20px 80px 0 0}.company-info-desc p{font-size:15px}h4.widget-title{font-size:22px}.footer-bottom-content-copy p{font-size:15px}.from-box button{right:15px;padding:13px 25px;font-size:16px}.contact-us-title p{font-size:14px}.from-box1 button{padding:12px 28px;font-size:16px}.from-box1 i{font-size:20px}}
@media (min-width:768px) and (max-width:991px){.techno_nav_manu{display:none}.from-box input{width:100%}.contact-us-title p{font-size:14px}.contact-form-box.style-two{padding:34px 9px 30px}.form-title p{font-size:12px}.company-info-desc p{font-size:15px}h4.widget-title{font-size:22px}.footer-bottom-content-copy p{font-size:15px}.from-box button{right:15px;padding:13px 18px;font-weight:500;font-size:15px}.row.footer-bottom{margin-top:5px}.from-box1 button{padding:12px 28px;font-size:16px}.from-box1 i{font-size:20px}}
@media only screen and (min-width:600px) and (max-width:767px){.techno_nav_manu{display:none}h4.widget-title{margin-top:15px;text-align:center}.row.footer-bottom{text-align:center}.footer-bottom-content-copy p{margin-bottom:0}.pt-5{padding-top:0!important}.from-box button{right:15px;font-size:16px}.row.footer-bottom{margin-top:15px}}
@media only screen and (min-width:320px) and (max-width:599px){.techno_nav_manu{display:none}.from-box input{height:50px;padding:7px 20px;width:100%}.from-box button{right:15px;height:50px;padding:9px 11px;font-weight:500;font-size:12px}.widget.widget-nav-menu{text-align:left}h4.widget-title{margin-top:15px;font-size:22px}.row.footer-bottom{text-align:center;margin-top:20px}.contact-us-title h2{font-size:20px}.pt-5{padding-top:0!important}.footer-middle{padding:50px 0 0;margin-top:90px}.contact-form-box.style-two{padding:34px 30px 30px}form#dreamit-form h4{font-size:18px}}
/* ===== slick.css (907 -> 247 Regeln, 89 KB) ===== */
.slider5{background-image:url(../assets/images/slider/slider-10.jpg);background-size:cover;background-position:center center;background-repeat:no-repeat;height:900px}
.slider_text_inner{display:inline-block}
.slider_text_inner h2{font-size:65px;text-transform:none;font-weight:400;color:#fff;margin:0;margin:0;line-height:1.1;text-shadow:5px 5px 10px #00000021}
.slider_text_inner h2 span{color:#fff;font-size:52px;font-weight:600;font-style:italic;text-shadow:5px 5px 10px #ffffff21}
.slider_text_inner h5{font-size:20px;color:#fff;font-weight:500;letter-spacing:0;margin:0 0 24px;letter-spacing:1px}
.slider_text_inner p{width:70%;font-size:16px;padding:29px 0 22px;color:#fff}
.slider_text_desc p{color:#fff;width:62%;font-size:18px}
.text_center .slider_text_desc p{margin:auto}
.button a{background:#1860aa;padding:16px 32px;font-size:18px;font-weight:500;display:inline-block;transition:.5s;position:relative;overflow:hidden;z-index:44;border-radius:5px;color:#fff}
.button .active{background:#00247e;margin-left:25px}
.button .active:before{background:#1860aa}
.button a i{margin-left:5px;position:relative;top:2px}
.button a:before{position:absolute;content:"";top:0;height:100%;left:-25%;width:0%;background:#044994;transform:skew(50deg);transition-duration:.6s;z-index:-1}
.button a:hover{color:#fff}
.button a:hover:before{width:180%}
.breatcome_area{background:url(../assets/images/slider/slider-10.jpg);background-repeat:no-repeat;background-size:cover;background-position:center center;height:300px;position:relative}
.breatcome_area:before{position:absolute;content:"";background-image:linear-gradient(to right,rgba(12,90,219,.85),rgba(12,90,219,.8),rgba(18,85,194,.7),rgba(34,86,172,.75),rgba(38,85,163,.75));width:100%;height:100%;top:0;left:0}
.breatcome_title{text-align:center}
.breatcome_title_inner h2{color:#fff;font-size:50px;font-weight:700}
.breatcome_content ul li{display:inline-block}
.breatcome_content ul li a{color:#fff;opacity:.7;transition:.5s}
.breatcome_content ul li i{color:#fff;opacity:.7;padding:0 5px}
.breatcome_content ul li span{color:#fff;opacity:.7}
.breatcome_content ul li a:hover{opacity:1}
.section_sub_title h6{letter-spacing:5px;color:#1860aa;font-size:16px}
.section_title.text_center{text-align:center}
.section_main_title h1,.section_main_title h2{font-weight:600;margin:0}
.text_left .section_main_title h1{margin:0;letter-spacing:-1px}
.section_main_title h1 span{color:#1860aa}
.section_content_text p{font-size:16px}
.text_center .section_content_text p{width:75%;margin:auto;font-size:19px}
.section_content_text.bold p{font-size:18px;font-weight:600}
.section_sub_title h6{letter-spacing:0;color:#1860aa;font-size:16px}
.upper1.section_content_text p{font-size:16px;padding:18px 0 0;width:100%}
.section_sub_title h5{letter-spacing:0;color:#1860aa;font-size:16px;position:relative;z-index:1;font-weight:600;text-transform:capitalize;padding:0 0 18px 20px}
.section_sub_title h5:before{position:absolute;content:"";z-index:-1;left:0;top:-12px;filter:drop-shadow(0px 5px 15px rgba(152, 179, 223, .2));background-color:#fff;width:145px;height:42px;border-radius:4px}
.style-two .section_sub_title h5{letter-spacing:0;color:#1860aa;font-size:18px;position:relative;z-index:1;font-weight:600;text-transform:capitalize;padding:0 0 16px 24px}
.style-two .section_sub_title h5:before{position:absolute;content:"";z-index:-1;left:7px;top:8px;right:inherit;width:9px;height:9px;border-radius:9px;background:#1860aa}
.style-two .section_sub_title h5:after{position:absolute;content:"";left:1px;top:3px;right:inherit;width:12px;height:12px;border-radius:12px;background:rgba(35,181,255,.7019607843137254)}
.style-two .section_main_title h1{font-weight:800;margin:0;font-size:38px;line-height:1.3}
.style-two .section_content_text p{font-size:16px;padding:16px 0 0}
.section_sub_title span{position:relative;z-index:1}
.section_main_title h5{font-size:18px;letter-spacing:0;margin:0 0 20px;position:relative;left:31px;text-transform:uppercase}
.section_main_title h5:before{position:absolute;content:"";top:-2px;left:-31px;height:29px;width:22px;background:url(../assets/images/icon2.png);background-repeat:no-repeat}
.about_area{position:relative}
.top_feature .techno_flipbox .techno_flipbox_font{background:#fff;border-radius:8px;box-shadow:0 5px 20px rgba(0,0,0,.1);border:0}
.top_feature .techno_flipbox .techno_flipbox_back{background:#1860aa;box-shadow:0 5px 20px rgba(0,0,0,.1);border-radius:8px}
.top_feature .techno_flipbox .techno_flipbox_inner{padding:0 30px}
.top_feature .techno_flipbox .techno_flipbox_back::before{display:none}
.top_feature .icon{color:#1860aa;font-size:45px;display:inline-block;line-height:46px}
.top_feature .techno_flipbox .flipbox_title h3{font-size:18px;color:#232323;font-weight:500;font-family:Roboto}
.techno_flipbox_font{border:1px solid #1860aa;border-radius:8px}
.techno_flipbox{perspective:1000px;position:relative;transform-style:preserve-3d;-webkit-perspective:1000px;-webkit-transform-style:preserve-3d;z-index:1}
.techno_flipbox .techno_flipbox_back,.techno_flipbox .techno_flipbox_font{min-height:250px;height:auto;box-shadow:0 1px 51.3px 5.7px rgba(137,143,156,.15);-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:rotateX(0);-webkit-transform:rotateX(0);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:transform .7s ease,-webkit-transform .7s ease;position:relative}
.techno_flipbox .techno_flipbox_back::before{position:absolute;content:"";left:0;top:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent -80%,#00247e)}
.icon{font-size:45px;line-height:45px}
.techno_flipbox .techno_flipbox_inner{text-align:center;padding:0 25px;border-radius:2px;position:absolute;left:0;top:50%;width:100%;perspective:inherit;-webkit-perspective:inherit;outline:transparent solid 1px;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateY(-50%) translateZ(60px) scale(.94);transform:translateY(-50%) translateZ(60px) scale(.94);z-index:2}
.techno_flipbox_icon{font-size:45px;text-align:center;display:inline-block;color:#fff;overflow:hidden}
.techno_flipbox_font .flipbox_desc p{color:#fff}
.techno_flipbox .flipbox_title h3{font-size:22px;padding-bottom:13px;-webkit-transition:all .7s ease 0s;transition:all .7s ease 0s;color:#fff}
.techno_flipbox .techno_flipbox_back{position:absolute;top:0;left:0;width:100%;border-radius:2px;-webkit-transform:rotateX(180deg);transform:rotateX(180deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d}
.techno_flipbox_back .flipbox_desc p{color:#fff}
.techno_flipbox .techno_flipbox_back .flipbox_title h3{padding-bottom:16px;padding-top:0;color:#fff;margin-bottom:0}
.techno_flipbox .techno_flipbox_back .flipbox_desc,.techno_flipbox .techno_flipbox_font .flipbox_desc{color:#fff}
.techno_flipbox:hover .techno_flipbox_font{-webkit-transform:rotateX(-180deg);transform:rotateX(-180deg)}
.techno_flipbox:hover .techno_flipbox_back{-webkit-transform:rotateX(0);transform:rotateX(0)}
.pages .techno_flipbox .techno_flipbox_font .flipbox_title h3{color:#444}
.pages .techno_flipbox_font .flipbox_desc p{color:#666}
.singel-about-content{overflow:hidden}
.singel-about-content.boder{border-left:1px solid #ddd}
.singel-about-content h5{font-weight:700;margin:0}
.single_about_thumb_inner img{width:100%}
.about_thumb img{width:100%}
.about_skill_thumb img{width:100%}
.pd_gap{background:#fff;padding:18px 0 18px;border-radius:8px}
.service_style_five_button a{transition:.5s}
.service_style_five_button a i{margin-left:5px}
.single_service_style_ten{box-shadow:0 10px 30px 3px rgba(0,0,0,.1);background:#fff;padding:30px 30px 15px;position:relative;transition:.5s;margin-bottom:30px}
.single_service_style_ten::before{position:absolute;left:0;bottom:0;content:"";height:3px;width:20%;background:#1860aa;transition:.5s}
.single_service_style_ten:hover:before{width:100%}
.single_service_style_ten:hover{transform:translateY(-10px)}
.single_service_style_ten:hover .service_style_ten_icon .icon{background:rgba(12,90,219,.9);color:#fff}
.service_style_ten_content h4 a{font-size:20px;font-weight:600}
.service_style_ten_icon .icon{background:rgba(12,90,219,.1);display:inline-block;height:70px;width:70px;line-height:70px;text-align:center;font-size:35px;color:#1860aa;border-radius:5px;transition:.5s}
.owl-dots{text-align:center;position:relative;right:0;left:0;cursor:pointer}
.owl-dot.active{background:#1860aa;width:40px}
.owl-dot{height:6px;width:30px;background:#ccc;line-height:30px;display:inline-block;margin-right:12px;border-radius:103px;transition:.5s}
.section_main_title h4{color:#bbf838;font-size:16px;font-weight:500;padding:0 0 18px}
.service-details-pn-about{position:relative;z-index:1}
.service-details-pn-about::before{position:absolute;left:0;top:0;height:100%;width:100%;content:"";background:rgba(12,90,219,.85);z-index:-1}
.service-details-pn-about-content{text-align:center}
.service-details-pn-about-content-title h4{color:#fff;font-weight:700}
.service-details-pn-about-content-text p{color:#fff}
.service-details-pn-about-content-button a{display:inline-block;padding:10px 30px;background:#fff;color:#1860aa;border-radius:5px;font-size:17px;font-weight:700}
li.current a{background:#1860aa;color:#fff}
.section_main_title h2{font-size:39px}
.it_work_style_two .techno_flipbox .techno_flipbox_back,.it_work_style_two .techno_flipbox .techno_flipbox_font{min-height:410px}
.it_work_style_two .it_work_style_two .techno_flipbox .techno_flipbox_inner{top:50%}
.techno_flipbox_font .icon{color:#fff;font-size:30px;line-height:80px;height:80px;width:80px;background:#1860aa;border-radius:33% 66% 70% 30%/49% 62% 38% 51%!important;display:inline-block}
.it_work_style_two .techno_flipbox_font{background:#fff;border:2px solid #e8ecfc;border-radius:7px 7px 7px 7px}
.it_work_style_two .techno_flipbox_font .flipbox_title h3{color:#444;font-size:20px;font-weight:600}
.it_work_style_two .techno_flipbox_font .flipbox_desc p{color:#212121}
.it_work_style_two .techno_flipbox .techno_flipbox_back::before{background:inherit}
.section_main_title p{padding:22px 0 0}
.footer-middle{background-repeat:no-repeat;background-position:center center;background-size:cover;background:#111a3a}
.widget-title{color:#fff;font-size:22px}
.company-info-desc p{color:#fff}
.menu-quick-link-container ul li a{color:#fff;position:relative;transition:.5s}
.menu-quick-link-container ul li a:before{position:absolute;content:"";left:-24px;top:10px;height:1px;width:13px;background:#fff}
.menu-quick-link-container ul li{padding-bottom:10px;list-style:none}
.follow-company-icon a{font-size:16px;color:#fff;margin:0 5px;font-weight:500;display:inline-block;transition:.5s}
.footer-social-info p span{font-weight:600!important;color:#fff}
.footer-social-info p{color:#fff}
.follow-company-icon a:hover{color:#1860aa}
.menu-quick-link-container ul li a:hover{color:#1860aa}
.follow-company-icon{display:inline-block}
.footer-bottom{border-top:1px solid rgba(255,255,255,.23)}
.footer-bottom-content-copy p{color:#fff}
.footer-bottom-right-text a{color:#fff;display:inline-block;transition:.5s}
.footer-bottom-right-text .absod{margin-right:30px;position:relative}
.footer-bottom-right-text .absod::before{position:absolute;content:"";right:-17px;top:6px;height:14px;width:1px;background:#fff;transform:skew(-20deg)}
.footer-bottom-right-text a:hover{color:var(--ab-primary-color)}
#scrollUp{background:#1860aa none repeat scroll 0 0;bottom:30px;color:#fff;font-size:22px;height:40px;line-height:40px;right:100px;text-align:center;width:40px;border-radius:50%}
.column-content p{padding:10px 0 0}
html{scroll-behavior:smooth}
.techno_nav_manu{background:0 0;z-index:444;position:relative;margin-bottom:-91px;border-bottom:1px solid #807e94}
.upper1.techno_nav_manu{background:#fff;z-index:444;position:relative;margin-bottom:0;border-bottom:1px solid #fff;padding:0 0 0 42px;transition:.5s}
.logo2 img{width:40%}
.techno_menu ul{list-style:none;display:inline-block;margin-left:30px}
.techno_menu>ul>li{display:inline-block;position:relative}
.techno_menu>ul>li>a{display:block;margin:30px 18px;-webkit-transition:.5s;position:relative;color:#111;font-size:18px;font-weight:500;font-family:Roboto;background:linear-gradient(to right,#1860aa,#1860aa,50%,#111 50%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-size:200%,100%;background-position:100%}
ul.nav_scroll li i{font-size:15px;display:inline-block}
.techno_menu>ul>li>a:hover{background-position:0}
.sticky{left:0;margin:auto;position:fixed!important;top:0;width:100%;-webkit-box-shadow:0 2px 5px -2px rgba(0,0,0,.1);box-shadow:0 2px 5px -2px rgba(0,0,0,.1);background:#000;transition:.5s;z-index:4;border:0}
.sticky .techno_menu>ul>li>a{display:block;margin:30px 18px;transition:.5s;position:relative;color:#fff;font-size:18px;font-weight:500}
.sticky.upper1.techno_nav_manu{z-index:444;position:relative;margin-bottom:-91px;border-bottom:none;padding:0 0 0 42px;background:#fff}
.sticky.style-two .search-box-btn i{display:inline-block;color:#fff;line-height:50px;text-align:center;font-size:16px;cursor:pointer}
.sticky.style-two .header-button{float:right;margin:20px 138px 0 0}
.sticky.style-two .slider-button-text{float:right;position:relative;margin:-72px 0 0 0}
.techno_menu ul .sub-menu{position:absolute;left:0;top:130%;width:240px;text-align:left;background:#fff;margin:0;z-index:1;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.3);transition:.5s;opacity:0;visibility:hidden;border-top:2px solid #1860aa}
.techno_menu ul li:hover>.sub-menu{opacity:1;visibility:visible;top:100%;z-index:9}
.techno_menu ul .sub-menu li{position:relative}
.techno_menu ul .sub-menu li a{display:block;padding:12px 20px;margin:0;line-height:1.3;letter-spacing:normal;font-size:16px;font-weight:500;font-family:Roboto;transition:.1s;visibility:inherit!important;color:#616161;border-bottom:1px solid rgba(0,0,0,.1)}
.techno_menu ul .sub-menu .sub-menu .sub-menu .sub-menu li:hover>a,.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>a,.techno_menu ul .sub-menu .sub-menu li:hover>a,.techno_menu ul .sub-menu li:hover>a{background:#1860aa;color:#fff!important}
.techno_menu ul .sub-menu .sub-menu{left:100%;top:130%;opacity:0;visibility:hidden}
.techno_menu ul .sub-menu li:hover>.sub-menu{opacity:1;visibility:visible;top:0}
.techno_menu ul .sub-menu .sub-menu li{position:relative}
.techno_menu ul .sub-menu .sub-menu .sub-menu{right:100%;left:auto;top:130%;opacity:0;visibility:hidden}
.techno_menu ul .sub-menu .sub-menu li:hover>.sub-menu{opacity:1;visibility:visible;top:0}
.techno_menu ul .sub-menu .sub-menu .sub-menu li{position:relative}
.techno_menu ul .sub-menu .sub-menu .sub-menu li:hover>.sub-menu{opacity:1;visibility:visible;top:0}
.techno_menu li a:hover:before{width:101%}
.techno_nav_manu.sticky .logo_img{display:none}
.main_sticky{display:none}
.techno_nav_manu.sticky .main_sticky{display:inherit}
.mobile-menu.mean-container{overflow:hidden}
.search-box-btn{float:right;margin-top:20px;margin-left:0}
.search-box-btn i{display:inline-block;color:#fff;line-height:30px;text-align:center;font-size:22px;cursor:pointer;transition:.5s}
.style-two.upper1 .header-button{float:right;margin:20px 192px 0 0}
.style-two.upper1 .header-button i{display:inline-block;font-size:22px;color:#fff;background:#1860aa;width:48px;height:48px;line-height:48px;border-radius:3px;text-align:center;transition:.5s}
.style-two.upper1 .slider-button-text{float:right;position:relative;margin:20px -184px 0 0;z-index:4}
.style-two .techno_menu ul{list-style:none;display:inline-block;margin-left:5px}
.style-two .header-button{float:right;margin:20px 87px 0 0}
.style-two .header-button i{display:inline-block;font-size:22px;color:#111;background:linear-gradient(to top,#fc7c52 0,#f14230 96%);width:48px;height:48px;line-height:48px;border-radius:3px;text-align:center;transition:.5s}
.style-two .slider-button-text{float:right;position:relative;margin:-72px -51px 0 0}
.style-two .slider-button-text p{color:#111;margin:0;font-size:14px;text-align:left}
.style-two .slider-button-text h2{font-size:20px;color:#111;margin:0}
.style-two .header-button i:hover{transform:rotateY(180deg)}
.nav-btn.navSidebar-button{display:inline-block}
.nav-btn.navSidebar-button span i{display:inline-block;width:50px;height:50px;line-height:50px;background:#1860aa;border-radius:50%;text-align:center;margin-left:20px;font-size:20px}
.xs-sidebar-group .xs-overlay{left:100%;top:0;position:fixed;z-index:101;height:100%;opacity:0;width:100%;visibility:hidden;-webkit-transition:all .4s ease-in .8s;-o-transition:all .4s ease-in .8s;transition:all .4s ease-in .8s}
.xs-sidebar-group .widget-heading{position:absolute;top:0;right:0;padding:25px}
.xs-sidebar-widget{position:fixed;right:-100%;top:0;bottom:0;width:100%;max-width:460px;z-index:999999;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;background-color:#1860aa;-webkit-transition:all .5s cubic-bezier(.9, .03, 0, .96) .6s;-o-transition:all .5s cubic-bezier(.9, .03, 0, .96) .6s;transition:all .5s cubic-bezier(.9, .03, 0, .96) .6s;visibility:hidden;opacity:0}
.xs-sidebar-group.isActive .xs-overlay{opacity:.7;visibility:visible;-webkit-transition:all .8s ease-out 0s;-o-transition:all .8s ease-out 0s;transition:all .8s ease-out 0s;left:0}
.xs-sidebar-group.isActive .xs-sidebar-widget{opacity:1;visibility:visible;right:0;-webkit-transition:all .7s cubic-bezier(.9, .03, 0, .96) .4s;-o-transition:all .7s cubic-bezier(.9, .03, 0, .96) .4s;transition:all .7s cubic-bezier(.9, .03, 0, .96) .4s}
.sidebar-textwidget{padding:40px}
.close-side-widget i{color:#fff;font-size:24px;display:block}
.sidebar-widget-container{position:relative;top:150px;opacity:0;visibility:hidden;-webkit-transition:all .3s ease-in .3s;-o-transition:all .3s ease-in .3s;transition:all .3s ease-in .3s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xs-sidebar-group.isActive .sidebar-widget-container{top:0;opacity:1;visibility:visible;-webkit-transition:all 1s ease-out 1.2s;-o-transition:all 1s ease-out 1.2s;transition:all 1s ease-out 1.2s;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.xs-overlay{position:absolute;top:0;left:0;height:100%;width:100%;opacity:.5;z-index:0}
.xs-bg-black{background-color:#1860aa}
.nav-logo{margin:0 0 50px}
.content-box h2{color:#fff;font-size:26px}
.content-box p{display:inline-block;color:#fff;padding:15px 0 0}
.contact-info h2{color:#fff;font-size:30px;margin-bottom:15px}
ul.list-style-one li{display:block;list-style:none;color:#fff;padding:16px 0 0}
ul.list-style-one li span{font-size:22px;font-weight:600;color:#fff;margin:0 10px 0 0}
ul.social-box{margin:30px 0 0}
ul.social-box li{display:inline-block;list-style:none;margin:0 6px 0 0}
ul.social-box li a{display:inline-block;width:35px;height:35px;line-height:36px;text-align:center;background:#fff;transition:.5s;font-size:18px;border-radius:3px}
ul.social-box li a:hover{background:#63abfc;color:#fff}
.owl-dots{text-align:left;margin:17px 52px 0}
.owl-dot{background:#6e1f33;width:30px;height:4px;border-radius:5px;margin-right:13px;display:inline-block;transition:.5s}
.owl-dot.active{background:#1860aa;width:35px;height:4px;text-align:center;display:inline-block}
.owl-dots{text-align:center!important;margin:48px 0 0;display:block!important}
.from-box input{float:right;height:54px;background-color:#fff;border-color:transparent;transition:.5s;border:1px solid #e6e6e6;padding:7px 20px;display:block;width:80%;color:#00132b;margin-bottom:16px;font-weight:500;position:relative;z-index:1}
.from-box button{position:absolute;z-index:1;top:16px;right:16px;padding:13px 25px;text-transform:uppercase;font-family:Roboto;font-weight:600;font-size:17px;border:0;background:#232434;color:#fff}
.footer-middle{background:url(../assets/images/resource/footer-bg.jpg);padding:195px 0 0;background-repeat:no-repeat;background-size:cover;background-position:center center}
.company-info-desc p{padding:32px 16px 0 0;color:#fff;font-size:17px;margin-bottom:13px}
.widget.widget-nav-menu{padding-left:15px}
h4.widget-title{color:#fff;font-size:22px;padding-bottom:28px;margin-top:0}
h4.widget-title span{color:#1860aa}
.footer-bottom-content{padding-top:22px}
.row.footer-bottom{border-top:1px solid #fff;margin-top:80px}
.footer-bottom-content-copy span{color:#d00a2b}
.contact-us-single-box{margin-bottom:30px;background:#f3f7fa;padding:32px 30px 32px}
.contact-us-icon{float:left;margin-right:25px;margin-top:25px}
.contact-us-icon i{font-size:52px;color:#1860aa}
.contact-us-title{overflow:hidden}
.contact-us-title h2{font-size:24px;text-transform:uppercase}
.contact-us-title p{padding:5px 0 0;margin:0}
.contact-form-box.style-two{background:#f3f7fa;padding:34px 50px 30px;border-radius:8px}
form#dreamit-form h4{font-size:19px;font-weight:600;padding:0 0 19px}
.form-title p{margin:7px 0 10px;color:#1c1c1c}
.style-two .from-box input{float:right;height:54px;background-color:#fff;border-color:transparent;transition:.5s;border:0;padding:7px 20px;display:block;width:100%;color:#00132b;margin-bottom:16px;font-weight:400;position:relative;z-index:1}
.from-box select{height:54px;width:100%;border:0;padding:7px 20px;background-color:#fff;margin-bottom:16px}
.from-box textarea{height:140px;width:100%;border:0;padding:15px 22px 0}
.mathspam{font-weight:700}
.from-box1 button{padding:14px 32px;background:#1860aa;color:#fff;text-transform:uppercase;font-family:Roboto;font-weight:600;font-size:18px;border-radius:5px;border:0;transition:.5s;position:relative;z-index:1;display:inline-block}
.from-box1 button:before{position:absolute;content:"";z-index:-1;top:0;right:0;left:0;bottom:0;margin:auto;background:#fff;transform:scale(0);width:100%;height:100%;transition:.5s;color:#1860aa}
.from-box1 button:hover{color:#1860aa}
.from-box1 button:hover:before{transform:scale(1)}
.from-box1 i{margin-left:5px;display:inline-block;font-size:25px;margin-top:0}
button:focus,input:focus{border-color:transparent;outline-color:transparent;box-shadow:0 0 0 .2rem rgb(237 46 33 / 50%)}
textarea:focus{background:inherit;border-color:transparent;outline-color:transparent;box-shadow:0 0 0 .2rem rgb(237 46 33 / 50%)}
button:focus{border-color:transparent;outline-color:transparent;box-shadow:inherit}
a.active:after{transform:rotate(0);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out}
a.active:before{display:none}
.style-two a.active:after{transform:rotate(45deg);-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border-right:1px solid #fff;border-bottom:1px solid #fff}
.style-two a.active{background:linear-gradient(to right,#ed2b22 0,#ed431d 60%);color:#fff!important}
.style-two a.active:before{background:#fff!important}
.style-two a.active:after{background:#fff!important}
.scroll-area{position:relative;z-index:999}
.scroll-area .go-top{position:fixed;cursor:pointer;top:0;right:30px;color:#fff;background-image:-moz-linear-gradient(0deg,#d1651a 0,#c1282a 100%);background-image:-webkit-linear-gradient(0deg,#d1651a 0,#c1282a 100%);background-image:-ms-linear-gradient(0deg,#d1651a 0,#c1282a 100%);z-index:9999;width:45px;text-align:center;height:45px;line-height:42px;opacity:0;visibility:hidden;-webkit-transition:all .9s ease-out 0s;-moz-transition:all .9s ease-out 0s;-ms-transition:all .9s ease-out 0s;-o-transition:all .9s ease-out 0s;transition:all .9s ease-out 0s;border-radius:10px}
.scroll-area .go-top i{position:absolute;top:50%;left:-4px;right:0;margin:0 auto;font-size:15px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s}
.scroll-area .go-top i:last-child{opacity:0;visibility:hidden;top:60%}
.scroll-area .go-top::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-image:-moz-linear-gradient(0deg,#d1651a 0,#c1282a 100%);background-image:linear-gradient(to right,#00132b 0,#00132b 100%);background-image:-ms-linear-gradient(0deg,#d1651a 0,#c1282a 100%);opacity:0;visibility:hidden;-webkit-transition:all .5s ease-out 0s;-moz-transition:all .5s ease-out 0s;-ms-transition:all .5s ease-out 0s;-o-transition:all .5s ease-out 0s;transition:all .5s ease-out 0s;border-radius:100%}
.scroll-area .go-top:focus,.scroll-area .go-top:hover{color:#fff}
.scroll-area .go-top:focus::before,.scroll-area .go-top:hover::before{opacity:1;visibility:visible}
.scroll-area .go-top:focus i:first-child,.scroll-area .go-top:hover i:first-child{opacity:0;top:0;visibility:hidden}
.scroll-area .go-top:focus i:last-child,.scroll-area .go-top:hover i:last-child{opacity:1;visibility:visible;top:50%}
.scroll-area .go-top.active{top:95%;-webkit-transform:translateY(-98%);-moz-transform:translateY(-98%);-ms-transform:translateY(-98%);-o-transform:translateY(-98%);transform:translateY(-98%);opacity:1;visibility:visible;border-radius:0;right:30px;border-radius:100%}
.top-wrap{position:relative}
.top-wrap .go-top-button{display:inline-block;width:50px;height:50px;line-height:40px;text-align:center;color:#fff;top:3px;z-index:1;background-image:-moz-linear-gradient(0deg,#69ddcc 0,#c1282a 100%);background:#1860aa;background-image:-ms-linear-gradient(0deg,#69ddcc 0,#c1282a 100%)}
.top-wrap .go-top-button i{font-size:20px;font-weight:700;padding-left:4px;color:#fff}
.top-wrap .go-top-button::after{z-index:-1;content:"";position:absolute;left:3px;top:3px;width:45px;height:45px;-webkit-animation:ripple 1.6s ease-out infinite;-moz-animation:ripple 1.6s ease-out infinite;-o-animation:ripple 1.6s ease-out infinite;animation:ripple 1.6s ease-out infinite;opacity:0}
.top-wrap .go-top-button:hover{background-color:#222;color:#fff}
@keyframes ripple{0%,35%{-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);-o-transform:scale(0);transform:scale(0);opacity:1}50%{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5);opacity:.8}100%{opacity:0;-webkit-transform:scale(2);-moz-transform:scale(2);-ms-transform:scale(2);-o-transform:scale(2);transform:scale(2)}}
/* ===== netsys-custom.css (87 -> 76 Regeln, 7 KB) ===== */
html{scroll-behavior:smooth}
[id]{scroll-margin-top:100px}
.netsys-jumpnav .row>[class*=col-]{display:flex}
.netsys-jumpnav .service_style_ten{height:100%}
.netsys-jumpnav .single_service_style_ten{height:100%;display:flex;flex-direction:column}
.netsys-jumpnav .service_style_ten_content{display:flex;flex-direction:column;flex:1 1 auto}
.netsys-jumpnav .service_style_five_button{margin-top:auto}
.about_area .about_thumb img{border-radius:8px}
.section_sub_title h6{letter-spacing:2px;font-weight:600}
.netsys-checklist ul{list-style:none;padding-left:0;margin-bottom:0}
.netsys-checklist ul li{position:relative;padding-left:30px;margin-bottom:14px;line-height:1.5}
.netsys-checklist ul li::before{content:"";font-family:"Font Awesome 6 Free"!important;font-weight:400;position:absolute;left:0;top:1px;color:#086ad8;font-size:1.1em}
.service-details.pages .row>[class*=col-]>:first-child{margin-top:0}
@media (max-width:991px){.about_area .about_thumb{display:none}.netsys-jumpnav .row>[class*=col-]{margin-bottom:30px}[id]{scroll-margin-top:20px}}
.slider-button-text .fernwartung-label{display:block;font-size:17px;font-weight:400;line-height:1.1;margin:0}
@media (max-width:991px){.breatcome_area{height:auto;min-height:200px;padding-top:60px;padding-bottom:40px}.breatcome_area .breatcome_title_inner h2{font-size:30px;line-height:1.3}}
@media (max-width:575px){.breatcome_area{min-height:150px;padding-top:55px;padding-bottom:28px}.breatcome_area .breatcome_title_inner h2{font-size:20px;line-height:1.3;margin-bottom:6px}.breatcome_area .breatcome_content ul li,.breatcome_area .breatcome_content ul li a{font-size:12px}}
.netsys-cta-buttons{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.netsys-cta-btn{display:inline-block;background:#1860aa;color:#fff!important;padding:15px 38px;border:2px solid #1860aa;border-radius:6px;font-weight:600;text-decoration:none!important;transition:background .3s ease,transform .2s ease,box-shadow .3s ease}
.netsys-cta-btn i{margin-right:8px}
.netsys-cta-btn:hover{background:#124a86;border-color:#124a86;transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.18)}
.netsys-cta-btn-outline{display:inline-block;background:0 0;color:#1860aa!important;padding:15px 38px;border:2px solid #1860aa;border-radius:6px;font-weight:600;text-decoration:none!important;transition:background .3s ease,color .3s ease,transform .2s ease}
.netsys-cta-btn-outline i{margin-right:8px}
.netsys-cta-btn-outline:hover{background:#1860aa;color:#fff!important;transform:translateY(-2px)}
.netsys-cta-kicker{display:block;text-transform:uppercase;letter-spacing:2px;font-weight:700;font-size:.8rem;margin-bottom:12px}
.netsys-cta-light .netsys-cta-kicker{color:#1860aa}
.netsys-cta-card .netsys-cta-kicker{color:rgba(255,255,255,.85)}
.netsys-cta-light{background:#f5f7fa;text-align:center}
.netsys-cta-light h2{color:#14233a;font-weight:700;margin-bottom:30px;line-height:1.3}
.netsys-cta-boxed{background:#fff}
.netsys-cta-card{background:linear-gradient(135deg,#1860aa 0,#124a86 100%);border-radius:18px;padding:60px 40px;text-align:center;box-shadow:0 18px 45px rgba(0,0,0,.12)}
.netsys-cta-card h2{color:#fff;font-weight:700;margin-bottom:30px;line-height:1.3}
.netsys-cta-card .netsys-cta-btn{background:#fff;border-color:#fff;color:#1860aa!important}
.netsys-cta-card .netsys-cta-btn:hover{background:#eaf2fd;border-color:#eaf2fd;box-shadow:0 8px 22px rgba(0,0,0,.25)}
.netsys-cta-card .netsys-cta-btn-outline{color:#fff!important;border-color:rgba(255,255,255,.7)}
.netsys-cta-card .netsys-cta-btn-outline:hover{background:#fff;color:#1860aa!important;border-color:#fff}
.netsys-cta-split{background:#fff}
.netsys-cta-split .netsys-cta-card{text-align:left;padding:45px 50px}
.netsys-cta-split h2{margin-bottom:0;font-size:1.7rem}
.netsys-cta-split .netsys-cta-buttons{justify-content:flex-end}
@media (max-width:991px){.netsys-cta-split .netsys-cta-card{text-align:center;padding:40px 28px}.netsys-cta-split h2{margin-bottom:24px}.netsys-cta-split .netsys-cta-buttons{justify-content:center}}
.netsys-partner-grid .row{justify-content:center}
.netsys-partner-grid [class*=col-]{display:flex;margin-bottom:26px}
.netsys-partner-card{background:#fff;border:1px solid #eef1f5;border-radius:12px;padding:30px 20px 24px;text-align:center;width:100%;display:flex;flex-direction:column;align-items:center;transition:transform .3s ease,box-shadow .3s ease}
.netsys-partner-card:hover{transform:translateY(-5px);box-shadow:0 12px 30px rgba(0,0,0,.1)}
.netsys-partner-logo{height:190px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.netsys-partner-logo img{max-height:180px;max-width:180px;width:auto;object-fit:contain}
.netsys-partner-card h5{font-size:1rem;margin-bottom:4px;color:#14233a}
.netsys-partner-card p{font-size:.85rem;color:#777;margin:0}
.netsys-partner-slider .single_brand{padding:0 8px}
.netsys-partner-slider .netsys-partner-card{height:100%}
.it_work_style_two .techno_flipbox_font .flipbox_title h3{color:#232323}
.it_work_style_two .techno_flipbox_font .flipbox_desc p{color:#212121}
.breatcome_area .breatcome_title_inner h1{color:#fff;font-size:50px;font-weight:700;margin:0;line-height:1.2}
@media (max-width:991px){.breatcome_area .breatcome_title_inner h1{font-size:30px;line-height:1.3}}
@media (max-width:575px){.breatcome_area .breatcome_title_inner h1{font-size:20px;line-height:1.3;margin-bottom:6px}}
.mean-container .mean-bar::before{content:none}
.mean-container .mean-bar .mean-logo{display:block;position:absolute;left:10px;top:10px;width:134px;height:40px;background:url("../assets/../../picture/netsys_it_wortmarke_netz_web_white.svg") no-repeat left center;background-size:contain;z-index:1}
.gm-skip{position:absolute;left:-9999px;top:8px;z-index:100000;background:#1860aa;color:#fff!important;padding:10px 18px;border-radius:4px;font-weight:600;text-decoration:none!important}
.gm-skip:focus{left:8px;outline:3px solid #fff;outline-offset:2px;box-shadow:0 0 0 5px #1860aa}
[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #1860aa!important;outline-offset:2px!important;box-shadow:0 0 0 5px #fff!important;border-radius:2px}
.breatcome_area a:focus-visible,.footer-middle a:focus-visible,.mean-container a:focus-visible,.techno_menu ul .sub-menu li a:focus-visible{outline-color:#fff!important;box-shadow:0 0 0 5px #1860aa!important}
.techno_menu ul li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;top:100%;z-index:999}
.techno_menu ul .sub-menu li:focus-within>.sub-menu{opacity:1!important;visibility:visible!important;top:0}
.techno_menu ul .sub-menu li a:focus-visible{background:#1860aa;color:#fff!important}
.mean-container .mean-expand:focus-visible,.mean-container .meanmenu-reveal:focus-visible{outline:3px solid #fff!important;outline-offset:-3px!important;box-shadow:none!important}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.techno_menu ul .sub-menu{transition:none!important}}
button.close-side-widget,button.go-top,button.navSidebar-button{background:0 0;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;-webkit-appearance:none;appearance:none}
/* ===== ns-extra.css – Ergaenzungen zum reduzierten Theme-CSS (wird an ns.css angehaengt) ===== */
/* --- Icons als SVG (Ersatz fuer Flaticon / Font Awesome / Bootstrap Icons) --- */
i[class*="flaticon-"], i[class*="fa-"], i[class*="bi-"] { display: inline-block; font-style: normal; line-height: 1; }
.ns-i { display: inline-block; width: 1em; height: 1em; fill: currentColor; vertical-align: -0.125em; pointer-events: none; }
.techno_flipbox_font .icon .ns-i, .service_style_ten_icon .icon .ns-i { vertical-align: middle; }
/* --- "netsys IT": IT kursiv, fett, blau (wie im Logo) --- */
.ns-it { font-style: italic; font-weight: 700; color: #1860aa; }
.breatcome_area .ns-it, .footer-middle .ns-it, .call_do_actionbg_before .ns-it, .bg_color3 .ns-it,
.techno_flipbox_back .ns-it, .sidebar-info-contents .ns-it, .slider_area .ns-it { color: inherit; }
/* --- Flipboxen: kein Dreheffekt, Mouseover wechselt direkt zur dunkelblauen Seite --- */
.techno_flipbox, .techno_flipbox .techno_flipbox_font, .techno_flipbox .techno_flipbox_back, .techno_flipbox .techno_flipbox_inner { perspective: none !important; transform-style: flat !important; }
.techno_flipbox .techno_flipbox_font, .techno_flipbox .techno_flipbox_back { transform: none !important; transition: none !important; backface-visibility: visible !important; }
.techno_flipbox .techno_flipbox_inner { transform: translateY(-50%) !important; }
.techno_flipbox .techno_flipbox_back { visibility: hidden; }
.techno_flipbox:hover .techno_flipbox_back, .techno_flipbox:focus-within .techno_flipbox_back { visibility: visible; }
.techno_flipbox:hover .techno_flipbox_font, .techno_flipbox:focus-within .techno_flipbox_font { visibility: hidden; }
.techno_flipbox .flipbox_title h3 { transition: none !important; }
/* --- Leistungs-Karten: kein Einflug-Effekt (WOW entfernt), kein "Ladebalken" unten --- */
.single_service_style_ten::before, .single_service_style_ten:hover::before { display: none !important; }
.wow { visibility: visible !important; animation: none !important; }
/* --- Logo-Slider (eigener Slider statt owl.carousel) --- */
.brand_list { overflow: hidden; position: relative; }
.brand_list .ns-track { display: flex; will-change: transform; }
.brand_list .ns-track > .single_brand { flex: 0 0 20%; max-width: 20%; box-sizing: border-box; }
.brand_list .owl-dots { display: flex; justify-content: center; gap: 8px; margin-top: 30px; }
.brand_list .owl-dot { background: transparent; border: 0; padding: 0; cursor: pointer; }
.brand_list .owl-dot span { display: block; width: 30px; height: 4px; background: #d9d9d9; border-radius: 2px; }
.brand_list .owl-dot.active span { background: #1860aa; }
.brand_list .owl-dot:focus-visible span { outline: 2px solid #1860aa; outline-offset: 2px; }
/* --- Header: Headset-Button = Anruf, TeamViewer-Link daneben --- */
.header-button a { text-decoration: none; }
/* --- Unterseiten: Farbbloecke nur weiss/grau (kein Blau) --- */
.about_area.bg_color3 { background: #f9f9f9 !important; }
.about_area.bg_color3 h1, .about_area.bg_color3 h2, .about_area.bg_color3 h3, .about_area.bg_color3 h4, .about_area.bg_color3 h5, .about_area.bg_color3 h6 { color: #121212 !important; }
.about_area.bg_color3 p { color: #212121 !important; }
.about_area.bg_color3 .section_sub_title h6 { color: #1860aa !important; }
.about_area.bg_color3 .section_main_title h2 span { color: #1860aa !important; }
.about_area.bg_color3 .netsys-checklist ul li::before { color: #1860aa; }
.about_area.bg_color3 a { color: #1860aa !important; }
/* --- Checklist-Haekchen: SVG statt Bootstrap-Icons-Font --- */
.netsys-checklist ul li::before { content: "" !important; font-family: inherit !important; width: 1.1em; height: 1.1em; top: 0.25em; background: currentColor; color: #086AD8; -webkit-mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; mask: url("data:image/svg+xml;utf8,") center/contain no-repeat; }
.bg_color3 .netsys-checklist ul li::before { color: #fff; }
/* Social-Kaesten (Sidebar/Footer): SVG-Icon blau auf weissem Kasten, Hover wie bisher weiss auf hellblau */
ul.social-box li a { color: #1860aa; }
ul.social-box li a .ns-i { vertical-align: middle; }
ul.list-style-one li span.icon .ns-i { vertical-align: -0.15em; }
/* Service-Karten (Startseite + Sprungmarken): gleiche Hoehe, Link unten buendig */
.service_style_ten { height: 100%; }
.single_service_style_ten { height: calc(100% - 30px); display: flex; flex-direction: column; }
.single_service_style_ten .service_style_ten_content { display: flex; flex-direction: column; flex: 1 1 auto; }
.single_service_style_ten .service_style_five_button { margin-top: auto; padding-top: 12px; }
/* CTA-Karte (blau): Fliesstext hell, "IT"-Span nicht blau auf blau (21.10.2026) */
.netsys-cta-card p { color: rgba(255,255,255,.9); margin-bottom: 30px; }
.netsys-cta-card .ns-it { color: inherit; }
/* 404-Seite (21.10.2026) */
.ns-error { background: #fff; }
.ns-error-code { font-size: 140px; line-height: 1; font-weight: 700; letter-spacing: -4px; margin-bottom: 10px;
background: linear-gradient(135deg, #1860aa 0, #124a86 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
.ns-error h1 { color: #14233a; font-size: 34px; font-weight: 700; line-height: 1.3; margin-bottom: 20px; }
.ns-error > .container > .row:first-child p { font-size: 17px; color: #4a5568; margin-bottom: 32px; }
.ns-error-links { margin-top: 50px; padding-top: 30px; border-top: 1px solid #e6ebf1; text-align: center; }
.ns-error-links p { margin-bottom: 12px; font-weight: 600; color: #14233a; }
.ns-error-links ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 10px; }
.ns-error-links li a { display: inline-block; padding: 7px 16px; border: 1px solid #d6dfea; border-radius: 30px; color: #1860aa; font-size: 14px; text-decoration: none; transition: background .25s, color .25s, border-color .25s; }
.ns-error-links li a:hover, .ns-error-links li a:focus { background: #1860aa; border-color: #1860aa; color: #fff; }
.ns-bc-sep { margin: 0 6px; }
@media (max-width: 767px) {
.ns-error-code { font-size: 90px; letter-spacing: -2px; }
.ns-error h1 { font-size: 24px; }
}
/* 404-Seite Nachbesserung (21.10.2026): Kopftext ueber dem Farboverlay, Inhalt zentriert */
.breatcome_area .container { position: relative; z-index: 1; }
.ns-error .text_center { text-align: center; }
.breatcome_content ul li { color: #fff; opacity: .9; }
/* Korrekturen vor Livegang (23.10.2026, Rueckmeldung Konstantin) */
/* 1. Mobiles Menue: das "X" zum Schliessen war unsichtbar (meanmenu-CSS blendet den Linktext per text-indent aus, jquery.meanmenu hat das frueher per Inline-Style zurueckgesetzt) */
.mean-container a.meanmenu-reveal.meanclose { text-indent: 0; font-size: 22px; line-height: 22px; text-align: center; }
/* 2. Kontaktformular: Einwilligungs-Checkbox erbte die 54px/100%-Regel der Textfelder */
.from-box .form-checkbox label { display: flex; align-items: center; gap: 10px; margin: 0 0 16px; cursor: pointer; font-weight: 400; color: #00132b; }
.from-box .form-checkbox input[type=checkbox] { float: none; display: inline-block; width: 20px; height: 20px; min-width: 20px; margin: 0; padding: 0; accent-color: #1860aa; cursor: pointer; }
/* Mobiles Menue (23.10.2026): Bis ns.js das meanmenu-Markup gebaut hat, war kurz die rohe Linkliste sichtbar
("Flackern" beim Seitenwechsel). Der blaue Balken mit Logo und Burger kommt jetzt schon aus dem CSS. */
.mobile-menu:not(.mean-container) { position: relative; min-height: 64px; background: #2565ad; }
.mobile-menu:not(.mean-container) nav.techno_menu { display: none; }
.mobile-menu:not(.mean-container)::before { content: ""; position: absolute; left: 10px; top: 14px; width: 134px; height: 40px;
background: url("../../picture/netsys_it_wortmarke_netz_web_white.svg") no-repeat left center; background-size: contain; }
.mobile-menu:not(.mean-container)::after { content: ""; position: absolute; right: 18px; top: 25px; width: 22px; height: 15px;
background: linear-gradient(#fff 0 3px, transparent 3px 6px, #fff 6px 9px, transparent 9px 12px, #fff 12px 15px); }
/* Mobiler Menuebalken (23.10.2026): weiss wie der Desktop-Header statt meanmenu-Blau – der blaue Balken stand
auf den Unterseiten direkt ueber dem blauen Seitenkopf (zwei verschiedene Blautoene aufeinander). */
.mean-container .mean-bar, .mobile-menu:not(.mean-container) { background: #fff; border-bottom: 1px solid #e6ebf1; }
.mean-container .mean-bar .mean-logo, .mobile-menu:not(.mean-container)::before { background-image: url("../../picture/netsys_it_wortmarke_netz_web_RGB.svg"); }
.mean-container a.meanmenu-reveal span, .mean-container a.meanmenu-reveal:hover span { background: #1860aa; }
.mobile-menu:not(.mean-container)::after { background: linear-gradient(#1860aa 0 3px, transparent 3px 6px, #1860aa 6px 9px, transparent 9px 12px, #1860aa 12px 15px); }
.mean-container a.meanmenu-reveal, .mean-container a.meanmenu-reveal.meanclose, .meanmenu-reveal.meanclose:hover { color: #1860aa !important; }
.mean-container .mean-expand:focus-visible, .mean-container .meanmenu-reveal:focus-visible { outline-color: #1860aa !important; }
.mean-container .mean-nav ul li a:hover { color: #1860aa; }