@font-face{font-family:'Exo';src:url('../img/fonts/exo-regular-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'Source Sans';src:url('../img/fonts/sourcesanspro-extralight-webfont.woff2') format('woff2');font-weight:100;font-style:normal;}
@font-face{font-family:'Source Sans';src:url('../img/fonts/sourcesanspro-light-webfont.woff2') format('woff2');font-weight:200;font-style:normal;}
@font-face{font-family:'Source Sans';src:url('../img/fonts/sourcesanspro-regular-webfont.woff2') format('woff2');font-weight:normal;font-style:normal;}
@font-face{font-family:'Source Sans';src:url('../img/fonts/sourcesanspro-semibold-webfont.woff2') format('woff2');font-weight:bold;font-style:normal;}
@font-face{font-family:'Source Sans';src:url('../img/fonts/sourcesanspro-bold-webfont.woff2') format('woff2');font-weight:800;font-style:normal;}
*{padding:0;margin:0}
.noscroll{overflow:hidden;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
object,embed,video{max-width:100%;height:auto}
.nav-toggle{display:none;}
.fn{display:none;}
address{font-style:normal;}
a{text-decoration:none}
a:focus,form.contact input,form.contact textarea{outline:0}
abbr{border-bottom:1px dotted black}
del{color:red;text-decoration:line-through}
ins{border-bottom:1px solid green;color:green;text-decoration:none}
q{font-style:italic}
fieldset{border:0}
html{overflow-y:scroll;background:#fff}
img{border:0;vertical-align:bottom;max-width:100%}
#mapa img{max-width:9999px}
label{cursor:pointer}
ul{list-style:none}
table{border-collapse:collapse;border-spacing:0;margin-bottom:1em}
@media screen{.clear{clear:both}
.left{float:left}
.right{float:right}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.hide{display:none}
.offscr{position:absolute;left:-9999px}
body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;font-family: "Source Sans";}
.wrapper{width:1200px;position:relative;margin:auto;left:0;right:0;}
header{width:100%;height:160px;background:url(../img/bg.jpg);color:#fff;}
header#home{height:100vh;overflow:hidden;}
#logo{width:95px;height:90px;text-indent:-9000px;overflow:hidden;background:url(../img/logo.png);display:block;position:absolute;top:40px;left:55px;z-index:10;}
header nav{width:100%;position:absolute;top:70px;text-align:right;z-index:5;}
header nav .menu > li{display:inline-block;font:200 20px/24px "Source Sans", sans-serif;padding:0 10px;position:relative;}
header nav .menu > li > a{display:block;color:#fff;text-transform:uppercase;text-align:center;position:relative;}
header nav .menu > li > a span{padding:5px;display:block;top:0;left:0;z-index:1;transform-style:preserve-3d;transition:all 0.3s;}
header nav .menu > li > a:hover span, header nav .menu > li > a.selected span{transform:rotate3d(1,0,0,90deg) translateZ(-20px);}
header nav .menu > li > a:hover::after, header nav .menu > li > a.selected::after{transform:rotate3d(1,0,0,0deg) translateZ(0);opacity:1;}
header nav .menu > li > a::after{content:attr(data-hover);padding:5px;display:block;position:absolute;background:#004a6c;top:0;left:0;z-index:1;transform-style:preserve-3d;transition:all 0.5s;transform:rotate3d(1,0,0,-90deg) translateZ(-20px);opacity:0;pointer-events: none;}
header nav .menu li > .submenu{display:none;position:absolute;background:#004a6c;width:300px;padding: 8px 10px;text-align:left;}
header nav .menu > li:hover > .submenu{display:block;}
header nav .menu > li:nth-child(4):hover > .submenu{right: 10px;}
header nav .menu .submenu li{padding: 10px 8px;font-size: 18px;}
header nav .menu .submenu a{color:#fff;}
header nav .menu .submenu a:hover{color:#efefef}
header section{display:block;bottom:0;left:0;right:0;top:0;width:100%;height:100vh;position:absolute;z-index:1;overflow:hidden;}
header section .slide{position:absolute;display:none;width:100%;height:100vh;bottom:0 !important;left:0;right:0;text-align:center;overflow:hidden;}
header section .slide img{position:absolute;bottom:0 !important;margin:0 auto;left:0;right:0;}
header section .slide h2{position:absolute;top:290px;font:bold 57px/65px "Source Sans", sans-serif;max-width:1200px;width:90%;text-align:center;margin:auto;left:0;right:0;text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.6);}
header .wrapper::after { content: ""; position: absolute; top: 150px; height: 18px; width: 100%; background: #004a6c }
header#home .wrapper::after { display: none; }
#clients{background:#ebebeb;height:305px;}
#clients h2{color:#999999;font:normal 60px/48px "Exo", sans-serif;width:300px;display:inline-block;padding:100px 0;text-align:right;}
#clients ul{width:850px;height:305px;display:inline-block;vertical-align:top;position:relative;top:0;overflow:hidden;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;transform-style:preserve-3d;}
#clients li{font:200 24px/30px "Source Sans", sans-serif;color:#000;position:absolute;top:50% !important;transform:translateY(-50%);padding-left:60px;display:none;}
#clients li:before{content:"“";display:block;position:absolute;font:200 232px/232px "Source Sans", sans-serif;color:rgba(0,0,0,0.08);top:-52px;left:27px;}
#clients li:after{content:"“";display:block;position:absolute;font:200 232px/232px "Source Sans", sans-serif;color:rgba(0,0,0,0.08);bottom:-15px;right:-10px;transform:rotate(180deg);}
#clients li q{font-style:normal;}
#clients li q:before,#clients li q:after{content:''}
#clients li cite{font-style:normal;display:block;clear:both;color:#757575;font:200 18px/22px "Source Sans", sans-serif;padding-top:20px;}
#clients li cite b{font-weight:normal;}
#contact{height:353px;width:100%;background-image:url(../img/footer.jpg);background-repeat:no-repeat;background-attachment:fixed;background-position:bottom center;color:#fff;text-align:center;}
#contact h2{font:100 48px/150px "Source Sans", sans-serif;color:#90d5f4;text-align:center;}
#contact h2 .button{font:bold 24px/24px "Source Sans", sans-serif;color:#90d5f4;border:1px solid #90d5f4;text-transform:uppercase;padding:17px 30px;margin-left:40px;display:inline-block;vertical-align:middle;position:relative;top:-8px;}
#contact h2 .button:hover{background-color:#90d5f4;color:#57859a !important;}
#contact hr{width:100%;background-color:#fff;opacity:0.2;height:1px;border:0;}
#contact .icon{display:inline-block;margin-top:25px;margin-bottom:20px;position:relative;text-align:left;vertical-align: top;}
#contact .phone{width:30%;}
#contact .emergency{width:40%;}
#contact .email{width:29%;}
#contact .icon a{color:#fff;}
#contact .icon:after{position:absolute;top:-20px;left:0;}
.emergency span { display: block; font-size: 14px; line-height: 16px; } 
.icon::after{background-image:url(../img/icons.png);display:block;width:100px;height:100px;overflow:hidden;content:" ";}
.icon.email::after{background-position:-1200px 0;}
.icon.phone::after{background-position:-1400px 0;}
.icon.emergency::after{background-position:-1300px 0;}
.icon.media::after{background-position:-500px 0;}
.icon.handshake::after{background-position:-400px 0;}
.icon.support::after{background-position:-700px 0;}
.icon.time::after{background-position:-1000px 0;}
.icon.clients::after{background-position:-1100px 0;}
.icon.clientsall::after{background-position:-800px 0;}
.icon.servers::after{background-position:-900px 0;}
.icon.network::after{background-position:-100px 0;}
.icon.storage::after{background-position:-600px 0;}
.icon.security::after{background-position:-200px 0;}
.icon.server::after{background-position:0 0;}
.icon.virtual::after{background-position:-300px 0;}
#contact .icon h3, #contact .icon p{padding-left:105px;font:normal 24px/30px "Source Sans", sans-serif;}
#contact .icon h3{color:#90d5f4;}
#contact .icon p{font-weight:200;}
main{width:100%;min-height:560px;}
article{font:200 18px/30px "Source Sans", sans-serif;color:#202020;}
article > p, .col50 > p {margin:18px 30px;}
.tab > p, .description > p, .product-tabs > div > p {margin:18px 0px;}
article > p:last-child{margin-bottom:50px;}
article h1{padding-top:50px;padding-bottom:30px;font:200 60px/65px "Source Sans", sans-serif;color:#006390;text-align:center;}
article h2{padding-top:35px;padding-bottom:20px;font:normal 48px/54px "Source Sans", sans-serif;color:#3a3a3a;text-align:center;}
article h3{padding-top:25px;padding-bottom:5px;font:normal 36px/45px "Source Sans", sans-serif;color:#3a3a3a;text-align:center;}
article.reg h2, article.reg h3 { text-align: left; margin-left: 30px; }
article .box{width:360px;height:430px;display:inline-block;background:#f3f3f3;margin:0 15px;vertical-align:top;position:relative;}
.box .icon::after{position:relative;left:0;right:0;text-align:center;margin:auto;margin-top:10px;}
.box ul, aside ul{padding:5px 20px 25px 20px;}
article ul,article ol{padding:0 20px 10px 50px;}
.box ul li, aside ul li, article ul li{line-height:22px;font-size:18px;font-weight:200;margin-top:6px;margin-bottom:8px;position:relative;padding-left:15px;}
.box ul li::before, aside ul li::before, article ul li::before{content:"-";position:absolute;left:0px;top:0;}
article .counter{width:24%;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;display:inline-block;position:relative;vertical-align:top;text-align:center;height:160px;}
.counter p{padding:0 !important;margin:0 !important;}
.counter.icon::after{position:absolute;top:0;left:20px;right:0;margin:auto;}
.counter span{font:200 50px/30px "Exo", sans-serif;color:#f37200;margin-right:5px;}
.counter.time p{font-size:24px;}
.counter p{position:absolute;display:block;top:80px;line-height:24px;text-align:center;margin:auto;left:0;right:0;}
article aside{width:35%;float:right;background:#f3f3f3;padding-bottom:20px;}
article p b, aside b{font-weight:600 !important;}
.col50{width:49%;display:inline-block;vertical-align:top;margin-bottom:40px;}
ul.offer.icon::after{position:absolute;left:25px;top:20px;}
ul.offer.icon.virtual::after{top:-10px;}
ul.offer.icon.virtual{top:10px;}
ul.offer{padding-left:150px;padding-top:10px;padding-bottom:30px;position:relative;clear:both;height:100%;max-width:400px;}
ul.offer li{position:relative;vertical-align:middle;padding-left:15px;line-height:22px;margin-top:8px;margin-bottom:8px;}
ul.offer li::before{content:"-";position:absolute;left:0px;top:0;}
#map{width:100%;height:490px;}
form.contact{width:600px;margin:0 auto 2em auto;overflow:hidden;background:white;position:relative;float:right;}
form .message, form .contact, form .name, form .head, form .foot, form.contact textarea{display:block;padding:0;margin:0;border:0;clear:both;overflow:hidden;}
form .foot {border:1px solid rgba(0, 0, 0, 0.1);}
.head, .foot{height:75px;background:rgba(0, 0, 0, 0.05);line-height:75px;padding-left:20px;border-radius:5px 5px 0 0;}
.head h2{font-size:1.2em;line-height:75px;padding:0;text-transform:uppercase;color:rgba(51, 51, 51, 0.4);}
form .email, form .phone, form .half{float:left;width:278px;margin:0;padding:0 0 0 20px;border:1px solid rgba(0, 0, 0, 0.1);height:50px;}
form .phone, form .half::last-child{width:279px;border-left:0;}
form.contact > input { border-bottom: 0; }
form .firstlast, form.contact textarea{height:50px;width:578px;line-height:50px;padding:0 0 0 20px;border:1px solid rgba(0, 0, 0, 0.1);}
form.contact input, form.contact textarea{font:normal 16px/20px "Source Sans", sans-serif;color:#000;}
form .firstlast{border-bottom:0;}
form.contact textarea{height:200px;border-top:1px solid rgba(0,0,0,0.1);padding-top:20px;resize:vertical;}
.foot{height:69px;border-top:1px dashed rgba(0, 0, 0, 0.3);border-radius:0 0 5px 5px;padding:0;}
.foot button, tfoot button {height:45px;background:#e74c3c;border-radius:5px;border:0;margin:10px auto 0 auto;left:0;right:0;position:absolute;color:white;padding:0 25px 0 25px;border-bottom:3px solid #c0392b;transition:all linear .2s;cursor:pointer;text-transform:uppercase;font:100 20px/45px "Source Sans", sans-serif; max-width: 250px; }
.foot button:hover, tfoot button:hover {background:#c0392b;}
.foot button:focus, tfoot button:focus {outline:none;}
form .half:focus, form .phone:focus, form .firstlast:focus, form .email:focus,form.contact textarea:focus{outline:none;background:rgba(52, 152, 219, 0.1);color:rgba(51, 51, 51, 0.7);}
article a{color:#e74c3c;text-decoration:underline;}
article a:hover{color:#00608d;}
footer a:hover{color:#e74c3c !important;}
article > .msg { margin-top: 30px; }
.msg{border-radius:5px;color:#000;padding:15px;text-align:center;margin-bottom:20px}
.msg.success{color:#4F8A10;background-color:#DFF2BF;}
.msg.error{color:#D8000C;background-color:#FFBABA;}
.cycle-pager{position:absolute;top:40%;right:20px;z-index:100;}
.cycle-pager span{display:block;clear:both;width:10px;height:10px;border:5px solid #fff;float: none;margin:10px;border-radius:10px;background:#fff;cursor:pointer;overflow:hidden;text-indent:-9000px;}
.cycle-pager .cycle-pager-active{background:transparent !important;}
.design{color:#777;font:100 16px/16px "Source Sans", sans-serif;position:relative;top:50px;}
.design a{color:#777;}
.col50.separator{border-right:1px solid #efefef;}
.download{display:inline-block;border:1px solid #ededed; background: #fafafa; margin:5px;text-decoration:none; width: 380px; vertical-align: top; height: 160px; overflow: hidden;position: relative;}
.download:hover{background:#e7e7e7;}
.download:hover h3{color:#006390 !important;}
.download p.description{color:#000;margin-top:10px; margin-left: 15px; margin-bottom:10px; font-size: 15px; line-height: 18px; width: 250px; }
.download h3{font:200 24px/27px "Source Sans", sans-serif;color:#e74c3c;text-align:left;padding:0;margin:0; margin-left: 15px; margin-top: 15px;}
.download.inactive, .download.inactive *, .download.inactive:hover *{color:#e7e7e7 !important;background:#fff;}
.download img{max-width:90px;max-height:90px; top: 10px; right: 15px; position: absolute; overflow: hidden;}
.download p.footnotes { width: 100%; background: #ededed; padding: 0 5px; font-size: 14px; line-height: 26px; color: #777 }
.download p.footnotes .price { float: right; margin-right: 15px; line-height: 26px; }
.download p.footnotes .price b { font-size: 20px; line-height: 26px; }
.download.inactive::after { display: none; }
.download::after { display: block; content: "Zobacz"; position: absolute; bottom: 45px; right: 10px; width: 100px; text-transform: uppercase; text-align: center; background: #ee8c03; color: #fff; }
.download:hover::after { background: #005f8b }

.tabs-container { width: 100%; border: 1px solid #ededed; }
.tabs-container > div.tab { display: none; }
.tabs-container > div.tab:first-child { display: block; }
.tab { padding: 10px; position: relative; }
.tabs { width: 100%; margin: 0; left: 0; padding: 0; top: 1px; display: block; clear: both; position: relative; }
.tabs::after { content: ""; clear: both; float: none; display: block; }
.tabs li { display: block; float: left; vertical-align: top; padding: 0; height: 50px; line-height: 50px; margin: 0; border: 1px solid #ededed; border-bottom: 0; border-left: 0; }
.tabs li:first-child { border-left: 1px solid #ededed; }
.tabs li::before { display: none; }
.tabs li a { display: block;  text-decoration: none; padding: 0 20px; height: 50px; line-height: 50px; color: #333; }
.tabs li a:hover { background: #fafafa }
.tabs li a.active { background: #eaeaea; color: #000; }
.tabs li a i { margin-right: 5px; }
.tabs li a.icon-buy { background: #cc2127; color: #fff; font-weight: bold; text-transform: uppercase; position: relative; }
.tabs li a.icon-download { background: #0bac4c; color: #fff; font-weight: bold; text-transform: uppercase; position: relative; }
.tabs li a.icon-buy::after, .tabs li a.icon-download::after {  transition: all ease .5s; content: ""; position: absolute; width: 100%; height: 7px; bottom: 0; left: 0; right: 0; background: rgba(0,0,0,.2); }
.tabs li a.icon-buy:hover::after, .tabs li a.icon-download:hover::after { height: 100%; }
.tabs li.price {  padding: 0 15px; position: absolute; right: 20px; border: 0; font-size: 20px; font-weight: bold; background: #efefef; height: 60px; line-height: 60px; }

.tab ul, .product-tabs > div ul {
  padding: 0 20px 10px 20px
}

.float-container {
  display: flex;
  justify-content: space-between;
}

.float-container .description {
  width: 65%;
}
.float-container .notes {
  width: 30%;
  margin-top: 40px;
}

.sidenote {
  background: #efefef;
  margin-bottom: 20px;
  margin-right: 20px;
  text-align: left;
  padding: 15px;
  position: relative;  
}

.sidenote h3 {
  text-align: left;
  font: bold 20px/24px "Source Sans";
  margin: 0;
  padding: 0;
  text-transform: uppercase;
  color: #006390;
  margin-left: 70px;
}

.sidenote p {
  font: 200 18px/22px "Source Sans", sans-serif;
  margin-top: 10px;
  margin-bottom: 5px;
  margin-left: 70px;
}

.sidenote i.fa {
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 100%;
  border-right: 1px solid #dfdfdf;
}
.sidenote i.fa:after {
  font: bold 40px/40px "Font Awesome 5 Free";
  top: 50%;
  transform: translateY(-50%);
  left: 15px;
  width: 40px;
  height: 40px;
  text-align: center;
  position: absolute;
  color: #777;
}

i.fa.clock:after { content: "" }
i.fa.support:after { content: "" }
i.fa.demo:after { content: "" }


form.order { width: 90%; float: none; margin: auto; margin-bottom: 30px; border: 1px solid #dfdfdf; border-radius: 5px;}
.order .col50 { padding: 20px; width: 46%; margin-bottom: 0; }
.order label { width: 100%; display: block; float: none; clear: both; margin: 10px; min-height: 40px; position: relative; }
.order .foot { border: 0; position: relative; }
.order label span { width: 180px; display: inline-block; vertical-align: top; }
.order label input, .order label select, .order label textarea {  height: 35px; vertical-align: top; display: inline-block; background: #dfdfdf; border-radius: 5px; border: 0; line-height: 35px; width: 300px; text-indent: 10px; position: relative; }
.order label input[name=zip],.order label input[name=nip],.order label input[name=quantity] { width: 120px;  }
.order label textarea { resize: none; height: 100px;}
.order label select { text-indent: 0; }
.order label select option { line-height: 35px; }
.order .foot button, tfoot button { position: absolute; right: 15px; margin: 0; left: auto; top: 12px; }
.order .toPay, tfoot .toPay { position: absolute; left: 15px; display: block; color: #777; font-size: 20px; font-weight: bold; line-height: 28px; margin-top: 8px; top: 0; }
.order .toPay em, tfoot .toPay em { font-style: normal; font-size: 30px; color: #0bac4c; display: block; }

select {-webkit-appearance: none; appearance: none; position: relative; cursor: pointer;}
label.select::after { content: "\f107"; position: absolute; font-weight: 900;font-family: "Font Awesome 5 Free"; top: 0; right: 5px; color: #777; width: 35px; height: 35px; line-height: 35px; font-size: 20px; pointer-events:none; }

input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
input[type="number"] {
-moz-appearance: textfield;
}

.checks { text-align: center; }
.checks input[type=checkbox] { width: auto; margin-top: -2px; margin-right: 8px; }
p.privacynotice { width: 90%; margin: auto; font-size: 14px; line-height: 16px; text-align: center; color: #777; }

p.disclaimer { width: 100%; text-align: center; background: #fafafa; padding: 8px; margin: 20px 0; }
article.error{text-align:center;}
article.error h1{color:#e74c3c}
article b{font-weight:bold;}
.gallery{text-align:center;position:relative;}
.gallery a{position:relative;display:inline-block;margin:10px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;-o-transition:all 1s ease;-ms-transition:all 1s ease;transition:all 1s ease;}
.gallery a:hover{-webkit-filter:brightness(-50%);}

.swal2-shown body { padding-right: 0 !important }
.swal2-popup { font-family: "Source Sans" }

.shop-links {
    position: absolute;
    right: 10px;
    top: -55px;
    text-transform: uppercase;
    font: normal 14px/20px "Source Sans";
    z-index: 5;
}

.shop-links li { display: inline-block; margin: 0 5px; }
.shop-links a { display: block; padding: 5px 10px; background: rgba(0,74,108,.4); border-radius: 3px; color: #fff; position: relative; }
.shop-links a span { display: block; position: absolute; top: 15px; left: -6px; background: #f56200; text-align: center; font-size: 14px; width: 25px; height: 25px; border-radius: 20px; line-height: 23px; }

.shop-links a:hover { background: rgba(0,74,108,1) }

.shop-links a:before {
    content: "";
    display: inline-block;
    position: relative;
    font: bold 16px/20px "Font Awesome 5 Free";
    color: #fff;   
    margin-right: 5px; 
    vertical-align: top;
}
.shop-links a.cart:before { content: "" }
.shop-links a.account:before { content: "" }
.shop-links a.login:before { content: "" }
.shop-links a.register:before { content: "" }
.shop-links a.logout:before { content: "" }

form.slim { width: 50%; }
form.slim input[type=text], form.slim input[type=password] { width: 100%; }
form.slim label { width: auto; }

form.half { width: 50% }
form.half label input { width: calc(100% - 210px) }

.tabs li.to-right {
    float: right;
    border: none;
    margin-right: 15px;
}

.stats {
  width: 90%;
  float: none;
  margin: auto;
  margin-bottom: auto;
  margin-bottom: 15px;
  border: 1px solid #dfdfdf;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  justify-content:space-evenly;  
}

.stats > div {
  flex-basis: 25%;
  border-right: 1px solid #dfdfdf;
  margin: 5px 0;
  position: relative;
}

.stats > div:last-child { border-right: none; }

.stats > div b { font-size: 50px; line-height: 50px; display: block; text-align: right; margin-right: 15px; }
.stats > div b.green { color: #0bac4c }
.stats > div em { font-size: 14px; line-height: 16px; font-weight: 200; font-style: normal; width: 55%; position: absolute; top: 50%; transform: translateY(-50%); left: 5px; }

table.info { width: 100%; border: 1px solid #efefef; text-align: left; }
table.info tr td:last-child { border-right: 0; }
table.info tr:last-child td { border-bottom: 0; }
table.info td { vertical-align: top; padding: 0 20px 20px 20px;  border-right: 1px solid #efefef; border-bottom: 1px solid #efefef; }
table.info h3 { font-size: 30px; font-weight: 200; text-align: left; }

#zamowienia table.tb tbody tr { cursor: pointer; }
#zamowienia table.tb thead tr th:nth-child(4) { width: 130px; }
#zamowienia table.tb thead tr th:nth-child(5) { width: 110px; }
#zamowienia table.tb thead tr th:nth-child(6) { width: 110px; }

table.info.middle td { vertical-align: middle; padding: 10px; }

.dataTables_info {
  clear: both;
  float: right;
  margin-right: 10px;
  font-size: 14px;
}

.dataTables_paginate {
  float: left;
  margin-left: 10px;
}

.dataTables_paginate a {
  display: inline-block;
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  background: #efefef;
  text-decoration: none;
  margin-right: 5px;
  cursor: pointer;
}
.dataTables_paginate a:hover {
  background: #005f8b;
  color: #fff;
}

.dataTables_paginate a.current {
  background: #dfdfdf;
  color: #000;
}

.dataTables_wrapper::after {
  visibility: hidden;
  display: block;
  content: "";
  clear: both;
  height: 0;
}

.dataTables_filter {
  float: right;
  padding-bottom: 10px;
  padding-right: 5px;
}

.dataTables_filter label {
  line-height: 35px;  
}

.dataTables_filter input {
  height: 35px;
  margin-left: 3px;
  vertical-align: top;
  display: inline-block;
  background: #dfdfdf;
  border-radius: 5px;
  border: 0;
  line-height: 35px;
  width: 300px;
  text-indent: 10px;
  position: relative;
}

.tb {
    width: 100%;
}

.tb thead {
    font-weight: bold;
    background: #2980b9;
    color: #fff;
    text-align: left;
}

.tb thead th { 
    padding: 6px 8px;
}

.tb tbody tr:hover td {
    background: #e6f2fa !important;
}

.tb tbody tr:nth-child(even) td {
    background: #f7f7f7;
}

.tb tbody td {
    padding: 6px 8px;
}

.tb button.buyanother { text-transform: uppercase; border: 0; border-radius: 3px; background: #dfdfdf; color: #000; font-size: 12px; padding: 3px 5px; margin-left: 5px; cursor: pointer; }
.tb button.buyanother:hover { background: #c0392b; color: #fff; }

table.cart {
    border: 1px solid #efefef;
}

table.cart input.qty { 
    height: 30px;
    vertical-align: top;
    display: inline-block;
    background: #dfdfdf;
    border-radius: 5px;
    border: 0;
    line-height: 30px;
    width: 50px;
    position: relative;
    text-align: center;
 }
 table.cart a.remove {
     width: 30px;
     height: 30px;
     line-height: 30px;
     position: relative;
     overflow: hidden;
     text-indent: -9000px;
     color: rgba(0,0,0,0.5);
     text-decoration: none;
     display: block;
 }

 table.cart a.remove:hover {
     color: rgb(161, 0, 0);
 }

 table.cart a.remove:before {
     content: "";
     font-weight: bold;
     font-family: "Font Awesome 5 Free";
     font-size: 20px;
     text-indent: 0;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     text-align: center;
     line-height: 30px;
 }

 table.cart tfoot {
    height: 69px;
    background: rgba(0, 0, 0, 0.05);
    line-height: 75px;
 }

 table.cart tfoot td { position: relative; text-align: right; }
 table.cart tfoot button { background: #777; border-color: #333; position: relative; top: auto; left: auto; right: auto; margin-right: 20px; display: inline-block; vertical-align: middle; }
 table.cart tfoot .toPay { position: relative; vertical-align: middle; display: inline-block; left: auto; top: auto; right: auto; margin-right: 20px; margin-top: 0; }
 table.cart tfoot button:hover { background: #333; }
 table.cart tbody td span { font-size: 14px; display: block; line-height: 16px; margin-bottom: 5px; }

 form.cart { width: 100%; }
 form.cart h2 { text-align: left; font-weight: 200; font-size: 24px; padding-top: 0; }
 form.cart h2 span { display: block; font-weight: 200; font-size: 14px; line-height: 18px; }

 .order.cart label input[type=text], .order.cart label select, .order.cart label textarea { width: calc(100% - 200px) }
 .order.cart label input[name$=zip],.order.cart label input[name$=nip],.order.cart label input[name=quantity] { width: 120px;  }

 #copy-from-payment {cursor: pointer; font-size: 12px; text-transform: uppercase; position: relative; top: -3px; display: inline-block; line-height: 25px; padding: 2px 8px; background: #333; color: #fff; border-radius: 3px; vertical-align: baseline; border: none; }
 #copy-from-payment:hover { background: #2980b9; }
 
 table.cart strike, .toPay strike { margin-right: 2px; color:rgb(161, 0, 0); }

 form.cartadd { max-width: 295px; text-align: center; vertical-align: top; min-height: 280px; position: relative; overflow: hidden; }
 form.cartadd h3 { font-size: 24px; line-height: 25px; }
 form.cartadd label { margin: 10px auto; clear:both;  position: relative; bottom: 0; }
 form.cartadd input { width: auto; text-align: center; text-indent: 0; }
 form.cartadd .foot {  position: absolute; bottom: 0; width: 100%; left: 0; }
 form.cartadd .foot button { left: 0; right: 0; margin: auto; max-width: 190px; }
 form.cartadd .foot button:before { content: "\f07a"; font-family: "Font Awesome 5 Free"; font-weight: 900; margin-right: 6px; }

 form.cartadd > span { font-size: 16px; line-height: 20px; display: block; clear: both; height: 40px; }
 form.cartadd > span b { color: #0bac4c }

form.cartadd.addon { background: #f7f7f7; }

 .product-wrapper {
    width: 100%;
    text-align: center;
 }

 .product-wrapper > * {
     display: inline-block;
 }

 .cart-empty {
     text-align: center;
     min-height: 230px;
     position: relative;
 }

 .cart-empty p {
     padding-top: 60px;
     position: relative;
 }

 .cart-empty:after {
     content: "";
     font-family: "Font Awesome 5 Free"; font-weight: 900;
     font-size: 200px;
     line-height: 100px;
     margin-top: 30px;
     margin-bottom: 30px;
     display: block;
     transform: rotate(-8deg);
     color: #efefef;
     position: absolute;
     top: 0;
     left: 0;
     right: 0;
     z-index: -1;
 }

 .col100 {
    padding: 0 20px;
    width: 95%;
    margin-bottom: 0;
 }

 table b span {
     background-color: #efefef;
     text-transform:uppercase;
     font-size: 12px;
     display: inline-block;
     line-height: 18px;
     padding: 3px 5px;
     border-radius: 3px;
     text-align: center;
 }
 
 table b span.processing { color: #0c5460; background-color: #d1ecf1;  }
 table b span.completed { color: #155724; background-color: #d4edda;  }
 table b span.refused { background: #000; color: #fff }
 table b span.waiting { color: #856404; background-color: #fff3cd; }

table.middle b span { position: relative; top: -2px; }

 .message { margin: auto; margin-bottom: 50px; border-radius: 3px; padding: 40px 30px; text-align: center; }
 .message b { display: block; }
 .message.success { color: #155724; background-color: #d4edda; }
 .message.error { color: #721c24; background-color: #f8d7da; }

.product {
  margin-top: 40px;
}

.product-header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: start;
  width: 100%;
}

.product-image {
  width: 230px;  
  margin-right: 50px;
  order: 1;
}
.product-image img {
  max-width: 230px;
  margin-top: 20px;
}

.product-info {
  padding-right: 30px;
  order: 2;
}

.product-info h1 {
  font: 800 40px/44px "Source Sans", sans-serif;
  padding-top: 0;  
  padding-bottom: 5px;
  display: block;
  position: relative;
  text-align: left;
  color: #006390;
  margin-bottom: 20px;
}
.product-info h1:after {
  position: absolute;
  bottom: -10px;
  left: 0;
  content: "";
  width: 80px;
  height: 5px; 
  background: #006390
}

.product-info b, .product-info h2 {
  display: block;
  font: 800 22px/26px "Source Sans", sans-serif;
  color: #000;
  text-align: left;
  padding: 0;
  margin: 0;
}

.product-info ul {
  margin-top: 20px;
  margin-bottom: 20px;  
  margin-left: 0;
  padding: 0;
}

.product-info ul li {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 20px;
  position: relative;
  font: bold 20px/22px "Source Sans", sans-serif;
}

.product-info ul li:before {
  content: "";
  font: bold 18px/18px "Font Awesome 5 Free";
  position: absolute;
  left: -15px;
  top: 50%;
  transform: translateY(-50%);
  color: #006390;
}

.product-buy {
  background: #f2f2f2;  
  min-width: 350px;
  order: 3;
}

.product-price {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
  font: 200 22px/24px "Source Sans", sans-serif;
}

.product-price p {
  display: block;
  width: 80%;
  margin: auto;
  margin-top: 8px;
  border-top: 1px solid #ddd;
  padding: 10px;
  font: 200 16px/18px "Source Sans", sans-serif;
}

.product-price em {
  font-style: normal;
  font: 200 18px/20px "Source Sans", sans-serif;
}

.product-price > b {
  font: 800 40px/45px "Source Sans", sans-serif;
}

.product-buy .button {
  width: 75%;
  position: relative;
  text-align: center;
  margin: auto;
  left: 0;
  right: 0;
  font: normal 18px/18px "Source Sans", sans-serif;
  display: block;
  text-decoration: none;
  border: 1px solid #777;
  color: #777;
  padding: 20px 10px;
  margin-bottom: 15px;
  text-indent: 50px;
}

.product-buy .button:hover { background: #dfdfdf; }

.product-buy .button:before {
  position: absolute;
  left: 0;
  top: 0;
  width: 55px;
  height: 100%;
  background: rgba(0,0,0,.1);
  content: "";
  text-align: center;
  font: bold 22px/60px "Font Awesome 5 Free";
  display: block;
  text-indent: 0;
}

.product-buy .button-buy {
  border: 0;
  color: #fff;
  background: #cc2127;
  font: normal 20px/20px "Source Sans", sans-serif;
}
.product-buy .button-buy:hover { background: #a31a1f; }

.product-buy .button-download {
  border: 0;
  color: #fff;
  background: #0bac4c;
}
.product-buy .button-download:hover { background: #098a3d; }

.product-buy .button-buy:before { content: "\f07a" }
.product-buy .button-download:before { content: "\f019" }
.product-buy .button-manual:before { content: "\f1c1" }

.product-buy ul {
  padding: 0;
  margin: 0;
  width: 90%;
  margin: auto;
  text-align: left;
  padding-bottom: 10px;
  color: #555;
}

.product-buy ul li {
  position: relative;
  padding: 5px;
  margin-left: 45px;
}

.product-buy ul li em {
  font-style: normal;
}

.product-buy ul li:before {
  position: absolute;
  top: 0;
  left: -30px;
  top: 50%;  
  transform: translateY(-50%);
  font: bold 20px/20px "Font Awesome 5 Free";
  color: #555;
  width: 30px;
  height: 20px;
  display: block;
  text-align: center;
}

.product-buy .product-version:before { content: "\f5a6" }
.product-buy .product-os:before { content: "\f5fc" }

.offer-features {
  width: 100%;
  border-top: 1px solid #dfdfdf;
  margin-top: 30px;
  padding-top: 20px;
}

.offer-features ul {
  display: flex;
  flex-direction: row;
  justify-content: space-evenly;
  padding: 0;
  margin: 0;
}

.offer-features li {
  max-width: 300px;
  position: relative;
  margin-left: 50px;
  margin-right: 20px;
}

.offer-features li b {
  font: bold 20px/20px "Source Sans", sans-serif;
}
.offer-features li p {
  font: 200 16px/18px "Source Sans", sans-serif;
}

.offer-features li:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  font: bold 30px/30px "Font Awesome 5 Free";
  width: 30px;
  height: 30px;
  display: block;
}

.offer-features .feature-immediate:before { content: "\f017"; }
.offer-features .feature-perpetual:before { content: "\f021"; }
.offer-features .feature-support:before { content: "\f1cd"; }

.product-menu {
  width: 100%;
  padding: 30px 0;
  background: #f0f0f0;
  margin-top: 30px;
  text-align: center;
}

.product-menu ul {
  display: flex;
  justify-content: center;
  flex-direction: row;
}

.product-menu ul li {
  padding: 0 20px;
  height: 23px; 
  font: normal 18px/23px "Source Sans", sans-serif;
}

.product-menu a {
  color: #000;
}
.product-menu a:hover, .product-menu a.selected {
  font-weight: bold;
}

.product-tabs {
  padding-bottom: 30px;
  border-bottom: 1px solid #dfdfdf;
}

.product-tabs > div {
  display: none;
  margin:  0 15px;
}
.product-tabs > div:first-child {
  display: block;
}

.product-tabs h2 {
  font: 800 42px/48px "Source Sans", sans-serif;
  color: #000;
  position: relative;
  margin-bottom: 40px;
}

.product-tabs h2:after {
  position: absolute;
  bottom: 0px;
  left: 0;
  right: 0;
  margin: auto;
  content: "";
  width: 80px;
  height: 5px; 
  background: #006390
}

.items { 
  display: flex;
  width: 100%;
  flex-direction: row;
  justify-content: start;
  flex-wrap: wrap;
  align-items: start;
}

.item {
  width: 380px;
  height: 260px;
  overflow: hidden;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  border: 1px solid #e7e7e7;
  margin: 5px;
  position: relative;
  transition: all ease .5s;
}

.item:hover {
  box-shadow: 0px 0px 30px -20px rgba(0, 0, 0, 1);
}

.item-image {
  background: #fff;
  min-width: 150px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.item-image img {
  max-width: 85%;
  max-height: 80%;
}

.item-description {
  background: #f7f7f7;
}

.item-description h3 {
  padding-top: 20px;
  padding-left: 20px;
  padding-bottom: 10px;
  text-align: left; 
  font: 800 24px/28px "Source Sans", sans-serif;
  color: #000;
}

.item-description a {
  display: inline-block;
  color: #fff;
  background: #cc2127;
  margin-left: 20px;
  margin-top: 10px;
  margin-bottom: 15px;
  padding: 10px 15px;
  text-decoration: none;
  font: bold 18px/20px "Source Sans", sans-serif;
}
.item-description a:hover {
  color: #fff;
  background: #a31a1f; 
}

.item-description p {
  padding-left: 20px;
  padding-right: 20px;
  font: 200 16px/20px "Source Sans", sans-serif;
  height: 100px;
} 

.item-description .price {
  padding-top: 10px;
  padding-left: 20px;
  text-align: left; 
  font: 800 24px/28px "Source Sans", sans-serif;
  color: #000;
  display: block;
}



html.swipebox-html.swipebox-touch{overflow:hidden !important;}
#swipebox-overlay img{border:none !important;}
#swipebox-overlay{width:100%;height:100%;position:fixed;top:0;left:0;z-index:99999 !important;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}
#swipebox-container{position:relative;width:100%;height:100%;}
#swipebox-slider{-webkit-transition:-webkit-transform 0.4s ease;transition:transform 0.4s ease;height:100%;left:0;top:0;width:100%;white-space:nowrap;position:absolute;display:none;cursor:pointer;}
#swipebox-slider .slide{height:100%;width:100%;line-height:1px;text-align:center;display:inline-block;}
#swipebox-slider .slide:before{content:"";display:inline-block;height:50%;width:1px;margin-right:-1px;}
#swipebox-slider .slide img,
#swipebox-slider .slide .swipebox-video-container,
#swipebox-slider .slide .swipebox-inline-container{display:inline-block;max-height:100%;max-width:100%;margin:0;padding:0;width:auto;height:auto;vertical-align:middle;}
#swipebox-slider .slide .swipebox-video-container{background:none;max-width:1140px;max-height:100%;width:100%;padding:5%;-webkit-box-sizing:border-box;box-sizing:border-box;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video{width:100%;height:0;padding-bottom:56.25%;overflow:hidden;position:relative;}
#swipebox-slider .slide .swipebox-video-container .swipebox-video iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0;}
#swipebox-slider .slide-loading{background:url(../img/swipebox/loader.gif) no-repeat center center;}
#swipebox-bottom-bar,
#swipebox-top-bar{-webkit-transition:0.5s;transition:0.5s;position:absolute;left:0;z-index:999;height:50px;width:100%;}
#swipebox-bottom-bar{bottom:-50px;}
#swipebox-bottom-bar.visible-bars{-webkit-transform:translate3d(0, -50px, 0);transform:translate3d(0, -50px, 0);}
#swipebox-top-bar{top:-50px;}
#swipebox-top-bar.visible-bars{-webkit-transform:translate3d(0, 50px, 0);transform:translate3d(0, 50px, 0);}
#swipebox-title{display:block;width:100%;text-align:center;}
#swipebox-prev,
#swipebox-next,
#swipebox-close{background-image:url(../img/swipebox/icons.png);background-repeat:no-repeat;border:none !important;text-decoration:none !important;cursor:pointer;width:50px;height:50px;top:0;}
#swipebox-arrows{display:block;margin:0 auto;width:100%;height:50px;}
#swipebox-prev{background-position:-32px 13px;float:left;}
#swipebox-next{background-position:-78px 13px;float:right;}
#swipebox-close{top:0;right:0;position:absolute;z-index:9999;background-position:15px 12px;}
.swipebox-no-close-button #swipebox-close{display:none;}
#swipebox-prev.disabled,
#swipebox-next.disabled{opacity:0.3;}
.swipebox-no-touch #swipebox-overlay.rightSpring #swipebox-slider{-webkit-animation:rightSpring 0.3s;animation:rightSpring 0.3s;}
.swipebox-no-touch #swipebox-overlay.leftSpring #swipebox-slider{-webkit-animation:leftSpring 0.3s;animation:leftSpring 0.3s;}
.swipebox-touch #swipebox-container:before, .swipebox-touch #swipebox-container:after{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:all .3s ease;transition:all .3s ease;content:' ';position:absolute;z-index:999;top:0;height:100%;width:20px;opacity:0;}
.swipebox-touch #swipebox-container:before{left:0;-webkit-box-shadow:inset 10px 0px 10px -8px #656565;box-shadow:inset 10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-container:after{right:0;-webkit-box-shadow:inset -10px 0px 10px -8px #656565;box-shadow:inset -10px 0px 10px -8px #656565;}
.swipebox-touch #swipebox-overlay.leftSpringTouch #swipebox-container:before{opacity:1;}
.swipebox-touch #swipebox-overlay.rightSpringTouch #swipebox-container:after{opacity:1;}
@-webkit-keyframes rightSpring{0%{left:0;}
50%{left:-30px;}
100%{left:0;}
}
@keyframes rightSpring{0%{left:0;}
50%{left:-30px;}
100%{left:0;}
}
@-webkit-keyframes leftSpring{0%{left:0;}
50%{left:30px;}
100%{left:0;}
}
@keyframes leftSpring{0%{left:0;}
50%{left:30px;}
100%{left:0;}
}
@media screen and (min-width:800px){#swipebox-close{right:10px;}
#swipebox-arrows{width:92%;max-width:800px;}
}
#swipebox-overlay{background:#0d0d0d;}
#swipebox-bottom-bar,
#swipebox-top-bar{text-shadow:1px 1px 1px black;background:#000;opacity:0.95;}
#swipebox-top-bar{color:white !important;font-size:15px;line-height:43px;font-family:Helvetica, Arial, sans-serif;}


div.circle{border-radius:50%;width:0px;height:0px;position:absolute;top:35px;left:36px;background:#fff;opacity:1;z-index:39;-webkit-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-moz-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-o-transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);transition:all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}
div.circle.expand{width:2000px;height:2000px;top:-560px;left:-565px;-webkit-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-moz-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-ms-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);-o-transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);transition:all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);}


#nav-toggle{width:60px;height:45px;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.5s ease-in-out;-moz-transition:.5s ease-in-out;-o-transition:.5s ease-in-out;transition:.5s ease-in-out;cursor:pointer;display:none;}
#nav-toggle span{display:block;position:absolute;height:9px;width:100%;background:#fff;border-radius:9px;opacity:1;left:0;-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg);-webkit-transition:.25s ease-in-out;-moz-transition:.25s ease-in-out;-o-transition:.25s ease-in-out;transition:.25s ease-in-out;}
#nav-toggle span:nth-child(1){top:0px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-toggle span:nth-child(2){top:18px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-toggle span:nth-child(3){top:36px;-webkit-transform-origin:left center;-moz-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center;}
#nav-toggle.open span{background-color:#005d89;}
#nav-toggle.open span:nth-child(1){-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:-3px;left:8px;}
#nav-toggle.open span:nth-child(2){width:0%;opacity:0;}
#nav-toggle.open span:nth-child(3){-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:39px;left:8px;}



@media (max-width:1199px){.wrapper{width:100%;}
#logo{top:30px;left:20px;}
#nav-toggle{position:absolute;top:50px;right:20px;display:block;z-index:60;}
body{width:100%;height:100%;overflow:hidden;}
header{overflow:visible;}
header.home{overflow:visible;}
header section .slide h2{top:150px;font:42px/48px "Source Sans", sans-serif;}
header nav{position:absolute;display:block;top:0;left:-100%;width:100%;height:100vh;z-index:40;text-align:center;transition:0.3s ease-out;overflow:auto;}
header nav.show{left:0;}
header nav ul.menu :nth-child(1){left:0;}
header nav ul.menu :nth-child(2){right:0;}
header nav ul.menu:first-child{margin-top:150px;}
header nav ul.menu {top:0;clear:both;margin:auto;display:block;left:0;right:0;position:relative;}
header nav .menu li{width:98%;clear:both;display:block;margin:auto;left:0;right:0;padding: 0;}
header nav .menu a{width:100%;clear:both;display:block;margin: 0;padding:10px 0;border-bottom:1px solid #efefef;height:35px;color:#005d89;}
header nav .menu a:hover {background:#005d89; color: #fff; }
header nav .menu a::after{content:none;}
header nav .menu a:hover span, header nav .menu a.selected span{transform:none;}
header nav .menu a:hover::after, header nav .menu a.selected::after{transform:none;}

.shop-links {
  position: relative;
  top: auto;
  right: auto;
  text-align: center;
  margin-top: 40px;
  display: block;
  padding-bottom: 80px;
  clear: both;
}

.shop-links li {
  display: block;
  text-align: center;
  margin-bottom: 15px;
}

.shop-links li a { display: inline-block; background: rgba(0,74,108,1); width: 150px; padding: 12px 10px; }

.cycle-pager{top:auto;bottom:20px;width:100%;height:30px;z-index:200;left:0;right:0;margin:auto;text-align:center;}
.cycle-pager span{display:inline-block;clear:none;}
#clients{height:auto;padding-bottom:20px;overflow:hidden;}
#clients h2, #clients ul{width:100%;height:auto;text-align:center;left:0;right:0;display:block;clear:both;position:relative;top:0;margin:auto;overflow:visible;}
#clients h2{padding-top:30px;padding-bottom:10px;}
#clients ul li{top:0 !important;padding:20px;transform:none;display:block;}
footer, #contact{height:auto;}
#contact{padding-bottom:40px;}
#contact h2{line-height:70px;padding-top:20px;padding-bottom:20px;}
#contact .icon{width:45%;}
.design{top:0;bottom:0;}
#contact .icon.emergency p{font-size:20px;}
form.contact{padding-right:10px;}
form button{width:250px;}
.order { padding: 10px; }
.order .col50, .order .col100 { width: 100%; display: block; padding: 0; }
.order label { width: 490px; margin: auto; }
.product-wrapper .order label { width: 100%; margin: auto; }
.order .checks { line-height: 24px; margin-bottom: 20px; margin-top: 20px; }
.order .checks input { display: inline-block; vertical-align: middle; margin-top: 0; width: 24px; height: 24px; line-height: 24px;   }
}

@media (max-width:1000px){
.product-header { flex-wrap: wrap; justify-content: center; }
.product-image { margin-right: 0; width: 280px; text-align: center; }
.product-info { flex-basis: calc(100% - 350px); }
.product-buy { flex-basis: 90%; margin-top: 30px; }
}

@media (max-width:800px){form.contact{clear:both;float:none;margin:auto;left:0;right:0;padding:0;}
.tabs li.price{display:none;}
.download{width:47%; min-height: 160px; height: auto;}
#contact .icon{width:90%;clear:both;display:block;left:0;right:0;margin:20px auto;}
#clients li{font-size:16px;line-height:20px;}
#contact h2 .button{clear:both;margin:auto;left:0;right:0;}
.col50{clear:both;width:100%;margin:auto;border:none;}
article aside{clear:both;float:none;width:100%;}
article .box{width:100%;clear:both;float:none;left:0;right:0;margin:auto;height:auto;}
article .counter{width:49%;}
.offer-features ul {
  flex-wrap: wrap;
}
.offer-features ul li {
  flex-basis: 90%;
  max-width: 450px;
  margin-top: 20px;
}

.product-menu {
  width: 100%;
  overflow-x: auto;
  padding-left: 0;
  padding-right: 0;
  scrollbar-width: thin;
}

.product-menu ul {
  white-space: nowrap;
  width: auto;
  justify-content: start;
  flex-wrap: nowrap;  
}

.product-tabs > div {
  display: block;
}

}
@media (max-width:500px){article .counter{width:100%;clear:both;}
.download{width:98%; min-height: 160px; height: auto;}
.download p.description{width: 60%}
.order .col50 { margin-bottom: 40px; }
.order label { width: 100%; margin: auto; }
.order label span { width: 100%; }
.order label input, .order label select, .order label textarea { width: 96% !important; }
.order label.select::after { top: auto; bottom: 0; right: 5px; }
.order .foot { min-height: 69px; height: auto; padding-top: 10px; padding-bottom: 20px; }
.order .foot .toPay, .order .foot button {  position: relative; margin: auto; display: block; left: 0; right: 0; }
.order .foot .toPay { width: 100%; text-align: center; }
label.select::after { top: auto; bottom: 0; right: -8px; }
form.contact{width:100%;margin:auto;clear:both;float:none;left:0;right:0;padding:0;}
form.contact input, form.contact textbox{width:100% !important;clear:both;float:none;}
article h1{padding-top:50px;padding-bottom:30px;font:200 45px/52px "Source Sans", sans-serif;color:#006390;text-align:center;}
article h2{padding-top:35px;padding-bottom:20px;font:normal 36px/42px "Source Sans", sans-serif;color:#3a3a3a;text-align:center;}
article h3{padding-top:25px;padding-bottom:5px;font:normal 24px/30px "Source Sans", sans-serif;color:#3a3a3a;text-align:center;}
article aside ul { padding: 20px; }
form.slim{ width: 90%;}
form.slim .foot { margin-top: 20px; }

.product-image, .product-info {
  flex-basis: 90%;
}
.product-info { margin-top: 20px; }

}

.swal2-popup.swal2-toast {
  box-sizing: border-box;
  grid-column: 1/4 !important;
  grid-row: 1/4 !important;
  grid-template-columns: 1fr 99fr 1fr;
  padding: 1em;
  overflow-y: hidden;
  background: #fff;
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.075), 0 1px 2px rgba(0, 0, 0, 0.075), 1px 2px 4px rgba(0, 0, 0, 0.075), 1px 3px 8px rgba(0, 0, 0, 0.075), 2px 4px 16px rgba(0, 0, 0, 0.075);
  pointer-events: all;
}
.swal2-popup.swal2-toast > * {
  grid-column: 2;
}
.swal2-popup.swal2-toast .swal2-title {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-loading {
  justify-content: center;
}
.swal2-popup.swal2-toast .swal2-input {
  height: 2em;
  margin: 0.5em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-validation-message {
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-footer {
  margin: 0.5em 0 0;
  padding: 0.5em 0 0;
  font-size: 0.8em;
}
.swal2-popup.swal2-toast .swal2-close {
  grid-column: 3/3;
  grid-row: 1/99;
  align-self: center;
  width: 0.8em;
  height: 0.8em;
  margin: 0;
  font-size: 2em;
}
.swal2-popup.swal2-toast .swal2-html-container {
  margin: 0.5em 1em;
  padding: 0;
  font-size: 1em;
  text-align: initial;
}
.swal2-popup.swal2-toast .swal2-html-container:empty {
  padding: 0;
}
.swal2-popup.swal2-toast .swal2-loader {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  height: 2em;
  margin: 0.25em;
}
.swal2-popup.swal2-toast .swal2-icon {
  grid-column: 1;
  grid-row: 1/99;
  align-self: center;
  width: 2em;
  min-width: 2em;
  height: 2em;
  margin: 0 0.5em 0 0;
}
.swal2-popup.swal2-toast .swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 1.8em;
  font-weight: bold;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  top: 0.875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-actions {
  justify-content: flex-start;
  height: auto;
  margin: 0;
  margin-top: 0.5em;
  padding: 0 0.5em;
}
.swal2-popup.swal2-toast .swal2-styled {
  margin: 0.25em 0.5em;
  padding: 0.4em 0.6em;
  font-size: 1em;
}
.swal2-popup.swal2-toast .swal2-success {
  border-color: #a5dc86;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 1.6em;
  height: 3em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.8em;
  left: -0.5em;
  transform: rotate(-45deg);
  transform-origin: 2em 2em;
  border-radius: 4em 0 0 4em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.25em;
  left: 0.9375em;
  transform-origin: 0 1.5em;
  border-radius: 0 4em 4em 0;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-ring {
  width: 2em;
  height: 2em;
}
.swal2-popup.swal2-toast .swal2-success .swal2-success-fix {
  top: 0;
  left: 0.4375em;
  width: 0.4375em;
  height: 2.6875em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line] {
  height: 0.3125em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=tip] {
  top: 1.125em;
  left: 0.1875em;
  width: 0.75em;
}
.swal2-popup.swal2-toast .swal2-success [class^=swal2-success-line][class$=long] {
  top: 0.9375em;
  right: 0.1875em;
  width: 1.375em;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-toast-animate-success-line-tip 0.75s;
          animation: swal2-toast-animate-success-line-tip 0.75s;
}
.swal2-popup.swal2-toast .swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-toast-animate-success-line-long 0.75s;
          animation: swal2-toast-animate-success-line-long 0.75s;
}
.swal2-popup.swal2-toast.swal2-show {
  -webkit-animation: swal2-toast-show 0.5s;
          animation: swal2-toast-show 0.5s;
}
.swal2-popup.swal2-toast.swal2-hide {
  -webkit-animation: swal2-toast-hide 0.1s forwards;
          animation: swal2-toast-hide 0.1s forwards;
}

.swal2-container {
  display: grid;
  position: fixed;
  z-index: 1060;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  box-sizing: border-box;
  grid-template-areas: "top-start     top            top-end" "center-start  center         center-end" "bottom-start  bottom-center  bottom-end";
  grid-template-rows: minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto) minmax(-webkit-min-content, auto);
  grid-template-rows: minmax(min-content, auto) minmax(min-content, auto) minmax(min-content, auto);
  height: 100%;
  padding: 0.625em;
  overflow-x: hidden;
  transition: background-color 0.1s;
  -webkit-overflow-scrolling: touch;
}
.swal2-container.swal2-backdrop-show, .swal2-container.swal2-noanimation {
  background: rgba(0, 0, 0, 0.4);
}
.swal2-container.swal2-backdrop-hide {
  background: transparent !important;
}
.swal2-container.swal2-top-start, .swal2-container.swal2-center-start, .swal2-container.swal2-bottom-start {
  grid-template-columns: minmax(0, 1fr) auto auto;
}
.swal2-container.swal2-top, .swal2-container.swal2-center, .swal2-container.swal2-bottom {
  grid-template-columns: auto minmax(0, 1fr) auto;
}
.swal2-container.swal2-top-end, .swal2-container.swal2-center-end, .swal2-container.swal2-bottom-end {
  grid-template-columns: auto auto minmax(0, 1fr);
}
.swal2-container.swal2-top-start > .swal2-popup {
  align-self: start;
}
.swal2-container.swal2-top > .swal2-popup {
  grid-column: 2;
  align-self: start;
  justify-self: center;
}
.swal2-container.swal2-top-end > .swal2-popup, .swal2-container.swal2-top-right > .swal2-popup {
  grid-column: 3;
  align-self: start;
  justify-self: end;
}
.swal2-container.swal2-center-start > .swal2-popup, .swal2-container.swal2-center-left > .swal2-popup {
  grid-row: 2;
  align-self: center;
}
.swal2-container.swal2-center > .swal2-popup {
  grid-column: 2;
  grid-row: 2;
  align-self: center;
  justify-self: center;
}
.swal2-container.swal2-center-end > .swal2-popup, .swal2-container.swal2-center-right > .swal2-popup {
  grid-column: 3;
  grid-row: 2;
  align-self: center;
  justify-self: end;
}
.swal2-container.swal2-bottom-start > .swal2-popup, .swal2-container.swal2-bottom-left > .swal2-popup {
  grid-column: 1;
  grid-row: 3;
  align-self: end;
}
.swal2-container.swal2-bottom > .swal2-popup {
  grid-column: 2;
  grid-row: 3;
  justify-self: center;
  align-self: end;
}
.swal2-container.swal2-bottom-end > .swal2-popup, .swal2-container.swal2-bottom-right > .swal2-popup {
  grid-column: 3;
  grid-row: 3;
  align-self: end;
  justify-self: end;
}
.swal2-container.swal2-grow-row > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-column: 1/4;
  width: 100%;
}
.swal2-container.swal2-grow-column > .swal2-popup, .swal2-container.swal2-grow-fullscreen > .swal2-popup {
  grid-row: 1/4;
  align-self: stretch;
}
.swal2-container.swal2-no-transition {
  transition: none !important;
}

.swal2-popup {
  display: none;
  position: relative;
  box-sizing: border-box;
  grid-template-columns: minmax(0, 100%);
  width: 32em;
  max-width: 100%;
  padding: 0 0 1.25em;
  border: none;
  border-radius: 5px;
  background: #fff;
  color: #545454;
  font-family: inherit;
  font-size: 1rem;
}
.swal2-popup:focus {
  outline: none;
}
.swal2-popup.swal2-loading {
  overflow-y: hidden;
}

.swal2-title {
  position: relative;
  max-width: 100%;
  margin: 0;
  padding: 0.8em 1em 0;
  color: inherit;
  font-size: 1.875em;
  font-weight: 600;
  text-align: center;
  text-transform: none;
  word-wrap: break-word;
}

.swal2-actions {
  display: flex;
  z-index: 1;
  box-sizing: border-box;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  width: auto;
  margin: 1.25em auto 0;
  padding: 0;
}
.swal2-actions:not(.swal2-loading) .swal2-styled[disabled] {
  opacity: 0.4;
}
.swal2-actions:not(.swal2-loading) .swal2-styled:hover {
  background-image: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
.swal2-actions:not(.swal2-loading) .swal2-styled:active {
  background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2));
}

.swal2-loader {
  display: none;
  align-items: center;
  justify-content: center;
  width: 2.2em;
  height: 2.2em;
  margin: 0 1.875em;
  -webkit-animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
          animation: swal2-rotate-loading 1.5s linear 0s infinite normal;
  border-width: 0.25em;
  border-style: solid;
  border-radius: 100%;
  border-color: #2778c4 transparent #2778c4 transparent;
}

.swal2-styled {
  margin: 0.3125em;
  padding: 0.625em 1.1em;
  transition: box-shadow 0.1s;
  box-shadow: 0 0 0 3px transparent;
  font-weight: 500;
}
.swal2-styled:not([disabled]) {
  cursor: pointer;
}
.swal2-styled.swal2-confirm {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #7066e0;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-confirm:focus {
  box-shadow: 0 0 0 3px rgba(112, 102, 224, 0.5);
}
.swal2-styled.swal2-deny {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #dc3741;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-deny:focus {
  box-shadow: 0 0 0 3px rgba(220, 55, 65, 0.5);
}
.swal2-styled.swal2-cancel {
  border: 0;
  border-radius: 0.25em;
  background: initial;
  background-color: #6e7881;
  color: #fff;
  font-size: 1em;
}
.swal2-styled.swal2-cancel:focus {
  box-shadow: 0 0 0 3px rgba(110, 120, 129, 0.5);
}
.swal2-styled.swal2-default-outline:focus {
  box-shadow: 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-styled:focus {
  outline: none;
}
.swal2-styled::-moz-focus-inner {
  border: 0;
}

.swal2-footer {
  justify-content: center;
  margin: 1em 0 0;
  padding: 1em 1em 0;
  border-top: 1px solid #eee;
  color: inherit;
  font-size: 1em;
}

.swal2-timer-progress-bar-container {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  grid-column: auto !important;
  height: 0.25em;
  overflow: hidden;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}

.swal2-timer-progress-bar {
  width: 100%;
  height: 0.25em;
  background: rgba(0, 0, 0, 0.2);
}

.swal2-image {
  max-width: 100%;
  margin: 2em auto 1em;
}

.swal2-close {
  z-index: 2;
  align-items: center;
  justify-content: center;
  width: 1.2em;
  height: 1.2em;
  margin-top: 0;
  margin-right: 0;
  margin-bottom: -1.2em;
  padding: 0;
  overflow: hidden;
  transition: color 0.1s, box-shadow 0.1s;
  border: none;
  border-radius: 5px;
  background: transparent;
  color: #ccc;
  font-family: serif;
  font-family: monospace;
  font-size: 2.5em;
  cursor: pointer;
  justify-self: end;
}
.swal2-close:hover {
  transform: none;
  background: transparent;
  color: #f27474;
}
.swal2-close:focus {
  outline: none;
  box-shadow: inset 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-close::-moz-focus-inner {
  border: 0;
}

.swal2-html-container {
  z-index: 1;
  justify-content: center;
  margin: 1em 1.6em 0.3em;
  padding: 0;
  overflow: auto;
  color: inherit;
  font-size: 1.125em;
  font-weight: normal;
  line-height: normal;
  text-align: center;
  word-wrap: break-word;
  word-break: break-word;
}

.swal2-input,
.swal2-file,
.swal2-textarea,
.swal2-select,
.swal2-radio,
.swal2-checkbox {
  margin: 1em 2em 0;
}

.swal2-input,
.swal2-file,
.swal2-textarea {
  box-sizing: border-box;
  width: auto;
  transition: border-color 0.1s, box-shadow 0.1s;
  border: 1px solid #d9d9d9;
  border-radius: 0.1875em;
  background: inherit;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px transparent;
  color: inherit;
  font-size: 1.125em;
}
.swal2-input.swal2-inputerror,
.swal2-file.swal2-inputerror,
.swal2-textarea.swal2-inputerror {
  border-color: #f27474 !important;
  box-shadow: 0 0 2px #f27474 !important;
}
.swal2-input:focus,
.swal2-file:focus,
.swal2-textarea:focus {
  border: 1px solid #b4dbed;
  outline: none;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.06), 0 0 0 3px rgba(100, 150, 200, 0.5);
}
.swal2-input::-moz-placeholder, .swal2-file::-moz-placeholder, .swal2-textarea::-moz-placeholder {
  color: #ccc;
}
.swal2-input:-ms-input-placeholder, .swal2-file:-ms-input-placeholder, .swal2-textarea:-ms-input-placeholder {
  color: #ccc;
}
.swal2-input::placeholder,
.swal2-file::placeholder,
.swal2-textarea::placeholder {
  color: #ccc;
}

.swal2-range {
  margin: 1em 2em 0;
  background: #fff;
}
.swal2-range input {
  width: 80%;
}
.swal2-range output {
  width: 20%;
  color: inherit;
  font-weight: 600;
  text-align: center;
}
.swal2-range input,
.swal2-range output {
  height: 2.625em;
  padding: 0;
  font-size: 1.125em;
  line-height: 2.625em;
}

.swal2-input {
  height: 2.625em;
  padding: 0 0.75em;
}

.swal2-file {
  width: 75%;
  margin-right: auto;
  margin-left: auto;
  background: inherit;
  font-size: 1.125em;
}

.swal2-textarea {
  height: 6.75em;
  padding: 0.75em;
}

.swal2-select {
  min-width: 50%;
  max-width: 100%;
  padding: 0.375em 0.625em;
  background: inherit;
  color: inherit;
  font-size: 1.125em;
}

.swal2-radio,
.swal2-checkbox {
  align-items: center;
  justify-content: center;
  background: #fff;
  color: inherit;
}
.swal2-radio label,
.swal2-checkbox label {
  margin: 0 0.6em;
  font-size: 1.125em;
}
.swal2-radio input,
.swal2-checkbox input {
  flex-shrink: 0;
  margin: 0 0.4em;
}

.swal2-input-label {
  display: flex;
  justify-content: center;
  margin: 1em auto 0;
}

.swal2-validation-message {
  align-items: center;
  justify-content: center;
  margin: 1em 0 0;
  padding: 0.625em;
  overflow: hidden;
  background: #f0f0f0;
  color: #666666;
  font-size: 1em;
  font-weight: 300;
}
.swal2-validation-message::before {
  content: "!";
  display: inline-block;
  width: 1.5em;
  min-width: 1.5em;
  height: 1.5em;
  margin: 0 0.625em;
  border-radius: 50%;
  background-color: #f27474;
  color: #fff;
  font-weight: 600;
  line-height: 1.5em;
  text-align: center;
}

.swal2-icon {
  position: relative;
  box-sizing: content-box;
  justify-content: center;
  width: 5em;
  height: 5em;
  margin: 2.5em auto 0.6em;
  border: 0.25em solid transparent;
  border-radius: 50%;
  border-color: #000;
  font-family: inherit;
  line-height: 5em;
  cursor: default;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}
.swal2-icon .swal2-icon-content {
  display: flex;
  align-items: center;
  font-size: 3.75em;
}
.swal2-icon.swal2-error {
  border-color: #f27474;
  color: #f27474;
}
.swal2-icon.swal2-error .swal2-x-mark {
  position: relative;
  flex-grow: 1;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line] {
  display: block;
  position: absolute;
  top: 2.3125em;
  width: 2.9375em;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #f27474;
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=left] {
  left: 1.0625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-error [class^=swal2-x-mark-line][class$=right] {
  right: 1em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-error.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-error.swal2-icon-show .swal2-x-mark {
  -webkit-animation: swal2-animate-error-x-mark 0.5s;
          animation: swal2-animate-error-x-mark 0.5s;
}
.swal2-icon.swal2-warning {
  border-color: #facea8;
  color: #f8bb86;
}
.swal2-icon.swal2-warning.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-warning.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.5s;
          animation: swal2-animate-i-mark 0.5s;
}
.swal2-icon.swal2-info {
  border-color: #9de0f6;
  color: #3fc3ee;
}
.swal2-icon.swal2-info.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-info.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-i-mark 0.8s;
          animation: swal2-animate-i-mark 0.8s;
}
.swal2-icon.swal2-question {
  border-color: #c9dae1;
  color: #87adbd;
}
.swal2-icon.swal2-question.swal2-icon-show {
  -webkit-animation: swal2-animate-error-icon 0.5s;
          animation: swal2-animate-error-icon 0.5s;
}
.swal2-icon.swal2-question.swal2-icon-show .swal2-icon-content {
  -webkit-animation: swal2-animate-question-mark 0.8s;
          animation: swal2-animate-question-mark 0.8s;
}
.swal2-icon.swal2-success {
  border-color: #a5dc86;
  color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line] {
  position: absolute;
  width: 3.75em;
  height: 7.5em;
  transform: rotate(45deg);
  border-radius: 50%;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=left] {
  top: -0.4375em;
  left: -2.0635em;
  transform: rotate(-45deg);
  transform-origin: 3.75em 3.75em;
  border-radius: 7.5em 0 0 7.5em;
}
.swal2-icon.swal2-success [class^=swal2-success-circular-line][class$=right] {
  top: -0.6875em;
  left: 1.875em;
  transform: rotate(-45deg);
  transform-origin: 0 3.75em;
  border-radius: 0 7.5em 7.5em 0;
}
.swal2-icon.swal2-success .swal2-success-ring {
  position: absolute;
  z-index: 2;
  top: -0.25em;
  left: -0.25em;
  box-sizing: content-box;
  width: 100%;
  height: 100%;
  border: 0.25em solid rgba(165, 220, 134, 0.3);
  border-radius: 50%;
}
.swal2-icon.swal2-success .swal2-success-fix {
  position: absolute;
  z-index: 1;
  top: 0.5em;
  left: 1.625em;
  width: 0.4375em;
  height: 5.625em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line] {
  display: block;
  position: absolute;
  z-index: 2;
  height: 0.3125em;
  border-radius: 0.125em;
  background-color: #a5dc86;
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=tip] {
  top: 2.875em;
  left: 0.8125em;
  width: 1.5625em;
  transform: rotate(45deg);
}
.swal2-icon.swal2-success [class^=swal2-success-line][class$=long] {
  top: 2.375em;
  right: 0.5em;
  width: 2.9375em;
  transform: rotate(-45deg);
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-tip {
  -webkit-animation: swal2-animate-success-line-tip 0.75s;
          animation: swal2-animate-success-line-tip 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-line-long {
  -webkit-animation: swal2-animate-success-line-long 0.75s;
          animation: swal2-animate-success-line-long 0.75s;
}
.swal2-icon.swal2-success.swal2-icon-show .swal2-success-circular-line-right {
  -webkit-animation: swal2-rotate-success-circular-line 4.25s ease-in;
          animation: swal2-rotate-success-circular-line 4.25s ease-in;
}

.swal2-progress-steps {
  flex-wrap: wrap;
  align-items: center;
  max-width: 100%;
  margin: 1.25em auto;
  padding: 0;
  background: inherit;
  font-weight: 600;
}
.swal2-progress-steps li {
  display: inline-block;
  position: relative;
}
.swal2-progress-steps .swal2-progress-step {
  z-index: 20;
  flex-shrink: 0;
  width: 2em;
  height: 2em;
  border-radius: 2em;
  background: #2778c4;
  color: #fff;
  line-height: 2em;
  text-align: center;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step {
  background: #2778c4;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step {
  background: #add8e6;
  color: #fff;
}
.swal2-progress-steps .swal2-progress-step.swal2-active-progress-step ~ .swal2-progress-step-line {
  background: #add8e6;
}
.swal2-progress-steps .swal2-progress-step-line {
  z-index: 10;
  flex-shrink: 0;
  width: 2.5em;
  height: 0.4em;
  margin: 0 -1px;
  background: #2778c4;
}

[class^=swal2] {
  -webkit-tap-highlight-color: transparent;
}

.swal2-show {
  -webkit-animation: swal2-show 0.3s;
          animation: swal2-show 0.3s;
}

.swal2-hide {
  -webkit-animation: swal2-hide 0.15s forwards;
          animation: swal2-hide 0.15s forwards;
}

.swal2-noanimation {
  transition: none;
}

.swal2-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

.swal2-rtl .swal2-close {
  margin-right: initial;
  margin-left: 0;
}
.swal2-rtl .swal2-timer-progress-bar {
  right: 0;
  left: auto;
}

@-webkit-keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}

@keyframes swal2-toast-show {
  0% {
    transform: translateY(-0.625em) rotateZ(2deg);
  }
  33% {
    transform: translateY(0) rotateZ(-2deg);
  }
  66% {
    transform: translateY(0.3125em) rotateZ(2deg);
  }
  100% {
    transform: translateY(0) rotateZ(0deg);
  }
}
@-webkit-keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@keyframes swal2-toast-hide {
  100% {
    transform: rotateZ(1deg);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@keyframes swal2-toast-animate-success-line-tip {
  0% {
    top: 0.5625em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 0.125em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 0.625em;
    left: -0.25em;
    width: 1.625em;
  }
  84% {
    top: 1.0625em;
    left: 0.75em;
    width: 0.5em;
  }
  100% {
    top: 1.125em;
    left: 0.1875em;
    width: 0.75em;
  }
}
@-webkit-keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@keyframes swal2-toast-animate-success-line-long {
  0% {
    top: 1.625em;
    right: 1.375em;
    width: 0;
  }
  65% {
    top: 1.25em;
    right: 0.9375em;
    width: 0;
  }
  84% {
    top: 0.9375em;
    right: 0;
    width: 1.125em;
  }
  100% {
    top: 0.9375em;
    right: 0.1875em;
    width: 1.375em;
  }
}
@-webkit-keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@keyframes swal2-show {
  0% {
    transform: scale(0.7);
  }
  45% {
    transform: scale(1.05);
  }
  80% {
    transform: scale(0.95);
  }
  100% {
    transform: scale(1);
  }
}
@-webkit-keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@keyframes swal2-hide {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.5);
    opacity: 0;
  }
}
@-webkit-keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@keyframes swal2-animate-success-line-tip {
  0% {
    top: 1.1875em;
    left: 0.0625em;
    width: 0;
  }
  54% {
    top: 1.0625em;
    left: 0.125em;
    width: 0;
  }
  70% {
    top: 2.1875em;
    left: -0.375em;
    width: 3.125em;
  }
  84% {
    top: 3em;
    left: 1.3125em;
    width: 1.0625em;
  }
  100% {
    top: 2.8125em;
    left: 0.8125em;
    width: 1.5625em;
  }
}
@-webkit-keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@keyframes swal2-animate-success-line-long {
  0% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  65% {
    top: 3.375em;
    right: 2.875em;
    width: 0;
  }
  84% {
    top: 2.1875em;
    right: 0;
    width: 3.4375em;
  }
  100% {
    top: 2.375em;
    right: 0.5em;
    width: 2.9375em;
  }
}
@-webkit-keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@keyframes swal2-rotate-success-circular-line {
  0% {
    transform: rotate(-45deg);
  }
  5% {
    transform: rotate(-45deg);
  }
  12% {
    transform: rotate(-405deg);
  }
  100% {
    transform: rotate(-405deg);
  }
}
@-webkit-keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-x-mark {
  0% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  50% {
    margin-top: 1.625em;
    transform: scale(0.4);
    opacity: 0;
  }
  80% {
    margin-top: -0.375em;
    transform: scale(1.15);
  }
  100% {
    margin-top: 0;
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@keyframes swal2-animate-error-icon {
  0% {
    transform: rotateX(100deg);
    opacity: 0;
  }
  100% {
    transform: rotateX(0deg);
    opacity: 1;
  }
}
@-webkit-keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@keyframes swal2-rotate-loading {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
@-webkit-keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@keyframes swal2-animate-question-mark {
  0% {
    transform: rotateY(-360deg);
  }
  100% {
    transform: rotateY(0);
  }
}
@-webkit-keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
@keyframes swal2-animate-i-mark {
  0% {
    transform: rotateZ(45deg);
    opacity: 0;
  }
  25% {
    transform: rotateZ(-25deg);
    opacity: 0.4;
  }
  50% {
    transform: rotateZ(15deg);
    opacity: 0.8;
  }
  75% {
    transform: rotateZ(-5deg);
    opacity: 1;
  }
  100% {
    transform: rotateX(0);
    opacity: 1;
  }
}
body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
  overflow: hidden;
}
body.swal2-height-auto {
  height: auto !important;
}
body.swal2-no-backdrop .swal2-container {
  background-color: transparent !important;
  pointer-events: none;
}
body.swal2-no-backdrop .swal2-container .swal2-popup {
  pointer-events: all;
}
body.swal2-no-backdrop .swal2-container .swal2-modal {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
}
@media print {
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) {
    overflow-y: scroll !important;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) > [aria-hidden=true] {
    display: none;
  }
  body.swal2-shown:not(.swal2-no-backdrop):not(.swal2-toast-shown) .swal2-container {
    position: static !important;
  }
}
body.swal2-toast-shown .swal2-container {
  box-sizing: border-box;
  width: 360px;
  max-width: 100%;
  background-color: transparent;
  pointer-events: none;
}
body.swal2-toast-shown .swal2-container.swal2-top {
  top: 0;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-top-end, body.swal2-toast-shown .swal2-container.swal2-top-right {
  top: 0;
  right: 0;
  bottom: auto;
  left: auto;
}
body.swal2-toast-shown .swal2-container.swal2-top-start, body.swal2-toast-shown .swal2-container.swal2-top-left {
  top: 0;
  right: auto;
  bottom: auto;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-center-start, body.swal2-toast-shown .swal2-container.swal2-center-left {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 0;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-center {
  top: 50%;
  right: auto;
  bottom: auto;
  left: 50%;
  transform: translate(-50%, -50%);
}
body.swal2-toast-shown .swal2-container.swal2-center-end, body.swal2-toast-shown .swal2-container.swal2-center-right {
  top: 50%;
  right: 0;
  bottom: auto;
  left: auto;
  transform: translateY(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-start, body.swal2-toast-shown .swal2-container.swal2-bottom-left {
  top: auto;
  right: auto;
  bottom: 0;
  left: 0;
}
body.swal2-toast-shown .swal2-container.swal2-bottom {
  top: auto;
  right: auto;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
}
body.swal2-toast-shown .swal2-container.swal2-bottom-end, body.swal2-toast-shown .swal2-container.swal2-bottom-right {
  top: auto;
  right: 0;
  bottom: 0;
  left: auto;
}