/* The container */

/*h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 400;
}
span {
    font-size: 12.5px;
}*/


/*@import url('https://fonts.googleapis.com/css2?family=Jost:wght@500;600&display=swap');*/
/* Google Css */

/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* cyrillic */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oDd4iYl.woff2) format('woff2');
  unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* latin-ext */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73ord4iYl.woff2) format('woff2');
  unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v14/92zatBhPNqw73oTd4g.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* End Google Css */

body {
/* background-color: #F0F4FF; */
    overflow-x: hidden;
}
.w-100 { width: 100%!important; }
.SchadenList .icon-text div a {
    border-radius: 6px;
    background: #fff;
    /* padding: 5px 1px 0px 0px; */
    font-size: 15px;
    margin-top: 17px;
    border: solid 2px #1bb5ce;
    box-shadow: 1px 2px 4px 0px #dadada;
    display: block;
    float: left;
    width: 100%;
    vertical-align: middle;
    /* display: inline-flex; */
}

#custom-search-scan {
    padding: 0px;
    border-bottom: solid 2px #ffffff;
    /* border-radius: 6px; */
    /* background-color: #fff; */
    padding-bottom: 0;
    margin: 14px;
    height: 52px;
}

.btn-scan {
    float: right;
    background: transparent;
    font-size: 24px;
}


.main-canvas.verticle-align {
    padding-top: 104px;
}

#custom-search-scan input {
    border: 0;
    box-shadow: none;
    width: 85% !important;
    padding-top: 12px;
    background: transparent;
    height: 51px;
    color: #ffffff;
    font-size: 27px;
}


.main-canvas.anti-flex {
    display: block;
}

.num-sort {
    background: #659dc5;
    height: 100px;
    width: 100px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    font-size: 60px;
    padding-top: 6px;
    margin-bottom: 20px;
}

.main-canvas.anti-flex.terms-num ol li {
    margin-bottom: 8px;
    font-size: 16px;
}

.main-canvas.anti-flex.terms-num h1 {
    text-align: center;
    padding-top: 0px;
    margin-top: 0px;
}

.text-block01.blue-bg {
    background: #5ca2db;
    color: #fff;
    background-image: linear-gradient(#10a1ac, #057bd0);
}


.text-block01 {
    border: solid 1px #5ca2db;
    padding: 10px;
    min-height: 161px;
    margin-top: 38px;
    background: #ffffff;
}

.mb-1{
    margin-bottom: 10px;
}

.mb-2{
    margin-bottom: 20px;
}

.mb-3{
    margin-bottom: 30px;
}

.mb-4{
    margin-bottom: 40px;
}

.mb-5{
    margin-bottom: 50px;
}

.text-block01 h2 {
    font-size: 39px;
}

.chart-top-heading {
    margin-top: 36px;
    margin-bottom: 15px;
}


h2.heading32 {
    background: #2a96b0;
    font-size: 21px;
    padding: 10px;
    color: #fff;
}

.tool-right {
    text-align: right;
    color: #fff;
    margin-top: 28px;
}

.m-right {
    margin-right: 5px;
}

.sub-line1 {
    margin-bottom: 26px;
}

.align-center {
    text-align: center;
}

.overlay-sec {
    margin-top: -27px;
}


.side-text.p01 {
    overflow: auto;
}

b.sb-t {
    color: #0394c8;
    font-size: 18px;
}


.graph03 {
    display: inline-block;
    background: #f3f3f3;
    width: 100%;
    padding-bottom: 35px;
}

.chart-top-heading {
    text-align: center;
    font-size: 17px;
}

.main-canvas.anti-flex.terms-num h3 {
    text-align: center;
    padding-top: 0px;
    margin-top: 0px;
}


a.navbar-brand.dashboard-logo img {
    position: relative;
    z-index: 9999;
    width: 67px;
}

.side-controler {
    display: inline-block;
    position: absolute;
    left: 21px;
    margin-top: 6px;
}


.side-controler01 {
    display: none;
    position: absolute;
    left: -32px;
    margin-top: 6px;
}

.result-heading {
    margin-bottom: 38px;
}




.side-controler img {
    width: 57px;
}


.side-controler01 img {
    width: 57px;
}

.assesment-t {
    font-family: Arial, Helvetica, sans-serif;
    border-collapse: collapse;
    width: 100%;
    margin-top: 67px;
}


.app-link {
    display: inline-block;
    color: #ffffff;
    font-size: 18px;
}

h4.panel-title.custom-panel a {
    display: inline-block;
}.assesment-t td, .assesment-t th {
  border: 1px solid #ddd;
  padding: 8px;
}

span.i-green {
    height: 20px;
    width: 20px;
    background: #69c102;
    border-radius: 100px;
    border: solid 2px #fff;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}


span.i-yellow {
    height: 20px;
    width: 20px;
    background: #fa9b27;
    border-radius: 100px;
    border: solid 2px #fff;
    display: inline-block;
    vertical-align: middle;
}

span.i-red {
    height: 20px;
    width: 20px;
    background: red;
    border-radius: 100px;
    border: solid 2px #fff;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
}

.bg-panel {
    background: #e2541e !important;
    display: inline-block;
    width: 100%;
}.ico-1 {
    border: solid 1px;
    padding: 2px;
    width: 29px;
    display: inline-block;
    text-align: center;
    font-size: 15px;
    background: #fff;
    border-radius: 3px;
}

.assesment-t tr:nth-child(even){background-color: #f2f2f2;}

/* .assesment-t tr:hover {background-color: #ddd;} */

.assesment-t th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #4988a7;
  color: white;
}




.tips44 {
    margin-top: 15px;
    margin-bottom: 15px;
}

.main-canvas.anti-flex.terms-num ol {
    margin-top: 42px;
}

.side-image-num img {
    height: 525px;
    object-fit: cover;
}

.sub-head-num {
    font-size: 18px;
}

.row.points-list {
    margin-bottom: 24px;
    margin-top: 10px;
}

.main-canvas.Breakslide {
    background-image: linear-gradient(to top, #33b7a5 , #3a6cab);
    color: #fff;
    text-align: center;
    padding-top: 170px;
}

.text-wig {
    padding-top: 46px;
    padding-bottom: 40px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.text-wig.border-right {
    border-right: solid 1px #8d8d8d;
}



.loader-image img {
    /*max-width: 500px;*/
    height: 500px;
    object-fit: cover;
}

.loader-image {
    padding: 0px;
}

.myClass{
    overflow: hidden !important;
}

#loaderpage {
    background: #f7f7f7;
    position: fixed;
    z-index: 9999;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
    text-align: center;
    padding-top: 30px;
}

.scanner-content h2 {
    font-size: 25px;
    font-weight: 700;
    padding-top: 18px;
}


.progressbar001 {
    text-align: center;
}

.scan-wrapper01 {
    border: solid 1px #a5a5a5;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 1px 3px 5px #ccc;
    margin-bottom: 20px;
}

section.up-bg {
    background: #304964;
}


.circle001 {
    width: 120px;
    margin: 6px 6px 4px;
    display: inline-block;
    position: relative;
    text-align: center;
    line-height: 1.2;
}

.circle001 canvas {
  vertical-align: top;
  width: 120px !important;
}

.web-box1 h3 {
    padding: 12px;
    margin-top: 0px;
    font-size: 16px;
    background: #00c1d3;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

.web-box1 img {
    width: 100%;
}


section.darknet-results.scan-result {
    background: #426ca1;
    padding-top: 20px;
    padding-bottom: 20px;
}

.web-box1 {
    min-height: 369px;
}

a .web-box1 p {
    color: #2b2b2b;
}

.web-box1 p {
    font-size: 15px;
}


.box-data1 {
    padding-top: 7px;
}

.circle001 strong {
  position: absolute;
  top: 38px;
  left: 0;
  width: 100%;
  text-align: center;
  line-height: 40px;
  font-size: 30px;
  color: black;
}

.circle001 strong i {
  font-style: normal;
  font-size: 0.6em;
  font-weight: normal;
}

.circle001 span {
    display: block;
    color: #7d7d7d;
    margin-top: 6px;
}
.submit-text11{
text-align: center;
margin-top: 10px;
}

.SchadenList {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 58px;
}


.card-profile-pic img {
    width: 100%;
}

.row.scan-grid.overall-result {
    padding-top: 0;
}


.card-info005 h2 {
    padding-bottom: 13px;
    padding-top: 13px;
    font-size: 31px;
    font-weight: 600;
}


.card-info005 p {
 
    font-size: 17px;
}


.berater-card001 {
    background: #fff;
    display: inline-block;
    padding: 20px 2px;
    margin-top: 61px;
}

.card-info005 table tr td {
    padding: 5px 0px;
    font-size: 17px;
}

.card-info005 {
    padding: 22px;
}


.row.scan-grid.overall-result h3 {
    margin: 0;
    background: #1da6b3;
    padding: 7px;
    margin-bottom: 10px;
    color: #fff;
    font-size: 22px;
}

.form-hazard label{
color: #fff !important;
}


.row.scan-grid.overall-result {
    border: solid 2px #1da6b3;
}

.next-pre.m-t-30.cus-btn {
    margin-top: 11px;
}

.schaden h4 {
    color: #000;
}

.res {
    background: #bff4f9;
}


.progress-bar {
    float: left;
    width: 0;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #0090ed;
    }


.progress.progress-striped.active.slick {
    height: 11px;
    margin-top: 1px;
}


.center-lock-img {
    text-align: center;
}


.center-lock-img img{

    width: 220px;
}


.auswertung{

    text-align: center;
    padding: 20px;
}

.auswertung-table tbody{

    background: #fbfbfb;
}

.auswertung-table tr td:nth-child(2) {
    text-align: right;
}

.auswertung-results h2{
    font-size: 25px;
}

.entscheidung{
    text-align: center;
}

.entscheidung h2 {
    font-size: 31px;
    padding: 14px;
}

.panel.panel-default.pannel-005 {
    border: none;
}

.question007 h5 {
    background-color: #e1f3f5;
    font-size: 16px;
    padding: 10px 15px;
    margin: 0 0 15px;
}

.haftungsrisiken{
    text-align: center;
}

.text-section.bg.m-t-20.txt-008 {
    padding: 20px;
    font-size: 16px;
}
.haftungsrisiken-box{
    border: solid 2px #5b88c1;
    border-radius: 8px;
    padding: 0;
    margin: 40px auto;
    text-align: left;
    width: 85%;
}
.slidecontainer {
  width: 100%;
}

.slider-r {
  -webkit-appearance: none;
  width: 100%;
  height: 15px;
  background: #fff;
  outline: none;
  opacity: 1;
  -webkit-transition: .2s;
  transition: opacity .2s;
  border-radius: 50px;
}

.slider-r:hover {
  opacity: 1;
}

.slider-r::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 25px;
  height: 25px;
  background: #0ba5ac;
  cursor: pointer;
  border-radius: 100px;
}


.range-value {
    color: #fff;
    font-size: 17px;
    text-align: right;
}

.range-value #demo {
    font-size: 17px;

}
.slider-r::-moz-range-thumb {
  width: 25px;
  height: 25px;
  background: #0ba5ac;
  cursor: pointer;
    border-radius: 100px;

}

.copy-btn {
    position: absolute;
    top: 27px;
    right: 18px;
}

.setting-image img {
    width: 283px;
    cursor: pointer;
}

.submit-print-btn {
    text-align: center;
    margin-top: 20px;
}

.question007 {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
    text-align: left;
}

a.text2 {
    text-decoration: none;
    /* background: #0fb9bc; */
    color: #fff;
    height: auto;
    border-radius: 7px;
    padding: 10px;
    box-shadow: 1px 2px 5px 1px #bdbdbd;
    display: inline-block;
    width: 100%;
    font-size: 17px;
    text-align: left;
    font-weight: bold;
    cursor: pointer;
    background-image: linear-gradient(to right, #52b8bd , #4978b3);
}
h2.centered-value {
    font-size: 30px;
    font-weight: bold;
    color: #09709c;
}

.Auf-num {
    width: 200px;
    margin: 0 auto;
    height: 50px;
    border: solid 2px #ddd;
    border-radius: 5px;
    display: block;
    text-align: center;
    font-size: 20px;
    padding: 5px;
}

.show-value-txt {
    font-size: 23px;
}

.panel.panel-default.pannel-005 i {
    font-size: 40px;
}
.pull-left.btn-text11 {
    padding-top: 9px;
}
.pull-left.btn-text22 {
    padding-top: 9px;
}

.entgegen1 {
    width: 100%;
    margin: 0 auto;
    border: solid 2px #ddd;
    border-radius: 5px;
    display: block;
    text-align: left;
    font-size: 16px;
}


tr.tr-head-01 {
    background-image: linear-gradient(to right, #21ada7 , #4374b1);
}

.auswertung-table{

    text-align: left;
}

.schaden h3 {
    color: #ffffff;
    font-weight: bold;
    background-image: linear-gradient(to right, #5b88c1 , #88e4d2);
    padding: 10px;
}

.SchadenList .icon-text div a {
    color: #000;
}

.schaden tr td {
    border: solid 1px #929292;
    padding: 6px;
}

.SchadenDiv {
    display: none;
    font-size: 16px;
}


.SchadenList .icon-text div a .icon-0 {
    background: #05afb1;
    padding: 16px;
    margin-right: 10px;
    float: left;
    background-image: linear-gradient(to right, #01c7be , #5b88c1);
    padding: 6px;
}

.SchadenList .icon-text div a span {
    padding-top: 21px;
    margin-right: 13px;
    display: block;
}

.checkbox-contain {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 19px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-weight: 300;
}

.table-head{
    background: #ffffff;
    color: #000000;
    font-weight: 100;
}


.result-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.result-table td, .result-table th {
    border: 1px solid #ddd;
    padding: 14px !important;
}

.result-table tr:nth-child(even){background-color: #f2f2f2;}


.result-table th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: left;
  background-color: #5788c5;
  color: white;
}

.green-td {
    background: #7cde80;
    color: #fff;
}


.orange-td {
    background: #ffb559;
    color: #fff;
}

.panel-heading.custom {
    padding: 0px;
}

td.red-td {
    background: #fd5f5f;
    color: #fff;
}


.color01 {
    background: #e4ffc4;
    border: solid 1px green;
    padding: 6px;
    border-radius: 5px;
}

form.assessment-form .row {
    /* border-bottom: solid 1px #adadad; */
    margin-bottom: 12px;
}

.title02 {
    font-size: 30px;
    color: #fff;
}

.accordion-option h1 {
    margin-bottom: 24px;
    margin-top: 33px;
}

.assessment-form label{
font-size: 15px;
}

.panel-heading.custom a {
    background: #e2541e;
    padding: 15px;
    color: #fff;
}

a.color-btn {
    background: #e4ffc4;
    color: #0fa90c;
    padding: 8px;
    border: solid 1px;
    margin-right: 10px;
    border-radius: 5px;
}

/*checkbox*/

.checkbox01 {
    display: block;
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 100;
}

/* Hide the browser's default checkbox */
.checkbox01 input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkbox01 .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    background-color: #eee;
    padding: 0px;
    border: solid 1px #a8a8a8;
}

.assesment-table {
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-collapse: collapse;
  width: 100%;
}

.assesment-table td, .assesment-table th {
  border: 1px solid #ddd;
  padding: 8px;
}

.assesment-table tr:nth-child(even){background-color: #f2f2f2;}


.assesment-table th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4fa1ce;
    color: white;
    font-size: 12px;
}

#style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar
{
    width: 12px;
    height: 8px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #555;
}



/* On mouse-over, add a grey background color */
.checkbox01:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox01 input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox01 .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.green-o {
    background: #67d267;
    color: #fff;
    width: 50px;
    height: 50px;
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
}



.icon-box h3{

    /*margin-top: 10px;*/
    margin-bottom: 0px;
}

.orange-o {
    background: #ff9270;
    color: #fff;
    width: 50px;
    height: 50px;
    display: table-cell;
    margin: 0 auto;
    text-align: center;
    vertical-align: middle;
    font-size: 17px;
}

/*end-checkbox*/


.check-wrap {
    display: inline-block;
    position: relative;
    padding-left: 26px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 100;
    margin-right: 18px;
}


/* Hide the browser's default radio button */
.check-wrap input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */
.check-wrap .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    padding: 0px;
    background: #bbb9b9;
}

.ques-o {
    font-size: 14px;
    margin-bottom: 12px;
    color: #fff;
}


.wizard label {
    color: #26a1f0;
    font-weight: 700;
}

.questions .tab-pane {
    background: #121b44;
    width: 70%;
    margin: auto;
    padding: 0 0 10px 0;
}

.risk-questions {
    list-style: none;
    padding-left: 9px;
    background: rgba(0, 0, 0, 0);
    padding: 16px;
    /*max-height: 500px;*/
    overflow: auto;

    border-radius: 10px;
}
.riskbtns{
    padding: 0 16px;
    display: inline-block;
    width: 100%;
}
.riskbtns a { background: #fff; color: #000; padding: 5px 10px; text-decoration: none; }
#progressBar { padding:0 12px; }
.progressbar {
    background-color: #ffffff;
    height: 1.8rem;
    border-radius: 3rem;
    background-color: #f3f3f3;
    box-shadow: none !important;
    margin-bottom: 18px;
    overflow: hidden;

}
.progress-meter {
    background-color: #e9900a;
    border-radius: 3rem;
    position: relative;
    display: block;
    width: 0;
    height: 100%;
    transition: all 0.5s;
}
.progress-meter-text {
    color: #fff;
}
#style-1::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
    border-radius: 10px;
    background-color: #F5F5F5;
}

.scrollbar
{
    margin-left: 30px;
    float: left;
    height: 300px;
    width: 65px;
    background: #F5F5F5;
    overflow-y: scroll;
    margin-bottom: 25px;
}

#style-1::-webkit-scrollbar
{
    width: 12px;
    background-color: #F5F5F5;
}

#style-1::-webkit-scrollbar-thumb
{
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
    background-color: #3b9dcb;
}

/* On mouse-over, add a grey background color */
.check-wrap:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.check-wrap input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.check-wrap .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.check-wrap input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.check-wrap .checkmark:after {
    top: 6px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}
.risk-questions li {
    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}


ul.multiselect-container.dropdown-menu .checkbox input[type="checkbox"] {
    opacity: 1 !important;
}

button.multiselect.dropdown-toggle.btn.btn-default {
    background: #fff !important;
    color: #000;
    width: 100%;
    display: inline-block;
}

button.multiselect.dropdown-toggle.btn.btn-default:hover {
    background: #fff !important;
}

.multiselect-container>li>a>label.radio, .multiselect-container>li>a>label.checkbox {
    color: #000 !important;
    margin: 0;
}

ul.multiselect-container.dropdown-menu li {
    padding: 0 !important;
}


ul.multiselect-container.dropdown-menu > .active > a {
    background: #fff !important;
}

.multiple-select-o .btn-group {
    width: 100%;
}

.multiple-select-o .btn-group button {
    text-align: left;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

ul.multiselect-container.dropdown-menu {
    width: 100%;
}

.wizard.wizard-custom-o {
    width: 100%;
}

ul.multiselect-container.dropdown-menu > li > a {
    display: block !important;
}


/* Hide the browser's default checkbox */
.checkbox-contain input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}


.setting-news {
    padding: 18px;
}

.news-send-detail {
    margin-right: 11px;
    font-size: 20px !important;
    margin-top: 7px;
    margin-left: 6px;
    color: #ccc;
}

.news-send-detail:hover {
    color: #10c3cc;
}


.news-send:hover {
    color: #10c3cc;
}

.seal-text{
    margin-top: 10px;
    margin-bottom: 20px;
}

.seal-text p{
    color: #FFF;
    font-size: 14px;
    font-weight: bold;
}


.er-false {
    position: absolute;
    bottom: 0px;
    background: #d04730;
    padding: 13px 24px;
    color: #fff;
    left: 0;
    font-size: 16px;
    width: 100%;
}

.er-false-result {
    background: #d04730;
    padding: 13px 24px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin: 20px 0px 0px;
    border-radius: 8px;
}

.stepwizard-step p {
    margin-top: 10px;
}

.stepwizard-row {
    display: table-row;
}

.stepwizard {
    display: table;
    width: 100%;
    position: relative;
}

.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}

.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;

}

.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}

.right-image1 {
    width: 100%;
}


.tooltip-survey:hover .tooltiptext {
    visibility: visible;
}

.tooltip-survey .tooltiptext {
    visibility: hidden;
    width: 55%;
    background-color: #464646;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    font-weight:200; 
    position: absolute;
    z-index: 1000;
    font-size: 14px;
    display: block;
}

.tab-ques {
  display: none;
}


.risk-box {
    padding: 15px;
    margin-bottom: 14px;
}


h2.risk-h {
    color: #fff;
    font-size: 34px;
    font-weight: bold;
    margin-bottom: 15px;
}

img.question-bg {
    object-fit: cover;
}

p.risk-p {
    color: #fff;
    font-size: 16px;
}

p.personalate-subheading {
    color: #fff;
    font-size: 20px;
    padding: 0 16px;
}

span.starus-icons {
    font-size: 23px;
    float: left;
    margin-right: 13px;
    display: inline;
    width: 21px;
}

span.error-text03 {
    font-size: 20px;
    /* float: right; */
    display: inline-block;
    width: 83%;
    margin-left: 4px;
}

.er-true {
    position: absolute;
    bottom: 0px;
    background: #3d830a;
    padding: 13px 24px;
    color: #fff;
    left: 0;
    font-size: 16px;
    width: 100%;
}

.er-true-result {
    background: #3d830a;
    padding: 13px 24px;
    color: #fff;
    font-size: 16px;
    width: 100%;
    margin: 20px 0px 0px;
    border-radius: 8px;
}

/* Create a custom checkbox */
.checkmark2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border: solid 2px #2196f3;
}
/* On mouse-over, add a grey background color */
.checkbox-contain:hover input ~ .checkmark2 {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.checkbox-contain input:checked ~ .checkmark2 {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark2:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.checkbox-contain input:checked ~ .checkmark2:after {
  display: block;
}

/* Style the checkmark/indicator */
.checkbox-contain .checkmark2:after {
    left: 8px;
    top: 2px;
    width: 7px;
    height: 14px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}


.quiz-result {
    background: #fff;
    margin-top: 15px;
    padding: 29px 18px;
    text-align: center;
    box-shadow: 0px 0px 5px #d6d6d6;
    border-bottom: solid 4px #08a2bd;
}


.read-main{

    width: 90%;
    height: 90%;
}


.read-main .btnread {
    background: transparent;
    color: #077fcc;
    padding: 5px 10px;
    position: absolute;
    top: 0;
    z-index: 999;
    outline: none;
    left: 13px;
}

button.btn.btn-default.btnread-1 {
    margin-top: 17px;
}

.edit-icon-box label {
    display: block;
    text-align: left;
    padding: 0px;
}

.edit-icon-box {
    padding: 39px 11px;
}

.quiz-lable {
    font-size: 20px;
}

.quiz-result-value {
    font-size: 35px;
}


.scan11.pull-left {

    width: 100%;
    height: 45px;
    border: none;
    font-size: 21px;

}


.log-drop li {
    padding: 5px 5px !important;
    border-top: solid 1px #efefef;
}


.fa.fa-search.pull-right {

    padding-top: 11px;
    font-size: 25px;
    color:#ccc;

}


.bck-home005 {
    color: #2d2d2d !important;
    background: #fff;
    padding: 10px;
    border-radius: 6px;
    border: solid 1px #00a3ff;
    box-shadow: 2px 1px 8px #1a4d82;
}

.side-image001 img {
    width: 100%;
}

.heading010 {

    text-align: center;
    padding-bottom: 36px;

}
.webscanner-field{

    width: 93% !important;
}


.card-detail055 .icons0055 {
    float: left;
}

.text-card01 {
    display: block;
    padding-left: 34px;
    line-height: 1.3;
    margin-bottom: 9px;
    padding-top: 5px;
    font-size: 16px;
}


.button-inline.dark {
    text-align: center;
}


.col-md-12.dark-p {
    text-align: center;
}


.text001.dark {
    text-align: center;
}

.text0011 h2 {
    color: #09bedb;
    margin-bottom: 14px;
}

.text0011 p {
    color: #fff;
    font-size: 16px;
}

.bg-lt-slide img {
    width: 100%;
    height: 535px;
    object-fit: cover;
    position: absolute;
}


.text-lt-slide {
    background: #ffffff;
    padding: 20px;
    margin-top: 174px;
    display: inline-block;
    position: absolute;
}




.font-i {
    font-family: cursive;
    color: #828282;
}

h1.font-i {
    font-family: cursive;
    font-size: 47px;
    color: #828282;
}

.heading010 h2 {
    font-size: 32px;
    color: #fff;
}


div#stats {
    display: none;
}

.container .row .statistic_margin
{
    margin-left: 145px !important;
}

/* ---- particles.js container ---- */


#particles-js1 {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: 0;
}

#particles-js {
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    z-index: 0;
}

.slide-video {
    height: 490px;
    width: 100%;
}

.readstatus {
    background: #ffffff;
    text-align: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    opacity: 0.9;
    border-radius: 5px;
    margin: 0px 15px 30px 15px;
}

.main-slider-dgsvo h3 {
    color: #ffffff;
    font-size: 29px;
}

.side-text-dgvso{

    padding-left: 50px;
    padding-right: 50px;
}

.side-text-dgvso h3{
    font-weight: bold;
}

.side-text-dgvso p {
    padding-top: 10px;
    padding-bottom: 10px;
}


.custom-section {
    padding-top: 50px;
    padding-bottom: 50px;
}

.Leistungen {
    font-size: 18px;
}

.Leistungen h3{
    font-weight: bold;
}

img.side-image1 {
    width: 100%;
}


.Leistungen p{
padding-bottom: 10px;
}

.Leistungen li{
    list-style: none;
        margin-top: 6px;

}

.mt-10 {
    margin-top: 24px;
}


section.bg-grey-1 {
    background: #ced3de;
    padding-top: 30px;
    padding-bottom: 30px;
}


.mb-20 {
    margin-bottom: 20px;
}


.Leistungen li img {
    width: 18px;
}

.Leistungen li::before {
    content: " ";
    background: url(../images/arrow-01.jpg);
    height: 16px;
    width: 22px;
    display: inline-block;
    background-repeat: no-repeat;
}

.main-slider-dgsvo {
    background: url(../images/workers.jpg) no-repeat;
    padding-top: 130px;
    padding-bottom: 130px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

section.malware-slider {
    text-align: left;
}
.heading-tag {
    background: #5b88c1;
    padding: 2px 10px;
    font-size: 15px;
    display: inline-block;
    border-radius: 100px;
}

.icon-image {
    width: 100px;
}

.icon-text01 h5 {
    font-size: 20px;
}


.heading-malware h1 {
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 700;
    line-height: 35px;
}


.sml-txt {
    color: #00d0ff;
}

.position-bg h2 {
    font-weight: 700;
}


.position-bg p {
    font-size: 17px;
}

.chart-section {
    font-size: 17px;
}

.chart-section li {
    margin-bottom: 10px;
    margin-top: 14px;
}

.custom-section.video-sec {
    background: #f7f7f7;
}

.custom-section.logo-section1 {
    background: #e8f7f6;
}


.custom-section.chart-section ul {
    list-style: none;
    padding-left: 0px;
}


.position-bg{
    background: url(../images/position-bg.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

.banner-blocks{
    background: url(../images/bg-001.jpg) no-repeat;
    padding-top: 70px;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

.accordion-item p {
    padding: 0px 26px;
}

.accordion-item {
    border-radius: 5px;
    display: block;
    background-color: #ffffff;
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}


.accordion-title {
    padding: 20px 60px 17px 25px;
    color: #0e0129;
    text-decoration: none;
    position: relative;
    display: block;
    font-size: 16px;
    font-weight: 600;
}


.phishing-head{
    background: url(../images/bgnew1.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}


.phishing-make-pre {
    background: url(../images/bgnew2.jpg) no-repeat;
    padding-top: 24px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}


.head-link a {
    color: #fff;
}

.list-bg{
    background: url(../images/home2-bg2.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: left;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

footer.footer-o {
    background: #2176ab;
    color: #fff;
    padding: 18px 15px 7px 20px;
    text-align: center;
}


.list-bg ul {
    list-style: none;
    text-align: left;
    padding-left: 0;
    padding-top: 13px;
}

.list-bg h3 {
    font-size: 30px;
    color: #fff;
    font-weight: 600;
}

.img-icon01 {
    width: 19px;
}

.list-bg ul li {
    font-size: 17px;
    margin-bottom: 11px;
}


/*
Security Area Style
======================================================*/
.security-area .container {
  max-width: 1300px;
}

.security-area-two {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
}

.security-area-two .container {
  max-width: 1300px;
}

.security-area-two::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #090218;
  opacity: 0.9;
  z-index: -1;
}

.single-security {
  background-color: #fef4f8;
  padding: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.single-security i {
    font-size: 30px;
    color: #ffffff;
    width: 50px;
    height: 50px;
    line-height: 50px;
    background-image: -webkit-gradient(linear, left top, right bottom, from(#0d4b7c), to(#5b88c1));
    background-image: linear-gradient(to bottom right, #0d4b7c, #5b88c1);
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    margin-bottom: 15px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}

.single-security h3 {
  font-size: 22px;
  margin-bottom: 9px;
}

.single-security:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-security:hover i {
  -webkit-transform: rotateY(360deg);
          transform: rotateY(360deg);
}

/*Section Title Area Style*!*/
.section-title {
  max-width: 660px;
  margin: -12px auto 60px;
  text-align: center;
  position: relative;
}

.section-title span {
    color: #1f5394;
    display: block;
    margin-bottom: 8px;
    font-weight: 600;
    font-size: 24px;
}


section.faq-contact-area.ptb-100 {
    padding-top: 50px;
}

.section-title h2:last-child {
  margin-bottom: 0;
}

.section-title.white-title span {
  color: #ffffff;
}

.section-title.white-title h2 {
  color: #ffffff;
}

.section-title.white-title p {
  color: #ffffff;
}


a.default-btn01 {
    background: #0d3f7d;
    padding: 10px 16px;
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}

.section-title {
    text-align: center;
}

.section-title h2 {
    font-size: 30px;
    margin-bottom: 15px;
    position: relative;
    font-weight: 600;
    display: block;
    /*text-transform: capitalize;*/
}

.section-title {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
}

.single-security .read-more {
    background: #5b88c1;
    color: #fff;
    padding: 8px;
    position: absolute;
    left: 0;
    right: 0;
    width: 100px;
    margin: auto;
    bottom: 15px;
}


/*
Pricing Area Style
======================================================*/
.single-pricing ul {
    list-style: none;
    padding: 0;
    margin: 0;
    margin-bottom: 35px;
}

.pricing-area {
  padding-bottom: 120px;
}

.pricing-area .section-title {
    margin-bottom: 50px;
}

.single-pricing {
  text-align: center;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  padding-bottom: 30px;
  margin-bottom: 30px;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  position: relative;
  z-index: 1;
}

.single-pricing::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: contain;
  z-index: -1;
  opacity: 0.5;
}

.single-pricing.active {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  z-index: 2;
  position: relative;
}

.single-pricing .pricing-content {
    background-color: #adc7e9;
    padding: 30px;
    margin-bottom: 30px;
}

.single-pricing h1 {
    color: #1f5394;
    font-size: 27px;
    margin-bottom: 0;
    font-weight: 600;
}

.single-pricing h1 sub {
  font-size: 14px;
  font-weight: normal;
  color: #9e9b9b;
}

.single-pricing ul li {
  font-weight: 500;
  margin-bottom: 10px;
  padding-bottom: 10px;
  padding-left: 30px;
  padding-right: 30px;
  border-bottom: 1px solid #fef4f8;
}

.single-pricing ul li i {
    color: #0d3f7d;
    font-size: 16px;
    position: relative;
    top: 2px;
    left: -3px;
}

.single-pricing ul li:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.single-pricing ul li span {
  color: #9e9b9b;
}

.single-pricing ul li span i {
  color: #9e9b9b;
}

.single-pricing .default-btn {
  margin-top: 30px;
  margin-bottom: -8px;
}

.single-pricing:hover {
  -webkit-transform: translateY(-5px);
          transform: translateY(-5px);
}

.single-pricing:hover.active {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}


.performance-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

.performance-area.bg-none {
  background-image: none;
}

.performance-area.bg-none::before {
  display: none;
}

.performance-area.bg-none .single-security {
    position: relative;
    z-index: 1;
    overflow: hidden;
    min-height: 323px;
}

.performance-area.bg-none .single-security img {
  position: absolute;
  bottom: 0;
  left: -90px;
  z-index: -1;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.performance-area.bg-none .single-security:hover {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.performance-area.bg-none .single-security:hover img {
  left: -20px;
}

.performance-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #010a1b;
  opacity: 0.78;
}

.performance-area .single-security {
  text-align: center;
  background-color: #010414;
}

.performance-area .single-security h3 {
  margin-bottom: 10px;
  color: #ffffff;
}

.performance-area .single-security p {
  margin-bottom: 10px;
  color: #ffffff;
}

.performance-area .single-security:hover {
  background-color: #ffffff;
}

.performance-area .single-security:hover h3 {
  color: #0e0129;
}

.performance-area .single-security:hover p {
  color: #0e0129;
}

.performance-area .owl-theme .owl-dots {
  line-height: 1;
}

.performance-area .owl-theme .owl-dots .owl-dot span {
  background-color: #ffffff;
  width: 10px;
  height: 5px;
  border-radius: 0 !important;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.performance-area .owl-theme .owl-dots .owl-dot.active span {
  background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
  background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
  width: 20px;
}


/*
Transform Area Style
======================================================*/

.transform-area {
    position: relative;
    margin-top: 50px;
    margin-bottom: 50px;
}

.choose-wrap ul {
    list-style: none;
    list-style: none;
    padding-left: 0px;
    margin-bottom: 24px;
}

.transform-area .shape-1 {
  position: absolute;
  top: -50%;
  left: 0;
  z-index: -1;
  opacity: 0.5;
}

.transform-area .shape-2 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
  opacity: 0.5;
}

.transform-content {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 50px;
  margin-left: -100px;
  margin-top: 100px;
}

.transform-content h2 {
  font-size: 40px;
  margin-bottom: 20px;
  margin-top: -11px;
}

.transform-content p {
  margin-bottom: 30px;
}

.transform-content .skill-bar {
  margin-bottom: 20px;
}

.transform-content .skill-bar .progress-title-holder {
  position: relative;
}

.transform-content .skill-bar .progress-title {
  font-size: 20px;
  font-weight: 600;
  margin-bottom: 0 !important;
}

.transform-content .skill-bar .progress-number-wrapper {
  width: 100%;
  z-index: 10;
  font-size: 11px;
  line-height: 24px;
  height: 24px;
  letter-spacing: 0px;
  font-weight: 600;
  font-style: normal;
  text-transform: none;
  color: #ffffff;
  margin-bottom: 0;
  margin-bottom: 0 !important;
}

.transform-content .skill-bar .progress-number-mark {
  margin-bottom: 4px;
  border-radius: 3px;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#ff5e68), to(#d2044d));
  background-image: linear-gradient(to bottom right, #ff5e68, #d2044d);
  padding: 0 8px;
  position: absolute;
  bottom: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  margin-bottom: 0 !important;
}

.transform-content .skill-bar .down-arrow {
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 3px solid #d80650;
  position: absolute;
  left: 50%;
  top: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  color: #d80650;
  margin-bottom: 0 !important;
}

.transform-content .skill-bar .progress-content-outter {
  height: 6px;
  background-color: #ebeded;
  border-radius: 50px;
}

.transform-content .skill-bar .progress-content {
  height: 6px;
  background-image: -webkit-gradient(linear, left top, right bottom, from(#d2044d), to(#ff5e68));
  background-image: linear-gradient(to bottom right, #d2044d, #ff5e68);
  border-radius: 50px;
  width: 0%;
}

.transform-content .skill-bar .percent {
  margin-bottom: 0 !important;
  color: #ffffff !important;
}

/*Banner Area Style
======================================================*/
.banner-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
  position: relative;
  z-index: 1;
  padding-top: 220px;
  padding-bottom: 100px;
}

.banner-area.banner-item-bg-1 {
}

.banner-area .banner-text {
  position: relative;
  max-width: 690px;
  z-index: 1;
  overflow: hidden;
  margin-bottom: 15px;
}

.banner-area .banner-text span {
  color: #ffffff;
  font-size: 18px;
  display: block;
  margin-bottom: 10px;
  font-family: "Barlow Condensed", sans-serif;
  font-weight: 400;
}

.banner-area .banner-text h1 {
  font-size: 80px;
  color: #ffffff;
  margin-bottom: 25px;
  line-height: 1.1;
}

.banner-area .banner-text p {
  color: #ffffff;
  font-size: 16px;
  margin-bottom: 35px;
}

.banner-area .video-btn {
  margin: auto;
  display: block;
}

.banner-area.banner-area-two {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #090218;
}


.banner-area.banner-area-two .container-fluid {
  padding-left: 50px;
  padding-right: 50px;
}

.banner-area.banner-area-two .banner-text {
  margin-top: 100px;
}

.banner-area.banner-area-two .banner-text h1 {
    font-size: 44px;
    font-weight: 700;
}

.banner-area.banner-area-two .banner-site-img {
  position: relative;
  top: 60px;
}

.banner-area.banner-area-two .banner-site-img.four {
  top: 0px;
}

.banner-area.banner-area-three {
  height: 850px;
  padding: 0;
  position: relative;
  overflow: hidden;
}

.banner-area.banner-area-three .banner-text {
  margin: -30px auto 0;
  text-align: center;
}

.banner-area.banner-area-three .banner-shape-1 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  z-index: -1;
  -webkit-animation: FocuS 1s linear 1s infinite;
          animation: FocuS 1s linear 1s infinite;
}

.banner-area.banner-area-three .banner-shape-2 {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

.banner-area.banner-area-three .banner-shape-3 {
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.banner-area.banner-area-three .banner-shape-4 {
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}

.banner-area.banner-area-three .follow-us {
  position: absolute;
  top: 50%;
  right: -67px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.banner-area.banner-area-three .follow-us ul {
  line-height: 1;
}

.banner-area.banner-area-three .follow-us ul li {
  display: inline-block;
  color: #ffffff;
  padding: 0 2px;
}

.banner-area.banner-area-three .follow-us ul li a i {
  color: #ffffff;
  font-size: 20px;
  line-height: 30px;
  width: 30px;
  height: 30px;
  background-color: #d80650;
  text-align: center;
  border-radius: 4px;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

.banner-area.banner-area-three .follow-us ul li a i:hover {
  background-color: #ffffff;
  color: #d80650;
}

.banner-area.banner-area-three .follow-us ul span {
  display: inline-block;
  position: relative;
  top: -4px;
}


/*
Choose Area Style
======================================================*/
.choose-area {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  z-index: 1;
}

.choose-area::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0a031b;
  opacity: 0.63;
  z-index: -1;
}

.choose-wrap {
  background-color: #010c16;
  max-width: 540px;
  margin: auto;
  padding: 50px;
}

.choose-wrap h2 {
  color: #ffffff;
  font-size: 40px;
  margin-top: -11px;
  margin-bottom: 22px;
}

.choose-wrap p {
  color: #ffffff;
  margin-bottom: 20px;
}

.choose-wrap ul li {
  color: #ffffff;
  position: relative;
  padding-left: 35px;
  font-weight: 500;
  font-size: 15px;
  margin-bottom: 10px;
}

.choose-wrap ul li:last-child {
  margin-bottom: 0;
}

.choose-wrap ul li i {
    display: inline-block;
    width: 25px;
    height: 25px;
    line-height: 25px;
    background-color: #221b31;
    color: #0072ff;
    border-radius: 50%;
    text-align: center;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 12px;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
}


section.choose-area-four.ptb-100 {
    padding-top: 80px;
    padding-bottom: 40px;
}



.choose-wrap ul li:hover i {
  background-color: #ffffff;
}

.choose-wrap .default-btn {
  margin-bottom: -8px;
}

.choose-area-four {
  background-color: #010c16;
}


.faq-accordion .accordion {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-item {
  border-radius: 5px;
  display: block;
  background-color: #ffffff;
  margin-bottom: 15px;
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
}

.faq-accordion .accordion .accordion-item:last-child {
  margin-bottom: 0;
}

.faq-accordion .accordion .accordion-title {
  padding: 20px 60px 17px 25px;
  color: #0e0129;
  text-decoration: none;
  position: relative;
  display: block;
  font-size: 16px;
  font-weight: 600;
}

.faq-accordion .accordion .accordion-title i {
  position: absolute;
  right: 25px;
  top: 23px;
  font-size: 25px;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}

.faq-accordion .accordion .accordion-title.active i {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-accordion .accordion .accordion-title.active i::before {
  content: "\eaf8";
}

.faq-accordion .accordion .accordion-content {
  display: none;
  position: relative;
  margin-top: -5px;
  padding-bottom: 30px;
  padding-right: 30px;
  padding-left: 30px;
}

.faq-accordion .accordion .accordion-content p {
  line-height: 1.8;
}

.faq-accordion .accordion .accordion-content.show {
  display: block;
}

.faq-contact-area #contactForm {
  -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
  background-color: #ffffff;
  padding: 50px;
}

.faq-contact-area #contactForm .form-group {
  margin-bottom: 30px;
}

.faq-contact-area #contactForm .default-btn {
  margin: 0 auto -8px;
  display: table;
}

.faq-contact-area #contactForm #msgSubmit {
  margin-bottom: 0;
  text-align: center;
  margin-top: 30px;
}

.faq-contact-area #contactForm .hidden {
  display: none;
}

.faq-contact-area #contactForm .list-unstyled {
  margin-top: 10px;
  color: #dc3545;
}


/*
Transform Area Style
=====================================================*/
.transform-area-five .transform-img {
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100%;
}

.transform-area-five .transform-content-five {
  padding: 35px;
  margin: 0;
}


.main-fuche-header{
    background: url(../images/home.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

.form-group.text-smaller {
    font-size: 12px;
}


ul.listing-new {
    padding-left: 15px;
}
span.sub-m {
    font-weight: 700;
    color: #0d3f7d !important;
}

li.price-o {
    font-weight: bold !important;
    font-size: 20px !important;
}

.txt-section05{
    background: url(../images/bg01.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
    margin-bottom: 100px;
}

.txt-section06{
    background: url(../images/home2-header.jpg) no-repeat;
    padding-top: 70px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
    margin-bottom: 100px;
}

.tooltip .tooltip-inner {
    padding: 15px 16px !important;
    border-radius: 2px;
    background-color: #313a46;
    text-align: left !important;
    line-height: 23px !important;
}


.side-txt007{
text-align: left;

}

.txt-section05 h3 {
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
}

li.notification-bell {
    color: #fff;
    list-style: none;
    font-size: 28px;
    margin-top: -33px;
    cursor: pointer;
}

span.notify-indicate {
    position: absolute;
    font-size: 12px;
    background: #F44336;
    padding: 1px 7px;
    border-radius: 100px;
    text-align: center;
    left: 15px;
}

.side-txt007 p {
    font-size: 17px;
}

.side-txt007 h3 {
    font-weight: 700;
    color: #ffffff;
}

.bnk-txt img {
    width: 108px;
}
.bnk-txt {
    text-align: center;
    position: absolute;
    top: 0;
    padding: 27px;
    left: 0;
    color: #fff;
    right: 0;
}

.light-txt.bottom-txt {
    position: absolute;
    bottom: 7px;
    left: 0;
    right: 0;
    text-align: center;
}

.top-text-block {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: 400;
  line-height: 1.42857143;
  color: #333;
  white-space: inherit !important;
  border-bottom: 1px solid #f4f4f4;
  position: relative;
}
.top-text-block:hover:before {
  content: '';
  width: 4px;
  background: #0e6ebb;
  left: 0;
  top: 0;
  bottom: 0;
  position: absolute;
}

.news-text {
    padding-top: 20px;
    padding-bottom: 20px;
}

.news-text {
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 15px;
}

.chart-bg {

    background: url(../images/chart-bg.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
    padding: 50px 5px;

}

a.top-text-block:hover .top-text-light {
    color: #fff;
}
a.top-text-block:hover {
    color: #ffffff !important;
}

.top-text-block.unread {
  background: #ffc;
}
.top-text-block .top-text-light {
  color: #999;
  font-size: 0.8em;
}
.top-head-dropdown .dropdown-menu {
    width: 350px;
    max-height: 300px;
    overflow: auto;
    z-index: 99999;
}
.top-head-dropdown li:last-child .top-text-block {
  border-bottom: 0;
}

.topbar1 .navbar-right > li {
    display: initial;
}

.btn-group.pull-right.top-head-dropdown {
    margin-top: 7px;
}

.topbar-align-center {
  text-align: center;
}
.loader-topbar {
  margin: 5px auto;
  border: 3px solid #ddd;
  border-radius: 50%;
  border-top: 3px solid #666;
  width: 22px;
  height: 22px;
  -webkit-animation: spin-topbar 1s linear infinite;
  animation: spin-topbar 1s linear infinite;
}
@-webkit-keyframes spin-topbar {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
  }
}
@keyframes spin-topbar {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}


.bnk-txt h4 {
    color: #fff;
    font-weight: 700;
}

.light-txt {
    color: #a5d2f7;
}


.bnk-txt span {
    font-size: 12px;
}

.bnk-txt h1 {
    font-style: italic;
}

.points001 li {
    list-style: none;
    border-bottom: solid 1px #8ea7bb;
    padding-top: 10px;
    padding-bottom: 12px;
    font-size: 13px;
}

.points001 li i {
    color: #14ff14;
    font-size: 17px;
}


.points001 {
    font-size: 18px;
    margin-bottom: 36px;
}


.side-txt007 {
    text-align: left;
    padding-bottom: 40px;
    padding-top: 40px;
}


.custom-section.txt-section05 p {
    font-size: 14px;
}

.text-left.txt-md h2 {
    font-weight: 700;
    font-size: 35px;
    margin-bottom: 23px;
}

.para-sub {
    padding: 35px;
    display: inline-block;
    position: absolute;
    top: 200px;
    color: #bfd1de;
    text-align: center;
    left: 0;
}

.schutz-header h1 {
    font-weight: 700;
}

.schutz-header {
    padding-bottom: 30px;
}


.schutz-header p {
    color: #868686;
}


.schutz-header span {
    color: orange;
    border-bottom: solid 1px #ddd;
    padding-bottom: 10px;
}

span.para-sub h3 {
    color: #ffffff;
    font-size: 16px;
    font-weight: 600;
}

.text-left.txt-md {
    font-size: 16px;
}

.pull-left.logo-o {
    padding: 10px 35px;
}
.menu-o a {
    color: #fff;
    padding: 0px 25px;
    font-size: 17px;
    border: solid 1px #fff;
    display: inline-block;
    margin-right: 14px;
    margin-top: 22px;
    border-radius: 100px;
}

.pull-right.menu-o {
    padding: 0px 33px;
    line-height: 2;
    width: 46% !important;
    height: 0;
    border-bottom: 87px solid #4a94c6;
    border-left: 49px solid transparent;
    text-align: right;
}

.good-faith-head {
    background: url(../images/goodfaith.jpg) no-repeat;
    padding-top: 27px;
    padding-bottom: 70px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}


.good-faith-head h1 {
    font-weight: 700;
}

.phishing-make-pre h1 {
    font-weight: 700;
}

.bg-green{
    background:#ebffec;
}

.phishing-head h1 {
    font-weight: 700;
}

h3.heading07 {
    font-weight: 700;
    margin-bottom: 25px;
}

.sub-para01 {
    font-size: 17px;
    color: #8a8a8a;
}

h4.subheading07 {
    font-size: 21px;
}

.custom-section.cus-grey {
    background: #e3f0ff;
}

ol.points011 {
    padding-left: 15px;
    font-size: 17px;
}

ol.points011 li {
    margin-bottom: 11px;
}


.bg-green h2 {
    font-weight: 700;
    color: #4e4e4e;
}

.cus-grey h2 {
    font-weight: 700;
    color: #0c82ab;
}


.malware-slider{
    background: url(../images/bg-malware.jpg) no-repeat;
    padding-top: 130px;
    padding-bottom: 130px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

.icon-text h2 {
    margin-top: 0px;
}

.icon-text h5 {
    color: #fff;
    font-size: 20px;
    margin-top: 0px;
}

img.icon011 {
    max-width: 148px;
}

.bg-build {
    background: url(../images/bulid-bg.jpg) no-repeat;
    padding-top: 45px;
    padding-bottom: 34px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

.owner-img {
    width: 100%;
}

.side-image-text h5 {
    font-size: 20px;
    margin-bottom: 12px;
    margin-top: 18px;
}

.side-image-text h3 {
    font-size: 30px;
    margin-bottom: 32px;
}

.side-image-text i {
    color: #0ba5ac;
}

.bg-image-1 {
    background: url(../images/laptop-bg.jpg) no-repeat;
    padding-top: 130px;
    padding-bottom: 130px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 20px;
}

.packages h3 {
    background: #353c42;
    color: #ffffff;
    padding: 10px;
    text-align: center;
    margin-top: 0;
}

.price span {
    font-size: 13px;
    display: block;
    font-weight: 100;
}

.packages {
    text-align: center;
    border: solid 1px #b1b1b1;
    padding-bottom: 32px;
}

.package-description {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 25px;
    font-size: 16px;
}
.our-package{
    text-align: center;
}

.our-package h2 {
    padding-bottom: 15px;
}

.bg-grey-1 p {
    color: #000000;
}
.bg-grey-1 h4 {
    color: #000000;
}

.bg-light {
    background: #f4f8fb;
}



.packages .price {
    display: block;
    font-size: 36px;
    font-weight: 700;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 15px;
}
.slider-dgsvo{
        margin-top: -63px;
}

.border-rounded {
    border-radius: 100px;
}

.corp-search {
    background: url(../images/bg-corp.jpg) no-repeat;
    padding-top: 130px;
    padding-bottom: 218px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 30px;
}

.center-heading {
    margin-bottom: 30px;
}

/* The container */
.checkcorp {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.country-date-o {
    font-style: italic;
    color: #666666;
}


.active-o .location-o {
    color: #000;
    font-weight: 100;
}
.active-o .country-date-o {
    font-weight: 300;
    color: #000;
}

.inactive-o {
    color: #666666 !important;
}

.location-o {
    font-size: 12px;
}

.jurisdiction-list {
    padding-left: 0px;
    list-style: none;
}

.corp-filter {
    margin-top: 20px;
}


.no-hover-icon:hover img {
    -webkit-filter: inherit !important;
    filter: inherit !important;
}

.corp-filter .fa-chevron-down{
    color: #ffffff;
}


.corp-company-detail table {
    width: 550px;
}


.corp-company-detail h2 {
    font-size: 22px;
    margin-bottom: 31px;
    margin-top: 35px;
    color: #038faf;
    font-weight: 600;
}


.source-txt {
    font-style: italic;
}

.inactive-o a {
    color: #666666;
}

.active-o a {
    color: #000000;
}

span.location-o .fa-map-marker {
    font-size: 17px;
}


ul.event-list-o {
    padding-left: 0;
    list-style: none;
}

ul.event-list-o li {
    padding-bottom: 7px;
    padding-top: 7px;
    border-bottom: solid 1px #dddddd;
}

.group-o {
    margin-top: 17px;
}


.company-network-o {
    background: #fbfbfb;
    padding: 1px 15px 15px 15px;
    margin-top: 31px;
    border: solid 1px #dddd;
    border-radius: 5px;
}

button.btn.btn-primary.btn-block.search-corp1 {
    height: 42px;
}

.main-canvas.anti-flex {
    display: inline-block;
}

.navbar-brand>img {
    display: block;
    position: relative;
    z-index: 1040;
}

.jurisdiction-list li {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #ddd;
}

.search-corp {

    margin: 20px;
}
.result-listing ul li {
    border-bottom: 1px solid #ddd;
    padding: 5px 9px;
}

.active-o {
    color: #000 !important;
    font-weight: 600;
}

.result-listing ul {
    padding-left: 13px;
    list-style: none;
}

/* Hide the browser's default radio button */
.checkcorp input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

/* Create a custom radio button */

.checkcorp .checkmark {
    position: absolute;
    top: 0;
    left: 0;
    height: 18px;
    width: 18px;
    background-color: #eee;
    border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.checkcorp:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.checkcorp input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}


.checkcorp .checkmark {
    margin: 0 auto;
    padding: 0;
}

/* Show the indicator (dot/circle) when checked */
.checkcorp input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.checkcorp .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: white;
}

.image-stat {
    background: url(../images/n41.jpg) no-repeat;
    padding-top: 18px;
    padding-bottom: 39px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 30px;
}


.no-padding {
    padding: 0px;
}

.opencorporates-fields {
    padding: 15px 15px;
}

.image-stat1 {
    background: url(../images/n42.jpg) no-repeat;
    padding-top: 18px;
    padding-bottom: 39px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 30px;
}



.image-stat2 {
    background: url(../images/n43.jpg) no-repeat;
    padding-top: 18px;
    padding-bottom: 39px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 30px;
}

.search-corp {
    height: 42px;
}




.image-stat3 {
    background: url(../images/n44.jpg) no-repeat;
    padding-top: 18px;
    padding-bottom: 39px;
    text-align: center;
    color: #fff;
    background-size: cover;
    font-size: 30px;
}



.state-figure {
    width: 100px;
    height: 100px;
    background: #fff;
    text-align: center;
    padding-top: 24px;
    border-radius: 100px;
    font-size: 24px;
    border: solid 8px #2ac1b2;
    position: relative;
    margin: -36px auto;
}

.stat-box {
    border: solid 1px #a0a0a0;
    padding-bottom: 15px;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 1px 1px 10px #d2d2d2;
    margin-bottom: 21px;
    height: 270px;
}

.state-detail {
    margin-top: 60px;
    text-align: center;
    font-size: 18px;
}

.berater-card {
    background: url(../images/card-bg.jpg) no-repeat;
    padding: 20px;
    width: 550px;
    height: 299px;
    background-size: contain;
    box-shadow: 3px 3px 8px #9a9a9a;
    margin-bottom: 135px;
    margin: 22px auto;
    margin-top: 102px;
}


.scan-tip .tooltip-survey .tooltiptext {
    width: 100%;
    background-color: #464646;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    font-weight: 200;
    position: absolute;
    z-index: 1000;
    font-size: 14px;
    display: block;
    margin: 0 auto;
    left: 0;
}


.nav-wizard {
    background-color: #eee;
   /* -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;*/
}

.nav-pills.nav-wizard > li {
    width: 19.9%;
}

.nav-pills.nav-wizard > li a {
    text-align: center;
    color: #777;
}

.nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-right: 21px solid #fff;
    border-left: 0px solid #fff;
    display: table;
}

.nav-pills.nav-wizard > li:first-child {
    border-left: 0;
}

.nav-pills.nav-wizard > li.prevElm a {
    background-color: #00e2e4;
    color: #fff;
}

.nav-pills.nav-wizard > li.prevElm .nav-wedge {
    border-color: #00e2e4 #00e2e4 #00e2e4 transparent;
}

.nav-pills.nav-wizard > li.active a {
    color: #fff !important;
}

.nav-pills.nav-wizard > li:first-child a {
    /*background-color: #00e2e4;*/
    color: #777;
}

.nav-pills.nav-wizard > li.prevElm .nav-arrow {
    border-color: transparent transparent transparent #00e2e4;
}

.nav-pills.nav-wizard > li:first-child a {
    border-radius: 5px 0 0 5px;
}

.nav-pills.nav-wizard > li:last-child {
    border-right: 0;
}

.nav-pills.nav-wizard > li:last-child a {
    border-radius: 0 5px 5px 0;
}

.nav-pills.nav-wizard > li a {
    border-radius: 0;
    background-color: #eee;
    height: 40px;
    padding: 0 10px;
    display: table-cell;
    vertical-align: middle;
}

.nav-pills.nav-wizard > li .nav-arrow {
    position: absolute;
    top: 0;
/*    right: -20px;
*/    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #eee;
    z-index: 150;
}

.nav-pills.nav-wizard > li .nav-wedge {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 20px 0 20px 20px;
    border-color: #eee #eee #eee transparent;
    z-index: 150;
}

.nav-pills.nav-wizard > li:hover .nav-arrow {
    border-color: transparent transparent transparent #00e2e4;
}

.nav-pills.nav-wizard > li:hover .nav-wedge {
    border-color: #00e2e4 #00e2e4 #00e2e4 transparent;
}

.nav-pills.nav-wizard > li:hover a {
    background-color: #00e2e4;
    color: #fff;
}

.nav-pills.nav-wizard > li.active .nav-arrow {
    border-color: transparent transparent transparent #00e2e4;
}

.nav-pills.nav-wizard > li.active .nav-wedge {
    border-color: #00e2e4 #00e2e4 #00e2e4 transparent;
}

.nav-pills.nav-wizard > li.active a {
    background-color: #00e2e4;
}

.cons-cat h3{
    color: #FFFFFF;
    font-weight: bold;
}


.card-img01 {
    padding-left: 165px;
}


.berater-card-section{
    padding-bottom: 100px;
    background: #f5f5f5;
}

.card-img01 img {
    max-width: 252px;
    object-fit: contain;
    height: 92px;
}

.card-detail055 {
    padding-left: 129px;
    line-height: 27px;
    padding-top: 11px;
}

.card-detail055 ul {
    list-style: none;
}

.user-icon img {
    width: 29px;
    margin-top: 0px;
    opacity: 1;
    filter: invert(1);
}


.arrow-top {
  margin-top: 40px;
}

ul.dropdown-menu.arrow-top {
    min-width: 205px;
    top: 41px;
    right: 0 !important;
    position: absolute;
    padding: 0;
    z-index: 99999;
}

.log-drop li:hover {
    background: #f5f5f5;
}

li.dropdown.drop-user {
    list-style: none;
}

.arrow-top:after {
    content: " ";
    position: absolute;
    right: 21px;
    top: -10px;
    border-top: none;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 11px solid #ffffff;
}


/* The container */
.check-btn-slide {
    display: inline-block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 0px;
    cursor: pointer;
    font-size: 19px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
    margin-top: 16px;
}

.top-space{

    margin-top: 150px;
}

.side-text h4{

    font-weight: bold;
}


.highlight-text {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 100px;
    padding-left: 19px;
    padding-right: 22px;
    color: #063875;
    border-bottom: 5px solid #3a70b5;
}



.side-text.top-space {
    margin-top: 111px;
}

/* Hide the browser's default radio button */
.check-btn-slide input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}

.text-slide008 > h2 {
    color: #1c78c1;
    font-size: 35px;
}

h2.slide-h2 {
    font-size: 31px;
    margin-bottom: 18px;
}

.main-canvas p {
    font-size: 18px;
}


p.sub-heading-p {
    color: #1768a9;
}


.text-slide008 > h3 {
    color: #000 !important;
    font-size: 27px;
    margin-bottom: 31px;
}

h2.slide-h2-white {
    padding-top: 100%;
}

.text-slide008 {
    padding-top: 100px;
}

/* Create a custom radio button */
.checkmark1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background-color: #eee;
    border-radius: 50%;
    border: solid 3px #2196f3;
}

label.check-btn-slide.quiz-ans {
    display: inline-block;
    margin-right: 16px;
    margin-top: 27px;
}

label.txt-1
{
    font-weight: inherit;
}

.quiz-1 {
    font-size: 20px;
    padding: 10px;
}




.item.question001 {
    color: #fff;
    margin-top: 31px;
/*        text-align: center;
*/        background: none;
        min-height: 200px;

}

.item.question001 h3 {
    color: #00d9ff;
    font-size: 34px;
    display: none;
}

.item.question001 h3 {
    color: #00d9ff;
    font-size: 34px;
}
.ans-1 {
    margin-top: 23px;
}

.ans-1 a {
    margin-right: 8px;
    font-size: 18px;
}

.custom-flex {
    display: flex;
}

.ans-1 input {
    margin-right: 8px;
    font-size: 18px;
    margin-bottom: 17px;
}

/* On mouse-over, add a grey background color */
.check-btn-slide:hover input ~ .checkmark1 {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.check-btn-slide input:checked ~ .checkmark1 {
  background-color: #2196F3;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark1:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.check-btn-slide input:checked ~ .checkmark1:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.check-btn-slide .checkmark1:after {
    top: 5px;
    left: 5px;
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: white;
}


.icon-box .tooltip {
   width:100px;
}


.wrapper12 {
}

.content12 {
    font-family: Arial;
    color: #fff;
    padding-top: 10px;
    text-align: center;
    height: 76px;
}

.triangle-down {
    box-sizing: content-box;
    width: 50%;
    height: 0;
    padding-left: 50%;
    padding-top: 14%;
    overflow: hidden;
}

.triangle-down div {
    width: 0;
    height: 0;
    margin-left: -1000px;
    margin-top: -75px;
    border-left: 1000px solid transparent;
    border-right: 1000px solid transparent;
    /* transform: rotate(180deg); */
}


.main-section {
    background: url(../images/bg.jpg) no-repeat;
    background-position: center;
}


/*search box css start here*/
.search-sec{
    padding: 2rem;
}

.search-scan {
    border: solid 1px #b5b5b5;
    padding: 7px;
    border-radius: 5px;
    background: #fff;
}

.title2 h4 {
    color: #fff;
}

.side-image25 img{

    width: 100%;
    object-fit: cover;
}

.heading005 {
    text-align: center;
    padding-top: 30px;
    padding-bottom: 30px;
    color: 
    #fff;}

.scan11.pull-left {
    width: 80%;
    height: 45px;
    border: none;
}


.top-main-intro {
    padding: 0px 15px;
}


.heading005 h2 {
    font-size: 29px;
    padding-bottom: 7px;
    font-weight: bold;
}

.heading005 p {
    font-size: 17px;
}

.box0005{
    text-align: center;
    color: #fff;
}

.box0005 {
    padding: 50px;
    border-radius: 10px;
    background-image: linear-gradient(to right, rgba(80, 222, 255, 0.58) ,rgba(91, 136, 193, 0.68));
}

.box005{
    text-align: center;
    color: #fff;
}

.abgrenzung-main .carousel-inner {
    min-height: 589px;
}


.box005 {
    border-radius: 10px;
    background-image: linear-gradient(to right, rgba(80, 222, 255, 0.77) ,rgba(91, 136, 193, 0.92));
}

.box0010 {
    border-radius: 0px;
    background-image: linear-gradient(to right, rgb(80 222 255) ,rgb(91 136 193));
    color: #fff;
/*    text-align: center;
*/}


.search-section{
    padding:20px;
}

.show-results{

background: #6b2525;

}

h2.f-heading {
    font-size: 22px;
}

.text001 p {
    color:#000;
}

.side-txt {
    color: #fff;
    padding-top: 17px;
}

a.a01 {
    color: #ffb5b5;
}

section.show-results {
    padding-top: 36px;
    padding-bottom: 64px;
}

.row.bd-1 {
    border-bottom: solid 1px #c78787;
}

.img-01 {
    padding: 19px;
}
.img-01 img {
    max-width: 104px;
}

.comp-data {
    font-style: italic;
    color: #fff;
}

p.para-data a {
    color: #8fe6ff;
}

.company-icons img {
    width: 119px;
    height: auto;
}

.btn.btn-default {

    background: #0ba5ac;

color:#fff;
    text-shadow: none;

}

.check-p {
    padding: 30px;
    font-size: 16px;
    color: #fff;
}



.heading-001 {
    font-size: 4em;
}


.course-slide-wrapper .panel-heading {
    padding: 10px 10px 0px 10px;
    border-bottom: 1px solid transparent;
    border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}


.course-slide-wrapper .nav-tabs>li>a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 0px 0px 0 0;
}


.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
    color: #1e839f;
}

.course-slide-wrapper .nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #505050;
}

.course-slide-wrapper .nav-tabs {
    border-bottom: 1px solid transparent;
}


.text-slide007 {
    padding-top: 77px;
}

.clip-bg {
    padding: 77px;
}

.heading-002 {
    font-size: 5em;
    color: #2f75cc;
}

.side-image001 img {
    width: 100%;
    position: absolute;
    top: 108px;
}

p.para-001 {
    font-size: 20px;
}
.main-canvas {
    padding: 18px;
    min-height: 600px;
    display: flex;
}


.side-image001 img {
    width: 100%;
}

.side-popup a:hover {
    background: #0e659a;
 
}

h3.heading044 {
    color: #464646;
    font-size: 26px;
    padding-top: 9px;
}

h2.slide-h2-white {
    color: #fff;
    font-size: 30px;
}
.side-popup a .fa-play {
    margin-left: 10px;
}


.side-popup a {
    background: #389bde;
    color: #fff;
    padding: 16px;
    border-radius: 100px;
    font-size: 47px;
    display: block;
    text-align: center;
    height: 100px;
    width: 100px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.modal.custom {
    position: absolute;
    top: 20%;
}



.side-text h2 {
    font-size: 30px;
    margin-bottom: 25px;
}

.side-text b{
    padding-bottom: 15px;
}


.modalcustom {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}

.question25 {
    min-height: 330px;
    font-size: 16px;
}

.links007 {
    text-align: center;
    margin-top: 78px;
}

.fa-arrow-circle-left:before {
    font-size: 30px;
    color: #02c4c5;
}

.fa-arrow-circle-right:before {
    font-size: 30px;
    color: #02c4c5;
}


.course-main .item {
    background: url(../images/bgpaper.jpg);
}

.stripped tr:nth-child(even) {background-color: #f2f2f2;}

.name0066 {
    display: block;
    font-size: 19px;
}

.map-heading{
        background: #0dbbd9;
    color: #fff;
}

/*
.item.bg5 {
    background: url(../images/slide5bg.jpg);
    background-size: cover;
}*/

.box0005 {
    padding: 22px;
    border-radius: 10px;
    /* background-image: linear-gradient(to right, rgba(51, 196, 230, 0.72) ,rgba(91, 136, 193, 0.82)); */
    margin-top: 22px;
    background: #0000008c;
}
/*section.course-main {
    background: #cde1ea;
}*/

.modal .modal-dialog .modal-content .modal-body {
    padding: 20px 31px;
}

.modal .modal-dialog .modal-content {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    border-color: #707274;
    border-radius: 7px;
    box-shadow: none;
    padding: 0px;
}

.modal .modal-dialog .modal-content .modal-footer {
    padding: 20px;
    padding-top: 15px;
}


form.form_data.formdata006 {
    border: dashed 2px #fff;
    padding: 30px;
}

/*.course-slide-wrapper {
    display: inline-block;
    margin-top: 13px;
}*/

.modal .modal-dialog .modal-content .modal-header {
    border-bottom-width: 2px;
    margin: 0;
    padding: 17px;
    padding-bottom: 15px;
}


.next-prev i {
    color: #fff;
    font-size: 27px;
    margin-right: 18px;
}

.next-prev {
    text-align: center;
}


a.btn-01 {
    background: #1d6281;
    padding: 9px 23px;
    margin-top: 16px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    font-size: 17px;
}

.quiz001{

    background-image: linear-gradient(to right, #148692 , #244875);
     display: inline-block;
    width: 100%;
    padding: 15px;
    color:#fff;
    font-size: 20px;
    z-index: 9999;
    text-align: center;

}

.next-prev {
    display: inline-block;
    width: 100%;
    padding: 0px;
    position: absolute;
    /* z-index: 999; */
    top: 43%;
}

.next-prev i.fa.fa-chevron-left {
    float: left;
    background: #68a3c6;
    padding: 20px 7px;
    position: absolute;
    left: -33px;
    border-bottom-left-radius: 7px;
    border-top-left-radius: 7px;
}

.pic55 {
    left: 0;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
}

.pic55 img {
    width: 100%;
    height: 100%;
    /* background-size: cover; */
    /* background-position: top; */
    object-fit: cover;
    /* object-fit: contain; */
    /* object-position: 0px -81px; */
}

.next-prev i.fa.fa-chevron-right {
    float: right;
    background: #68a3c6;
    padding: 20px 7px;
    position: absolute;
    right: -52px;
    border-bottom-right-radius: 7px;
    border-top-right-radius: 7px;
}




.card-detail055 img {
    width: 30px;
}

.progress {
    height: 28px;
    margin-top: 12px;
}

img.scan-img {
    width: 101px;
    margin-bottom: 0px;
    text-align: center;
}

.heading66 {
    font-weight: 700;
    margin-top: 14px;
}


.panel-body1 {
    padding: 10px;
}

.scan-submit {
    padding-top: 51px;
    padding-bottom: 1px;
      background: url(../images/bg31.jpg) no-repeat;
        background-size: auto;
    background-size: cover;
    margin-bottom: 50px;
}

.row.scan-grid {
    border: solid 1px #b3afaf;
    padding-top: 7px;
    border-radius: 5px;
    margin: 13px 0px;
}

.progress-outer {

    margin-top: 23px;

}  

.progress-value {
    position: absolute;
    right: 44px;
    font-size: 19px;
    color: #000;
    margin-top: 5px;
}


.btn.btn-default:hover {

    background: #0ba5ac !important;

color:#fff;
    text-shadow: none;

}

.scan-wrapper01.scanresult p {
    font-size: 17px;
}


.risk-box.Schadenssummen-heading {
    padding: 15px 4px;
}

span.load-scanner {
    float: right;
}

span.load-scanner img {
    width: 41px;
    padding-top: 4px;
    padding-bottom: 5px;
    margin-right: 5px;
}

.progress-load img {
    width: 53px;
}

form#regForm label {
    font-size: 16px;
    font-weight: 400;
}

.row.risk-result {
    text-align: center;
}


.row.risk-result h2 {
    font-size: 26px;
    color: #000;
}

.submit223 {
    text-align: center;
    margin-top: 19px;
}


.risk-heading-11 {
    padding-bottom: 17px;
}

span.tooltip-survey {
    font-size: 19px;
}

.allbtn001 {

    text-align: right;
    margin-bottom: 24px;

}

.b001 {
    font-weight: bold;
    color: #c1f7ff;
}

.company-icons {

    text-align: center;
    margin-bottom: 10px;

}

.btn.btn-default:focus {

    background: #0ba5ac !important;

color:#fff;
    text-shadow: none;

}


.result.even {
    display: inline-block;
padding: 18px;
border-bottom: solid 2px #1ea3c1;
}

.result {
    display: inline-block;
    padding: 18px;
    border-bottom: solid 1px #ffffff;
}

.scan-result .para-data {
    color: #fff;
}


.good-msg {
    display: inline-block;
    background: #2a96b0 !important;
    padding: 18px;
    border-bottom: solid 2px #1ea3c1;
    text-align: center;
}

.good-msg h3 {
    color: #fff !important;
}


.company-icons {
    text-align: center;
}
.search-slt{
    display: block;
    width: 100%;
    font-size: 15px !important;
    padding-left: 7px;
    font-size: 0.875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius:0;
    height: 42px;
}

.add-user-button {

    text-align: right;
    padding-bottom: 10px;
    list-style: none;

}

.search-btn {

    background: #19cee1;

        color:#fff;
    width: 100%;
    height: 41px;

}




.search-btn:hover {

    background: #19cee1 !important;

        color:#fff;
    width: 100%;
    height: 41px;

}

.search-btn:focus {

    background: #19cee1 !important;

        color:#fff;
    width: 100%;
    height: 41px;

}


.wrn-btn{
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius:0;
}

.upload-btn-wrapper {
  position: relative;
  overflow: hidden;
  display: inline-block;
  width: 100%;
  margin-bottom: 20px;
}

.btn-file-upload {
  border: 2px solid gray;
  color: gray;
  background-color: white;
  padding: 8px 20px;
  border-radius: 8px;
  font-size: 20px;
  font-weight: bold;
}

.upload-btn-wrapper input[type=file] {
  font-size: 100px;
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.section_addmore { position: relative; margin-bottom: 8px; } 
.section_addmore .remove { position: absolute; right: 2px; top: 2px; } 
.section_addmore .text_field { padding-right: 50px; }


/* Media Queries */

@media (min-width: 992px){
.search-sec {

    position: relative;
    background-image: linear-gradient(to right, #0f9f83 ,#5b88c1);

}



}

@media (max-width: 992px){
    .search-sec{
        background: #1A4668;
    }

    .custom-section.icon-text01 {
    text-align: center;
    }

    .text-slide007 {
    padding-top: 0px;
    }


    .transform-content {
    -webkit-box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.05);
    background-color: #ffffff;
    padding: 50px;
    margin-left: auto;
    margin-top: auto;
}


.transform-img img {
    width: 100%;
}

.banner-site-img{
    display: none;
}


.ver-text2 {
    background: #fff;
    padding: 10px;
    text-align: center;
    max-width: 330px;
    margin-bottom: 10px;
    min-height: 238px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    font-size: 18px;
    display: inline-block;
}

.ver-text2 p {
    font-size: 15px;
}

.ver-text3 p {
    font-size: 15px;
}


    .text-wig {
    padding-top: 2px;
    padding-bottom: 2px;
    margin-top: 20px;
    padding-left: 15px;
    padding-right: 15px;
}

.text-wig.border-right {
    border-right: transparent;
}


.nav-pills.nav-wizard > li {
    width: 19.4%;
}

.next-prev {
    display: inline-block;
    padding: 15px;
    position: relative;
    width: 100%;
    z-index: 9999;
}

.next-prev i.fa.fa-chevron-right {
    float: none;
    background: #68a3c6;
    padding: 20px 7px;
     position: relative; 
    right: 0px;
    /* border-bottom-right-radius: 7px; */
    /* border-top-right-radius: 7px; */
    padding: 10px 14px;
    border-radius: 33px;
}

.next-prev i.fa.fa-chevron-left {
     float: none; 
    background: #68a3c6;
    padding: 10px 14px;
     position: relative; 
    left:8px;
    /* border-bottom-left-radius: 7px; */
    /* border-top-left-radius: 7px; */
    border-radius: 100px;
}

    .stepwizard {
    display: table;
    width: 100% !important;
    position: relative;
}




}



.main-content h1 {
    color: #fff;
    padding-top: 14px;
    font-weight: bold;
}

/*.navbar-nav>li>a:focus, .navbar-nav>li>a:hover{

    background-color: #eee !important;


}*/



.table-striped > tbody > tr:nth-of-type(2n+1) {

    background-color:#f3fffe;

}

.row.min-height01.white-box1 .icon-box {

    border: solid 1px 

#868686;

box-shadow: 1px 1px 6px 2px

    #d5d5d5;

}

.fa.fa-chevron-circle-down {

    color: #2294bd;
    font-size: 20px;

}

.heading001{

    font-size: 25px;
}

.question01 {

    margin-bottom: 12px;
    color:#000;
    margin-top: 12px;
    font-size: 17px;

}

/*.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    float: right;
}



table.dataTable.dtr-inline.collapsed > tbody > tr > td:first-child::before, table.dataTable.dtr-inline.collapsed > tbody > tr > th:first-child::before {
    top: 8px;
    left: 4px;
    height: 16px;
    width: 16px;
    display: block;
    position: absolute;
    color: 
white;
border: 2px solid
white;
border-radius: 16px;
box-shadow: 0 0 3px
#444;
box-sizing: content-box;
font-family: 'Courier New', Courier, monospace;
text-indent: 4px;
line-height: 16px;
content: '+';
background-color:
    #337ab7;
}

.sorting_asc {
    width: 40px !important;
}
*/

.even {
    background:#fff !important;
}
.odd {
    background:#f3fffe !important;
}

.child {
    background: 
    #fff;
}

 .table-responsive.custom #datatable-responsive_info {
    color: 
    #fff;
}


.card-box.table-responsive.custom {
    overflow-x: inherit;
}
.zuruck-btn {
    background: 
#1286c8;
padding: 5px 14px;
color:
    #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
}

.text005{

    padding-top: 10px;
}

.zuruck-btn:hover {
    background: 
#1286c8;
padding: 5px 14px;
color:
    #fff;
    font-size: 15px;
    font-weight: bold;
    border-radius: 4px;
}

.ans {

    border-bottom: solid 1px #797979;
    padding-bottom: 8px;

}

.heading003{
    font-size: 30px;
    padding-bottom: 10px;
}


.image-title{

    color: #fff;
    padding-bottom: 10px;
}


.ans {

    border-bottom: solid 1px #797979;

padding-bottom: 8px;

background:#eefdff;
    padding-left: 11px;

}

.stepwizard-step p {

    margin-top: 10px;
    color:#fff;

}

.btn.btn-default.btn-circle:hover {
    background: #22afd4 !important;
color:#fff;
}


.stepwizard-row {
    display: table-row;
}

.form-22 label{
    color: #fff;
}


.stepwizard {
    display: table;
    width: 50%;
    position: relative;
}
.stepwizard-step button[disabled] {
    opacity: 1 !important;
    filter: alpha(opacity=100) !important;
}
.stepwizard-row:before {
    top: 14px;
    bottom: 0;
    position: absolute;
    content: " ";
    width: 100%;
    height: 1px;
    background-color: #ccc;
    z-order: 0;
}
.stepwizard-step {
    display: table-cell;
    text-align: center;
    position: relative;
}
.btn-circle {
    width: 30px;
    height: 30px;
    text-align: center;
    padding: 6px 0;
    font-size: 12px;
    line-height: 1.428571429;
    border-radius: 15px;
}

.disclamer {

    color: 

    #000;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 10px;
    font-style: italic;

}

.ans b {

    color: 

    #088a9d;
    font-size: 20px;

}

.select2-container--default .select2-selection--multiple .select2-selection__choice {

    background-color: #68a2c6;

border: 1px solid #fff;

border-radius: 4px;

cursor: default;

float: left;

margin-right: 5px;

margin-top: 5px;

padding: 0 5px;

color:#fff;

}

.checkbox label::before {

    -o-transition: 0.3s ease-in-out;
    -webkit-transition: 0.3s ease-in-out;
    background-color: 

#ffffff;

border-radius: 2px;

border: 2px solid

    #2a96b0;
    content: "";
    display: inline-block;
    height: 17px;
    left: 2px;
    margin-left: -20px;
    position: absolute;
    transition: 0.3s ease-in-out;
    width: 17px;
    outline: none !important;
    margin-top: 2px;

}


.text001{

    color: #fff;
}


.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

    color:#fff;
    cursor: pointer;
    display: inline-block;
    font-weight: bold;
    margin-right: 2px;

}

thead {

    background: #2a96b0;

color:#fff;

}

.table3 tr td {

    padding: 4px;

}


.green-0{
    color: green;
    font-weight: bold;
}

.red-0{
    color: red;
    font-weight: bold;

}

.bm-0 {
    border-bottom: solid 1px #ddd;
    padding: 9px;
    margin-left: 0px !important;
    margin-right: 0px !important;
}
.error-msg h5 {
    text-align: center;
    font-size: 19px;
}

.error-msg
{
   text-align: center; 
}
.row.bm-0:nth-child(even) {
    background: #f3f9ff;
}

.box {
  display: none;
}


.row.bm-0:nth-child(2) {
    background: #0989ad;
}

.box-placeholder {
  font-size: 0;
  line-height: 0;
}
.box-placeholder .text {
  display: inline-block;
  background-color: #444;
  height: 12px;
  border-radius: 100px;
  margin: 5px 0;
  min-width: 100px;
  opacity: 0.1;
  animation: fading 1.5s infinite;
}



.form-22 {

    background: url(../images/bg31.jpg) no-repeat;
        background-size: auto;
    background-size: cover;
    padding: 50px 5px;
    min-height: 700px;

}

.chart-text1{
    text-align: center;
}

.box-placeholder .text:first-child {
  margin-top: 0;


}
.box-placeholder .text:last-child {
  margin-bottom: 0;
}
.box-placeholder .text.link {
  /*background-color: var(--blue);*/
  opacity: 0.4;
}
.box-placeholder .text.line {
  width: 100%;
}
.box-placeholder .text.category {
  width: 100px;
  margin-bottom: 10px;
}
.box-placeholder h4.text {
  height: 20px;
  margin: 3px 0;
  opacity: 0.2;
}
.box-placeholder .image {
  background-color: #f9f9f9;
}

@keyframes fading {
  0% {
    opacity: 0.1;
  }
  50% {
    opacity: 0.2;
  }
  100% {
    opacity: 0.1;
  }
}

.btn-add.addmorebtn {

    padding: 1px 7px;
    border-radius: 100px;
    margin-top: 7px;
    float: right;

}


.NoContent {
    text-align: center;
    color: #9d9d9d;
    font-size: 17px;
}

.icon21 {
    font-size: 36px;
}

.generate-report-wrap {

    text-align: center;
    padding: 100px 0px;
    background: rgba(0, 0, 0, 0.36);
    border: dashed 2px #fff;
    color: #fff;
    font-size: 16px;

}

.cyber-img2 {
    text-align: center;
    margin-top: 32px;
}

.cyber-text {
    text-align: center;
    padding-top: 17px;
    padding-bottom: 17px;
}

.cyber-text b {
    font-size: 22px;
}


.cyber-text p {
    font-size: 18px;
}

.cyber-text {
    text-align: center;
}

.next-pre {
    text-align: center;
    margin-bottom: 12px;
}

.cyber-img2 img {
    width:100%;
}


.tooltip-limit:hover .tooltiptext {
    visibility: visible;
}

.tooltip-limit .tooltiptext {
    visibility: hidden;
    width: 40%;
    background-color: #464646;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 5px;
    position: absolute;
    z-index: 1000;
    font-size: 14px;
    display: block;
    /*overflow: wrap;*/
}


.Abgrenzung tr td:nth-child(1) {
    text-align: left;
    padding: 0px 2px 0px 16px;
    font-family: verdana;
}

.Abgrenzung tr td {
    border: solid 1px #b5b5b5;
    padding: 5px;
    min-width: 90px;
    height: 40px;
    text-align: center;
}

.Abgrenzung tr th {
    border: solid 1px #b5b5b5;
    padding: 5px 5px 5px 16px;
    min-width: 90px;
    font-size: 16px;
    height: 40px;
    text-align: center;
}

.Abgrenzung tr:nth-child(even) {
    background-color: #f4fbfd !important;
}

.thead001 {
    background-image: linear-gradient(to right, #88e4d2 , #5b88c1);
    color: #fff;
}

.abgrenzung-main .carousel-inner {
    min-height: 572px;
}

.Abgrenzung tr:nth-last-child(3) .tooltip-limit:hover .tooltiptext {
    bottom: 0;
    margin-left: 24px;
    bottom: 20%;
}

.Abgrenzung tr:nth-last-child(2) .tooltip-limit:hover .tooltiptext {
    bottom: 0;
    margin-left: 24px;
    bottom: 13%;
}

.Abgrenzung tr:nth-last-child(1) .tooltip-limit:hover .tooltiptext {
    bottom: 0;
    margin-left: 24px;
    bottom: 1%;
}


table.Abgrenzung {
    width: 100%;
}

.tooltip-limit {
    /* margin-right: 20px; */
    float: right;
    font-size: 21px;
}

.Abgrenzung tr td i.fa.fa-check {
    font-size: 21px;
    color: #5c8ac1;
}

.generate-report {

    background: #0dc8ca;
    color: #fff;
    padding: 13px 32px;
    font-size: 18px;

}

.addmorebtn.btn-remove {

    padding: 1px 7px;
    border-radius: 16px;
    margin-top: 7px;
        float: right;
        background: red;


}

ul.nav.navbar-nav.align-right li a:hover {
    color: #ffffff;
    font-size: 16px;
}

ul.nav.navbar-nav.align-right li a:focus {
    color: #ffffff;
    font-size: 16px;
}

.main-content {
    text-align: center;
}

.test-button {
    color: #fff;
    padding: 10px;
    border: solid 1px #fff;
    border-radius: 5px;
    margin-top: 10px;
    display: inline-block;
}




#integration-list {
    font-family: 'Open Sans', sans-serif;
    width: 100%;
    margin: 0 auto;
    overflow-x: auto;
    width: 100%;
}

.responsive-ul {

    min-width: 444px;
    word-wrap: anywhere;

}

.main-headings {
background: #659cc5;
    color: #fff;
    font-weight: bold;
    font-size: 16px;

}

.table3 {

    background: #f2f2f2;
    width: 100%;

}




#integration-list ul {
    padding: 0;
    margin: 20px 0;
    color: #555;
}
#integration-list ul > li {
    list-style: none;
    border-top: 1px solid #ddd;
    display: block;
    padding: 11px;
    overflow: hidden;
}
#integration-list ul:last-child {
    border-bottom: 1px solid #ddd;
}
#integration-list ul > li:hover {
}
.expand {
    display: block;
    text-decoration: none;
    color: #555;
    cursor: pointer;
}

#left,#right{
    display: table;
}
#sup{
    display: table-cell;
    vertical-align: middle;
    width: 80%;
}
.detail a {
    text-decoration: none;
    color: #C0392B;
    border: 1px solid #C0392B;
    padding: 6px 10px 5px;
    font-size: 14px;
}
.detail {
    margin: 10px 0 10px 0px;
    display: none;
    line-height: 22px;
}
.detail span{
    margin: 0;
}
.right-arrow {

    margin-top: -4px;
    margin-left: -17px;
    width: 10px;
    height: 100%;
    float: left;
    font-weight: bold;
    font-size: 20px;
    position: absolute;

}

.news-data.green11 h3 {
    border-left: 10px solid #2e9b13;
    padding-left: 5px;
}

.news-data.red11 h3 {
    border-left: 10px solid #df2d2d;
    padding-left: 5px;
}

.news-data.yellow11 h3 {
    border-left: 10px solid #f7d60f;
    padding-left: 5px;
}

.news-data.grey11 h3 {
    border-left: 10px solid #979797;
    padding-left: 5px;
}

.btn-default1 {
    background-color: 
#38d0de;
border-color:
rgb(56, 208, 222);
background-image: -webkit-linear-gradient(top, #38d0de 0%, #38d0de 100%);
color:
    #fff;
    font-size: 17px;
    padding: 10px 29px;
    border-radius: 5px;
    font-weight: 600;
    margin: 0 auto;
    float: right;
}

.title0-1{
text-align: center;
}

.title0-1 {

    font-size: 30px;
    padding-bottom: 25px;
    color: 

    #35eeff;
    font-weight: bold;

}

.btn-default1:hover {
    background-color: 
#38d0de;
border-color:
rgb(56, 208, 222);
background-image: -webkit-linear-gradient(top, #38d0de 0%, #38d0de 100%) !important;
color:
    #fff;
    font-size: 17px;
    padding: 10px 29px;
        border-radius: 5px;
            font-weight: 600;
                float: right;



}

.icon {
    height: 75px;
    width: 75px;
    float: left;
    margin: 0 15px 0 0;
}
.london {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
.newyork {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}
.paris {
    background: url("http://placehold.it/50x50") top left no-repeat;
    background-size: cover;
}

.table2 tr td{

    border: solid 1px #ddd;
}

.tree-image{

    text-align: center;
}


.toggle1{

    display: table-row;
}

#expand {
 
  display:none;
}



.back01:hover {
    color: 
    #fff;
}
.back01 {
    padding: 15px;
    color: 
    #fff;
    font-size: 18px;
}

.haeding01 {
    padding: 16px;
    font-size: 32px;
    color: 
    #fff;
    font-weight: bold;
}

.top-heading005 {
    text-align: center;
    font-size: 32px;
    padding-bottom: 50px;
    padding-top: 10px;
}


.points001 {
    font-size: 18px;
}

.points001 ul li {
    margin-bottom: 15px;
}

.left-b-img {

    padding-top: 10px;
   
}


.down-img img {
    width: 100%;
    max-height: 303px;
    object-fit: contain;
}
.down-img {
    text-align: center;
}

.up-text {
    padding: 12px;
}


.left-b-text {

    padding-top: 10px;
   
}

.left-b-img img {
    max-height: 400px;
    object-fit: contain;
    width: 100%;
}


.img-text-box {
    display: flex;
}

.ver-text2 {
    background: #fff;
    padding: 10px;
    text-align: center;
    max-width: 330px;
    margin-bottom: 10px;
    min-height: 238px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    font-size: 18px;
    display: inline-block;
}


.ver-text3 {
    background: #fff;
    padding: 10px;
    text-align: center;
    max-width: 330px;
    margin-bottom: 10px;
    min-height: 450px;
    border: 1px solid #a9a9a9;
    border-radius: 5px;
    font-size: 18px;
    display: inline-block;
}



.ver-img2 img {
    max-height: 235px;
    width: 100%;
    object-fit: contain;
}

.img-text-ver-box {
    text-align: center;
    display: inline-block;
    width: 100%;
}



.ver-img2 {
    margin-bottom: 15px;
}

.img-text-box {
    display: flex;
    margin-bottom: 15px;
}

.text-side-box {
    display: table;
    height: 150px;
    padding: 16px;
}

.ver-align {
    vertical-align: middle;
    display: table-cell;
    vertical-align: middle;
        font-size: 18px;
}

.text-side-box {
    display: table;
    height: 150px;
    padding: 16px;
}


.top-heading-side {
    text-align: left;
    font-size: 32px;
    padding-bottom: 25px;
    padding-top: 10px;
    padding-left: 12px;
}

.tree-image img {
    width: 65%;
    object-fit: contain;
    max-height: 431px;
}

.side-b-img img {
    width: 100%;
    max-height: 330px;
    object-fit: contain;
    margin-bottom: 20px;
}

.side-b-text {
    padding-top: 10px;
}

.topbar1 {
    background-image: linear-gradient(to right, #88e4d2 , #5b88c1);
    padding: 8px;
}

a.navbar-brand.mini img {
    width: auto;
    margin-top: -14px;
    height: 79px;
    object-fit: contain;
}



.widget-section {
    background: #f7f7f7;
    padding: 64px 37px 27px;
    margin-top: 51px;
}

.wigdet-box img {
    height: 79px;
}

.wigdet-box h5 {
    font-size: 18px;
}

.navbar-toggle .icon-bar {
    display: block;
    width: 22px;
    height: 2px;
    border-radius: 1px;
    background: #fff;
}


.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 14px;
    margin-right: 15px;
    margin-bottom: 8px;
    background-color: #73baca;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

.edit1 {
    background: transparent;
    color: #0ea414;
    padding: 5px;
}

.right1 {
    background: transparent;
    color: #e34848;
    padding: 5px;
}

.setting1 {
    background: transparent;
    color: #00000082;
    padding: 5px;
}

.wigdet-box {
    text-align: center;
    background: #fff;
    padding: 21px;
    max-height: 169px;
    border-radius: 10px;
    box-shadow: 1px 1px 10px #c1c1c1;
        margin-bottom: 31px;
}

.button-menu-mobile.open-left.waves-effect {
    display: none;
}


.sidebar-nav {
    margin-top: 122px;
}

.sidebar-nav .panel-heading {
    background: #21a2db !important;
    padding: 14px;
}

ul.side-tab {
    list-style: none;
    padding-left: 0;
}


ul.side-tab li {
    padding: 5px 8px;
}

ul.side-tab li a {
    display: block;
    color: #000;
}

.float-left.left-logo1 img {
    width: 170px;
    padding-top: 48px;
}


.float-right.left-logo1 img {
    margin-top: 41px;
    float: right;
    width: 200px;
}

.accept-reject {
    text-align: center;
}

.accept-reject h3 {
    color: #fff;
    font-size: 25px;
}

.accept-reject img {
    width: 100px;
}

.txt-white{
    color: #ffffff;
}

.p-5{
    margin-top: 20px;
    display: inline-block;
}

.pr-5{
    margin-right: 20px;
    display: inline-block;
}
.pr-4{
    margin-right: 10px;
    display: inline-block;
}
.pa-5{
    margin: 20px 20px;
    display: inline-block;
}

.pa-4{
    margin: 10px 20px;
    display: inline-block;
}

.accept-reject h1{
    color: #ffffff;
}

.text-accept{
    color: #ffffff;
}




h4.panel-title a {
    display: block;
}

.panel-heading a:before {
    font-family: 'Glyphicons Halflings';
    content: "\e114";
    float: right;
    transition: all 0.5s;
       -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    transform: rotate(270deg);
}

.panel-heading.active a:before {
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    transform: rotate(360deg);
} 


.sidebar-nav .panel-title a {
    color: #fff;
}


.ban-text h3 {
    color: #fff;
}

.links {
    float: right;
}


.links a {
    color: #fff;
    margin-right: 14px;
}


.navbar {
    position: relative;
    min-height: 50px;
    margin-bottom: 2px;
    border: 1px solid transparent;
}



li.dropdown.drop-user a:hover {
    background: transparent;
}

li.dropdown.drop-user a:focus {
    background: transparent;
}

.aboutus-text h3{
    font-size: 30px;
    font-weight: bold;
}

.aboutus-text {
    text-align: center;
    font-size: 16px;
}

.banner1{

    background:url('../images/bg1.jpg') no-repeat;
    background-size: cover;
}

.graph1 {

    height: 112px;
    width: 112px;
    padding: 11px 11px;
    border-radius: 100px;
    margin-top: 69px;
    box-shadow: 0px 0px 15px #c1c1c1;
    font-size: 23px;
    background: #11801a;

}

.nav-tabs.tabs1 > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {

    color: #484848;

}


.nav-tabs li.active {

    background: #807b7b00;

}

.unable {

    color: #888;

}

.fa.fa-eye-slash {

    font-size: 20px;

}

.value1{

    color: green;
}

.direction .left{
   float: left;
}

.direction .right{
  float: right;    
}

.direction {

    display: inline-block;
    padding: 7px;
    width: 100%;
    border-bottom: solid 1px #9d9d9d;

}

.col-md-4.direction {

    border-bottom: solid 1px #bbb;
    padding-bottom: 6px;
    padding-top: 8px;

}

.nav.nav-tabs.tabs1 {

    background: transparent;

}

/*.panel-heading.main-tab {

    background-image: linear-gradient(to top, #f0f0f0 , #ececec) !important;

}*/

.tabbing-1 {

    margin-top: 32px;

}

.engines1 {

    background: #eee;
    padding: 13px;
    color: #179309;

}

.graph-value {

    height: 90px;
    width: 90px;
    text-align: center;
    background: #fff;
    border-radius: 100px;
    padding: 30px 15px;

}

.engines-text {

    padding-top: 5px;
    padding-left: 16px;
    padding-bottom: 5px;

}


.engines-text a {

    background: #e3e3e3;
    padding: 3px 12px;
    border-radius: 16px;
    color: #000;
    border: solid 1px #8a8a8a;

}

.engines-process {

    margin-top: 40px;
    border: solid 1px #ccc;
    display: inline-block;
    width: 100%;

}



.grey1{

 color: #b0b0b0;

}

.green1 {

    color: green;
    border: solid 1px #56ac56;
    border-radius: 11px;
    padding: 2px 8px;

}

.table1 {

    width: 100%;

}

.table1 tr td {

    padding: 6px;
    border: solid 1px #cecccc;

}

.tab-head {

    background: #659cc5;
    padding: 8px;
    color: #fff !important;

}


.loader {

    top: -9px;
    position: relative;
    left: 1px;

}


.table1 td:nth-child(odd){
    font-weight: bold;
}

.table3 td:nth-child(odd){
    font-weight: bold;
}

.table1 td:hover {background-color: #ddd;}

.red1 {

    color: #f03a3a;
    border: solid 1px #f08585;
    border-radius: 11px;
    padding: 1px 8px;

}

.banner1 {
   
    text-align: right;
    color: #fff;
}

.navbar-header {
    margin-right: -15px;
    margin-left: -15px;
    height: 65px;
}


.verticle-text{

    text-align:center;
    white-space:nowrap;
    transform-origin:50% 50%;
    transform: rotate(180deg);
}

li.dropdown-submenu.main > .dropdown-menu {
    left: 0px;
    top: 60px;
}

.risk-box .progress-value {
    margin-top: 0px;
}


.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 0;
    margin: 2px 0 0;
    font-size: 14px;
    text-align: left;
    list-style: none;
    background-color: #fff;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #ccc;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0);
}

ul.dropdown-menu li {
    padding: 5px 0px;
}




.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-color: #659ec5;
    background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -o-linear-gradient(top, #f5f5f5 0%, #e8e8e8 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e8e8e8));
    background-image: linear-gradient(to bottom, #71b5c9 0%, #71b4c9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#ffe8e8e8', GradientType=0);
    background-repeat: repeat-x;
}

.login-screen {
    background: url(../images/login-bg.jpg) no-repeat;
    background-size: cover;
    width: 100%;
    background-position: center left;
}

.right-img img {
    position: absolute;
    right: 0;
}

.footer-text p {
    margin-top: 45px;
    margin-bottom: 36px;
}

.com-logo{
    width: 150px;
}


.attack-detail {

    padding-top: 47px;
    padding-bottom: 47px;

}

.threat-listing {

    border: solid 1px #bbb;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #ddd;
    padding: 10px;
    margin-bottom: 20px;
    background: #f6fcff;
    display: inline-block;

}

.custom-btn {

    background: #2375aa;
    color: #fff;
    border: none;
    padding: 7px 10px;
    margin-bottom: 17px;
    float: right;
    font-size: 18px;
    font-family: tahoma;

}

.custom-btn:hover {

    background: #2375aa;
    color: #fff;
    border: none;
    padding: 7px 10px;
    margin-bottom: 17px;
    float: right;
    font-size: 18px;
    font-family: tahoma;

}

.btn-primary {
    background-image: -webkit-linear-gradient(top, #04c2dd 0%, #5b89c1 100%);
    background-image: -o-linear-gradient(top, #04c2dd 0%, #5b89c1 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#04c2dd), to(#5b89c1));
    background-image: linear-gradient(to bottom, #04c2dd 0%, #5b89c1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff265a88', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #72b7ca;
}

.dataTables_filter .input-sm {
    margin-top: -10px;
}

.view1 {
    background: transparent;
    color: #05769f;
    padding: 5px;
}


.page-title-box {
    padding: 11px 6px 5px 15px;
    border-bottom: 1px solid #eee;
    margin: 0px 0px -1px 1px;
    background: #76bfcb;
    background-image: linear-gradient(to right, #5b88c1 , #88e4d2);
}

.btn-primary:hover, .btn-primary:focus {
    background-color: #87e1d2;
    background-position: 0 0px;
}

.page-title-box .page-title {

    color: #fff;
    padding: 3px;

}

.loader-main {
    position: fixed;
    background: rgba(0, 0, 0, 0.74);
    height: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top: 20%;
    overflow: hidden;
    display: none;
    z-index: 9999;
}

.add-button1{
    float: right;
}


.right-link {
    padding: 25px;
    text-align: right;
    font-size: 18px;
}

.right-link a {
    color: #000;
}

.login-box form {
    padding: 17px;
}

.login-box input[type=text] {
    width: 100%;
    height: 43px;
    padding: 5px;
    border-radius: 5px;
    border: solid 2px #d4d4d4;
}

.form-1 {

    background: url(../images/form-bg.jpg) no-repeat;

    background-size: cover;
    padding: 56px;
	background-attachment: fixed;
}

.tool-tip{
   background: #fff; 
}

.tooltip{

    font-size: 15px;
opacity: 1 !important;
}

.tool-tip {

    background: #fff;
    padding: 0px 6px;
    border-radius: 12px;
    color: #000;
    font-weight: bold;

}

.tooltip-inner {
    max-width: inherit !important;
    }

/*.tooltip-inner {
   max-width: 300px;
   width: 250px;
}*/

.icon-box .tooltip-inner {
   max-width: 150px;
   width: 150px;
}

label.dir-dwon {
    border-radius: 100px;
    position: absolute;
    right: 33px;
    border: solid 1px #337ab7;
    height: 21px;
    width: 21px;
    padding-left: 1px;
}

.wishlist {
    margin-right: 11px;
    font-size: 20px;
    margin-top: 6px;
    float: right;
}

/*.question002 {
    text-align: center;
}*/


.question002 h2 {
    font-size: 35px;
    margin-bottom: 23px;
}



.wishlist:hover .fa-heart {
    color: #e61c1c;
}

.wishlist a {
    color: #c3c3c3;
}


a.wish-added {
    color: #f71212;
}

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;
}


.form-1 label {

    color: #fff;

}

.btn-submit {

    background: #248b8c;
    color: #fff;
    border: solid 1px #000;
    border-radius: 5px;
    padding: 8px 29px;
    font-size: 20px;

}

.login-box input[type=password] {
    width: 100%;
    height: 43px;
    padding: 5px;
    border-radius: 5px;
    border: solid 2px #d4d4d4;
}

.login-heading {
    background: #0b9ad5;
    padding: 9px;
    text-align: center;
    color: #ffffff;
    font-size: 22px;
    font-weight: 700;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

input.login-btn {
    width: 100%;
    background-image: linear-gradient(to right, #5b88c1 , #1cd1c2);
    color: #fff;
    border: none;
    height: 40px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 16px;
}

.or1 {
    text-align: center;
    margin-top: 10px;
   font-style: italic;
}



.konto {
    text-align: center;
    font-weight: bold;
    color: #737373;
    font-size: 16px;
    margin-top: 20px;
}

.logo1 {
    padding-top: 19px;
}


.pwdfield {

    color: #000;
}

.section01{

    background:url('../images/bg3.jpg') no-repeat;
    padding-bottom: 100px;
    background-size: cover;
}

.box005 h2 {
    font-size: 23px;
}

.box0005 h2 {
    font-size: 23px;
}

section.checklist-quiz {
    background: url(../images/pass1.jpg) no-repeat fixed;
    padding-bottom: 400px;
    padding-top: 100px;
    background-size: cover;
    background-position: right;
}



section.checklist-quiz .title2 {
/*    text-align: center;
*/    margin-bottom: 23px;
}

input.input-file2 {
    width: 185px;
    margin: 15px auto;
}

.allbtn005 {
    text-align: right;
    margin-top: 68px;
}

.section03 {
    background: url(../images/bg5.png) no-repeat;
    padding-bottom: 100px;
    background-size: cover;
    min-height: 555px;
}


.section04 {
    background: url(../images/bg31.jpg) no-repeat;
    padding-bottom: 100px;
    background-size: cover;
    min-height: 555px;
}


#custom-search-input {
    padding: 0px;
    border: solid 1px #E4E4E4;
    border-radius: 6px;
    background-color: #fff;
    padding-bottom: 0;
    margin: 25px 0px;
    height: 52px;
    margin-left: 38px;
}


#custom-search-input input {
    border: 0;
    box-shadow: none;
    width: 70%;
    padding-top: 12px;
    background: #fff;
    height: 51px;
}


.virus-faces .carousel {
    min-height: 245px;
}

#custom-search-input button{
    margin: 0px 0 0 0;
    background: none;
    box-shadow: none;
    border: 0;
    color: #666666;
    padding: 0 8px 0 10px;
    border-left: solid 1px #ccc;
    float: right;
}

#custom-search-input button:hover{
    border: 0;
    box-shadow: none;
    border-left: solid 1px #ccc;
}

#custom-search-input .glyphicon-search{
    font-size: 23px;
}

.section02{

    background:url('../images/bg4.jpg') no-repeat;
    padding-bottom: 100px;
    background-size: cover;
}

.page-title1 {
    padding: 49px 10px 70px 10px;
    text-align: left;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
}

.back-page001 {
    padding: 55px 5px 51px 3px;
    text-align: right;
}

a:hover {
    text-decoration: none;
}

.web-header{
    background:url('../images/webinarheader.jpg');
    padding-top: 50px;
    padding-bottom: 50px;
}

.new-header{
    background:url('../images/newheader.jpg');
    padding-top: 50px;
    padding-bottom: 50px;
}



.side-bar-video .play-btn img{
width: 50px;

}

.vedio-header{
    background:url('../images/videobanne.jpg');
    padding-top: 50px;
    padding-bottom: 50px;
}


.web-cat-header{
    background:url('../images/webinar-category-header.jpg');
    padding-top: 50px;
    padding-bottom: 50px;
}

.min-height01 .icon-box{

    min-height: 207px;
}


.dark-header{
    background:url('../images/Darknet-Alarm.jpg');
    padding-top: 50px;
    padding-bottom: 50px;
}

.dark-header.custom{
    margin-bottom: 50px;
}

.sub-value {
    font-size: 17px;
}


.progress-circle {
    -moz-box-shadow: inset 0 0 36px #d0d0d0;
    -webkit-box-shadow: inset 0 0 36px #d0d0d0;
    box-shadow: inset 0 0 36px #d0d0d0;
}
.p-value {
    font-size: 23px;
    padding-top: 0px;
    font-weight: 700;
    color: #525252;
}

.progress-circle {
    width: 230px;
    height: 230px;
    border: solid 18px #2faaec;
    text-align: center;
    margin: 0 auto;
    border-radius: 136px;
    margin-bottom: 45px;
    background: #fff;
    box-shadow: 1px 10px 23px;
}

.custom-title-h h2 {
    font-size: 35px;
    font-weight: 700;
}

.custom-title-h {
    color: #ffffff;
    font-weight: bold;
    text-align: center;
    font-size: 38px;
}



.t-row .p-value {
    padding-top: 54px;
    font-size: 40px;
}


.greyout {
    filter: grayscale(100%);
    opacity: 0.5;
    border: #c7c7c7 solid 18px !important;
    color: #c7c7c7 !important;
    cursor: not-allowed;
}

.sl-img img {
    width: 78px;
    margin-top: 15px;
}

/*end progress bar*/

/*.text001 {
    text-align: center;
}*/

.text002 {
    text-align: left;
    font-size: 16px;
    padding-bottom: 50px;

}

.text003{
    padding-bottom: 40px;
    padding-top: 5px;

}

.download-section {

    text-align: center;
    padding: 49px;
    background-image:url('../images/webinar-category-header23.jpg');
    color:#fff;
    font-size: 20px;

}

.download-1 {

    background: #32a6df;
    color:#fff;
    padding: 13px 50px;
    display: inline-block;
    border-radius: 5px;

}

.user-attack a {

    color: #000;

}

.user-attack:hover {

    background: #ffcece;

}

.image-box1 img {
    width: 100%;
}

.image-overlay {
/*    text-align: center;
*/    background: url(../images/darknetbg.jpg);
    padding-top: 60px;
    padding-bottom: 60px;
    color: #fff;
    font-size: 16px;
    background-size: cover;
}

.user-attack{
   
    padding: 10px;
}

.user-attack {

    border: solid 1px #dd3030;
    box-shadow: 1px 1px 5px #d2d2d2;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    width: 100%;
    background: #fbeded;
    margin-bottom: 18px;

}



.attack-list{

    padding-top: 40px;
    padding-bottom: 40px;
}

.userimg1 {

    width: 100px;
    border-radius: 100px;
    height: 100px;
    border: solid 3px #fff;

}

.attacker-details span {

    font-weight: bold;

}
.attacker-details div {

    padding-bottom: 5px;

}

.num1 {

    background: #cc0c0c;
    color: #fff;
    padding: 0px 6px;
    border-radius: 12px;

}

.attck-noct {

    color: #dd3030;
    font-weight: bold;

}

.engines-text{
    float: left;
}

.engines-image {

    float: right;
    padding: 16px;

}

.engines-text span{

display: block;
padding-bottom: 5px;
padding-top: 5px;
font-size: 15px;

}


.row.user-attack {
    border: solid 1px #c1c1c1;
    box-shadow: 1px 1px 5px #ddd;
    border-radius: 5px;
}

.text001 {
/*    text-align: center;
*/    padding-top: 11px;
    padding-bottom: 46px;
}

.scan-wrap {

    background: url('../images/scan.jpg');
        background-size: auto;
    background-size: cover;
/*    height: 100%;
*/

padding-bottom: 150px;
}

.image-box1 h3 {
    padding: 12px;
    margin-top: 0px;
    font-size: 16px;
    background: #00c1d3;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 0;
}

.news-data {
    padding: 0px 11px;
    min-height: 120px;
}

.favorite-checked {
    font-size: 24px;
    color: #f71212;
    float: left;
    margin-left: 12px;
}

.scan-wrapper01 {
    border: solid 1px #a5a5a5;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 1px 3px 5px #ccc;
    margin-bottom: 20px;
    min-height: 205px;
}

.news-data h3 {
    max-height: 40px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
}

.side-images001 img {
    max-height: 500px;
    width: 100%;
    object-fit: contain;
}

.side-bg5 img {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    object-fit: cover;
    right: 0;
    bottom: 0;
    height: 100%;
}

.clip-img img {
    max-height: 161px;
    width: 161px;
    object-fit: contain;
}

.box-data {
    padding: 9px;
    min-height: 185px;
}

.load-scanner1 img {
    width: 57px;
}

.image-box3 .red {

    background: #df2d2d;
    margin: 7px 10px;
    padding: 3px 18px;
    display: inline-block;
    color: #fff;
    text-align: center;
    border-radius: 5px;

}


.image-box3 .yellow {

    background:#f7d60f;
    margin: 7px 10px;
    padding: 3px 18px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 5px;

}

.green1 h3 {

    font-size: 19px;
    border-left: solid 12px #2e9b13;
    padding-left: 10px;

}

.red1 h3 {

    font-size: 19px;
    border-left: solid 12px #df2d2d;
    padding-left: 10px;

}

.yellow1 h3 {

    font-size: 19px;
    border-left: solid 12px #f7d60f;
    padding-left: 10px;

}

.image-box3 .green {

    background: #2e9b13;
    margin: 7px 10px;
    padding: 3px 18px;
    display:inline-block;
    text-align: center;
    color: #fff;
    border-radius: 5px;

}



.image-box3 .grey {

    background: #979797;
    margin: 7px 10px;
    padding: 3px 18px;
    display:inline-block;
    text-align: center;
    color: #fff;
    border-radius: 5px;

}

.image-box1 p {
    font-size: 15px;
}

a .image-box1 p {
    color: #2b2b2b;
}

.icon-box h3 {
    color: #00809e;
    font-size: 20px;
}

.icon-box {
    background: #fff;
    text-align: center;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 30px;
    min-height: 210px;
    padding-top: 14px;
    box-shadow: 1px 1px 7px #b3b3b3;
}

.icon-box-guideline {
    min-height: 245px !important;
}

.title2 h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 40px;
}

.title2 b {
    color: #82d5cb;
    font-size: 20px;
}


.custom-footer {
    width: 100%;
    height: 264px;
/*    border-bottom: 137px solid blue;
*/    border-left: 805px solid transparent;
    border-right: 778px solid transparent;
    /* float: left; */
    /* margin-left: -97%; */
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
}




.footer-links a {
    color: #fff;
    margin-right: 17px;
    font-size: 16px;
}

.image-box img {
    width: 100%;
    height: 162px;
    object-fit: cover;
}



.image-box {
    background: #fbfbfb;
     border: solid 1px #bdbdbd;
    border-radius: 3px;
    margin-bottom: 50px;
}

.box-data {
    padding: 9px;
}

.nav-pills>li+li {
    margin-left: 0px;
}


.webinar{
    margin-top:60px;
}

.image-box h3 {
    margin-top: 4px;
    font-size: 17px;
    font-weight: bold;
    color: #079bab;
}

.image-box a.edit_course {
    display: inherit;
    text-align: center;
    padding: 8px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: none;
    color: #0ea414;
}

.image-box a.delete_course {
    display: inherit;
    text-align: center;
    padding: 8px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: none;
    color: #e34848;
}

.image-box a.chapter_course {
    display: inherit;
    text-align: center;
    padding: 8px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    background: none;
    color: #05769f;
}

.image-box a {
    background: #00c0d4;
    display: inherit;
    text-align: center;
    color: #fff;
    padding: 8px;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
}

.image-box a:hover {
    opacity: 0.8;
}

.text001 p {
    font-size: 16px;
}

.image-overlay b {
    font-size: 23px;
    color: #83dad0;
}

.red-detail {
    border-left: solid 6px #df2d2d;
}


.green-detail {
    border-left: solid 6px #2e9b13;
}

.yellow-detail {
    border-left: solid 6px #f7d60f;
}

.grey-detail {
    border-left: solid 6px #9d9d9d;
}


.feature-image {
    padding-bottom: 40px;
    padding-top: 0px;
}

.feature-image img {
    width: 100%;
    /*height: 400px;*/
    object-fit: cover;
}



.image-box3 img {

    width: 100%;
    height: 195px;
    object-fit: cover;

}

.image-box3 {

    border: solid 1px #ddd;
    margin-bottom: 35px;
    border-radius: 7px;
    overflow: hidden;

}

}
.news-search-result {
    border: solid 1px #ddd;
    padding: 10px;
    border-radius: 7px;
    box-shadow: 1px 1px 6px #e2e2e2;
    margin-bottom: 23px;
}

ul.nav.nav-tabs.search-tabs {
    background: #fff;
    border-bottom: solid 1px #a0a0a0;
}


.nav.nav-tabs.search-tabs a {
    color: #7b7b7b;
    background: #ffffff;
}


.nav-tabs.search-tabs>li.active>a, .nav-tabs.search-tabs>li.active>a:focus, .nav-tabs.search-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 0px solid #ddd;
    border-bottom: solid 3px #528bba;
}

.news-search-result {
    border: solid 1px #ddd;
    padding: 12px;
    box-shadow: 1px 1px 5px #ddd;
    border-radius: 7px;
    margin-bottom: 12px;
}
.searched-text a {
    font-size: 18px;}

.news-data h3 {

    font-size: 19px;

}

.custom-footer p {
    font-size: 17px;
    color: #fff;
    padding-top: 14px;
    position: absolute;
    width: 331px;
    top: 205px;
    margin-left: -154px;
}


.play-btn img {

    width: 77px;
    margin-top: -65%;
    opacity: 1 !important;

}

.video-thumb img {

    opacity: 0.7;
    border-radius: 10px;

}


.nav-tabs {

    background-image: linear-gradient(to right, #88e4d2 , #5b88c1);

}

.panel-heading {

    padding: 10px 10px 0px 10px;
    border-bottom: 1px solid transparent;
        border-bottom-color: transparent;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;

}

.form1 {

    width: 100%;
    height: 38px;
    border: solid 1px #919191;
    border-radius: 6px;
    padding: 10px;

}

.panel-default > .panel-heading {

    background-image: linear-gradient(to right, #88e4d2 , #5b88c1);

}

.nav.nav-tabs a {

    color: #fff;
    background: #1e839f;

}

.user01 img{
width: 80px;
border-radius: 100px;
height: 80px;
object-fit: cover;

}

.user02 b {

    font-size: 19px;
    display: block;

}

.user02 {

    float: left;
    padding-left: 20px;
    padding-top: 10px;

}

.pro-user {

    background: #f7f7f7;
    display: inline-block;
    padding: 7px 20px;
    border-radius: 5px;
    border: solid 1px #a6a6a6;
    box-shadow: 1px 1px 5px #c6c6c6;
    width: 100%;
    margin-bottom: 21px;

}
.user01 {

    float: left;

}

.thumb-img {

    background: #000;
    border-radius: 10px;

}

.title-des h4 {
    border-bottom: solid 1px #ddd;
    padding-bottom: 5px;
    color: #393939;
    min-height: 43px;
    font-size: 17px;
}

.play-btn:hover img {

    width: 90px;
    transition: 0.3s;

}


.col-md-12.side-bar-video .title-des h4 {

    font-size: 13px;
    height: 33px;
    padding-bottom: 1px;
    margin-bottom: 3px;
    margin-bottom: 5px;

}

.col-md-12.side-bar-video .title-des p {

    font-size: 11px;

}


.actions-icons.cus-icon a {
    background: #fff;
}
.cus-icon {
    position: absolute;
    right: 36px;
    top: 12px;
    font-size: 19px;
}

.profile-wrap img {
    width: 100px;
    margin-top: 64px;
}
.profile-wrap {
    text-align: center;
}



.btm-btn {
    text-align: center;
    margin-top: 41px;
}

.profile-info005 {
    text-align: center;
}

h3.sub-heading07 {
    margin-top: 0;
    margin-bottom: 0;
    color: #fff;
    font-size: 18px;
}


.meeting-data {
    border: solid 1px #ddd;
    border-radius: 7px;
    margin-bottom: 21px;
    padding: 12px;
}

.video-thumb {

    border-radius: 8px;
    overflow: hidden;

}

.icon-box:hover {
    background-image: linear-gradient(#10a1ac, #057bd0);
}

.icon-box:hover h3 {
    color: #fff;
}

.icon-box:hover i {
    color: #fff;
}

.icon-box:hover label.dir-dwon{
        border: solid 1px #ffffff;

}


.icon-box:hover img {
    -webkit-filter: brightness(3);
    filter: brightness(100);
}




.play-btn {

    text-align: center;
    height: 0;
    z-index: 9999;
    position: relative;

}
.modal-header {
    padding: 15px;
    border-bottom: 1px solid #e5e5e5;
    background: #008dc5;
    color: #fff;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.verify1 input[type=text] {
    font-size: 30px;
    height: 45px;
    border-radius: 5px;
    border: solid 1px #c7c7c7;
    text-align: center;
    width: 135px;
}

.image-overlay p {
    font-size: 17px;
}

.unread-notify::before {
    width: 7px;
    content: '.';
    height: 7px;
    background: #34b0f6;
    color: #34b0f6;
    display: inline-block;
    position: absolute;
    left: 6px;
    top: 9px;
    border-radius: 100px;
}

.btn01 a {
    background: #38d0de;
    padding: 15px;
    border-radius: 5px;
    color: #fff;
    display: grid;
    font-size: 16px;
    font-weight: bold;
}
.logo-1 {

    text-align: center;
    padding-top: 37px;

}


section.button001 {
    margin-top: 45px;
}

.button001 .btn01{

    text-align: center;
}

.btn01 span {
    position: absolute;
    left: 206px;
    right: 0px;
    color: #157780;
    font-size: 18px;
    top: -12px;
}



.tooltip-survey.f-tool {
    position: absolute;
    left: 21px;
    width: 200px;
    top: -13px;
    right: 0px;
    float: right;
    text-align: right;
}


.row-centered {
    text-align:center;
}
.col-centered {
    display:inline-block;
    float:none;
    /* reset the text-align */
    /* inline-block space fix */
    margin-right:-4px;
    text-align: center;

}


#datatable-responsive-2 .checkbox {
    width: 33px;
    padding-left: 20px;
}

.row-centered .icon-box img {
    min-height: 110px;
    min-width: 110px;
}

span.tooltiptext.t-tool {
    left: 0;
}


.dropdown-submenu {
  position: relative;
}

.dropdown-submenu .dropdown-menu {
  top: 0;
  left: 100%;
  margin-top: -1px;
}
.btn01 {
    display: inline-block;
    margin-right: 11px;
    min-width: 216px;
    margin-bottom: 25px;
    position: relative;
}

.sent1:hover{
    color: #fff;
}

.sent1 {
    color: #fff;
    background: #008dc5;
    border: none;
    padding: 6px 38px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 5px;
}


a.sent1:hover{
    color: #fff;
}


.btn.btn-default.btn-custom {

    background: #00a3ff;
    color: #fff;
    padding: 12px 55px;
    font-size: 20px;
    margin-top: 20px;

}
.terms01{
    padding-top: 30px;
}


.search-field{


    text-align: center;
}

.search-field input[type="text"] {

    width: 100%;
    margin-top: 50px;
    padding: 13px;
    border-radius: 5px;
    border: solid 2px #c8c8c8;
    color: #000;

}

li.dropdown.drop-user a {
    padding: 0px 16px;
}

.file-upload {
    color: #fff;
}


a.sent1 {
    color: #fff;
    background: #008dc5;
    border: none;
    padding: 6px 38px;
    font-size: 20px;
    margin-top: 10px;
    border-radius: 5px;
}
.verify1 {
    text-align: center;
}




.file-upload-btn {
  width: 100%;
  margin: 0;
  color: #fff;
  background: #1FB264;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #15824B;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.file-upload-btn:hover {
  background: #1AA059;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.file-upload-btn:active {
  border: 0;
  transition: all .2s ease;
}

.side-images001 img{
    width: 100%;
}

.file-upload-content {
  display: none;
  text-align: center;
}

.file-upload-input {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
  outline: none;
  opacity: 0;
  cursor: pointer;
}

.image-upload-wrap {
    margin-top: 20px;
    border: 4px dashed #fff;
    position: relative;
    margin-bottom: 20px;
}

.image-dropping, .image-upload-wrap:hover {
    border: 4px dashed #fff;
}

.image-title-wrap {
  padding: 0 15px 15px 15px;
  color: #222;
}

.drag-text {
  text-align: center;
}

.drag-text h3 {
    font-weight: 100;
    text-transform: uppercase;
    color: #fff;
    font-size: 16px;

}

.drag-text {

    padding: 46px;

}

.file-upload-image {
  max-height: 200px;
  max-width: 200px;
  margin: auto;
  padding: 20px;
}

.remove-image {
  width: 200px;
  margin: 0;
  color: #fff;
  background: #cd4535;
  border: none;
  padding: 10px;
  border-radius: 4px;
  border-bottom: 4px solid #b02818;
  transition: all .2s ease;
  outline: none;
  text-transform: uppercase;
  font-weight: 700;
}

.remove-image:hover {
  background: #c13b2a;
  color: #ffffff;
  transition: all .2s ease;
  cursor: pointer;
}

.remove-image:active {
  border: 0;
  transition: all .2s ease;
}

.side-text {
    margin-top: 8px;
    font-size: 17px;
}



/*media queries*/

@media screen and (min-width: 990px) {

ul.nav.navbar-nav.align-right {
    float: right;
    margin-top: 12px;
}

.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #fff;
}



li.dropdown.drop-user {
/*    margin-right: 28px;
*/}



li.dropdown.drop-user {
    padding-top: 0px;
}

ul.nav.navbar-nav.align-right li a {
    color: #4a4a4a;
    font-size: 16px;
}

.main-content img {
    width: 650px;
    margin-top: 5%;
}





.ban-text h3 {
    font-size: 42px;
    font-weight: bold;
}

.text001 h2 {
    color: #00a7a9;
    font-weight: 700;
    font-size: 35px;
}

section.banner1 {
    padding-top: 100px;
    padding-bottom: 100px;
    }

   .login-box {
    max-width: 370px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 9px #cacaca;
    margin-top: 30%;
    margin-bottom: 100px;
}

}


@media screen and (max-width: 989px) {

.main-content h1 {
    color: #fff;
    padding-top: 14px;
    font-weight: bold;
    font-size: 20px;
}


.faq-img-four img {
    width: 100%;
    margin-bottom: 20px;
}

.side-images001 img {
    height: 236px;
    object-fit: cover;
}


.main-content img {
    width: 300px;
    margin-top: 5%;
}
.text001 h2 {
    color: #00a7a9;
    font-weight: 700;
    font-size: 25px;
}



.login-box {
    max-width: 370px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 9px #cacaca;
    margin-top: 20%;
}


p.highlight-text {
    background: #fff;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 19px;
    padding-right: 22px;
    color: #063875;
    border-bottom: 5px solid #3a70b5;
}



.banner1 {
    padding: 19px;
}





}

@media screen and (min-width: 767px) {
li.dropdown-submenu.main:hover > .dropdown-menu {
    display: block;
}


.file-upload {
  width: 650px;
  margin: 0 auto;
  padding: 20px;
}
.navbar-nav>li {
    float: left;
    padding-bottom: 2px;
    padding-top: 19px;
}

.navbar-collapse {

    margin-bottom: 13px;
}

.centered {
  display: flex;
  justify-content: center;
}

.nav>li>a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}

span.mobile-caret{
    display: none;
}


li.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
ul.nav.navbar-nav a {
    color: #000;
    font-size: 16px;
}
.dropdown-menu {
  
    -webkit-box-shadow: 3px 8px 13px rgba(0, 0, 0, 0.13);
    box-shadow: 3px 8px 13px rgba(0, 0, 0, 0.13);
}

}

@media screen and (max-width: 768px) {
    .container .row .statistic_margin
    {
        margin-left: 0px !important;
    }

    .pull-left.logo-o img {
    width: 81px;
}

.pull-right.menu-o {
    padding: 0px 25px;
    line-height: 2;
    width: 60% !important;
    height: 0;
    border-bottom: 64px solid #4a94c6;
    border-left: 49px solid transparent;
    text-align: right;
}



.menu-o a {
    color: #fff;
    padding: 0px 19px;
    font-size: 10px;
    border: solid 1px #fff;
    display: inline-block;
    margin-right: 3px;
    margin-top: 22px;
    border-radius: 100px;
}

    ul.dropdown-menu.custom-notify.dropdown-menu-right {
    position: absolute;
    left: initial !important;
    top: inherit !important;
}


    ul.multiselect-container.dropdown-menu {
    width: 100%;
    position: inherit !important;
    float: left !important;
}

}



@media screen and (max-width: 767px) {


.heading-001 {
    font-size: 2em;
}

.search-bar02 {
    float: right;
    margin-top: 12px;
}

.left-b-img img {
    max-height: fit-content;
    object-fit: contain;
    width: 100%;
}

.text-slide007{
    padding-top: 10px;
}

.triangle-down div {
    width: 0;
    height: 0;
    margin-left: -1000px;
    margin-top: -34px;
    border-left: 1000px solid transparent;
    border-right: 1000px solid transparent;

    /* transform: rotate(180deg); */
}

.tree-image img {
    width: 90%;
    object-fit: contain;
}




.content12 {
    font-family: Arial;
    color: #fff;
    padding-top: 10px;
    text-align: center;
    height: 89px;

}


.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: transparent;
}


a.navbar-brand.mini img {
    width: 75px;
    margin-top: 3px;
    height: 30px;
    object-fit: contain;
    position: absolute;
    left: 133px;
}

.navbar-brand img{

    width: 70%;
}


.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    background-image: linear-gradient(to bottom, rgba(113, 181, 201, 0) 0%, rgba(113, 180, 201, 0) 100%);   
background: transparent;
}
.nav-pills.nav-wizard > li {
    position: relative;
    overflow: visible;
    border-right: none;
    border-left: none;
    display: table;
    width: 124px;
}

.nav-pills.nav-wizard > li .nav-wedge {
    position: absolute;
    top: 0;
    left: -20px;
    width: 0;
    height: 0;
    border-style: none;
    border-width: 20px 0 20px 20px;
    border-color: #eee #eee #eee transparent;
    z-index: 150;
}


.nav-pills.nav-wizard > li .nav-arrow {
    position: absolute;
    top: 0;
    right: -20px;
    width: 0;
    height: 0;
    border-style: none;
    border-width: 20px 0 20px 20px;
    border-color: transparent transparent transparent #eee;
    z-index: 150;
}

#custom-search-scan input {
    border: 0;
    box-shadow: none;
    width: 80% !important;
    padding-top: 12px;
    background: transparent;
    height: 51px;
    color: #ffff;
    font-size: 16px;
}

.scan-wrapper01 {
    border: solid 1px #a5a5a5;
    padding-top: 10px;
    border-radius: 7px;
    box-shadow: 1px 3px 5px #ccc;
    margin-bottom: 10px;
    text-align: center;
    padding-bottom: 13px;
}

.slide-video {
    height: 350px;
    width: 100%;
}

.SchadenList {
    display: block;
    margin-bottom: 10px;
    margin-top: 58px;
}

.back-page001 {
    padding: 8px 5px 18px 3px;
    text-align: center;
}

/*.side-images001{
display: none;
}*/

.arrow-top:after {
    content: " ";
    position: absolute;
    right: 7px;
    top: -10px;
    border-top: none;
    border-right: 8px solid transparent;
    border-left: 8px solid transparent;
    border-bottom: 11px solid #ffffff;
}

li.dropdown.drop-user a {
    padding: 0px 0px;
}

.check-btn-slide {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
    margin-top: 16px;
}

.main-canvas {
    padding: 10px 0px;
    min-height: 570px;
    display: block;
}

a.btn-01 {
    background: #1d6281;
    padding: 5px 10px;
    margin-top: 16px;
    display: inline-block;
    color: #fff;
    margin-right: 10px;
    font-size: 17px;
}

.checkbox-contain {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-weight: 300;
}




.main-canvas .panel-heading li {
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 2px;
}

h2.slide-h2-white {
    padding-top: 0px;
}
.main-canvas p {
    font-size: 16px;
}


.side-popup a {
    background: #389bde;
    color: #fff;
    padding: 16px;
    border-radius: 100px;
    font-size: 28px;
    display: block;
    text-align: center;
    height: 66px;
    width: 66px;
    margin-bottom: 20px;
    margin-top: 20px;
}

.heading-002 {
    font-size: 3em;
    color: #2f75cc;
}

.clip-bg {
    padding: 21px;
}

.dropdown-menu > li > a {
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    display: inline-block !important;
    padding: 10px 15px !important;
}

.user-icon img {
    width: 35px;
    margin-top: 4px;
    filter: invert(1);
    opacity: 1;
}

.nav.navbar-nav.navbar-right {

    display: block;
    z-index: 9999;
    position: relative;

}

li.dropdown.drop-user {
    text-align: right;
}

.navbar-nav .open .dropdown-menu {
    background-color: #ffffff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26);
    left: auto;
    position: relative;
    right: 0;
    border-radius: 0;
}

.ans-1 input {
    margin-right: 8px;
    font-size: 15px;
    margin-bottom: 17px;
}

.search-slt{

    margin-bottom: 20px;
}

.text003{
    padding-top: 20px;
}

.form-1 {

    background: url(../images/form-bg.jpg) no-repeat;
        background-size: auto;
    background-size: cover;
    padding: 50px 5px;

}







.scan-wrap {
    background: url('../images/scan.jpg');
    background-size: cover;
    height: auto;
}


.drag-text {
    padding: 16px;
}
.file-upload {

  padding: 20px;
}

.user02 b {

    font-size: 16px;
    display: block;

}

.threat-listing {

    border: solid 1px #bbb;
    border-radius: 5px;
    box-shadow: 1px 1px 5px #ddd;
    padding: 10px;
    text-align: center;
    display: inline-block;

}



.user-attack {

    border: solid 1px #dd3030;
    box-shadow: 1px 1px 5px #d2d2d2;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    text-align: center;
    width: 100%;
    background: #fbeded;
    margin-bottom: 23px;

}



.custom-footer {
    width: 100%;
    height: 264px;
/*    border-bottom: 137px solid blue;
*/    border-left: 805px solid transparent;
    border-right: 778px solid transparent;
    /* float: left; */
    /* margin-left: -97%; */
    position: relative;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, 0%);
}




.navbar {
  
    margin-bottom: 0px;
}

.nav>li>a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
}
.navbar-collapse {
    padding-right: 15px;
    padding-left: 15px;
    overflow-x: visible;
    -webkit-overflow-scrolling: touch;
    border-top: 1px solid transparent;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    box-shadow: inset 0 1px 0 rgba(255,255,255,.1);
    background: #6aadbd;
    margin-top: 15px;
}

.webinar {
    margin-top: 11px;
}



span.mobile-caret {
    color: #6aadbd;
    padding: 0px 6px;
    border: solid 2px #5194a4;
    border-radius: 100px;
    font-size: 15px;
    background: #fff;
    float: right;
    margin-right: 15px;
    margin-top: 8px;
}

.main .dropdown-submenu ul li {
    background: #e1e1e1;
}

a span.caret {
    display: none;
}

ul.dropdown-menu {
    float: none !important;
    width: 100%;
    position: relative;
    top: 0;
    left: 0 !important;
}


.front-header  .navbar-nav li {

    display: block;
    line-height: 1.4;

}

.front-header .navbar-nav {

    margin: 0;
    display: block;
    width: 100%;

}



.front-header .container > .navbar-collapse{
    padding: 0;
}

.front-header .dropdown-menu {


    box-shadow: none;
    border: none;

}

.front-header .navbar-brand, .navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    color: #000;
}

 .front-header .navbar-nav > li > a {
    text-shadow: 0 1px 0 rgba(255, 255, 255, .25);
    color: #fff;
}


 .front-header .navbar-nav > li{
 
    border-bottom: solid 1px #ffffff;
}


.front-header li.dropdown-submenu.main > .dropdown-menu {
    left: 0px;
    top: 0px;
}




}



@media screen and (max-width: 508px) {

.main-content img {
    width: 100%;
    margin-top: 5%;
}



.container .row .statistic_margin
{
    margin-left: 0px !important;
}

input.search-field01 {
    height: 34px;
    margin-left: -4px;
    border: solid 1px #ddd;
    padding-left: 23px;
    width: 182px !important;
}

.main-canvas .panel-heading li {
    font-size: 12px;
    margin-bottom: 10px;
    margin-right: 7px;
    width: 47%;
    text-align: center;
}

.main-canvas .panel-heading li > a {
   
    width: 100%;
}

.berater-card {
    background: url(../images/card-bg.jpg) no-repeat;
    padding: 20px;
    width: 316px;
    height: 172px;
    background-size: contain;
    box-shadow: 3px 3px 8px #9a9a9a;
    margin-bottom: 135px;
    margin: 22px auto;
    margin-top: 102px;
}

.card-img01 img {
    max-width: 135px;
    object-fit: contain;
    height: 45px;
}

.card-img01 {
    padding-left: 82px;
}

.card-detail055 {
    padding-left: 43px;
    line-height: 18px;
    padding-top: 6px;
    font-size: 10px;
}

.text-card01 {
    display: block;
    padding-left: 22px;
    line-height: 1.2;
    margin-bottom: 2px;
    padding-top: 5px;
    font-size: 10px;
}


span.icons0055 img {
    width: 15px;
}

.main-cloud img {
    padding-top: 5px;
    padding-bottom: 31px;
    width: 127px;
}

.main-cloud {
    text-align: center;
    font-size: 20px;
    margin-top: 38px;
}

.main-cloud-img {
    display: none;
}


.risk-popup .modal-body {
    padding: 12px 0px !important;
}


.slide-arrows {
    padding-right: 15px;
}


.engines1 {

    background: #eee;

padding: 13px;
color:#179309;
    display: flex;

}






.file-name{
width: 227px;

overflow: hidden;

text-overflow: ellipsis;
}

.loader-main {
    position: fixed;
    background: rgba(0, 0, 0, 0.74);
    height: 100%;
    top: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    padding-top:50%;
    overflow: hidden;
}




.engines-image {

   display: none;

}

.graph1 {

    height: 112px;
    width: 112px;
    padding: 11px 11px;
    border-radius: 100px;
    box-shadow: 0px 0px 15px #c1c1c1;
    font-size: 23px;
    background: #11801a;
    margin: 20px auto 0px;

}


.table3 tr > td {

    padding: 5px;
    width: 250px;
    display: block;
    word-wrap: anywhere;

}

.page-title-box .breadcrumb {

    display: block !important;

}

#datatable-responsive_filter label .form-control {

    float: none;
    width: 100%;
    height: 40px;
    margin-left: 0;
    margin-top: 5px;

}


.feature-image img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}

.title2 h2 {
    color: #ffffff;
    font-weight: bold;
    font-size: 22px;
}

.page-title1 {
    padding: 29px 10px 24px 10px;
    text-align: center;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
}

.web-cat-header {
    background: url('../images/webinar-category-header.jpg');
    padding-top: 0px;
    padding-bottom: 8px;
}



.web-header {
    background: url('../images/webinarheader.jpg');
    padding-top: 0px;
    padding-bottom: 14px;
}


.new-header {
    background: url('../images/newheader.jpg');
    padding-top: 2px;
    padding-bottom: 13px;
}


.vedio-header{
    background:url('../images/videobanne.jpg');
    padding-top: 12px;
    padding-bottom: 13px;
}


.web-cat-header{
    background:url('../images/webinar-category-header.jpg');
    padding-top: 0px;
    padding-bottom: 13px;
}




.dark-header {
    background: url(../images/Darknet-Alarm.jpg);
    padding-top: 15px;
    padding-bottom: 18px;
}

.banner1 {
    text-align: center;
    color: #fff;
    padding: 19px;
}

.login-box {
    max-width: 100%;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 9px #cacaca;
    margin-top: 10%;
}

.right-img {
    display: none;
}



}

/*Usman Mazhar CSS Write*/
.graph-desc .w-green {
    cursor: pointer;
}
.graph-desc .w-green .result-body {
    background-color: #469f07;/*72bd3d*/
    color: #fff;
    padding: 30px 15px 10px;
}
.graph-desc .w-green .result-body table {
    margin-bottom: 10px;
}
.graph-desc .w-green .result-body tr {
    display: table;
    width: 100%;
}
.graph-desc .w-green .result-body h2 {
    color: #b0ff78;
    margin: 0;
}
.graph-desc .w-green .result-body th, .graph-desc .w-green .result-body td {
    display: table-cell;
    width: 50% !important;
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: 10px;
}
.graph-desc .w-green .result-foot {
    background-color: #72bd3d;
}
/**/
.graph-desc .w-orange {
    cursor: pointer;
}
.graph-desc .w-orange .result-body {
    background-color: #f8c752;
    color: #fff;
    padding: 30px 15px 10px;
}
.graph-desc .w-orange .result-body table {
    margin-bottom: 10px;
}
.graph-desc .w-orange .result-body tr {
    display: table;
    width: 100%;
}
.graph-desc .w-orange .result-body h2 {
    color: #b79034;
    margin: 0;
}
.graph-desc .w-orange .result-body th, .graph-desc .w-orange .result-body td {
    display: table-cell;
    width: 50% !important;
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: 10px;
}
.graph-desc .w-orange .result-foot {
    background-color: #e0a94b;
}
/**/
.graph-desc .w-pink {
    cursor: pointer;
}
.graph-desc .w-pink .result-body {
    background-color: #f04f4f;
    color: #fff;
    padding: 30px 15px 10px;
}
.graph-desc .w-pink .result-body table {
    margin-bottom: 10px;
}
.graph-desc .w-pink .result-body tr {
    display: table;
    width: 100%;
}
.graph-desc .w-pink .result-body h2 {
    color: #f1a2a2;
    margin: 0;
}
.graph-desc .w-pink .result-body th, .graph-desc .w-pink .result-body td {
    display: table-cell;
    width: 50% !important;
    border: 1px solid #fff;
    border-collapse: collapse;
    padding: 10px;
}
.graph-desc .w-pink .result-foot {
    background-color: #ef8484;
}

.side-image img{
    width: 100%;
    object-fit: cover;
}

.question-slides{
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: solid 1px #ddd;
}




/*Usman Mazhar CSS Write End*/

@media screen and (min-width: 508px) {

.main-cloud{

    width: 508px;
    height: 424px;
    margin: 0 auto;
    text-align: center;
}

.main-cloud-img {
    width: 333px;
    text-align: center;
    margin: 0 auto;
    margin-top: 150px;
}

.main-cloud-img img {
    width: 333px;
}


.cloud-1 img{

    width: 100px;
}

.cloud-1 {
    margin-top: -402px;
    /* margin-left: -3px; */
    cursor: pointer;
}





.cloud-2 img {
    width: 100px;
    margin-left: 287px;
    margin-top: -54px;
    cursor: pointer;
}


.cloud-3 img {
    width: 100px;
    margin-right: 247px;
    margin-top: -131px;
    cursor: pointer;
}


.cloud-4 img {
    width: 100px;
    margin-right: 400px;
    margin-top: 5px;
    cursor: pointer;
}


.cloud-5 img {
    width: 100px;
    margin-top: -110px;
    margin-left: 417px;
    cursor: pointer;
}

.cloud-6 img {
    width: 100px;
    margin-right: 355px;
    cursor: pointer;
    margin-top: 15px;
}

.cloud-7 img {
    width: 100px;
    margin-left: 364px;
    margin-top: -98px;
    cursor: pointer;
}

.cloud-8 img {
    width: 100px;
    margin-top: -31px;
    margin-left: 146px;
    cursor: pointer;
}


.cloud-9 img {
    width: 100px;
    margin-top: -117px;
    cursor: pointer;
    margin-right: 135px;
}

.cloud-title1{
        position: absolute;
    margin-left: 202px;
    margin-top: -22px;
    font-weight: 600;
}

.cloud-title2 {
    font-weight: 600;
    position: absolute;
    margin-left: 339px;
    margin-top: -75px;
}


.cloud-title3 {
    font-weight: 600;
    position: absolute;
    margin-left: 86px;
    margin-top: -126px;
}


.cloud-title4 {
    font-weight: 600;
    position: absolute;
    margin-left: 28px;
    margin-top: -16px;
}

.cloud-title5 {
    font-weight: 600;
    position: absolute;
    margin-left: 420px;
    margin-top: -114px;
}

.cloud-title6 {
       font-weight: 600;
    position: absolute;
    margin-left: 49px;
    margin-top: 115px;

}

.cloud-title7 {
    font-weight: 600;
    position: absolute;
    margin-left: 411px;
    margin-top: 13px;
}

.cloud-title8 {
    font-weight: 600;
    position: absolute;
    margin-left: 283px;
    margin-top: 71px;
}

.cloud-title9 {
    font-weight: 600;
    position: absolute;
    margin-left: 160px;
    margin-top: 3px;
}
.webscanner-validate{

    color: #dc3545;
    border-color: #dc3545 !important;
    border: 2px solid !important;
}

}




#sidebar {
    height: 250px;
    width: 10px;
    position: fixed;
    text-align: center;
    padding: 0px;
    margin-left: 10px;
    z-index: 9999;
    right: 0
}


.social {
  width: 230px;
  padding: 0;
  display: inline-table;
  height: 0px;
  background-color:#00586f;
  -moz-transition-property: margin-left;
  -moz-transition-duration: 0.2s;
  -moz-transition-delay: 0.2s;
  -ms-transition-property: margin-left;
  -ms-transition-duration: 0.2s;
  -ms-transition-delay: 0.2s;
  -o-transition-property: margin-left;
  -o-transition-duration: 0.2s;
  -o-transition-delay: 0.2s;
  -webkit-transition-property: margin-left;
  -webkit-transition-duration: 0.2s;
  -webkit-transition-delay: 0.2s;
  cursor: pointer;
  margin-left: 11px;
}

ul.side-menu-popup li:hover {
    background: rgba(0, 0, 0, 0.27);
}


.search-filter select {
    padding: 7px 5px;
    border: solid 1px #ddd;
}

input.search-field01 {
    height: 34px;
    margin-left: -4px;
    border: solid 1px #ddd;
    padding-left: 23px;
    width: 300px;
}

.btn.btn-filter-search {
    background: #3dc7e1;
    color: #fff;
    text-shadow: none;
    height: 34px;
    margin-left: -4px;
    margin-top: -3px;
}


.result-listing ul li {
    background: #fff;
    margin-bottom: 12px;
    padding: 12px;
    border-radius: 4px;
}

section.grey-bg {
    background: #f4f4f4;
}
li.inactive-o {
    border-left: solid 3px #777;
    box-shadow: 1px 1px 3px #d6d6d6;

}

li.active-o {
    border-left: solid 3px #2196F3;
    box-shadow: 1px 1px 3px #d6d6d6;

}



.search-bar02 {
    float: right;
}

.faqs .panel-heading a {
    color: #Fff;
    font-size: 15px;
    text-transform: initial;
    font-weight: 100;
}

.faqs .panel-heading {
    background: #5895e2;
    padding-bottom: 10px;
}


.site-map-text h1 {
    background: #5b88c1;
    padding: 2px 16px;
    color: #fff;
}


.site-map-text h4 {
    color: #086fab;
    font-weight: 600;
    line-height: 25px;
}
@media screen and (min-width: 990px){
.nav>li>a:focus, .nav>li>a:hover {
    text-decoration: none;
    background-color: #eee;
    color: #656565;
}

.right-image1 {
    max-width: 300px;
}

}

ul.nav.nav-tabs.glossar-nav li {
    margin-top: 6px;
    margin-left: 4px;
}

.btn-book-now .book11:hover {
    background: #46abe5 !important;
}
.btn-book-now .book11 {
    background: #46abe5 !important;
}

ul.nav.nav-tabs.glossar-nav {
    background: #1e839f;
}

ul.nav.nav-tabs.glossar-nav a {
    color: #fff;
    background: rgba(255, 255, 255, 0.35);
    padding: 7px 13px;
    width: 39px;
}

.social:hover {
    margin-left: -194px;
    width: 230px;
    background-color: #3b5998;
}

.facebook:hover {
    background-color: #00586f;
}


ul.side-menu-popup {
    list-style: none;
}


ul.side-menu-popup li {
    text-align: left;
    padding: 10px 13px;
    border-bottom: solid 1px #1d7b94;
}

ul.side-menu-popup {
    list-style: none;
    padding-left: 0px;
}

ul.side-menu-popup li a {
    color: #fff;
    font-size: 16px;
}

.side-toggle {
    position: absolute;
    margin-left: -53px;
    background: #0fa90c;
    /* height: 38px; */
    padding: 5px 14px;
    font-size: 30px;
    color: #fff;
    width: 52px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px;
}

tr.thead {
    background: #1281b3 !important;
    color: #fff;
    font-size: 16px;
}

.form-group.search01 {
    padding-top: 20px;
}

td.text-center.bd01 {
    font-size: 19px;
    padding-top: 31px;
    text-transform: uppercase;
    color: #c7c7c7;
}


.custom-pagi .pagination>li>a i {
    display: none;
}

td.text-center.bd01 i {
    font-size: 53px;
}


.webinar-slider .carousel {
    margin-top: 101px;
}


.wizard .nav-tabs {
    background: transparent;
}

/*.wizard .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #555;
    cursor: default;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    border-radius: 100px;
    padding: 4px 10px;
}*/

.wizard .nav>li.disabled>a {
    color: #fff;
}
.wizard .nav.nav-tabs a {
    color: #fff;
    background: #5bbcc1;
    border-radius: 100px;
    padding: 4px 10px;
}

.wizard {
    border-radius: 9px;
    padding: 14px;
}

    .wizard .nav-tabs {
    position: relative;
    margin-bottom: 0;
    border-bottom-color: #e0e0e0;
    display: none;
}

    .wizard > div.wizard-inner {
        position: relative;
    }



.wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus {
    color: #555555;
    cursor: default;
    border: 0;
    border-bottom-color: transparent;
}



@media( max-width : 585px ) {

    .wizard {
        width: 90%;
        height: auto !important;
    }

  
}


.form-2 {

    background: url(../images/bg009.jpg) no-repeat;
    background-size: auto;
    background-size: cover;
    padding: 50px 5px;

}





.wizard-inner h3 {
    color: #fff;
    text-align: center;
    font-size: 35px;
}
.set-alert{
    margin-top: 10%;
    font-size: 18px;
    text-align: center;
}
.upload1 {
    background: transparent;
    color: #3358FF;
    padding: 5px;
}
section.form-1.instructions .col-md-12 { display: flex; justify-content: center; }

    :root {
  --color-text: #fff;
  --color-bg: #000;
  --color-link: #f9d77e;
  --color-link-hover: #fff;
  --color-info: #efc453;
  --glitch-width: 100vw;
  --glitch-height: 100vh;
  --gap-horizontal: 10px;
  --gap-vertical: 5px;
  --time-anim: 2s;
  --delay-anim: 1s;
  --blend-mode-1: none;
  --blend-mode-2: none;
  --blend-mode-3: none;
  --blend-mode-4: none;
  --blend-mode-5: overlay;
  --blend-color-1: transparent;
  --blend-color-2: transparent;
  --blend-color-3: transparent;
  --blend-color-4: transparent;
  --blend-color-5: #af4949;
}


.glitch {
    width: 100vw;
    max-width: 100%;
    position: relative;
    align-items: center;
    overflow: hidden;
    background-position: top;
    padding: 110px;
    color: #fff;
}

.glitch .glitch__item {
  background: url("../images/bg-malware.jpg") no-repeat 50% 50%/cover;
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  position: absolute;
}
.glitch .glitch__item:nth-child(n+2) {
  opacity: 0;
  animation-duration: var(--time-anim);
  animation-delay: var(--delay-anim);
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.glitch .glitch__item:nth-child(2) {
  background-color: var(--blend-color-2);
  background-blend-mode: var(--blend-mode-2);
  animation-name: glitch-anim-2;
}
.glitch .glitch__item:nth-child(2) {
  background-color: var(--blend-color-3);
  background-blend-mode: var(--blend-mode-3);
  animation-name: glitch-anim-3;
}
.glitch .glitch__item:nth-child(4) {
  background-color: var(--blend-color-4);
  background-blend-mode: var(--blend-mode-4);
  animation-name: glitch-anim-4;
}
.glitch .glitch__item:nth-child(5) {
  background-color: var(--blend-color-5);
  background-blend-mode: var(--blend-mode-5);
  animation-name: glitch-anim-flash;
}
@keyframes glitch-anim-flash {
  0%, 5% {
    opacity: 0.2;
    /*transform: translate3d(var(--glitch-horizontal), var(--glitch-height), 0);*/
  }
  5.5%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
  }
}
.glitch .glitch__title {
  font-family: "Bungee", cursive;
  font-size: 100px;
  color: #ffffff;
  position: relative;
  text-transform: uppercase;
}
.glitch .glitch__title:before, .glitch .glitch__title:after {
  content: "GLITCH";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.glitch .glitch__title:before {
  left: 2px;
  text-shadow: -1px 0 #00ffea;
  clip: rect(24px, 550px, 90px, 0);
  animation: glitch-anim 2s linear infinite alternate-reverse;
}
.glitch .glitch__title:after {
  left: -2px;
  text-shadow: -1px 0 #fe3a7f;
  clip: rect(85px, 550px, 140px, 0);
  animation: glitch-anim 2s 1s linear infinite alternate-reverse;
}
@keyframes glitch-anim {
  0% {
    clip: rect(151px, 9999px, 69px, 0);
  }
  5% {
    clip: rect(69px, 9999px, 35px, 0);
  }
  10% {
    clip: rect(154px, 9999px, 117px, 0);
  }
  15% {
    clip: rect(94px, 9999px, 22px, 0);
  }
  20% {
    clip: rect(24px, 9999px, 124px, 0);
  }
  25% {
    clip: rect(117px, 9999px, 90px, 0);
  }
  30% {
    clip: rect(158px, 9999px, 95px, 0);
  }
  35% {
    clip: rect(148px, 9999px, 164px, 0);
  }
  40% {
    clip: rect(50px, 9999px, 4px, 0);
  }
  45% {
    clip: rect(64px, 9999px, 37px, 0);
  }
  50% {
    clip: rect(95px, 9999px, 100px, 0);
  }
  55% {
    clip: rect(68px, 9999px, 27px, 0);
  }
  60% {
    clip: rect(88px, 9999px, 144px, 0);
  }
  65% {
    clip: rect(126px, 9999px, 143px, 0);
  }
  70% {
    clip: rect(27px, 9999px, 68px, 0);
  }
  75% {
    clip: rect(12px, 9999px, 81px, 0);
  }
  80% {
    clip: rect(77px, 9999px, 31px, 0);
  }
  85% {
    clip: rect(24px, 9999px, 36px, 0);
  }
  90% {
    clip: rect(8px, 9999px, 27px, 0);
  }
  95% {
    clip: rect(104px, 9999px, 36px, 0);
  }
  100% {
    clip: rect(132px, 9999px, 134px, 0);
  }
}

@keyframes glitch-anim-2 {
  0% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
    -webkit-clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
    clip-path: polygon(0 2%, 100% 2%, 100% 5%, 0 5%);
  }
  2% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
    clip-path: polygon(0 15%, 100% 15%, 100% 15%, 0 15%);
  }
  4% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
    clip-path: polygon(0 10%, 100% 10%, 100% 20%, 0 20%);
  }
  6% {
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
    clip-path: polygon(0 1%, 100% 1%, 100% 2%, 0 2%);
  }
  8% {
    -webkit-clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
    clip-path: polygon(0 33%, 100% 33%, 100% 33%, 0 33%);
  }
  10% {
    -webkit-clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
    clip-path: polygon(0 44%, 100% 44%, 100% 44%, 0 44%);
  }
  12% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
    clip-path: polygon(0 50%, 100% 50%, 100% 20%, 0 20%);
  }
  14% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
    clip-path: polygon(0 70%, 100% 70%, 100% 70%, 0 70%);
  }
  16% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
    clip-path: polygon(0 80%, 100% 80%, 100% 80%, 0 80%);
  }
  18% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
    clip-path: polygon(0 50%, 100% 50%, 100% 55%, 0 55%);
  }
  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
    clip-path: polygon(0 70%, 100% 70%, 100% 80%, 0 80%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(var(--gap-horizontal), 0, 0);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-3 {
  0% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
    -webkit-clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
    clip-path: polygon(0 25%, 100% 25%, 100% 30%, 0 30%);
  }
  3% {
    -webkit-clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
    clip-path: polygon(0 3%, 100% 3%, 100% 3%, 0 3%);
  }
  5% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
    clip-path: polygon(0 5%, 100% 5%, 100% 20%, 0 20%);
  }
  7% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  9% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
    clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
  }
  11% {
    -webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
    clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
  }
  13% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  15% {
    -webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
    clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
  }
  17% {
    -webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
    clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
  }
  19% {
    -webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
    clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
  }
  20% {
    -webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
    clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(calc(-1 * var(--gap-horizontal)), 0, 0);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}
@keyframes glitch-anim-4 {
  0% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
    -webkit-clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
    clip-path: polygon(0 1%, 100% 1%, 100% 3%, 0 3%);
  }
  1.5% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
    clip-path: polygon(0 10%, 100% 10%, 100% 9%, 0 9%);
  }
  2% {
    -webkit-clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
    clip-path: polygon(0 5%, 100% 5%, 100% 6%, 0 6%);
  }
  2.5% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
    clip-path: polygon(0 20%, 100% 20%, 100% 20%, 0 20%);
  }
  3% {
    -webkit-clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
    clip-path: polygon(0 10%, 100% 10%, 100% 10%, 0 10%);
  }
  5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
    clip-path: polygon(0 30%, 100% 30%, 100% 25%, 0 25%);
  }
  5.5% {
    -webkit-clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
    clip-path: polygon(0 15%, 100% 15%, 100% 16%, 0 16%);
  }
  7% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
    clip-path: polygon(0 40%, 100% 40%, 100% 39%, 0 39%);
  }
  8% {
    -webkit-clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
    clip-path: polygon(0 20%, 100% 20%, 100% 21%, 0 21%);
  }
  9% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
    clip-path: polygon(0 60%, 100% 60%, 100% 55%, 0 55%);
  }
  10.5% {
    -webkit-clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
    clip-path: polygon(0 30%, 100% 30%, 100% 31%, 0 31%);
  }
  11% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
    clip-path: polygon(0 70%, 100% 70%, 100% 69%, 0 69%);
  }
  13% {
    -webkit-clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
    clip-path: polygon(0 40%, 100% 40%, 100% 41%, 0 41%);
  }
  14% {
    -webkit-clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
    clip-path: polygon(0 80%, 100% 80%, 100% 75%, 0 75%);
  }
  14.5% {
    -webkit-clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
    clip-path: polygon(0 50%, 100% 50%, 100% 51%, 0 51%);
  }
  15% {
    -webkit-clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
    clip-path: polygon(0 90%, 100% 90%, 100% 90%, 0 90%);
  }
  16% {
    -webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
    clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
  }
  18% {
    -webkit-clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
    clip-path: polygon(0 100%, 100% 100%, 100% 99%, 0 99%);
  }
  20% {
    -webkit-clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
    clip-path: polygon(0 70%, 100% 70%, 100% 71%, 0 71%);
  }
  21.9% {
    opacity: 1;
    transform: translate3d(0, calc(-1 * var(--gap-vertical)), 0) scale3d(-1, -1, 1);
  }
  22%, 100% {
    opacity: 0;
    transform: translate3d(0, 0, 0);
    -webkit-clip-path: polygon(0 0, 0 0, 0 0, 0 0);
    clip-path: polygon(0 0, 0 0, 0 0, 0 0);
  }
}

/********************Inner Banner Style Strat********************/
.inner-banner {
    padding: 8px 0;
    margin-bottom: 85px;
    background: url("../images/inner-banner.png") no-repeat left top;
}
.inner-banner h1 {
    margin: 0;
    font-family: 'Jost', sans-serif;
    color: #fff;
    font-size: 50px;
    line-height: 118px;
    font-weight: 500;
}
/********************Inner Banner Style End********************/

.tab-style-1 .nav-tabs {
    background-image: none;
    border: 0;
    float: left;
    width: 100%;
}
.margin-top-70 {
    margin-top: 70px;
}
.tab-style-1 .nav-tabs > li {
    float: none;
    display: block;
    overflow: hidden;
    padding-bottom: 20px;
}
.tab-style-1 .nav-tabs > li > a {
    border: 2px solid #2dc8e1;
    border-radius: 3px;
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    font-family: 'Jost', sans-serif;
    padding: 15px 11px;
    color: #0B9AD5;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
}
.tab-style-1 .nav-tabs > li.active > a, .tab-style-1 .nav-tabs > li.active > a:focus, .tab-style-1 .nav-tabs > li.active > a:hover {
    border: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ccae2+0,578ec3+100 */
    background: rgb(44, 202, 226); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(44, 202, 226, 1) 0%, rgba(87, 142, 195, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(44, 202, 226, 1) 0%, rgba(87, 142, 195, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(44, 202, 226, 1) 0%, rgba(87, 142, 195, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ccae2', endColorstr='#578ec3', GradientType=0); /* IE6-9 */
    color: #fff;
    border: 2px solid;
}
.graph-box {
    float: right;
    width: 468px;
    height: 468px;
    border-radius: 100%;
}
.graph-box ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
.graph-box ul li {
    float: left;
    width: 50%;
    height: 235px;
    padding: 60px 0 0 62px;
    position: relative;
}
.graph-box ul li a {
    display: block;
    line-height: 26px;
    font-size: 22px;
    color: #fff;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    position: relative;
}
.graph-box ul li a span {
    display: block;
}
.graph-box ul li:nth-child(1), .graph-box ul li:nth-child(2) {
    padding-top: 125px;
}
.graph-box ul li:nth-child(1):before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 235px;
    height: 235px;
}
.graph-box ul li:nth-child(4):before {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    width: 235px;
    height: 235px;
}
.list-box {
    width: 100%;
    float: right;
}
.tab-content .list-box {
    width: 100%;
    float: left;
}
.list-box ul {
    padding: 0;
}
.list-box ul li {
    font-size: 18px;
    font-weight: 500;
    font-family: 'Jost', sans-serif;
    padding-bottom: 20px;
}
.tab-style-2 {
    margin-bottom: 30px;
}
.tab-style-2 .nav-tabs {
    display: block;
    text-align: center;
}
.tab-style-2 .nav-tabs > li {
    width: auto;
    display: inline-block;
}
.tab-style-2 .nav-tabs > li > a {
    line-height: 18px;
}
.tab-style-1 .nav-tabs{background-image:none;border: 0;}

/***************Status Form Style Start****************/
a.showBtn {
    float: right;
    border: 2px solid #2f528f;
    border-radius: 5px;
    background: #ff0000;
    line-height: 27px;
    padding: 0 24px;
    color: #fff;
    font-size: 20px;
    margin-left: auto;
}
.bg-green {
    background: #00b050 !important;
}
/*.table-advice{white-space: nowrap;}*/
.table-advice th {
    background: #4472c4;
    color: #fff;
    font-size: 18px;
}
.table-advice tr:nth-child(even) {
    background: #cfd5ea;
}
.table-advice tr:nth-child(odd) {
    background: #e9ebf5;
}
.table-advice td {
    border: 1px solid #fff;
    font-size: 18px;
}
.red-bg {
    background: #ff0000;
    color: #fff;
}
.green-bg {
    background: #00b050;
    color: #fff;
}
.blue-bg {
    background: blue;
    color: #fff;
}
.accordion-group {
    margin: 0 0 30px
}
.accordion-group {
    margin: 0
}
.no-js .accordion-body {
    display: block
}
.accordion-body {
    display: none;
    padding: 10px 20px 14px;
    border-radius: 5px;
    margin: 4px 0;
}
.accordion-body > * > .accordion-body {
    margin: 0
}
.accordion-header {
    border: 2px solid #2f528f;
    background: #4472c4;
    padding: 5px 10px;
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    position: relative;
}
.accordion-header.open {
    background: #4472c4;
}
.accordion-header:last-of-type {
    margin-bottom: 0
}
.accordion-header.open:last-of-type {
    margin-bottom: 4px
}
.accordion-header span {
    position: absolute;
    right: 6px;
    top: 6px;
    background: #fff;
    padding: 2px 5px;
    border-radius: 4px;
    color: #333;
    font-weight: normal
}
.tab-style-1 .tab-content {
    padding: 0;
}
/***************Status Form Style End****************/
.tab-style-1 .question{width: auto;margin: 0;}
.tab-style-1 .question li{float: left;margin-right: 10px;}
.sidebar-menu {
    width: 100%;
}
.collapse-menu li a {
    border: 2px solid #2dc8e1;
    border-radius: 3px;
    font-weight: 500;
    font-size: 20px;
    line-height: 64px;
    font-family: 'Jost', sans-serif;
    padding: 0 23px;
    color: #0B9AD5;
    display: block;
    width: 100%;
    text-align: left;
    background: none;
}
.collapse-menu li {
    position: relative;
    margin-bottom: 20px;
}
.collapse-menu li.active{
    background: none;
}
.collapse-menu li.active a{
        border: 0;
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#2ccae2+0,578ec3+100 */
    background: rgb(44, 202, 226); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(44, 202, 226, 1) 0%, rgba(87, 142, 195, 1) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(44, 202, 226, 1) 0%, rgba(87, 142, 195, 1) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(44, 202, 226, 1) 0%, rgba(87, 142, 195, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2ccae2', endColorstr='#578ec3', GradientType=0); /* IE6-9 */
    color: #fff;
    border: 2px solid;
}
.collapse-menu li ul li {
    padding: 0;
}
.collapse-menu li ul {
    margin: 20px 0 20px 38px;
}
.collapse-menu li ul li a {
    color: #0B9AD5;
}
li.pull-left.w-50 {
    width: 50%;
}
.style-1{list-style: none;padding: 20px 10px;}
.style-1 li{float: left;width: 46%;margin: 0 15px 15px 15px;}
.style-img li{float: left;width: 32%;margin: 0 15px 15px 15px;}
.style-1 .select2-selection__rendered li{width:auto !important;margin: 0;}
.style-1 .select2-selection__rendered{padding: 10px !important;}
.backgroundRed{background: red;}
.FormHidden{ display: none;
 color:white;
 border: 2px solid #2f528f;
 border-radius: 5px;
 padding: 5px 6px;
 font-size: 10px;
 height:40px
}

.sidebar-menu-2 {
  background:#5686c3;
  height: 110vh;
}
.sidebar-menu-2 #sidebar-menu {
  background:#5686c3;
}
.sidebar-menu-2 h3 {
    color: #fff;
    padding: 0 20px;
    font-size: 22px;
    font-weight: 700;
    line-height: 28px;
	text-overflow: ellipsis;
	overflow: hidden;
}
.sidebar-menu-2 #sidebar-menu ul li .menu-title {
  pointer-events: auto;
  cursor: pointer;
  font-weight: 700;
  text-transform: capitalize;
  font-size: 16px;
  margin-top: 30px;
  padding: 0 20px !important;
}
.sidebar-menu-2 #sidebar-menu ul li a {
  padding: 4px 20px;
}
.sidebar-menu-2 #sidebar-menu > ul > li > a.menu-title:hover {
  background: none;
}
.sidebar-menu-2 .moduleCount {
  color: #FFFFFF !important;
}
.sidebar-menu-2 .moduleCountChild {
  color: #FFFFFF !important;
}
.btn-show {
  font-size: 22px;
  padding: 4px 12px;
  background: #5686c3;
  float: left;
  margin: 24px 0 0 20px;
}
.s-footer {
  position: absolute;
  bottom: 0;width: 100%;
}
button.multiling-drp-dwn {
  font-size: 17px;
  color: #fff;
  border: none;
  cursor: pointer;
  padding: 10px 0 10px 10px;
  background: none;
}
.navbar-right .flag-icon{width: 20px;cursor: pointer;}
ul.dropdown-menu.arrow-top.multiling-select-drp-dwn{min-width: 100%;text-align:center;}
/*footer.frontend {
  position: fixed;
  bottom: 0;
  width: 100%;
}*/

/**********New Style Start***********/
/* .logo {
    background-color: #fff;
    border-radius: 20px;
    overflow: hidden;
    display: block;
    text-align: center;
    padding: 10px 0 9px 0;
    margin-bottom: 20px;
}
.search-row {
    background-color: #fff;
    border-radius: 20px;
    padding: 15px;
    float: left;
    width: 100%;
    margin-bottom: 0;
} */
.newdash{background: radial-gradient(39.91% 39.91% at 50% 60.09%, #FDFEFF 0%, #C8DFEF 100%);position: relative;overflow: hidden;min-height: 800px;padding: 100px 0;}
.newdash:before{
    content: '';position: absolute;right: 0;top: 0;background: url(../images/new-dash-pattren.png) no-repeat right top/100%;width: 100%;height: 1080px;
}
.newdash .container-fluid{
    padding: 0 85px;
}
.newdash-box{
    background-color: #fff;
    box-shadow: 0px 6px 4px rgba(0, 0, 0, 0.25);
    border-radius: 22px;
    padding: 30px 20px;
    margin-bottom: 45px;
    display: flex;
    align-items: center;
    position: relative;
}
.info-icon{
    position: absolute;
    top: 11px;
    right: 15px;
}
.dash-icon{border-right: 1px solid #5F5F5F;padding-right: 25px;margin-right: 45px;min-width: 222px;}
.width-0 .dash-icon{min-width: inherit;width: auto;}
.newdash-box h4{
    margin: 0;
    font-size: 27px;
    font-weight: 700;
    background: linear-gradient(180deg, #2E8FC2 0%, #52B7AE 100%);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background-clip: text;
text-fill-color: transparent;
}
.d-flex{
    display: flex;
    align-items: center;
   justify-content: center;
}
/**********New Style End***********/

.side-menu-mr-5.btn-show{margin-right: 120px;}


span.modal-footer-title {
    float: left;
    margin-top: 10px;
    font-weight: bold;
    font-size: 15px;
}
.floatleft {
    margin-top: 0px;
    float: right;
}
.center-grid {
    display: flex;
    justify-content: center;
}
.doc-box{
    border: 1px solid #ccc;
    border-radius:12px;
    padding: 10px;
    text-align: center;
    min-height: 117px;
    margin-bottom: 30px;
}
.doc-box a{
    font-size: 12px;
    color: #222;
    font-weight: 500;
    word-break: break-all;
}
.doc-box a span{
    display: block;
    color: #222;
    font-weight: 600;
}
.doc-box img{
    display: block;
    margin: 0 auto 10px;
}
.btn-close{
    font-weight: 400;
    color: #fff;
    background: rgba(0,0,0,0.5);
    border-radius: 100%;
    width: 26px;
    height: 26px;
    text-align: center;
    line-height: 26px;
    position: absolute;
    right: 15px;
    top: 0;
}
.btn-close .right1{
    color: #fff;
    padding: 0;
    font-weight: 400;
    font-size: 13px;
}
.widget-box-one .widget-one-icon.custom-icon{
    color: #5b88c1 !important;
}
.widget-box-two .widget-two-icon.custom-icon{
    color: #5b88c1 !important;
}
p.m-0.text-uppercase.font-600.font-secondary.text-overflow.text-color{
    color: #5b88c1;
}
.count-color{ color: #5b88c1 !important; }

label.work-time-label {
    min-width: 111px;
}

input.work-time-input
{
    width: 150px;
    margin-left: 20px;
    border: none;
    border-bottom: 1px solid;
}

input.work-time-input-small
{
    width: 50px;
    margin-left: 20px;
    border: none;
    border-bottom: 1px solid;
}