/*#_Inicialization#*/

html {
    font-family: Arial;
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

a:hover,
a:active {
    outline: 0;
}

img {
    max-width: 100%;
    border: 0;
}

button,
input,
select,
textarea {
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 100%;
    vertical-align: middle;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    cursor: pointer;
}

*:focus {
    outline: 0;
}


/*#_Inicialization/Style#*/

body {
    margin: 0px;
    padding: 0px;
    font-family: Arial;
    font-size: 12px;
    font-weight: 500;
    background: #eaeff3;
    color: #403f42;
}

a {
    color: #58bfcf;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    line-height: 1.4;
    text-transform: uppercase;
}

h1 {
    margin-bottom: 50px;
    font-size: 38px;
}

h2 {
    margin-bottom: 50px;
    font-size: 27px;
    font-weight: 500;
}

h3 {
    margin-bottom: 40px;
    font-size: 24px;
}

h4 {
    margin-bottom: 20px;
    font-size: 16px;
}

h1 span {
    font-weight: 300;
}

h2 span {
    font-weight: 700;
}

h3 span {
    font-weight: 500;
}

h1 + p,
h2 + p,
h3 + p,
h4 + p {
    margin-top: 5px;
}

p {
    line-height: 2;
}

strong {
    font-weight: 700;
}

p:first-child {
    margin-top: 0px;
}

table {
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    border-collapse: collapse;
}


/*#_Inicialization/Classses#*/

.item-hidden {
    opacity: 0;
}

.item-visible {
    opacity: 1;
}

.clear {
    clear: both;
}

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

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

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

.link-more {
    margin-top: 30px;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    display: inline-block;
}

.perex {
    margin: 0px auto 25px auto;
    color: #7c7b7e;
    font-family: 'Open Sans', sans-serif;
    font-weight: 500;
    line-height: 2;
}

.content .perex p {
    font-size: 18px;
    line-height: 36px;
}

.pux-infinite-repeater-result-count-wrapper {
    display: none;
}


/*#_Inicialization/Buttons#*/

.show-more-container a,
.SearchDialog input[type="submit"],
.button input,
a.button {
    padding: 0px 20px;
    line-height: 40px;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-decoration: none;
    text-transform: uppercase;
    display: inline-block;
    position: relative;
    border: 0px;
    overflow: hidden;
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    border-radius: 0;
}

.form-group-submit,
.button {
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.show-more-container a,
.button-big input,
a.button-big {
    line-height: 60px;
    font-size: 14px;
}

.button-green input,

/* Because Flowmon */

.button-orange input,
a.button-orange {
    background: #ff6600;
}

.show-more-container a,
.SearchDialog input[type="submit"],
.button-dark input,
a.button-dark,
.button-blue input,
a.button-blue {
    background: #58bfd0;
}

.button-green input:hover,

/* Because Flowmon */

.button-orange input:hover,
a.button-orange:hover {
    background: #ff8434;
}

.show-more-container a:hover,
.SearchDialog input[type="submit"]:hover,
.button-dark input:hover,
a.button-dark:hover,
.button-blue input:hover,
a.button-blue:hover {
    background: #7accda;
}

a.button-title {
    position: absolute;
    top: 5px;
    right: 15px;
}

.button-arrow input,
a.button-arrow {
    width: 100%;
    line-height: 40px;
    font-size: 14px;
}

.button-arrow:before {
    margin-top: -5px;
    width: 6px;
    height: 10px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat -90px 0px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
}


/*#Header#*/

#header-wrapper {
    width: 100%;
    background: #eaeff3;
    font-family: 'Open Sans', sans-serif;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 999;
}

#header-wrapper + * {
    margin-top: 130px
}

.DesignMode #header-wrapper {
    position: static;
}

#header {
    height: 90px;
}

.header-left {
    padding-top: 23px;
}

.header-right {}

.header-top {
    padding: 5px 0px 10px;
    font-size: 12px;
    text-align: right;
}

.header-top a {
    color: #7c7b7e;
}

#logo {
    display: block;
}

.header-search {
    max-width: 100%;
    position: relative;
    float: right;
}

.header-search:after {
    margin-top: -8px;
    width: 16px;
    height: 16px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat 0px -90px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    pointer-events: none;
}

.header-search input[type="text"] {
    padding: 0px 15px;
    width: 300px;
    max-width: 100%;
    height: 40px;
    background: #fff;
    color: #403f42;
    border: 1px solid #cacfd3;
}

.header-search input[type="submit"] {
    width: 38px;
    height: 38px;
    background: transparent;
    font-size: 0px;
    display: block;
    border: 0px;
    position: absolute;
    top: 0px;
    right: 0px;
}

.header-buttons {
    float: right;
}

.header-buttons .button {
    margin-left: 10px;
}


/*.header-language  {margin-left: 10px; width: 130px; height: 40px; line-height: 40px; background: #fff; font-size: 11px; font-weight: 700; text-align: left; text-transform: uppercase; border: 1px solid #cacfd3; position: relative; z-index: 99; float: right;}
.header-language:after {margin-top: -3px; width: 10px; height: 6px; background: url('/Netcope/media/system/images/sprite.png') no-repeat -80px 0px; content: ""; display: block; position: absolute; top: 50%; right: 20px;}
.header-language a     {padding-left: 15px; display: none;}
.header-language a:first-child {color: #403f42; display: inline-block;}
.header-language:hover a:nth-child(2n+1)  {width: 100%; background: #eaeff3; display: inline-block;}

.header-language ul     {margin: 0px; padding: 0px;  list-style-type: none; border: 1px solid #cacfd3; position: absolute; top: 38px; left: 0px; display: none;}
.header-language li     {margin: 0px; padding: 0px 15px; width: 100%;}*/

.header-language {
    margin-top: -7px;
    margin-left: 30px;
    display: inline-block;
}

.header-language ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
    overflow: hidden;
    position: relative;
    top: 4px;
}

.header-language li {
    margin: 0px 0px 0px 5px;
    padding: 0px;
    display: inline-block;
}

.header-language a {
    width: 16px;
    height: 12px;
    background: url('/Flowmon/media/system/images/sprite-flags.jpg') no-repeat;
    font-size: 0px;
    display: block;
    opacity: 0.3;
}

.header-language a:hover,
.header-language a.active {
    opacity: 1;
}

.header-language a.cs-cz {
    background-position: 0px 0px;
}

.header-language a.en-gb {
    background-position: -16px 0px;
}


/*#Header/Menu#*/

#menu-main-wrapper {
    height: 40px;
    position: relative;
}

#menu-main-wrapper {
    background: #58bfd0;
}

#menu-main-wrapper #menu-main {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline-block;
    position: relative;
}

#menu-main-wrapper #menu-main > li {
    margin: 0px 15px 0px 0px;
    padding: 0px 35px 0px 20px;
    display: block;
    float: left;
}

#menu-main-wrapper #menu-main > li > a {
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    display: block;
    position: relative;
}

#menu-main-wrapper #menu-main .has-submenu > a:after {
    margin-top: -3px;
    width: 10px;
    height: 6px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat -70px 0px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
}

#menu-main-wrapper #menu-main .menu-open {
    background: #fff;
}

#menu-main-wrapper #menu-main .menu-open > a {
    color: #58bfd0;
}

#menu-main-wrapper #menu-main .menu-open > a:after {
    margin-top: -3px;
    width: 10px;
    height: 6px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat -80px -6px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
}

#menu-main-wrapper #menu-main ul {
    display: none;
}

#menu-main-wrapper #menu-main li.submenu-partners:hover ul,
#menu-main-wrapper #menu-main li.submenu-company:hover ul,
#menu-main-wrapper #menu-main.new-menu li.submenu-solutions:hover ul {
    display: block;
}


/*#Header/Menu/Submenu#*/

.submenu-wrapper {
    width: 100%;
    text-align: left;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 99;
    display: none;
}

.submenu-inner {
    background: #fff;
    overflow: hidden;
    display: inline-block;
}

.submenu-column {
    padding: 30px;
    width: 292px;
    background: #fff;
    float: left;
}

.submenu-category {
    padding-bottom: 10px;
    color: #7c7b7e;
    border-bottom: 1px solid #7c7b7e;
    text-transform: uppercase;
    display: block;
}

.submenu-category-blank {
    height: 30px;
    border: 0px;
}

.submenu-title {
    color: #58bfd0;
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
    display: inline-block;
}

.submenu-title:hover {
    text-decoration: none;
}

.submenu-wrapper ul {
    margin: 0px 0px 30px;
    padding: 0px;
    list-style-type: none;
    font-family: Arial;
    font-size: 13px;
}

.submenu-wrapper li {
    margin: 15px 0px 0px;
    padding: 0px;
}

.submenu-wrapper li a {
    color: #403f42;
}

.submenu-category + .submenu-title {
    margin-top: 15px;
}


/*.submenu-column > ul      {margin: 0px; padding: 0px; list-style-type: none;}
.submenu-column > ul > li {margin: 0px; padding: 0px;}
.submenu-column > ul > li > a {font-size: 13px; font-weight: 700; text-decoration: underline; display: inline-block;}
.submenu-column > ul > li > a:hover  {text-decoration: none;}

.submenu-column > ul ul   {margin: 0px 0px 30px 0px; padding: 0px; list-style-type: none; font-family: Arial; font-size: 13px;}
.submenu-column > ul ul li   {margin: 15px 0px 0px; padding: 0px;}
.submenu-column > ul ul li a {color: #cacfd3;}*/

.DesignMode .submenu-wrapper {
    position: static;
    display: block;
}

#menu-main-wrapper .submenu-company,
#menu-main-wrapper .submenu-partners,
#menu-main-wrapper #menu-main.new-menu .submenu-solutions {
    position: relative;
}

#menu-main-wrapper .submenu-company ul,
#menu-main-wrapper .submenu-partners ul {
    margin: 0px;
    padding: 30px 30px 15px;
    width: 292px;
    background: #fff;
    list-style-type: none;
    text-align: left;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 99;
    display: none;
}

#menu-main-wrapper #menu-main.new-menu .submenu-solutions ul {
    margin: 0px;
    padding: 30px 30px 15px;
    display: inline-block;
    vertical-align: top;
    background: #fff;
    list-style-type: none;
    text-align: left;
    z-index: 99;
    white-space: normal;
}

#menu-main-wrapper #menu-main.new-menu .submenu-solutions .submenu-container > ul {
    white-space: nowrap;
}

#menu-main-wrapper #menu-main.new-menu .submenu-solutions .submenu-container {
    position: absolute;
    top: 40px;
    left: 0px;
    display: none;
}

#menu-main-wrapper #menu-main.new-menu li.submenu-solutions:hover .submenu-container {
    display: block;
}

#menu-main-wrapper #menu-main.new-menu .submenu-solutions .submenu-container > ul > li {
    display: inline-block;
    vertical-align: top;
    width: 222px;
}

#menu-main-wrapper #menu-main.new-menu .submenu-solutions .submenu-container > ul > li:not(:last-of-type) {
    margin-right: 30px;
}

#menu-main-wrapper #menu-main.new-menu .submenu-solutions .submenu-container > ul > li > ul {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    padding: 30px 0 0;
}

#menu-main-wrapper .submenu-company li,
#menu-main-wrapper .submenu-solutions li,
#menu-main-wrapper .submenu-partners li {
    margin: 0px 0px 15px 0px;
    padding: 0px;
}

#menu-main-wrapper .submenu-company li a,
#menu-main-wrapper .submenu-solutions li a,
#menu-main-wrapper .submenu-partners li a {
    font-size: 13px;
    font-weight: 700;
    text-decoration: underline;
    display: inline-block;
}

#menu-main-wrapper .submenu-company li a:hover,
#menu-main-wrapper .submenu-solutions li a:hover,
#menu-main-wrapper .submenu-partners li a:hover {
    text-decoration: none;
}


/*#Slider#*/

#slider {
    padding-top: 90px;
    width: 100%;
    height: 480px;
    background: url('/Netcope/media/system/images/bg-slider.jpg') no-repeat center center;
    background-size: cover;
    color: #fff;
}

#slider h1 {
    padding: 0px 100px;
}

#slider .button {
    margin: 0px 5px 30px;
    padding: 0px;
    width: 200px;
}


/*#Main teaser#*/

#main-teaser {
    width: 100%;
    height: 140px;
    background: url('/Netcope/media/system/images/bg-main-teaser.jpg') no-repeat center center;
    background-size: cover;
    position: relative;
    overflow: hidden;
}

#main-teaser img {
    margin-left: -960px;
    max-width: none;
    display: block;
    position: absolute;
    top: 0px;
    left: 50%;
}

#main-teaser h1 {
    margin: 40px 0px 0px;
    color: #fff;
    text-align: center;
    position: relative;
}


/*#Breadcrumbs#*/

#breadcrumbs {
    padding: 15px 0px 0px;
}

#breadcrumbs span,
#breadcrumbs a {
    color: #7c7b7e;
    font-size: 11px;
}

#breadcrumbs a {
    padding-right: 30px;
    position: relative;
}

#breadcrumbs a:after {
    width: 10px;
    height: 1px;
    background: #7c7b7e;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
}


/*#Homepage#*/

/*#Homepage/Tabs#*/

#tabs-pagination {
    margin: 0px;
    padding: 0px;
    height: 90px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
}

#tabs-pagination a {
    margin: 0px 0px 0px 1px;
    padding: 25px 30px;
    width: 292px;
    height: 90px;
    background: #58bfcf;
    color: #fff;
    text-transform: uppercase;
    display: block;
    position: relative;
    float: left;
    cursor: pointer;
}

#tabs-pagination a:first-child {
    margin-left: 0px;
    width: 291px;
}

#tabs-pagination a:focus,
#tabs-pagination a:hover {
    text-decoration: none;
}

#tabs-pagination a.active {
    background: #7c7b7e;
}

#tabs-pagination:focus a.active:after,
#tabs-pagination:hover a.active:after {
    display: none;
}

#tabs-pagination:hover a:focus:after,
#tabs-pagination:focus a:focus:after,
#tabs-pagination:hover a:hover:after,
#tabs-pagination a.active:after {
    margin-left: -25px;
    width: 50px;
    height: 20px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat 0px -70px;
    content: "";
    display: block;
    position: absolute;
    bottom: -20px;
    left: 50%;
    z-index: 99;
}

#tabs-content {
    margin: 0px 0px;
    padding: 0px;
    list-style-type: none;
}

#tabs-content h2 {
    margin-bottom: 30px;
    font-size: 36px;
    font-weight: 700;
}

#tabs-content li {
    margin: 0px;
    padding: 80px 30px;
    width: 100% !important;
    background: #fff;
}

#tabs-content li:before {
    display: none;
}

#tabs-content .perex {
    color: #403f42;
}

#tabs-content .button {
    margin-top: 40px;
}


/*#Homepage/News list#*/

#news-list {
    margin-top: 70px;
}

.news-item {
    margin-bottom: 60px;
}


/*#Homepage/SEO#*/

#seo {
    padding: 80px 0px 70px;
}

#seo h2 {
    margin-bottom: 40px;
    font-size: 38px;
}


/*#Homepage/Stories#*/

.story-wrapper {
    overflow: hidden;
}

.story-item {
    margin: 0px 0px 10px 1%;
    padding: 35px 30px;
    width: 49%;
    height: 250px;
    background: #fff;
    position: relative;
    float: left;
}

.story-item:hover,
.story-item:focus {
    text-decoration: none;
}

.story-item p {
    font-size: 12px;
    color: #403f42;
}

.story-item:nth-child(odd) {
    margin: 0px;
}

.story-item img {
    position: absolute;
    top: 35px;
    right: 15px;
}

.story-item h4 {
    margin: 0px 0px 20px;
    font-size: 15px;
}

.story-item:hover h4,
.story-item:focus h4 {
    text-decoration: underline;
}

.story-item span {
    margin: 20px 0px;
    color: #7c7b7e;
    display: block;
}

.story-item .download-icon {
    margin: 0px 10px 0px 0px;
    display: inline-block;
    position: relative;
    top: 14px;
    left: 0px;
}


/*#Homepage/Download#*/

#download {
    border-top: 1px solid #eaeff3;
}

.download-item {
    margin-bottom: 60px;
    position: relative;
}

.download-inner {
    padding-top: 15px;
    background: #fff;
}

.download-icon {
    width: 40px;
    height: 40px;
    display: block;
    position: absolute;
    top: 0px;
    left: 15px;
}

.download-icon {
    background: #9dd5e2;
}

.download-icon:before {
    margin: -10px 0px 0px -10px;
    width: 20px;
    height: 20px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat 0px -126px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
}

.download-item h4 {
    padding-left: 60px;
    height: 90px;
    font-size: 15px;
}

.download-info {
    margin-top: 15px;
    padding: 8px 15px;
    color: #7c7b7e;
    font-size: 12px;
    text-align: right;
}

.download-info span {
    line-height: 20px;
    display: block;
}


/*#Homepage/Partners#*/

#partners {
    padding: 30px 0px 0px;
    background: #f4f5f6;
}

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

.partner-list img {
    margin: 0px 40px 40px;
    display: inline-block;
}


/*#Popup#*/

#popup {
    width: 100vw;
    height: 100vh;
    background: rgba(88, 191, 208, 0.9);
    text-align: center;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 99999;
    display: none;
}

.popup-inner {
    color: #fff;
    text-align: center;
    position: relative;
    top: 200px;
}

.popup-inner a {
    color: #403f42;
}

.popup-inner .button {
    color: #58bfd0;
}

.popup-inner .perex {
    margin: 50px 0px;
    color: #fff;
}

.popup-title {
    font-family: 'Open Sans', sans-serif;
    font-size: 38px;
    font-weight: 700;
}


/*#Content#*/

.content {
    padding: 60px 0px;
}

.content-grey {
    background: #fff;
}


/* Because Flowmon */

.content-border {
    border-top: 1px solid #fff;
}

.content-white {
    background: #fff;
}

.content p {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px
}

.content ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 13px;
}

.content li {
    margin: 0px 0px 20px;
    padding: 0px 0px 0px 20px;
    line-height: 1.5;
    position: relative;
}

.content ul li:before {
    width: 10px;
    height: 14px;
    background: url('/Netcope/media/system/images/bg-li.png') no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 9px;
    left: 0px;
}

.content ul li ul li:before {
    top: 7px;
}

.table-content {
    margin: 0px auto 50px;
    width: 100%;
    height: auto;
    border-collapse: collapse;
    border: 0px;
}

.table-content tr:nth-child(odd) {
    background: #EAEFF3;
}

.table-content tr:nth-child(even) {
    background: #fff;
}

.table-content th,
.table-content td {
    padding: 15px 30px;
    font-size: 14px;
    border: 0px;
    vertical-align: top;
}

.table-content td {
    text-align: center;
}

.table-content img {
    max-width: 200px;
}


/*#Content/Form#*/

.form-item {
    position: relative;
}

.form-item label {
    margin: 10px 0px;
    color: #7c7b7e;
    font-size: 12px;
    display: block;
}

.form-item textarea,
.form-item input {
    padding: 0px 10px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #403f42;
    font-size: 13px;
    border: 0px;
}

.form-item textarea {
    padding: 10px;
    height: 90px;
    line-height: 1.6;
}

.form-info {
    font-size: 12px;
    position: absolute;
    top: 10px;
    right: 15px;
}

.form-valid {
    color: #58bfd0;
}

.form-button .button {
    margin-top: 30px;
}

.form-item textarea:focus,
.form-item input:focus {
    border: 1px solid #f60;
}

.form-dark {
    background: #403f42;
    color: #fff;
}

.form-dark .form-item label {
    color: #cacfd3;
}

.form-dark .selectboxit-container .selectboxit {
    color: #403f42;
}

.EditingFormErrorLabel,
.ErrorMessage,
.ErrorLabel {
    margin: 5px 0px 0px;
    color: #f00;
    display: block;
}

.form-email-popup {
    text-align: center;
}

.form-email-popup label {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
}

.form-hidden {
    display: none;
}


/*#Content/Form/Validation#*/

.has-success,
.has-error {
    position: relative;
}

.has-success:after,
.has-error:after {
    margin-top: -7px;
    width: 16px;
    height: 14px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: -20px;
}

.has-error:after {
    background: url('/Flowmon/media/system/images/form-control-error.png') no-repeat;
}

.has-success:after {
    background: url('/Flowmon/media/system/images/form-control-success.png') no-repeat;
}

.form-item .help-block {
    display: none;
}


/*#Content/Search#*/

.SearchDialog label {
    display: none;
}

.SearchDialog input[type="text"] {
    margin-bottom: 10px;
    padding: 0px 10px;
    width: 200px;
    height: 40px;
    line-height: 40px;
    background: #fff;
    color: #403f42;
    font-size: 13px;
    border: 0px;
}

.SearchDialog input[type="submit"] {
    padding: 0px;
    width: 200px;
}

.SearchDialog {
    overflow: hidden;
}

.SearchDialog .form-group {
    float: left;
}

.SearchDialog .form-group-submit {
    margin-left: 10px;
}

.SearchResults {
    margin: 30px 0px;
}


/*#Content/Contact#*/

.contact-wrapper {
    margin-bottom: 60px;
}

.contact-content {
    padding: 40px 30px;
    background: #eaeff3;
    position: relative;
}

.contact-content h3 {
    margin-bottom: 30px;
    font-size: 27px;
    font-weight: 500;
}

.contact-content h4 {
    color: #58bfd0;
}

.contact-address {
    margin: 0px auto 60px auto;
    color: #7c7b7e;
    font-family: 'Open Sans', sans-serif;
    font-size: 17px;
    font-weight: 500;
}

.contact-flag {
    width: 20px;
    height: 20px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat;
    font-size: 0px;
    display: block;
    display: block;
    position: absolute;
    top: 20px;
    right: 20px;
}

.flag-cz {
    background-position: 0px -212px;
}

.flag-sk {
    background-position: -20px -212px;
}

.flag-fr {
    background-position: -40px -212px;
}

.contact-icon {
    margin-top: 20px;
    padding-left: 30px;
    line-height: 20px;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    display: block;
    position: relative;
    word-wrap: break-word;
}

.contact-icon:before {
    width: 20px;
    height: 20px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat;
    content: "";
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
}

.contact-phone:before {
    background-position: 0px -192px;
}

.contact-email:before {
    background-position: -20px -192px;
}

.contact-map {
    width: 100%;
    height: 255px;
}


/*#Content/Contact/Form#*/

.contact-form {
    padding: 40px 30px;
    border: 1px solid #cacfd3;
}

.contact-form h3 {
    font-size: 27px;
    font-weight: 500;
}

.checkbox-nested-control > div,
.checkbox-nested-control .CheckBoxField {
    display: inline-block;
    vertical-align: middle;
}

.checkbox-nested-control .CheckBoxField label {
    display: none;
}

.checkbox-nested-control input[type="checkbox"] {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 20px;
    margin-right: 10px;
}

.checkbox-nested-control > label {
    display: inline-block;
    vertical-align: middle;
}


/*#Content/Demo#*/

.benefit-item {
    margin-bottom: 30px;
    width: 100%;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    overflow: hidden;
    display: table;
}

.benefit-item img {
    margin-right: 20px;
    float: left;
}

.benefit-item p {
    margin: 0px;
    line-height: 1.2;
    width: 90%;
    display: table-cell;
    vertical-align: middle;
}


/*#Content/Media#*/

.media-item {
    margin-bottom: 20px;
    text-transform: uppercase;
    position: relative;
}

.media-item a {
    padding-left: 50px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
}

.media-item span {
    margin-top: 5px;
    padding-left: 50px;
    color: #7c7b7e;
    display: block;
}

.media-item .download-icon {
    margin: 0px;
    padding: 0px;
    left: 0px;
}

.media-list .social-icon {
    margin-right: 10px;
}


/*#Content/News#*/

/*#Content/News/List#*/

.news-item img {
    margin-top: 10px;
    display: block;
}

.news-item h4 {
    margin: 0px auto 20px;
}

.news-teaser {
    position: relative;
}

.news-date {
    width: 110px;
    line-height: 40px;
    background: #cacfd3;
    color: #403f42;
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    font-weight: 700;
    text-align: center;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.news-item-content {
    padding: 20px 15px;
    height: 300px;
    background: #fff;
}

.news-coverage-item .news-item-content {
    height: 130px;
}

.news-info {
    padding: 8px 15px;
    background: #fff;
    color: #7c7b7e;
    font-size: 12px;
}

.news-info span {
    line-height: 20px;
    display: block;
}

.news-address {
    padding-left: 25px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat 0px -106px;
}


/*#Content/News/Detail#*/

.news-content h2 {
    margin: 60px 0px 30px;
}

.news-content .news-info {
    margin-top: 0px;
}

.news-content .news-tags {
    margin-top: 50px;
}

.news-content-teaser {
    margin: 30px 0px 40px;
}


/*#Content/News/Sidebar#*/

.sidebar-item {
    margin-bottom: 30px;
}

.sidebar-item .news-item-content {
    height: auto;
}

.author-wrapper {
    padding: 30px;
    background: #fff;
}

.author-wrapper h4 {
    margin: 20px 0px;
    color: #7c7b7e;
    font-size: 15px;
}

.author-wrapper img {
    max-width: 90px;
}

.news-social {
    padding: 20px 15px;
    background: #fff;
    overflow: hidden;
}

.news-social span {
    line-height: 20px;
    color: #7c7b7e;
    float: left;
}

.news-social .social-icon {
    margin: 0px 10px;
}

.news-social .social-facebook {
    width: 11px;
    height: 23px;
    background-position: 0px -169px;
}

.news-social .social-twitter {
    width: 21px;
    height: 19px;
    background-position: -11px -169px;
}

.news-social .social-linkedin {
    width: 22px;
    height: 21px;
    background-position: -33px -169px;
}

.news-social .social-gplus {
    width: 24px;
    height: 20px;
    background-position: -55px -169px;
}


/*#Content/Product#*/

/*#Content/Product/List#*/

.product-item {
    margin-bottom: 30px;
}

.product-content {
    padding: 30px 30px;
    height: 170px;
    background: #fff;
}


/*#Content/Product/Solution filter#*/

#solution-filter {
    height: 60px;
    border-bottom: 1px solid #fff;
}

#solution-filter ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

#solution-filter li {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#solution-filter li.filter-item {
    margin-right: 10px;
    width: 220px;
    line-height: 60px;
    background: #fff;
    color: #58bfd0;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-weight: 700;
    display: block;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #fff;
    border-bottom: 0px;
    float: left;
}

#solution-filter li.filter-item:hover,
#solution-filter li.filter-active {
    background: #eaeff3;
}

#solution-filter li.filter-item a {
    width: 100%;
    height: 100%;
    display: inline-block;
}

#solution-filter li.filter-item:hover a {
    text-decoration: none;
}


/*#Content/Resource#*/

.resources-filter .link-more {
    margin-top: 10px;
}

.filter-hidden {
    display: none;
}


/*#Content/Selectbox#*/

.filter-wrapper {
    height: auto;
    display: inline-block;
}

.select-box,
.select-item {
    margin: 0px 5px;
    width: 230px;
    float: left;
}

.form-item .select-box,
.form-item .select-item {
    margin: 0px;
}

.sbHolder {
    margin: 0px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-align: left;
    text-transform: uppercase;
    position: relative;
    border: 1px solid #cacfd3;
}

.sbToggle {
    width: 40px;
    height: 40px;
    background: transaparent;
    display: block;
    outline: none;
    position: absolute;
    right: 0px;
    top: 0px;
}

.sbToggle:after {
    margin: -3px 0px 0px -5px;
    width: 10px;
    height: 6px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat -81px 0px;
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: 50%;
}

.sbHolder .sbSelector,
.sbHolder .sbOptions a {
    padding: 0px 20px;
    width: 100%;
    height: 40px;
    line-height: 40px;
    color: #403f42;
    display: inline-block;
    text-decoration: none;
}

.sbOptions {
    margin: 0px !important;
    padding: 0px;
    width: 100%;
    background: #fff;
    position: absolute;
    top: 40px !important;
    z-index: 9;
    overflow: hidden;
}

.sbOptions li {
    margin: 0px !important;
    padding: 0px;
    background: #fff;
    font-size: 11px;
    list-style-image: none;
    list-style-type: none;
}

.sbOptions li:before {
    display: none !important;
}

.sbOptions a:hover {
    color: #58bfcf;
}


/*#Content/Testimonial#*/

.testimonial-item {
    font-family: 'Open Sans', sans-serif;
}

.testimonial-summary {
    font-size: 18px;
    font-style: italic;
}

.testimonial-author {
    font-size: 13px;
}


/*#Footer#*/

#footer {
    padding: 45px 0px;
    background: #fff;
    color: #403f42;
}

#footer a.button {
    margin: 0px auto 10px;
    padding: 0px;
    width: 190px;
    max-width: 100%;
    line-height: 50px;
}

#footer ul {
    margin: 0px;
    padding: 0px;
    display: block;
    float: left;
    list-style-type: none;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    font-weight: 700;
}

#footer ul:first-child {
    width: 70%;
}

#footer li {
    margin: 0px 0px 30px 0px;
    padding: 0px;
}

#footer li:last-child {
    margin-bottom: 0px;
}

#footer li a {
    color: #58bfd0;
    text-transform: uppercase;
}

.newsletter-wrapper h4 {
    font-size: 12px;
}

.newsletter-inner label {
    display: none;
}

.newsletter-inner input[type="text"] {
    margin-right: 10px;
    padding: 0px 10px;
    width: 440px;
    height: 40px;
    background: #fff;
    color: #403f42;
    font-family: 'Open Sans', sans-serif;
    display: block;
    float: left;
    border: 1px solid #cacfd3;
}

.copyright {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid #cacfd3;
}

.copyright > div {
    padding: 0px;
}

.copyright p {
    margin: 0px;
    line-height: 23px;
}

.icon-skype {
    width: 21px;
    height: 21px;
    background: url('/Flowmon/media/system/images/skype.png') no-repeat center top;
    font-size: 0px;
    display: block;
    float: left;
}

.icon-skype:hover {
    background-position: center bottom;
}

.social-icon {
    margin-right: 30px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat;
    font-size: 0px;
    display: block;
    float: left;
}

.social-facebook {
    width: 11px;
    height: 23px;
    background-position: 0px -146px;
}

.social-twitter {
    width: 21px;
    height: 19px;
    background-position: -11px -146px;
}

.social-linkedin {
    width: 22px;
    height: 21px;
    background-position: -33px -146px;
}

.social-youtube {
    width: 19px;
    height: 23px;
    background-position: -79px -146px;
}

.social-gplus {
    width: 24px;
    height: 20px;
    background-position: -55px -146px;
}

.social-facebook:hover {
    background-position: 0px -169px;
}

.social-twitter:hover {
    background-position: -11px -169px;
}

.social-linkedin:hover {
    background-position: -33px -169px;
}

.social-youtube:hover {
    background-position: -79px -169px;
}

.social-gplus:hover {
    background-position: -55px -169px;
}


/*#Cookies#*/

#cookies {
    display: none;
    padding: 10px 0px;
    width: 100%;
    background: #403f42;
    color: #fff;
    font-family: 'Open Sans', sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    position: fixed;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
}

#cookies a {
    text-decoration: underline;
}

#cookies p {
    margin: 0px;
    padding-right: 70px;
}

#cookies-close {
    margin-top: -5px;
    width: 10px;
    height: 10px;
    background: url('/Netcope/media/system/images/sprite.png') no-repeat -70px -12px;
    font-size: 0px;
    display: block;
    position: absolute;
    top: 50%;
    right: 15px;
}

.story-item p {
    font-size: 12px
}

.table-research {
    width: auto;
    font-size: 14px;
    margin-bottom: 60px;
}

.table-research th {
    text-align: left;
    padding: 10px 30px 10px 0;
}

.page-research h2 {
    margin: 30px auto 10px;
}


/*#_Responsive#*/

@media (max-width: 1200px) {
    .header-search input[type="text"] {
        width: 200px;
    }
    #menu-main-wrapper #menu-main > li {
        margin-right: 10px;
        padding: 0px 25px 0px 10px;
    }
    #menu-main-wrapper #menu-main > li > a {
        font-size: 13px;
    }
    h1 {
        margin-bottom: 30px;
        font-size: 32px;
    }
    #tabs-pagination a:first-child,
    #tabs-pagination a {
        margin: 0px;
        width: 25%;
        font-size: 13px;
    }
    .newsletter-inner input[type="text"] {
        width: 300px;
    }

    #menu-main-wrapper #menu-main.new-menu .submenu-solutions {
        position: initial;
    }
}

@media (max-width: 1100px) {
    .product-content {
        height: 210px;
    }
    .news-item-content {
        height: 300px;
    }
    .story-item img {
        height: 50px;
    }
}

@media (max-width: 960px) {
    .mean-container .mean-nav ul li a.mean-expand {
        width: 16px !important;
        height: 16px !important;
        line-height: 16px !important;
    }
    #header {
        height: 180px;
    }
    #header-wrapper + * {
        margin-top: 180px;
    }
    .header-search {
        margin: 10px auto;
    }
    .header-search input[type="text"] {
        width: 465px;
    }
    #tabs-pagination {
        height: auto;
    }
    #tabs-pagination a:first-child,
    #tabs-pagination a {
        padding: 20px;
        width: 100%;
    }
    #tabs-content li {
        padding: 20px;
    }
    #news-list {
        margin-top: 0px;
    }
    .newsletter-inner input[type="text"] {
        width: 230px;
    }

    #menu-main-wrapper #menu-main.new-menu .submenu-solutions .submenu-container > ul > li {
        width: 29%;
    }
}

@media (max-width: 768px) {
    /* Header */
    #header {
        height: auto;
    }
    #header-wrapper {
        position: static;
    }
    #header-wrapper + * {
        margin-top: 0px;
    }
    #header .container,
    #header .row,
    #header .col-xs-12 {
        position: static;
    }
    #header .col-xs-12 {
        text-align: center;
    }
    .mean-container .mean-nav ul li a.mean-expand {
        width: 17px !important;
        height: 17px !important;
        line-height: 17px !important;
    }
    .header-language,
    .header-buttons,
    .header-search {
        float: none;
        display: inline-block;
    }
    .header-language {
        position: absolute;
        top: 60px;
        right: 10px;
    }
    .header-buttons {
        display: block;
    }
    /* Homepage */
    #slider h1 {
        padding: 0px;
    }
    #show-video {
        display: none;
    }
    .story-item:nth-child(2n + 1),
    .story-item {
        margin: 0px 0px 15px;
        width: 100%;
        height: auto;
    }
    /* Content */
    .table-content thead,
    .table-content tbody,
    .table-content tr,
    .table-content {
        display: block;
        overflow: hidden;
    }
    .table-content th,
    .table-content td {
        padding: 5px 10px;
        width: 50% !important;
        float: left;
        display: block;
        text-align: center;
    }
    #solution-filter {
        display: none;
    }
    .news-item-content {
        height: auto;
    }
    /* Footer */
    .footer-menu-wrapper {
        display: none;
    }
    .copyright .col-xs-12 {
        margin: 0px 0px 15px;
        text-align: center;
    }

    .submenu-category {
        padding: 1em 5%;
        border-bottom: 0px;
        border-top: 1px solid #7c7b7e;
    }
}

@media (max-width: 600px) {
    #logo {
        text-align: left;
    }
    #slider {
        padding-top: 40px;
    }
    a.button-title {
        top: -55px;
    }
    .news-item {
        width: 100% !important;
    }
    .story-item h4 {
        margin: 0px;
        line-height: 2;
    }
    .story-item img {
        position: static;
    }
    .table-responsive {
        margin-bottom: 20px;
    }
    .table-responsive,
    .table-responsive thead,
    .table-responsive tbody,
    .table-responsive tr {
        width: 100% !important;
        display: block;
    }
    .table-responsive th,
    .table-responsive td {
        width: 50%;
        float: left;
        text-align: center !important;
    }
    .form-item * {
        max-width: 100%;
    }
}

@media (max-width: 460px) {
    #header-wrapper {
        position: relative;
    }
    #header-wrapper + * {
        margin-top: 0px;
    }
    #header {
        height: auto;
    }
    #logo {
        text-align: center;
    }
    .header-language {
        margin: 0px 0px 10px;
        width: 100%;
        position: relative;
        top: 0px;
        right: 0px;
    }
    .header-buttons {
        display: block;
        float: none;
    }
    .header-buttons .button {
        margin: 0px;
        width: 100%;
    }
    #slider h1 {
        font-size: 24px;
    }
    #slider .button {
        width: 100%;
    }
    .newsletter-inner input[type="text"] {
        margin: 0px 0px 10px;
        width: 100%;
    }
    .newsletter-inner .button,
    .newsletter-inner .button input {
        width: 100%;
    }
    .SearchDialog .form-group {
        margin: 0px;
        width: 100%;
        float: none;
    }
    .table-content th,
    .table-content td {
        width: 100% !important;
    }
}

.padding-top-10 {
    padding-top: 10px;
}

.pt-20 {
    padding-top: 20px;
}

.pb-20 {
    padding-bottom: 20px;
}

.filter-select input {
    display: none;
}

.slick-hp .slide,
#slider.slick-hp {
    height: 480px;
}

#slider.slick-hp {
    position: relative;
    overflow: hidden;

    padding-top: 0;
    width: 100%;
    background-image: none !important;
}

.slick-hp .slide {
    padding: 75px 45px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
}

.slick-hp .slick-next,
.slick-hp .slick-prev {
    z-index: 1;
    width: 100px;
    height: 100%;
}

@media all and (max-width: 768px) {
    .slick-hp .slick-next,
    .slick-hp .slick-prev {
        width: 40px;
    }
}

.slick-hp .slick-next:before,
.slick-hp .slick-prev:before {
    font-size: 26px;
}

@media all and (min-width: 768px) {
    .slick-hp .slick-next:before,
    .slick-hp .slick-prev:before {
        font-size: 40px;
    }
}

.slick-hp .slick-next {
    right: 0px;
    text-align: right;
    padding-right: 10px;
}

.slick-hp .slick-prev {
    left: 0px;
    text-align: left;
    padding-left: 10px;
}

.slider-buttons {
    position: relative;
    z-index: 2;
}

@media all and (max-width: 760px) {
    .slick-hp .slide h1 {
        font-size: 28px;
    }
}

@media all and (max-width: 560px) {
    .slick-hp .slide,
    #slider.slick-hp {
        height: 720px;
    }
}

@media all and (max-width: 480px) {
    .slick-hp .slide h1 {
        font-size: 24px;
    }
}

/* LEAD FORM REDESIGN */

.lead-form {
    border: 1px solid #cacfd3;
    padding: 20px;
}

.lead-form h2 {
    margin-bottom: 20px;
}

.lead-form .select-box {
    width: 100%;
}

.lead-form .selectboxit-container .selectboxit {
    border-color: #ffffff;
}

.lead-form-buttons {
    padding-top: 20px;
}

@media (min-width: 992px) {
    .lead-form-buttons {
        padding-top: 40px;
    }

    .lead-form h2 {
        margin-bottom: 30px;
    }

    .lead-form {
        padding: 40px 30px;
    }
}

.lead-form-buttons a.button {
    min-width: 280px;
    font-size: 14px;
    line-height: 22px;
    padding: 19px 20px;
    text-align: center;
}

/* SUPPORTED CARD */

.card-list {
    margin-bottom: 60px;
}

.card-item {
    font-family: 'Open Sans', sans-serif;
    margin-bottom: 30px;
}

.card-teaser {
    height: 220px;
    padding: 15px;
    display: flex;
    align-items: center;
    background-color: #fff;
}

.card-teaser-inner {
    align-self: center;
    margin: 0 auto;
}

.card-teaser-inner img {
    max-height: 190px;
    max-width: 100%;
}

.card-content {
    background-color: #fff;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    padding: 40px 30px;
    line-height: 25px;
}

.card-item:hover .card-content {
    background-color: #58bfcf;
}

.card-content-title {
    font-size: 16px;
    color: #58bfcf;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 15px;
    display: inline-block;
}

.card-item:hover .card-content-title {
    color: #ffffff;
}

.card-content-text {
    font-size: 14px;
    min-height: 75px;
}

.card-item:hover .card-content-text {
    color: #ffffff;
}

.card-list-more {
    display: block;
    font-size: 16px;
    line-height: 25px;
    font-weight: 700;
    text-transform: uppercase;
    text-align: center;
    margin-top: -30px;
    position: relative;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
}

.card-list-more span {
    display: block;
    max-height: 100px;
    overflow: hidden;
}

.card-list-more span:last-of-type {
    max-height: 0px;
}

.card-list-more.open span:last-of-type {
    max-height: 100px;
}

.card-list-more.open span:first-of-type {
    max-height: 0px;
}

.card-list-more.open {
    margin-top: 0;
}

.card-collapse {
    max-height: 80px;
    overflow: hidden;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
    position: relative;
}

.card-collapse:after {
    content: '';
    position: absolute;
    display: block;
    height: 80px;
    bottom: 0;
    left: 0;
    right: 0;
    -webkit-transition: all 350ms linear;
    transition: all 350ms linear;
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#eaeff3+0,eaeff3+99&0+0,1+70 */
    background: -moz-linear-gradient(top, rgba(234, 239, 243, 0) 0%, rgba(234, 239, 243, 1) 70%, rgba(234, 239, 243, 1) 99%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(234, 239, 243, 0) 0%, rgba(234, 239, 243, 1) 70%, rgba(234, 239, 243, 1) 99%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(234, 239, 243, 0) 0%, rgba(234, 239, 243, 1) 70%, rgba(234, 239, 243, 1) 99%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00eaeff3', endColorstr='#eaeff3', GradientType=0);
    /* IE6-9 */
}

.card-collapse.open {
    max-height: 1000px;
}

.card-collapse.open:after {
    height: 0;
}