/*
Theme Name: HYCU
Theme URI: https://www.hycu.com
Author: Comtrade Marketing, Milos Mladenovic
Author URI: https://comtrade.com
Description: Wordpress tema za spletno mesto https://www.hycu.com
Version: 1.0.0
License: GNU General Public License version 3
License URI: license.txt
Text Domain: comtrade
Domain Path: /languages/*/


/*=============================================================
    CSS INDEX
    =============================

    . MAIN ELEMENTS
    . MONITORING / DATA TABS
    . NEW RELEASE SLIDER
    . BENEFITS SECTION
    . PARTNERS SECTION
    . NEWS FEED
    . TWITTER FEED
    . REQUEST FREE DEMO
    . FOOTER + BOTTOM FOOTER + SCROLL TO TOP
  =============================================================*/

/***********************************/
/************   MAIN ELEMENTS
/************************************/


body {
    font-size: 14px;
    height: 100%;
    font-family: 'Open Sans', sans-serif;

    font-size: 14px;
    font-weight: 400;
    line-height: 22px;
    letter-spacing: 0px;
    color: #333333;
}
html,
body {
    height: 100%;
}
h1,
h2,
h3,
h6 {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    line-height: 1.4;
}
h1 {
    font-size: 36px;
}
h2 {
    font-size: 56px;
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    line-height: 1.4;
}
h3 {
    font-size: 24px;
    color: #797b88;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}

h6 {
    font-size: 18px;

    color: #000000;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    line-height: 1.4;
    letter-spacing: 0px;

}
h4 {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
    line-height: 1.4;
}
h5 {
    color: #000000;
    font-family: 'Open Sans', sans-serif;
    font-weight: 400;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
}
a:hover {
    text-decoration: none;
    color: #7530f0;
}
a:focus {
    color: inherit;
    outline: none;
    text-decoration: none;
}
ul,
li {
    margin: 0;
    padding: 0;
}

/* BOLD NUMBERS */
ol {
    counter-reset: item;
}
ol li { display: block }

ol li:before {
    content: counter(item) ". ";
    counter-increment: item;
    font-weight: bold;
    margin-left: -16px;
}


fieldset {
    border: 0 none;
    margin: 0 auto;
    padding: 0;
}
.no-padding {
    padding: 0;
}

.float-left {
    float: left;
}
.float-right {
    float: right;
}

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

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

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

.text-white {
    color: #ffffff;
}

.no-padding-right {
    padding-right: 0;
}
.no-padding-left {
    padding-left: 0;
}
.no-padding {
    padding: 0;
}

/* 5 Column bootstrap */
.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

/* #explore-resources > div > div > div.col-md-12.owl-carouselXowl-equal > div > div:nth-child(3) {display: none} */

.col-xs-15 {
    width: 20%;
    float: left;
}

@media screen and (min-width: 768px) {
.col-sm-15 {
        width: 20%;
        float: left;
    }
}

@media screen and (min-width: 992px) {
    .col-md-15 {
        width: 20%;
        float: left;
    }
    .home-tab-table-left .main-tab-readmore {
        padding-bottom: 30px;
    }
}

@media screen and (min-width: 1200px) {
    .col-lg-15 {
        width: 20%;
        float: left;
    }
}


/* start - BUTTONS */
input[type=button], 
input[type=reset], 
input[type=submit] {
    background: transparent;
    border: 2px solid #7530f0;
    color: #7530f0;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 600;
}
input[type=button]:hover, 
input[type=reset]:hover, 
input[type=submit]:hover {
    background: #7530f0;
    border: 2px solid #7530f0;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
}

button {
    font-weight: 600;
}

button:focus {
    outline: none;
}

button.purple {
    background: transparent;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #7530f0;
    color: #7530f0;
}
button.purple:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: #7530f0;
    border-color: #7530f0;
    color: #ffffff;
}
button.purple-full:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: transparent;
    border-color: #7530f0;
    color: #7530f0;
}
button.purple-full {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #7530f0;
    background: #7530f0;
    color: #ffffff;
}
button.green {
    background: transparent;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #1cd199;
    color: #1cd199;
}
button.green:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: #1cd199;
    border-color: #1cd199;
    color: #ffffff;
}
button.green-full {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #1cd199;
    background: #1cd199;
    color: #ffffff;
}
button.green-full:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: transparent;
    border-color: #1cd199;
    color: #1cd199;
}
button.white {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
}
button.white:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: #ffffff;
    border-color: #ffffff;
    color: #1f2134;
}
button.white-new {
    display: inline-block;
    font-size: 13px;
    padding: 3px 20px;
    border-radius: 50px;
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}

button.white-new:hover {
    display: inline-block;
    font-size: 13px;
    padding: 3px 20px;
    border-radius: 50px;
    transition: .5s;
    background: #ffffff;
    border-color: #ffffff;
    color: #1f2134;
}
button.white-full {
    display: inline-block;
    font-size: 13px;
    padding: 3px 20px;
    border-radius: 50px;
    background: #ffffff;
    border-color: #ffffff;
    border: 1px solid #ffffff;
    color: #7530f0;
}

button.white-full:hover {
    display: inline-block;
    font-size: 13px;
    padding: 3px 20px;
    border-radius: 50px;
    transition: .5s;
    background: transparent;
    border: 1px solid #ffffff;
    color: #ffffff;
}
button.black {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    background: transparent;
    border: 2px solid #000000;
    color: #000000;
}
button.black:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: #000000;
    border-color: #000000;
    color: #1f2134;
}

ul {    
    list-style-position: inside;
}

b, strong {
    font-weight: 600;
}

img {
    height: auto;
    max-width: 100%;
}

.wp-caption {
    max-width: 100%;
}

label {
    font-weight: inherit;
    cursor: pointer;
}


select {
    -webkit-appearance: none;
    -moz-appearance: none;

    background-color: transparent;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #a7a9ac;
    /*color: #000000;*/
    /*line-height: 20px;*/
    background-image: url(images/select-down.svg);
    background-size: 15px;
    background-position: center right 3%;
    background-repeat: no-repeat;
    padding: 10px 0;
}

/*IE dropdown icon*/
select::-ms-expand {
    display: none;
}


iframe {
    max-width: 100%;
}

body:not(.home) #content {
    overflow: hidden;
}

/*START SECTION DESIGN*/
.section-title {
    margin-bottom: 50px;
}
.section-title p {
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
}
.section-padding {
    padding: 80px 0;
}
.section-padding-small {
    padding: 30px 0;
}
.padding-top-0 {
    padding-top: 0px;
}
.padding-bottom-0 {
    padding-bottom: 0px;
}
.padding-right-0 {
    padding-right: 0px;
}
.padding-left-0 {
    padding-left: 0px;
}
.white-bg {
    background-color: #ffffff;
}
.blue-bg {
    background-color: #1f2134;
}
.gry-bg {
    background-color: #f5f5f5;
}
.green-bg {
    background-color: #1cd199 !important; 
}
/* .purple-bg {
    background-color: #7530f0 !important;
} */
.purple-bg {
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
}
.blue-bg,
.blue-bg h1,
.blue-bg h2,
.blue-bg h3,
.blue-bg h4,
.blue-bg h5,
.blue-bg h6 {
    color: #ffffff;
}

.blue-bg h2 {
    font-weight: 200;
}

.content-area article.page a {
    color: #7530f0;
}
/*END SECTION DESIGN*/

/***********************************/
/************   TOP BAR
/************************************/

.top-bar {
    background-color: #252740;
    color: white;
    padding: 10px 0px;
    font-size: 12px;
}

.top-bar span.top-bar-email {
    margin-left: 30px;
}

.top-bar-menu {
    display: inline-block;
    padding-right: 50px;
}
#menu-top-bar-menu li {
 /*   list-style: none;
    border-bottom: 0px;*/
    display: inline-block;
    padding-left: 35px;
}
#menu-top-bar-menu li a {
    font-family: 'Muli', sans-serif;
    font-weight: 600;

}

/***********************************/

/************   ANNOUNCEMENT BAR
/************************************/

.announcement-bar {
    background-color: #7533EE;
    color: #fff;
    font-weight: 600;
    padding: 10px 0px;
    font-size: 12px;
}

.announcement-top>div {
    display: inline-block;
    vertical-align: middle;
    padding: 0 20px;
}

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

.announcement-top-text {
    color: #fff;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
}

.announcement-top-text strong {
    font-weight: 700;
    padding-right: 20px;
    font-family: 'Muli', sans-serif;
}

.custom-img-menu img {
    max-width: 235px !important;
    margin: 20px auto 0;
    display: block;
}

.announcement-close {
    color: #fff;
    font-size: 18px;
    padding-top: 3px;
}

.announcement-close i {
    cursor: pointer;
}

.display-none {
    display: none !important;
}

/***********************************/
/************   ANNOUNCEMENT BLOCK
/************************************/

#annoucement-block {
    background-color: #7530f0;
    color: #ffffff;
}

#annoucement-block .announcement-side-text {
    font-weight: 600;
    margin-bottom: 20px;
}

#annoucement-block .announcement-side-add {
    border-top: 1px solid #fff;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}

/***********************************/
/************   ANNOUNCEMENT POPUP
/************************************/

#announcement-popup {
    display: none;
    position: sticky; 
    position: -webkit-sticky;
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
    max-width: 250px;
    top: 220px;
    position: fixed;
    right: 0;
    padding: 20px;
    z-index: 999;
    color:#fff;
}

#announcement-popup .announcement-side-text {
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

#announcement-popup .announcement-side-add {
    border-top: 1px solid #a7a9ac;
    padding-top: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    color:#fff;
}

#announcement-popup .announcement-btn-div {
    text-align: center;
    color:#fff;
}

#announcement-popup .announcement-close {
    color: #7530f0;
    font-size: 24px;
    padding-top: 0px;
    position: absolute;
    margin-left: -33px;
    margin-top: -33px;
    background-color: #f2f2f0;
    border-radius: 50px;
    padding: 3px;
    line-height: 0.8;
}

#announcement-menu .announcement-btn-div a:hover {
    color: inherit !important;
    border-bottom: 2px solid #7530f0;
    background-color: transparent;
}

/***********************************/
/************   STICKY LINKS
/************************************/
.sticky-links {
    list-style-type: none;
    margin: 0 auto;
    text-align: center;
    padding: 0;
    white-space: normal;
    position: fixed;
    bottom: 0;
    left: 50%;
    width: 100%;
    -moz-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 99;
}
.sticky-links li {
    padding: 0;
}
.sticky-links li a {
    font-size: 18px;
    line-height: 23px;
    display: inline-block;
    padding: 13px 35px;
    color: #fff;
    text-align: center;
    margin: 0 2px;
    text-decoration: none;
    background-color: #1cd199; 
    -webkit-transition: background-color 200ms ease-in-out;
    transition: background-color 200ms ease-in-out;
}
.sticky-links li a:hover {
    background: #378263;
}
@media screen and (max-width: 767px) {
    .sticky-links li a {
        font-size: 16px;
        line-height: 18px;
        padding: 10px 30px;
    }
    .sticky-demo {
        display: none !important;
    }
}

/***********************************/
/************   ANNOUNCEMENT HEADER
/************************************/

#announcement-header {
    background-color: #7530f0;
    padding: 20px 20px 40px 20px;;
    color: #ffffff;
    position: absolute;
    bottom: 0;
}
#announcement-header .announcement-side-text {
    font-weight: 600;
    margin-bottom: 20px;
}
#announcement-header .announcement-side-main {
    font-family: 'Muli', sans-serif;
    font-size: 16px;
}
#announcement-header .announcement-side-add {
    border-top: 1px solid #a7a9ac;
    padding-top: 10px;
    margin-top: 30px;
    margin-bottom: 10px;
}
.header-cta-ann-col {
    height: 0px;
}

/***********************************/

/************   ANNOUNCEMENT MENU
/************************************/

#announcement-menu {
    padding: 10px;
    color: #ffffff;
    height: 100%;
    width: 100%;
}

#announcement-menu h2 {
    line-height: 1.2;
    margin-bottom: 25px;
    margin-top: 0px;
}

#announcement-menu .announcement-side-text {
    font-weight: 600;
    margin-bottom: 20px;
}

#announcement-menu .announcement-btn-div {
    padding-top: 20px;
}

#announcement-menu .announcement-btn-div button.white {
    font-size: 10px;
    padding: 3px 20px;
}

.jsn-bootstrap3 .widget_wpb_widget {
    height: 100%;
    /*    padding-left: 10px;
    padding-right: 10px;*/
}

.jsn-bootstrap3 .widget_wpb_widget .announcement-menu {
    padding-top: 25px !important;
}


/***********************************/
/************   MENU HEADER
/************************************/

.header-top-area {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999;
    -webkit-transition: .4s;
    transition: .4s;
}
.header-top-area>div {
    padding-left: 40px;
    padding-right: 40px;
}
.header-top-area>div {
    padding-left: 40px;
    padding-right: 40px;
}
.logo {
    padding: 5px;
}
.logo img {
    width: 180px;
    margin-top: 8px;
    height: auto !important;
}
.mainmenu .navbar-nav li a {
    color: #fff;
    font-weight: 400;
    padding: 30px 15px;
    transition: all 0.3s ease 0s;
    -webkit-transition: all 0.3s ease 0s;
    font-size: 13px;
}
.mainmenu .navbar-nav li a:hover {
    background: none;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
}
/*.nav li a:hover,
.nav li a:focus {
    background: none;
    color: #7530f0;
}*/
/*.menu-bg .navbar-nav li a:hover,
.menu-bg .navbar-nav li.active a {
    color: #7530f0;
    -webkit-transition: .3s;
    transition: .3s;
}*/
.navbar {
    margin: 0;
}
.menu-bg {
    z-index: 999;
}
.menu-bg-blue {
    background: #1f2134;
}
.menu-bg .navbar-nav li a {
    color: #fff;
}
.menu-bg .mainmenu .navbar-nav li a {
    padding: 20px 15px;
    -webkit-transition: .3s;
    transition: .3s;
}

.navbar-default .navbar-nav>li>a:focus, 
.navbar-default .navbar-nav>li>a:hover {
    color: #ffffff;
}


.menu-bg .logo {
    -webkit-transition: .3s;
    transition: .3s;
}

/*.menu-bg .mainmenu .navbar-nav li a:hover {
    color: #7530f0;
}
*/




/***********************************/
/************   MEGA MENU
/************************************/

.menu-item-33 .dropdown-menu {
    /*display: block !important;*/
}



/* MEGAMENU STYLE
--------------------------- */
.megamenu .nav,
.megamenu .collapse,
.megamenu .dropup,
.megamenu .dropdown {
  position: static;
}
.megamenu .container {
  position: relative;
}
.megamenu .dropdown-menu {
  left: auto;
}
.megamenu .megamenu-content {
  padding: 15px;
}
.megamenu .dropdown.megamenu-fw .dropdown-menu {
    left: 0;
    right: 0;
    padding: 0px;
    height: 250px;
}


.megamenu-fw:hover:before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 0;
    margin-bottom: -1px;
    margin-left: -10px;
    border-bottom: 10px solid #fff;
}



.navbar-default .navbar-nav>.active>a, 
.navbar-default .navbar-nav>.active>a:focus, 
.navbar-default .navbar-nav>.active>a:hover {
    background-color: transparent;
    color: #fff;
}

.navbar-default .navbar-nav>.open>a, 
.navbar-default .navbar-nav>.open>a:focus, 
.navbar-default .navbar-nav>.open>a:hover {
    background-color: transparent;
    color: #fff;
}

.navbar-default .navbar-nav>a, 
.navbar-default .navbar-nav>a:focus, 
.navbar-default .navbar-nav>a:hover {
    background-color: transparent;
}

.navbar-default {
    background-color: transparent;
    border: 0px;
}

.dropdown-menu {
    border-radius: 0px;
    border: 0px; 
}

@media screen and (min-width: 768px) {
    .navbar-nav>li {
        float: none;
        display: inline-block;
    }
    .navbar-nav {
        float: none;
        text-align: center;
    }
}


.navbar-nav .dropdown-menu li a {
    color: #000000;
    padding: 0px !important;
}

.navbar-nav .dropdown-menu li a:hover {
    color: #7530f0;
}


.megamenu .dropdown-menu li {
    list-style: none;
}
/*.megamenu .dropdown-menu>li:not(:first-child) {*/
.megamenu .dropdown-menu>li {
    border-right: 1px solid #e0e0de;
}

.megamenu .sub-zero-5 {
    float: left;
    width: 20%;
    padding: 30px 15px;
    height: 100%;
}

.mainmenu .navbar-nav li a {
    font-size: 13px;
}

.mainmenu .navbar-nav .dropdown-menu li ul li a {
    font-size: 12px;
}

.mainmenu .navbar-nav .sub-zero-5>a {
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 10px !important;
}

.cta-menu-box {
    background-color: transparent;
    border-right: 0px !important;
}

.menu-item-has-children .menu-item-has-children .cta-menu-box{
    display: none;
}


@media screen and (min-width: 768px) and (max-width: 991px) {
    .navbar-collapse.collapse {
        display: none !important;
    }
    .navbar-collapse.collapse.in {
        display: block !important;
    }
    .navbar-header .collapse, .navbar-toggle {
        display:block !important;
    }
    .navbar-header {
        float:none;
    }
}

@media only screen and (max-width: 991px) {
    .navbar-toggle {
        margin-top: -45px;
    }
}

.head-menu-button {
    margin-top: 12px;
    float: left;
    margin-right: 10px;
}

.head-menu-button .green-full {
    text-transform: unset;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
}

.head-menu-button button.green-full:hover {
    text-transform: unset;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
}

.head-menu-button button.transparent-full {
    display: inline-block;
    font-size: 12px;
    padding: 4px 30px;
    text-transform: unset;
    border-radius: 50px;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
    border: 1px solid #fff;
    background: transparent;
    color: #ffffff;
}

.head-menu-button button.transparent-full:hover {
    background: #fff;
    color: #000;
    border: 1px solid #fff;
    transition: .5s;
}

/***********************************/

/************   MEGA MENU - 2 !!!
/************************************/

/* TOP LINE */

.wr-megamenu-container {
    width: auto !important;
    float: right;
}

.free-trial-nav {
    float: right;
}

.wr-megamenu-container ul.wr-mega-menu {
    width: auto !important;
}

.wr-megamenu-container ul.wr-mega-menu li.wr-megamenu-item:hover>a.menu-item-link {
    background-color: transparent !important;
}

.wr-mega-menu>li>a {
    color: #fff !important;
    font-size: 14px;
    font-weight: 400;
    /*padding: 19px !important;*/
    padding: 3px 24px 3px 24px !important;
    border: 2px solid transparent;
    border-radius: 50px;
    margin-top: 12px;
    margin-bottom: 11px;
    position: relative;
    display: block;
}

#wr-megamenu-menu-9 {
    padding-right: 20px;
    position: relative
}

.wr-mega-menu>li>a:hover {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}
.wr-mega-menu>li:hover .wr-menu-down {
    display: block !important;
}
.wr-mega-menu>li:hover>a span.menu_title {
    position: relative;
}
.wr-mega-menu>li:hover>a>span.menu_title:after {
    content: '';
    background: #fff;
    width: 100%;
    height: 3px;
    position: absolute;
    bottom:-18px;
    left:0;
    display: block !important;
}
.wr-mega-menu>li:hover .wr-menu-down::after {
    /* display: block !important;
    content: '';
    background: #fff;
    width: 30px;
    height: 10px;
    position: absolute;
    margin: 0 auto; */
}

/*.wr-mega-menu > li.current-menu-ancestor > a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    border-color: #7530f0;
    color: #7530f0 !important;
}*/

.wr-megamenu-container ul.wr-mega-menu {
    float: none !important;
    text-align: right !important;
}

.wr-megamenu-container ul.wr-mega-menu>li {
    float: none !important;
    text-align: center !important;
}

.wr-megamenu-container .current_page_item>a,
.wr-megamenu-container .current_page_ancestor>a,
.wr-megamenu-container .current-menu-item>a,
.wr-megamenu-container .current-menu-ancestor>a {
    /* color: #7530f0 !important; */
}

.jsn-bootstrap3 .card-flex [class*=col-md]:hover {
    /*background-color: #eeeeee;*/
}

.wr-megamenu-container .current_page_item>a,
.wr-megamenu-container .current_page_ancestor>a,
.wr-megamenu-container .current-menu-item>a,
.wr-megamenu-container .current-menu-ancestor>a {
    font-weight: 400 !important;
}

/* DROPDOWN BLOCKS */

.wr-megamenu-inner {
    /* visibility: visible !important;
    opacity: 1 !important; */
    text-align: left !important;
    border: 0px !important;
}

@media screen and (max-width: 992px) {
    .wr-megamenu-inner {
        position: fixed !important;
    }
}

.wr-megamenu-container .jsn-bootstrap3 .row>div {
    min-height: 230px;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.jsn-bootstrap3 .card-flex [class*=col-md] {
    /*    padding-top: 20px; 
    padding-bottom: 20px; */
}

.jsn-bootstrap3 .card-flex [class*=col-md]:not(:last-child) {
    border-right: 1px solid #dedede;
}

/* .jsn-bootstrap3 .card-flex [class*="col-md"]:nth-last-child(2) {
    border-right: 0;
} */
.jsn-bootstrap3 .cs-menu.card-flex [class*="col-md"]:nth-last-child(2) {
    border-right: 0;
} 
/* Width on 5 column menu */

.jsn-bootstrap3 .five-column [class*=col-md] {
    width: 20%;
}

.wr-element-submenu .submenu-items {
    padding: 0 !important;
}

.wr-megamenu-container .wr-megamenu-inner {
    padding-top: 20px !important;
    border-radius: 10px !important;
}

.wr-megamenu-container .wr-megamenu-inner a {
    color: #000 !important;
    font-weight: 600;
    border-bottom: 1px solid transparent;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    padding: 15px 30px;
}

.wr-megamenu-container .wr-megamenu-inner a:hover {
    color: #7530f0 !important;
    border-bottom: 1px solid #7530f0;
    background-color: #eeeeee;
}
.wr-megamenu-container .wr-megamenu-inner .block-sub-menu > a {
    padding: 15px 25px;
}
.wr-megamenu-container #announcement-menu a {
    color:#fff !important;
    border:0 !important;
    padding: 0 !important;
    font-size: 12px;
}
.wr-megamenu-container #announcement-menu a {
    color:#fff !important;
    background: transparent !important;
}
.wr-element-submenu .block-sub-menu .submenu-items a {
    padding: 15px 30px !important;
}

.jsn-bootstrap3 .block-sub-menu>a {
    font-size: 16px;
    font-weight: 800;
    font-family: 'Muli', sans-serif;
}

.block-sub-menu {
    padding-top: 5px;
}

#announcement-menu button.green-full {
    text-transform: unset !important;
    padding: 3px 30px 4px;
}

.custom-menu-subtitle a {
    font-size: 16px !important;
    font-weight: 800 !important;
    font-family: 'Muli', sans-serif !important;
}

.jsn-bootstrap3 .block-sub-menu .submenu-items {
    font-size: 12px;
}

.wr-element-submenu .submenu-items a {
    padding: 15px 10px !important;
}

.wr-megamenu-container ul.wr-mega-menu ul.sub-menu,
.wr-megamenu-inner {
    background-color: transparent !important;
    border-bottom-width: 0px !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
    -ms-box-shadow: none !important;
    -o-box-shadow: none !important;
    box-shadow: none !important;
}

.wr-megamenu-inner>.jsn-bootstrap3>div {
    background: #f5f5f5 !important;
}
.wr-mega-menu > .menu-item > .wr-megamenu-inner {
    width:100% !important;
}
.one-column {
    float: right;
    border-radius: 10px;
    max-width: 270px;
    width: 100%;
}
.two-column {
    float: right;
    border-radius: 10px;
    max-width: 500px;
    width: 100%;
}
.three-column {
    float: right;
    border-radius: 10px;
    max-width: 1000px;
    width: 100%;
}
.four-column {
    float: right;
    border-radius: 10px;
    max-width: 1200px;
}
.five-column {
    float: right;
    border-radius: 10px;
    max-width: 1400px;
}
.wr-megamenu-inner #announcement-menu h2 {
    color:#000;
    font-size: 30px;
    font-weight: 500;
}
.wr-megamenu-container ul.wr-mega-menu>li:after {
    -webkit-animation: 0.5s ease 0s normal forwards 1 fadein;
    animation: 0.5s ease 0s normal forwards 1 fadein;
}
@keyframes fadein {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }
    66% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}
.wr-megamenu-container ul.wr-mega-menu>li:hover:after {
    top: 95%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-top-color: rgba(255, 255, 255, 0);
    border-top-color: #f5f5f5;
    border-width: 15px;
    margin-left: -15px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
}

/***********************************/
/************   MOBILE MENU
/************************************/

@media screen and (max-width: 991px) and (min-width: 768px) {
    .navbar-header {
        float: none;
    }
}

    .navbar {
        border:0px;
    }

/*button.navbar-toggle:hover{
    background: transparent;
    border: 0px;
    color: #fff;
    display: inline-block;
    border-radius: 0px;
    font-size: 12px;

    padding: inherit;
}*/


#mobile-menu {
    /*z-index: 9999;*/
    margin-top: 56px;
}



/* MMENU */
.mm-panels>.mm-panel>.mm-listview {
    margin-bottom: 0px;
}
.mm-panels>.mm-panel:after {
    /*display: none;*/
    height: 10px;
}

.mm-hasnavbar-top-1 .mm-panels, 
.mm-navbar-top-2 {
    background-color: #1f2134;
    color: #fff;
}

.mm-menu .mm-listview>li .mm-next:after {
    border-color: #fff;
}
.mm-menu .mm-btn:after, 
.mm-menu .mm-btn:before {
    border-color: #fff;
}
.mm-menu .mm-navbar a, 
.mm-menu .mm-navbar>* {
    border-color: #fff;
    color: #fff;
}
.mm-navbar.mm-hasbtns {
    border-color: rgba(255, 255, 255, 0.15);
    background-color: #1f2134;
}

.mm-listview>li:not(.mm-divider):after {
    border-color: rgba(255, 255, 255, 0.15);
}

.mm-listview>li, .mm-listview>li .mm-next, .mm-listview>li .mm-next:before, .mm-listview>li:after {
    border-color: rgba(255, 255, 255, 0.15);
}

.mm-listview.nav>li>a:focus, 
.mm-listview.nav>li>a:hover {
        background-color: #1f2134;
}

.mm-listview>li.current-menu-item {
    background-color: rgba(255, 255, 255, 0.15);
}

/*.mm-menu .mm-listview>li a:not(.mm-next) {
    -webkit-tap-highlight-color: inherit;
    tap-highlight-color: inherit;
}*/

/* HAMBURGER */
.hamburger {
    padding: 0px;
}
.hamburger:hover {
    opacity: 1;
}
.hamburger-box {
    width: 30px;
}

.hamburger-inner, 
.hamburger-inner:after, 
.hamburger-inner:before {
    width: 30px;
    height: 3px;
    border-radius: 0;
    background-color: #fff;
}

html.mm-blocking, html.mm-blocking body {
    overflow: initial !important;
}

/***********************************/
/************   HOME FULL HEIGHT HEADER
/************************************/

.welcome-hero-area,
.welcome-slider-area,
.welcome-hero-area,
.welcome-slider-area div {
    height: 100%;
}
.welcome-hero-area div.single-slide-item-table-cell,
.welcome-hero-area div.single-slide-item-table-cell div {
    height: auto;
}
.single-slide-item-table-cell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
}
.single-slide-item-table {
    display: table;
    width: 100%;
}



/***********************************/
/************   TINY HEADER
/************************************/

.header-tiny {
    background-color: #252740;
    color: #ffffff;
    padding: 127px 0px 50px;
}

.header-tiny h1 {
    color: #ffffff;
    text-align: center;
}


/***********************************/
/************   BIG HEADER
/************************************/

.header-big {
    color: #ffffff;
    background-repeat: no-repeat;
    /*background-attachment: fixed;*/
    background-position: center center;
    background-size: cover;
    /*background-size: initial;*/
}
@media screen and (max-width: 767px) {
    .header-big {
        padding-top:60px !important;
    }
}
.header-big h1 {
    color: #ffffff;
    font-weight: 300;
}

.header-big h2 {
    color: #ffffff;
    font-size: 24px;
}

.header-breadcrumbs {
    font-size: 13px;
    margin-bottom: 30px;
}

.header-big-inner-overlay {
    padding: 40px 0px 80px;
    /*background-color: rgba(117, 48, 240, 0.8);*/
}

.webinar-box {
    background-color: #7530f0;
}


.header-big {
    padding-top: 160px;
}

/***********************************/
/************   HEADER IMAGE PARTICLES
/************************************/

.welcome-slider-area {
    background-color: #252740;
}
.welcome-slider-area h1 {
    color: #ffffff;
}

.relative-head {
    position: relative;
}
.absolute-head {
    position: absolute;
    pointer-events: none;
}

.welcome-hero-area {
    background-color: #252740;
}
.welcome-slider-area {
    background-position: center center;
    background-size: cover;
}

/***********************************/
/************   MAIN MONITORING / DATA TABS
/************************************/

#monitoring-data-section {
    padding-top: 0px;
}
.m_d-content-container {
    padding-top: 80px;
    padding-bottom: 80px;
}
#monitoring-data-tab-hycu {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    letter-spacing: 0px;
    font-weight: 300;
    overflow: hidden;
}
#monitoring-data-tab-hycu > li {
    width: 50%;
    overflow: hidden;
    float:left;
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
}
.home-tab-boxes {
    background: #DCD9D7;
}
.home-tab-boxes.active {
    background: #1E2234;
}
#monitoring-data-tab {
    color: #ffffff;
    font-size: 18px;
    font-family: 'Muli', sans-serif;
    letter-spacing: 0px;
    font-weight: 300;
    overflow: hidden;
}

#monitoring-data-tab>li {
    width: 50%;
    text-align: center;
    overflow: hidden;
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
}
#monitoring-data-tab>li img {
    transition: all 0.7s ease 0s;
    -webkit-transition: all 0.7s ease 0s;
    -ms-transition: all 0.7s ease 0s;
}
#monitoring-data-tab>li:hover  img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
}
#monitoring-data-tab.nav-tabs>li>a {
    margin-right: 0px;
    border: 0px;
    border-radius: 0px;
    color: #ffffff;
    padding: 0;
    font-size: 18px;
}

#monitoring-data-tab.nav-tabs>li.active>a, 
#monitoring-data-tab.nav-tabs>li.active>a:focus, 
#monitoring-data-tab.nav-tabs>li.active>a:hover {
    background-color: inherit;
}

#monitoring-data-tab>li.active:before,
#monitoring-data-tab>li:hover:before {
    content: '';
    position: relative;
}
#monitoring-data-tab>li.purple-bg:before {
    border-top: 10px solid #7530f0;
}
#monitoring-data-tab>li.green-bg:before {
    border-top: 10px solid #1cd199;
}

#monitoring-data-tab.nav>li>a:focus, 
#monitoring-data-tab.nav>li>a:hover {
    background-color: inherit;
}

#monitoring-data-section .main-tab-readmore-div {
    height: 45px;
}
#monitoring-data-section .main-tab-readmore-div .main-tab-readmore {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 25px;
    font-size: 14px;
    font-weight: 600;
    line-height: 22px;
    letter-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
    color: #7530f0;
}

#monitoring-data-section .main-tab-readmore i {
    font-size: 18px;
    margin-left: 5px;
}

#monitoring-data-section .tab-content .tab-pane .col-md-4 {
    border-left: 1px solid #7530f0;
}
#monitoring-data-section .tab-content .tab-pane .col-md-4:first-child {
    border-left: 0px;
}

#monitoring-data-section .tab-content .tab-pane .col-md-4 h3,
#monitoring-data-section .tab-content .tab-pane .col-md-6 h3 {
    margin-top: 0px;
    margin-bottom: 20px;
}

#monitoring-data-section .data-monitoring-text {
    margin-bottom: 20px;
}

#monitoring-data-section .green_data a {
    font-weight: 600;
}

/* MONITORING / DATA MOBILE TAB */
#main-tab-accordion.panel-group .panel {
    border-radius: 0px;
    border: 0px;
    margin-top: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}

#main-tab-accordion.panel-group {
    margin-bottom: 0px;
}

#main-tab-accordion .panel-heading{
    border-radius: 0px;
    text-align: center;
    padding: 20px 0px;
    color: #fff;
    position: relative;
}
#main-tab-accordion .panel-heading a:hover{
    color: #fff;
}

#main-tab-accordion .panel-heading i {
    margin-left: 20px;
}
#main-tab-accordion .panel-heading .panel-title {
    font-size: 18px;
}

#main-tab-accordion .free_demo_link {
    margin-bottom: 30px;
}
#main-tab-accordion .panel-body { 
    border: 0px;
    padding: 0px;
}
#main-tab-accordion .panel-body .col-md-12:not(:first-child) h3{ 
    margin-top: 50px;
}

#main-tab-accordion .panel-heading a[aria-expanded="true"] i.ct-down-circle { 
    display: none;
}
#main-tab-accordion .panel-heading a[aria-expanded="false"] i.ct-down-circle { 
    display: inline-block;
}
#main-tab-accordion .panel-heading a[aria-expanded="false"] i.ct-up-circle { 
    display: none;
}
#main-tab-accordion .panel-heading a[aria-expanded="true"] i.ct-up-circle { 
    display: inline-block;
}

#main-tab-accordion .panel-heading.aktivni:before,
#main-tab-accordion .panel-heading:hover:before {
    content: '';
    position: absolute;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    bottom: 0;
    margin-bottom: -10px;
    margin-left: -10px;
}
#main-tab-accordion .panel-heading.purple-bg:before {
    border-top: 10px solid #7530f0;
}
#main-tab-accordion .panel-heading.green-bg:before {
    border-top: 10px solid #1cd199;
}

.green_data .checklist i {
    color: #1cd199;
}
.green_data a:hover {
    color: #1cd199;
}

@media screen and (max-width: 991px) {
    #monitoring-data-section .main-tab-readmore-div .main-tab-readmore {
        width: inherit;
    }
}

/***********************************/
/************   NEW RELEASE SLIDER
/************************************/
.home-video {
    width:100%;
    object-fit: cover;
    height:510px;
}

/***********************************/
/************   NEW RELEASE SLIDER
/************************************/

.new-release {
    padding-bottom: 30px;
}

.new-release .new-release-content {
    padding-top: 30px;
}

.new-release .new-release-content .release-text {
    font-size: 18px;
    font-weight: 200;
    line-height: 28px;
    letter-spacing: 0px;
    font-family: 'Muli', sans-serif;
}
.new-release .new-release-content .release-title {
    font-size: 21px;
    font-weight: 300;
    line-height: 32px;
    letter-spacing: 0px;
    font-family: 'Muli', sans-serif;
}

.tagger {
    display: inline-block;
    padding: 10px 25px;
    font-size: 13px;
}

.new-release .owl-dots {
    position: absolute;
    top: 0;
    right: 0;
}

@media screen and (max-width: 991px) {
    .new-release .new-release-content button {
        margin-top: 20px;
    }

    #mobile-monitoring #new-release {
        margin-top: 20px;
    }
}

@media screen and (min-width: 992px) {
    .new-release .new-release-content .col-md-3 {
        text-align: right;
    }
    .new-release .new-release-content .col-md-3 a {
        margin-top: auto;
        margin-bottom: auto;
    }
}

/***********************************/
/************   CHECKPOINT BOX SLIDER
/************************************/

.checkpoint-box {
    border: 2px solid #7530f0;
    text-align: center;
    padding: 20px;
    /*position: absolute;*/
    height: 100%;
}

.checkpoint-box:hover {
    color: #fff;
    background-color: #7530f0;
}

.checkpoint-box:hover h3 {
    color: #fff;
}

.checkpoint-box:hover .check-icon {
    color: #fff;
}

.checkpoint-box .check-title {
    margin-bottom: 20px;
    margin-top: 20px;
}
.checkpoint-box .check-icon {
    font-size: 50px;
    padding: 10px 0px;
    color: #7530f0;
}

/***********************************/
/************   RESELLER PROGRAM - CHECKPOINT BOX SLIDER (FIX ALL)
/************************************/

.page-template-template-reseller-program .checkpoint-box {
    background: rgba(80,24,181,1);
    border-color: rgba(80,24,181,1);
    color: #fff;
}
.page-template-template-reseller-program .checkpoint-box:hover {
    background: #fff;
    color: #333333;
}
.page-template-template-reseller-program .checkpoint-box h3 {
    color: #fff;
}
.page-template-template-reseller-program .checkpoint-box:hover h3 {
    color: #000000;
}
.page-template-template-reseller-program .checkpoint-box:hover .check-icon {
    color: rgba(80,24,181,1);
}
.page-template-template-reseller-program .checkpoint-box .check-icon {
    color: #fff;
}




/***********************************/
/************   Partnership Feramework - Underline tab
/************************************/
#partnership-framework {
    background-color: #f5f5f5;
}

#partnership-framework .ct-download:before {
    margin-right: 10px;
}

.dwn-btn {
    border: 1px solid rgba(80,24,181,1);
    padding: 40px 20px;
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: 300;
    line-height: 22px;
}

.dwn-btn.hover:hover {
    border: 1px solid rgba(80,24,181,1);
    background: transparent;
    color: rgba(80,24,181,1);
}
.dwn-btn-res a, .dwn-btn a {
    color: #333 !important;
    font-size: 13px !important;
    font-weight: 400 !important;
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
}
.dwn-btn a {
    color: #fff !important;
}    
.dwn-btn-res a:hover {
     color: rgba(80,24,181,1) !important;
}
.dwn-btn-res a strong, .dwn-btn a strong {
    font-weight: 400 !important;
}
.dwn-btn-res p {
    display: inline-block;
}

.download-button-div {
    margin: 20px 0px;
}

/*   UNDERLINE TABS */

.underline-tab .nav li a:hover,
.underline-tab .nav li a:focus {
    background: none;
    color: #7530f0;
    border: 0px; 
    border-bottom: 1px solid #7530f0; 
}

.underline-tab .nav-tabs{
    border-bottom: 0px; 
}
.underline-tab .nav-tabs>li>a {
    border: 0px;
    border-bottom: 1px solid #a7a9ac; 
    margin-right: 0px;
    font-size: 18px;
    text-align: center;
}

.underline-tab .nav-tabs>li.active>a, 
.underline-tab .nav-tabs>li.active>a:focus, 
.underline-tab .nav-tabs>li.active>a:hover {
    border-bottom: 1px solid #7530f0; 
    background-color: transparent;
    color: #7530f0;
}

.underline-tab .tab-content {
    padding: 40px 0px;
}

.checklist {
    margin-bottom: 30px;
}

.checklist i {
    color: #7530f0;
    margin-right: 10px;
    font-size: 20px;
}

.partnership-level-badge  {
    text-align: center;
}
.partnership-level-badge img {
    max-width: 100px;
    max-height: 100px;
}

@media screen and (min-width: 410px) and (max-width: 480px){
    .underline-tab .nav-tabs>li>a {
            min-height: 71px;
    }
}

.partners-product {
    padding: 30px 0 30px;
}
/*.partners-product .owl-carousel .owl-item img {
    -webkit-filter: grayscale(100%); filter: grayscale(100%);transition: all 0.3s ease; -webkit-transition: all 0.3s ease; -ms-transition: all 0.3s ease; 
} 
.partners-product .owl-carousel .owl-item img:hover {
    -webkit-filter: grayscale(0%); filter: grayscale(0%); transition: all 0.3s ease; 
    -webkit-transition: all 0.3s ease; 
    -ms-transition: all 0.3s ease;
}*/
.item .img-partner {
    display: block !important;
}
.item:hover .img-partner {
    display: none !important;
}
.item:hover .img-partner + .img-hover {
    display: block !important;
}
.item .img-hover {
    display: none !important;
}
.partners-product .owl-white-dots .owl-dots .owl-dot span {
    border: 1px solid #1f2134;
}

.partners-product .owl-white-dots .owl-dots .owl-dot.active span, .owl-white-dots .owl-dots .owl-dot:hover span {
    background: #1f2134;
}
/***********************************/
/************   Choose Box
/************************************/

.choosebox-slider-single {
    background-color: #7530f0;
    padding: 30px 30px;
    margin-bottom: 30px;
    color: #fff;
}

.choosebox-slider-single .choosebox_with {
    color: #fff;
    font-size: 18px;
    margin-bottom: 5px;
    font-family: 'Muli', sans-serif;
}

.choosebox-slider-single h3 {
    margin-top: 0px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 300;
}

/* HORIZONTAL LINE WITH ARROW */
.arrow_box {
    position: relative;
    background: #ffffff;
    border-bottom: 3px solid rgba(80,24,181,1);
}
.arrow_box:after, .arrow_box:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #ffffff;
    border-width: 15px;
    margin-left: -15px;
}
.arrow_box:before {
    border-color: rgba(117, 48, 240, 0);
    border-top-color: rgba(80,24,181,1);
    border-width: 20px;
    margin-left: -20px;
}



/***********************************/
/************   GRID BLOCK TEXTS
/************************************/

.grid-col {
    padding: 30px;
}

.grid-block {
    height: 100%;
}

.grid-block .grid-title {
    margin-bottom: 20px;
    margin-top: 20px;
}
.grid-block .grid-title h3 {
    font-size: 18px;
    line-height: 1.4;
}
.grid-block .grid-number {
    font-size: 40px;
    color: #7530f0;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
}
.grid-block-text {
	background-color: #f5f5f5;
	padding: 60px 0 60px;
}
.grid-block-text h2 {
	margin-top: 0;
	font-size: 24px;
	line-height: 1.4;
}
.grid-text ul {
	list-style: inherit;
	padding-left: 15px;
}
.grid-text ul ul {
	padding-top: 5px;
    padding-left: 20px;
    list-style: outside none circle;
}
@media screen and (min-width: 992px) {

    .grid-col {
        padding: 40px;
    }

    .grid-col:first-child{
        padding-left: 0px;

        border-left: 0px;
        border-top: 0px;
        border-right: 1px solid #7530f0;

        -moz-border-image: -moz-linear-gradient(top, transparent 40px, #7530f0 31px, #7530f0 100%);
        -webkit-border-image: -webkit-linear-gradient(top, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image: linear-gradient(to top, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image-slice: 1;

    }
    .grid-col:nth-child(3n+2) {
        padding-right: 0px;

        border-right: 0px;
        border-top: 0px;
        border-bottom: 1px solid #7530f0;

        -moz-border-image: -moz-linear-gradient(right, transparent 40px, #7530f0 31px, #7530f0 100%);
        -webkit-border-image: -webkit-linear-gradient(right, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image: linear-gradient(to right, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image-slice: 1;
    }
    .grid-col:nth-child(3n+3) {
        padding-left: 0px;

        border-left: 0px;
        border-bottom: 0px;
        border-top: 1px solid #7530f0;

        -moz-border-image: -moz-linear-gradient(left, transparent 40px, #7530f0 31px, #7530f0 100%);
        -webkit-border-image: -webkit-linear-gradient(left, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image: linear-gradient(to left, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image-slice: 1;
    }
    .grid-col:nth-child(3n+4) {
        padding-right: 0px;

        border-right: 0px;
        border-bottom: 0px;
        border-left: 1px solid #7530f0;

        -moz-border-image: -moz-linear-gradient(bottom, transparent 40px, #7530f0 31px, #7530f0 100%);
        -webkit-border-image: -webkit-linear-gradient(bottom, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image: linear-gradient(to bottom, transparent 40px, #7530f0 31px, #7530f0 100%);
        border-image-slice: 1;
    }
}



/***********************************/
/************   RESOURCES
/************************************/


/* UPPER FILTER */
.underline-filter {
    margin-bottom: 40px;
    border-bottom: 1px solid #a7a9ac;
}

.upper_filter_tab {
    display: inline-block;
    text-align: center;
    text-align: center;
    padding: 10px 15px;
    cursor: pointer;
}

.isotope_filter_group .upper_filter_tab {
    border-bottom: 1px solid transparent;
    margin-bottom: -1px;
    margin-left: -4px;
}


.isotope_filter_group .upper_filter_tab.is-checked {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

.isotope_filter_group .upper_filter_tab:hover {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

@media screen and (min-width: 992px) {
    .resource_filtering .isotope_filter_group.underline-filter {
        text-align: center;
        margin-left: -5px;
    }
}

#no_result_text {
    margin-bottom: 40px;
}

/* BOXES */
.resource-box .dwn-btn {
    font-size: 18px;
    min-height: 104px;
}

.resource-content {
    padding: 20px;
    height: 155px; /* TEMP */
    position: relative;
}


.resource-bottom-meta {
    height: 40px;
}

.resource-meta-line {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 25px;
    padding-right: 40px;
    font-size: 13px;
    margin-bottom: 10px;
}

.resource-box .single-blog-post {
    margin-bottom: 30px;
    background: #fff;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
#explore-resources {
    background: #f7f8f8;
}

.resource-box .dwn-btn i {  
    font-size: 20px;
    float: right;
    margin-left: 10px;
}


.resource-box .single-blog-post-inner {
    background-color: #fff;
}


#explore-resources .resource-box .dwn-btn:hover {
    /* border: 1px solid #7530f0;
    background-color: transparent; */
    color: #fff !important;
}

#explore-resources .resource-content {
    background: #f5f5f5;
    padding: 15px;
}
#explore-resources .float-left {
    font-size: 12px;
}
#explore-resources .dwn-btn-res span, #explore-resources .dwn-btn-res a, #explore-resources .resource-meta-line a {
    font-size: 12px !important;
}
.side-filter-title {
    padding: 30px 0;
    font-weight: 600;
}

.parent-product-filter label {
    font-size: 16px;
}

.sub-product-filter {
    margin-left: 30px;
    font-size: 13px;
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
    .download-span {
        display: none;
    }
}

/*********************************************
SIDEBAR FILTER RADIO BUTTONS STYLE   
**********************************************/

.side-filter-box {
    padding: 0 20px 20px; 
}


.control {
    position: relative;
    display: block;
    margin-bottom: 15px;
    padding-left: 30px !important;
    cursor: pointer;
}

.control input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}

.control__indicator {
    position: absolute;
    top: 2px;
    left: 0;
    width: 20px;
    height: 20px;
    border: 1px solid #a7a9ac;
}

.control--radio .control__indicator {
    border-radius: 50%;
}

/* Hover and focus states */
.control:hover input ~ .control__indicator,
.control input:focus ~ .control__indicator {
    border: 1px solid #7530f0;
}

/* Checked state */
.control input:checked ~ .control__indicator {
    border-color: #7530f0;;
}


/* Hover state whilst checked */
.control:hover input:not([disabled]):checked ~ .control__indicator,
.control input:checked:focus ~ .control__indicator {
    /*background: #0e647d;*/
}

/* Disabled state */
.control input:disabled ~ .control__indicator {
    pointer-events: none;
    opacity: .6;
    background: #e6e6e6;
}

/* Check mark */
.control__indicator:after {
    position: absolute;
    display: none;
    content: '';
}

/* Show check mark */
.control input:checked ~ .control__indicator:after {
    display: block;
}
.form-box .wpcf7-list-item .radio-checked:after {
    display: block;
}
.form-box .wpcf7-list-item .radio-checked {
    border-color: #7530f0;;
}
/* Checkbox tick */
.control--checkbox .control__indicator:after {
    top: 4px;
    left: 8px;
    width: 3px;
    height: 8px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    border: solid #fff;
    border-width: 0 2px 2px 0;
}

/* Disabled tick colour */
.control--checkbox input:disabled ~ .control__indicator:after {
    border-color: #7b7b7b;
}

/* Radio button inner circle */
.control--radio .control__indicator:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #7530f0;
}

/* Disabled circle colour */
.control--radio input:disabled ~ .control__indicator:after {
    background: #7b7b7b;
}


/* PRODUCT CTA SECTION - On purple background */
.product-cta .control__indicator {
    border: 2px solid #ffffff;
}
.product-cta .control--radio .control__indicator:after {
    background: #ffffff;
    top: 4px;
    left: 4px;
}
.product-cta .control input:checked ~ .control__indicator {
    border-color: #ffffff;
}
.product-cta input ~ .control__indicator,
.product-cta .control input:focus ~ .control__indicator {
    border-color: #ffffff;
}
.product-cta .control:hover input ~ .control__indicator, 
.product-cta .control input:focus ~ .control__indicator {
    border: 2px solid #ffffff;
}
/*.control:hover input ~ .control__indicator, 
.control input:focus ~ .control__indicator {
    border: 2px solid #a7a9ac;
}*/


/***********************************/
/************   BENEFITS
/************************************/

.single-benefit {
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    min-height: 280px;
}

/*.benefits-icon {
    margin-bottom: 20px;
}*/
.benefits-icon img {
    max-width: 65px;
}
.benefits-icon svg {
    max-width: 65px;
}
/*.single-benefit:hover svg path {
    fill: #7530f0;
}
*/
.benefits-icon svg path {
    fill: rgb(80, 24, 181);
}


.single-benefit svg path {
    fill: rgb(80, 24, 181);
}


/* BENEFITS SLIDER*/
#benefits-slider .owl-carousel .owl-nav {
    top: 50%;
    position: absolute;
    margin-top: -25px;
    width: 100%;
    z-index: -1;
}

#benefits-slider .owl-carousel .owl-prev {
    display: inline-block;
    float: left;
    margin-left: -30px;
    font-size: 18px;
}

#benefits-slider .owl-carousel .owl-next {
    display: inline-block;
    float: right;
    margin-right: -10px;
    font-size: 18px;
}
#benefits-slider .owl-carousel .owl-prev:hover,
#benefits-slider .owl-carousel .owl-next:hover {
    color: #7530f0;
}

/***********************************/
/************  PRODUCT CHECKPOINT SLIDER
/************************************/


#checkpoints-product .checkpoint-title-text {
    margin: 30px 0;
    font-size: 18px;
    font-weight: 300;
    line-height: 28px;
    letter-spacing: 0px;
    font-family: 'Open Sans', sans-serif;
}

#checkpoints-product .section-title {
    margin-bottom: 80px;
}



/***********************************/
/************   Product MORE BENEFITS
/************************************/

.more-benefits-title {
    border-bottom: 1px solid #000;
    padding: 10px 0;
}
.more-benefits-title .acc-icons {
    position: absolute;
    right: 15px;
    top: 60px;
}
.benefits-text a.purple {
    background: transparent none repeat scroll 0 0;
    border: 2px solid rgba(80,24,181,1);
    border-radius: 50px;
    color: rgba(80,24,181,1);
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
}
.benefits-text a.purple:hover {
    /* background: #7530f0 none repeat scroll 0 0; */
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
    border-color: rgba(80,24,181,1);
    border-radius: 50px;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    transition: all 0.5s ease 0s;
}
.benefits-text p {
    min-height: 66px;
}
.benefits-title h5 {
    font-weight: 600;
    margin-bottom: 16px;
    line-height: 1.4;
}

.panel-more-benefits {
    margin-top: 20px;
    background-color: transparent;
    border: 0px;
    border-radius: 0px;
    -webkit-box-shadow: none;
    box-shadow: none;
}
    
.panel-more-benefits .panel-heading {
    padding: 0px;
}

.panel-more-benefits .panel-body {
    padding: 30px 0 0 0;
}


.panel-more-benefits .panel-heading a[aria-expanded="true"] i.ct-plus { 
    display: none;
}
.panel-more-benefits .panel-heading a[aria-expanded="false"] i.ct-plus { 
    display: inline-block;
}
.panel-more-benefits .panel-heading a[aria-expanded="false"] i.ct-minus { 
    display: none;
}
.panel-more-benefits .panel-heading a[aria-expanded="true"] i.ct-minus { 
    display: inline-block;
}


.checklist .checklist-div {
    padding-left: 30px;
}

.checklist .checklist-div i {
    position: absolute;
    margin-left: -30px;
    margin-top: 3px;
}


/***********************************/
/************  Product SUPERPACKS
/************************************/


#superpack .underline-tab .tab-content {
    padding-top: 60px;
    padding-bottom: 0px;
}
#superpack .panel-more-benefits {
    padding-bottom: 0px;
}

#superpack h3 {
    margin-top: 0px;
}



.coming-soon-badge {
    position: absolute;
    right: 0;
    top: 5px;
    background-color: #7530f0;
    color: #ffffff;
    padding: 5px 10px;
    font-size: 9px;
    line-height: 15px;
    text-align: center;
}

@media screen and (min-width: 480px) and (max-width: 991px) {
    #superpack .image-popup img {
        max-width: 70%;
        margin: auto;
    }
}

/***********************************/
/************  Product Testimonial SLider
/************************************/

#testimonial-slider {
    padding-top: 50px;
    padding-bottom: 30px;
    font-weight: 300;
}
.testimonial-single .testimonial-text {
    margin-bottom: 25px;
    font-size: 16px;
}
.testimonial-single .testimonial-name {
    margin-bottom: 5px;
    text-transform: uppercase;
}
.testimonial-single .testimonial-company {
    margin-bottom: 15px;
    font-size: 13px;
}



/***********************************/
/************   Product Text-media Dropdown
/************************************/


#text-media-dropdown {
    overflow: hidden;
}

.position-relative {
    position: relative;
}
.box-right {
    float: right;
    width: 46%;
    margin-right: -2.3%;
    margin-bottom: -2.2%;
    margin-top: -25%;
    position: relative;
    z-index: 10;
}
.page-id-14585 .box-right {
    margin-top: -40%;
}
.index1 {
    z-index: 1;
    position: relative;
}

@media screen and (min-width: 1800px) {
    .box-right {
        float: right;
        width: 42%;
        margin-right: -2.3%;
        margin-bottom: -2.0%;
        margin-top: -22%;
    }
}
@media screen and (min-width: 1600px) {
    .page-id-14585 .box-right {
        margin-top: -32%;
    }
}
@media screen and (min-width: 2000px) {
    .page-id-14585 .box-right {
        margin-top: -22%;
    }
}
/*Mobile monitor*/
.acc-image-mobile {
    max-width: 70%;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -20px;
}

/* MAGNIFIC POPUP */
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}

.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1;
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
  opacity: 0;
}


/*  ACCORIDON */
#usecase-accordion {
    margin-bottom: 50px;
}

#usecase-accordion .panel {
    border: 0px;
    border-bottom: 1px solid #000000;
    border-radius: 0px;
    background-color: transparent;
    margin-top: 20px;
    padding-bottom: 5px;
}
#usecase-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0px;
    padding: 15px 0px;
}
#usecase-accordion .collapse.in {
    border: 0px;
}
#usecase-accordion .panel .collapse.in {
    background-color: transparent;
}
#usecase-accordion .panel-heading {
    border-radius: 0px;
    border: 0px;
    padding: 10px 0px;
}

#faq-accordion .panel-title {
    font-size: 18px;
}

#usecase-accordion .panel-heading i {
    margin-right: 10px;
    font-size: 20px;
}

#usecase-accordion .panel-heading.aktivni i {
    color: #7530f0;
}

#usecase-accordion .panel-heading a[aria-expanded="true"] i.ct-plus { 
    display: none;
}
#usecase-accordion .panel-heading a[aria-expanded="false"] i.ct-plus { 
    display: inline-block;
}
#usecase-accordion .panel-heading a[aria-expanded="false"] i.ct-minus { 
    display: none;
}
#usecase-accordion .panel-heading a[aria-expanded="true"] i.ct-minus { 
    display: inline-block;
}





/***********************************/
/************   Product Explore-resources
/************************************/

#explore-resources .resource-box .dwn-btn i {
    float: inherit;
    margin-right: 10px;
}

.resource-box .dwn-btn a:hover,
.resource-box .dwn-btn a:focus {
    color: #ffffff;
}

/***********************************/
/************   Product WEBINARS
/************************************/

.product-webinars {
    margin-bottom: 30px !important;
    overflow: hidden;
}
#watch-webinars .product-webinars {
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
.product-webinars .no-padding {
    background-color: #ffffff;
    padding:0;
}

.product-webinars .product-webinar-content {
    height: 100%;
    padding: 20px;
}
.product-webinars .product-webinar-content h3 {
    margin-top: 0px;
}

.product-webinars .product-webinar-content .bottom_speaker {
    bottom: 20px;
    width: 100%;
    padding-right: 40px;
    padding-top: 20px;
}

.product-webinars .product-webinar-content .read-more {
    right: 20px;
    font-size: 12px;
    font-weight: 400;
    text-align: right;
}
.product-webinars .product-webinar-content .read-more i {
    font-size: 18px;
    margin-left: 10px;
}


@media screen and (min-width: 1200px) {
    .product-webinars .product-webinar-content h3 {
        width: 80%;
    }
}
@media screen and (min-width: 992px) {
    .product-webinars .product-webinar-content .bottom_speaker {
        position: absolute;
    }
}
@media screen and (max-width: 991px) {
    .product-webinars .product-webinar-content .read-more {
        text-align: left;
        margin-top: 20px;
    }
    #menu-top-bar-menu {
        display: none;
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .product-webinars .product-webinar-content h3 {
        font-size: 18px;
    }
    .wr-mega-menu>li>a {
        padding: 0 10px !important;
    }
    #menu-top-bar-menu li {
        padding-left: 20px;
    }
}




/***********************************/
/************   PRODUCT CTA BAR
/************************************/

.cta_form_input input[type="email"] {
    background-color: transparent;
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}
.cta_form_input input[type="email"]:focus {
    border-bottom: 1px solid #ffffff;
}
.cta_form_input input[type="email"]::placeholder {
    color: #ffffff;
}

.cta_form_input .agree-checkbox {
    margin-top: 10px;
    color: white;
    font-size: 12px;
}

.cta_form_input {
    width: 60%;
    display: inline-block;
}

.agree-checkbox a:hover{
    color:#fff;
}


.agree-checkbox input[type="checkbox"] {
    margin-left: -10px;
}

.cta_form_submit {
    width: 40%;
    display: inline-block;
    position: absolute;
    text-align: center;
    margin-top: 22px;
}

.cta_form_submit input[type=submit] {
    border: 2px solid #ffffff;
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .cta_input_form {
        margin-top: 20px;
    }
}
@media screen and (max-width: 767px) {
    .cta_form_input {
        width: 100%;
    }
    .cta_form_submit {
        width: 100%;
        position: relative;
        margin-top: 20px;
    }
}






/***********************************/
/************   PARTNERS LOGO SECTION
/************************************/

/*centering logos*/
#partners .owl-carousel .owl-item img {
    padding: 10% 8%;
    width: inherit;
    max-width: 100%;
}
#partners .owl-carousel .owl-item {
    height: 130px;
    position: relative;
}

#partners .owl-carousel .owl-item img {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%);
    transform: translate3d(0,-50%,0);
    -ms-transform: translate3d(0,-50%,0);
    -webkit-transform: translate3d(0,-50%,0);
    margin: 0 auto;
}

.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-theme .owl-controls .owl-page span {
    background: none repeat scroll 0 0 #869791;
    border-radius: 20px;
    display: block;
    height: 12px;
    margin: 5px 7px;
    opacity: 0.5;
    width: 12px;
}

@media screen and (max-width: 600px) {
    #partners .owl-carousel .owl-item {
        height: 140px;
    }
    #partners .owl-carousel .owl-item img {
        padding: 10%;
    }
}



/*OWL white-dots*/
.owl-white-dots .owl-nav.disabled + .owl-dots {
    margin-top: 10px; 
}

.owl-white-dots .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; 
}
.owl-white-dots .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
}
.owl-white-dots .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    background: transparent;
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; 
    border: 1px solid #ffffff;
}
.owl-white-dots .owl-dots .owl-dot.active span, 
.owl-white-dots .owl-dots .owl-dot:hover span {
    background: #ffffff; 
}

/*OWL black-dots*/
.owl-black-dots .owl-nav.disabled + .owl-dots {
    margin-top: 20px; 
}
.owl-black-dots .owl-dots {
    text-align: center;
    -webkit-tap-highlight-color: transparent; 
}
.owl-black-dots .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; 
}
.owl-black-dots .owl-dots .owl-dot span {
    width: 8px;
    height: 8px;
    margin: 5px 7px;
    /*background: #636363;;*/
    display: block;
    -webkit-backface-visibility: visible;
    transition: opacity 200ms ease;
    border-radius: 30px; 
    border: 1px solid #636363;
    background-color: transparent;
}
.owl-black-dots .owl-dots .owl-dot.active span, 
.owl-black-dots .owl-dots .owl-dot:hover span {
    background: #636363; 
}



/***********************************/
/************   NEWS FEED - CARDS
/************************************/


.isotope_filter_news .upper_filter_tab {
    border-bottom: 1px solid transparent;
    padding: 10px 35px;
    margin-bottom: -1px;
    margin-left: -4px;
}

.isotope_filter_news .upper_filter_tab.is-checked {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

.isotope_filter_news .upper_filter_tab:hover {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

.isotope_filter_news {
    text-align: center;
}

@media screen and (max-width: 991px) {
    .isotope_filter_news .upper_filter_tab {
        width: 100%;
        border-bottom: 1px solid #a7a9ac;
    }
}



/* NEWS BOX */

.box-inner-ptbr {
    padding: 20px;
}

.box-inner-ptbr .entry-meta {
    position: absolute;
    bottom: 0;
    font-size: 12px;
    font-weight: 400;
}

.news-cat-badge {
    background-color: #7530f0;
    padding: 5px 25px;
    top: 30px;
    color: #fff;
    display: block;
    position: absolute;
    font-size: 13px;
}

.archive_news article {
    height: 360px;
}

/* WIDE BOX */
.newsgrid-post-wide .wide-image-box {
    height: 100%;
    overflow: hidden;
}
.newsgrid-post-wide .wide-image-box .entry-image {
    height: 100%;
    background-position: center;
    background-size: cover;
    transition:all 0.5s ease;
}

.wide-image-box .entry-image:hover,
.wide-image-box .entry-image:focus {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
}

.newsgrid-post-wide .box-inner-ptbr {
    height: 100%;
}

.newsgrid-post-wide .dot-content {
    height: 130px;
}

/* HALF BOX */
.newsgrid-post-half .half-image-box {
    height: 50%;
    overflow: hidden;
}
.newsgrid-post-half .half-image-box .entry-image {
    height: 100%;
    background-position: center;
    background-size: cover;
    transition:all 0.5s ease;
}

.half-image-box .entry-image:hover,
.half-image-box .entry-image:focus {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
  -ms-transform: scale(1.2);
}

.newsgrid-post-half .box-inner-ptbr {
    height: 50%;
}



/* SQUARE BOX */
.newsgrid-post-square .box-inner-ptbr {
    height: 100%;
}

.dot-content {
    margin-top: 30px;
}

.newsgrid-post-square .dot-content {
    height: 100px;
}

.archive_news .news-box-dark article {
    background-color: #212134;
    color: #ffffff;
}   

.archive_news .news-box-dark article h6 {
    color: #ffffff;
}   


/***********************************/
/************   BLOG FEED - CARDS
/************************************/

/*12.START BLOG DESIGN AREA*/

ul.post-meta {
    list-style: outside none none;
}
ul.post-meta li {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}
.post-meta a {
    font-size: 14px;
    font-weight: 400;
    margin-right: 10px;
}
.single-post-content {
    background: #fff;
}
.single-post-content h4 {
    margin-top: 15px;
}

.single-post-content {
    padding: 20px;
}
.single-blog-post:hover {
    box-shadow: 0;
    -webkit-transition: .5s;
    transition: .5s;
}
.single-post-content p {
    margin-bottom: 20px;
}
/*12.END BLOG DESIGN AREA*/




.single-blog-post {
    height: 100%;
}

.single-blog-thumb {
    height: 50%;
    overflow: hidden;
}

.single-blog-thumb img {
    object-fit: cover;
    width: 100%;
    height: 100%;
/*    object-fit: none;
    object-position: 50% 50%;*/
}


.single-post-content {
    height: 50%;
}

.new-cards-mini .first-row .single-blog-post {
    margin-bottom: 30px;
}

.new-cards-mini .single-blog-post .blog-post-overlay h6 {
    color: #ffffff;
}

@media screen and (max-width: 991px) {
    .new-cards-mini .single-blog-post {
        margin-bottom: 30px;
    }
}


@media screen and (min-width: 992px) {
    .card-flex {
        display: -webkit-box;
        display: -webkit-flex;
        display: -ms-flexbox;
        display:         flex;
    }

    .card-flex.row {
        display: flex;
        flex-wrap: wrap;
        display: -webkit-flex;
        -webkit-flex-wrap: wrap;
    }
    .card-flex.row > [class*='col-'] {
        display: flex;
        display: -webkit-flex;
        flex-direction: column;
        -webkit-flex-direction: column;
    }
    .card-flex.row:after, 
    .card-flex.row:before {
        display: flex;
        display: -webkit-flex;
        display: -webkit-flexbox;
    }
    .jsn-bootstrap3 .col-md-8 {
        width: 66% !important;
    }
    .jsn-bootstrap3 .col-md-6 {
        width: 49% !important;
    }
}



.blog-badge {
    background-color: #7530f0;
    padding: 8px 25px;
    top: 0px;
    right: 30px;
    color: #fff;
    display: block;
    position: absolute;
    font-size: 13px;
}


.single-blog-post-inner:hover .blog-post-overlay.top {
  top: 0;
}

.blog-post-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #7530f0;
    color: #fff;
    overflow: hidden;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.blog-post-overlay a {
    color: #fff;
}

.blog-post-overlay .read-more a i {
    font-size: 18px;
    margin-left: 10px;
}


/* hideoverlay */
.blog-post-overlay.top {
  top: 100%;
}

.single-blog-post-inner {
    position: relative;
    height: 100%;
}

.single-blog-post-inner .overlay-inner {
    height: 100%;
    padding: 20px;
}

.single-blog-post-inner .bottom-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
}

.single-blog-post-inner .bottom-meta div {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}

.single-blog-post-inner .bottom-meta .read-more {
    right: 0;
    position: absolute;
    padding-right: 20px;
    color: #7530f0;
}

.single-blog-post-inner .bottom-meta .read-more i {
    font-size: 18px;
    margin-left: 10px;
}

.single-blog-post-inner .excerpt {
    margin-top: 30px;
}

#news-blocks .owl-carousel,
#news-blocks .owl-stage-outer,
#news-blocks .owl-stage,
#news-blocks .owl-item,
#news-blocks .owl-carousel {
    height: 100%;
}

#news-blocks .owl-nav {
    text-align: right;
    margin-top: -50px;
    margin-right: 20px;
    position: inherit;
    margin-left: 50%;
}

#news-blocks .owl-nav .owl-prev,
#news-blocks .owl-nav .owl-next {
    display: inline-block;
    font-size: 20px;
    margin-left: 20px;
    opacity: 0.6;
}

#news-blocks .owl-nav .owl-prev:hover,
#news-blocks .owl-nav .owl-next:hover {
    opacity: 1;
}


#news-blocks .owl-item .excerpt {
    height: 100px;
}


#news-blocks .excerpt {
    height: 120px;
}

.meta-readmore-left .read-more {
    left: 0;
    position: absolute;
    padding-left: 20px;
    bottom: 20px;
}

@media screen and (max-width: 991px) {
    #news-blocks .blog-cards-slider .single-post-content {
        height: 300px;
        padding-bottom: 60px;
    }
    #news-blocks .blog-cards-slider {
        margin-bottom: 30px;
    }
    .new-cards-mini {
        margin-top: 60px !important;
    }

    .single-blog-thumb {
        max-height: 200px;
    }
}


/***********************************/
/************   RECENT BLOG BOX
/************************************/

#blog-blocks .single-blog-post {
    margin: 10px;
}
#blog-blocks .owl-nav {
    position: absolute;
    top: 0;
    right: 0;
}
#blog-blocks .owl-nav .owl-prev, 
#blog-blocks .owl-nav .owl-next {
    display: inline-block;
    font-size: 20px;
    margin-right: 20px;
    opacity: 0.6;
}
#blog-blocks .owl-nav .owl-prev:hover,
#blog-blocks .owl-nav .owl-next:hover {
    opacity: 1;
}

#blog-blocks .owl-stage-outer {
    margin-top: 40px;
}

#blog-blocks .single-post-content {
    padding: 0px;
}

#blog-blocks .single-post-content .single-post-meta {
    padding: 10px 20px;
    height: 100px;
}

#blog-blocks .single-blog-post-inner .bottom-meta {
    position: inherit;
}

#blog-blocks .single-post-content .single-post-meta h4 {
    margin: 0px;
}

.blog-pas {
    background-color: #7530f0;
    padding: 8px 25px;
    top: 0px;
    /* right: 30px; */
    color: #fff;
    display: block;
    /* position: absolute; */
    font-size: 13px;
}

.blog-pas h5 {
    color: #fff;
}


.read_more_line {
    text-align: center;
    margin-top: 60px;
}


/***********************************/
/************   VIDEO SLIDER
/************************************/

.custom .tp-bullet {
    border-radius: 50px;
    background: transparent;
    border: 1px solid #000;
    width: 10px;
    height: 10px;

    width: 8px;
    height: 8px;
    border: 1px solid #636363;
}

.custom .tp-bullet:hover, 
.custom .tp-bullet.selected {
    background: #636363;
}

.video_slider_button {
    margin-top: 40px !important;
}


/* OWL VIDEO SLIDER */

#home-video-slider .item-video {
    /*height: 300px;*/
}

.owl-carousel .item-video {
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
}
#home-video-slider .owl-dots {
    margin-top: 30px !important;
}

#home-video-slider .item-video .owl-video-tn {
    background-size: cover;
}

#home-video-slider .owl-item:not(.center) .item-video, #video-slider .owl-item:not(.center) .item-video {
    max-height: 60%;
    width: 70%;
    margin:auto;
}

.owl-carousel .fixed-video-aspect {
    position: relative;
    max-height: 400px;
    margin-left: 45px;
    margin-right: 45px;
}
.owl-carousel .fixed-video-aspect:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 56.25%;
}
.owl-carousel .fixed-video-aspect > .item-video {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

@media screen and (max-width: 480px) {  
    .owl-carousel .fixed-video-aspect {
        margin-left: 5px;
        margin-right: 5px;
    }
    .owl-carousel .owl-video-play-icon {
        height: 60px;
        width: 60px;
        left: 50%;
        top: 50%;
        margin-left: -30px;
        margin-top: -30px;
        background-size: 60px;
    }
}

.owl-carousel .owl-video-play-icon:hover {
    transform: none;
}

@media screen and (min-width: 1600px) {
    .owl-carousel .fixed-video-aspect {
        max-height: 600px;
    }
}
@media screen and (min-width: 1921px) {
    .owl-carousel .fixed-video-aspect {
        max-height: 800px;
    }
}


/*

ABOUT IMAGE
 */
#where-image-slider .image-aspect {
    position: relative;
 /*   max-height: 400px;
    margin-left: 4px;
    margin-right: 4px;*/
}
#where-image-slider .owl-item:not(.center) .item {
    margin-right: auto;
    margin-left: auto;
    max-width: 70%;
    margin-top: 10%;
}
#where-image-slider .owl-dots {
    margin-top: 30px !important;
}


/***********************************/
/************   TWITTER FEED
/************************************/

#twitterfeed {
    background-color: #212134;
    font-weight: 300;
    padding-bottom: 50px;
}

#twitterfeed .item {
    height: 100%;
}
#twitterfeed .owl-dots {
    margin-top: 30px;
}
.twitter-icon-line {
    bottom: 0;
    position: absolute;
    width: 100%;
    height: 25px;
}
.twitter-icon-line>div {
     display: inline-block; 
}
.twitter-bottom-meta {
    height: 50px;
}
.twitter-icon-line .fa {
    font-size: 20px;
}
.tw-icon-left {
    display: inline-block;
    margin-right: 10px;
    margin-left: 3px;
}

/*.twitter-text {
    font-weight: 300;
}*/

.twitter-text a {
    color: #7530f0;
}


/***********************************/
/************   FORMS 
/************************************/

button, input, select, textarea {
    outline: none;
}
button:focus, 
input:focus, 
select:focus, 
textarea:focus {
    outline: none;
}


input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
    border: 0px;
    border-bottom: 1px solid #a7a9ac;
    padding: 10px 0;
    width: 100%;
}
input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
    border-color: #7530f0;
}

/*textarea {
    overflow: auto;
    padding-left: 3px;
    vertical-align: top; 
    width: 98%;
}
*/

.formlabel {
    font-weight: 600;
    color: #000;
    margin: 15px 0px 5px 0px;
}

.formlabel_text {
    color: #000;
    margin: 20px 0px 15px 0px;
}

.privacy_policy_checkbox {
    margin: 30px 0;
}

/***********************************/
/************   BECOME A RESELLER FORM SECTION
/************************************/

.become-text img {
    margin: 80px 0;
}

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

/***********************************/
/************   SUBMIT ISSUE
/************************************/

#submit-issue .checklist {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 30px;
}

.checklist .checklist-number-block {
    color: #7530f0;
    font-size: 30px;
    margin-right: 10px;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
}

/* FORMA */

.form-box input[type="file"] {
    display: none;
}
.custom-file-upload {
    color: #7530f0;
    display: inline-block;
    /*padding-bottom: 20px;*/
    cursor: pointer;
    width: 100%;
    text-align: right;
    margin-bottom: 0px;
}

.custom-file-upload i {
    font-size: 20px;
    margin-left: 10px;
}

.uploaded_file_screen,
.uploaded_file_req {
    text-align: right;
    margin-bottom: 20px;
}

.form-box .report_issue_label {
    margin-bottom: 20px;
}
.form-box .file_label {
    font-weight: 600;
}
.custom-file-upload .file_btn_text {
    font-size: 13px;
}
.attach_row {
    margin-top: 40px;
}






.cf7mls_next.action-button, 
.cf7mls_back.action-button {
    background: transparent;
    border: 2px solid #7530f0;
    color: #7530f0;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 600;
    
    margin:auto;
    display:block;

    margin-top: 30px;
    margin-bottom: 20px;
}


.cf7mls_next.action-button:hover, 
.cf7mls_back.action-button:hover {
    background: #7530f0;
    border: 2px solid #7530f0;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
        
    margin:auto;
    display:block;

    margin-top: 30px;
    margin-bottom: 20px;
}

.cf7mls_back.action-button {
    display: none;
}


.multistep_button .cf7mls_next.action-button, 
.multistep_button .cf7mls_back.action-button {
    background: transparent;
    color: #000000;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0;
    text-transform: inherit;
    border-radius: 50px;
    font-weight: 300;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #000000;
    margin: 0;
}

.multistep_button .cf7mls_next.action-button:hover, 
.multistep_button .cf7mls_back.action-button:hover {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

.multistep_button input.disabled {
    background: transparent;
    border: 2px solid #7530f0;
    color: #7530f0;
    display: inline-block;
    font-size: 16px;
    padding: 10px 0;
    text-transform: inherit;
    border-radius: 50px;
    font-weight: 300;
    width: 100%;
    border-radius: 0;
    border: 0;
    border-bottom: 1px solid #7530f0;
    margin: 0;
}

.multistep_button {
    margin-top: 10px;
    margin-bottom: 30px;
}

.multispet_form_send {
    margin-top: 40px;
    /*margin-bottom: 20px;*/
}

/*.form-box {
    margin-bottom: 20px;
}*/

div.wpcf7-mail-sent-ok {
    border: 1px solid #7530f0;
    color: #7530f0;
    text-align: center;
}
div.wpcf7-validation-errors {
    border: 1px solid #ff0000;
    color: #ff0000;
    text-align: center;
}

.cta_input_form div.wpcf7-mail-sent-ok {
    border: 1px solid #fff;
    color: #fff;
}

/***********************************/
/************   FIND A RESELLER
/************************************/

.reseller-section-boxes {
    padding-bottom: 90px;
    margin-bottom: 40px;
}

.reseller-box {
    padding: 20px;
    cursor: pointer;
}
.reseller-box.reseller-bg{
    background-color: #f2f2f2;
}
.reseller-box .reseler-logo {
    height: 75px;
    text-align: center;
    margin-bottom: 10px;
}
.reseller-box .reseler-logo img {
    max-height: 75px;
}
.reseller-box .reseller-box-bottom .reseller-position {
    display: inline-block;
    position: absolute;
    bottom: 20px;
    /*width: 40%;*/
    text-align: center;
    left: 0;
    right: 0;
}
.reseller-box .reseller-box-bottom {
   height: 40px;
}
.reseller-box .reseller-box-bottom .reseller-level-img {
    display: inline-block;
    position: absolute;
    right: 40px;
    bottom: 20px;
    text-align: right;
}

.reseller-box .reseller-box-bottom .reseller-level-img img{
    height: 70px;
}

.iso-reseller-box {
    margin-bottom: 30px;
}


.popover {
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    color: #ffffff;
    border-radius: 0;
    border: 0;
    box-shadow: none;

    max-width: inherit;
    width: 100%;

    left: 0 !important; 
}

.popover .popover-content {
    background-color: #7530f0;
    color: #ffffff;
    margin-top: -1px;
    padding: 30px;

}
.popover .popover-content h6{
    color: #ffffff;
}

.popover.bottom {
    margin-top: 0;
}
.popover.bottom>.arrow:after {
    border-bottom-color: #7530f0;
}
.popup-left-side a {
	text-decoration: underline;
}
.popup-left-side a:hover {
    color:#fff;
}
@media screen and (min-width: 992px) {
    .popover .popup-left-side{
        border-right: 1px solid #ffffff;
    }  
    .popover .popup-right-side{
        padding-left: 30px;
    }  
}




/* SELECT DROPDOWN */
.bootstrap-select .dropdown-toggle:focus {
    outline: none !important;
}

.selectstyled button { 
    border-radius: 0;
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid;
    border-color: #a7a9ac;
}

.selectstyled button.btn-default { 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #a7a9ac;
    background-image: url(images/select-down.svg);
    background-size: 15px;
    background-position: center right 3%;
    background-repeat: no-repeat;
    padding: 10px 0;
}
.selectstyled button.btn-default:focus { 
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: transparent;
    width: 100%;
    border: 0px;
    border-radius: 0px;
    border-bottom: 1px solid #a7a9ac;
    background-image: url(images/select-down.svg);
    background-size: 15px;
    background-position: center right 3%;
    background-repeat: no-repeat;
    padding: 10px 0;
}

.selectstyled button.btn-default .bs-caret { 
    display: none;
}

.selectstyled button:hover {
    background-color: transparent;
    border-color: #7530f0;
}

.btn-default.focus, 
.btn-default:focus {
    background-color: transparent;
    border-color: #7530f0;
}

.btn-default.active.focus, 
.btn-default.active:focus, 
.btn-default.active:hover, 
.btn-default:active.focus, 
.btn-default:active:focus, 
.btn-default:active:hover, 
.open>.dropdown-toggle.btn-default.focus, 
.open>.dropdown-toggle.btn-default:focus, 
.open>.dropdown-toggle.btn-default:hover {
    background-color: transparent;
    border-color: #7530f0;
    box-shadow: none;
}

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
    font-weight: 300;
}

.title-filter {
    font-size: 18px;
    margin-bottom: 30px;
}

.label-filter {
    font-weight: 600;
}

.country-reseller-filter {
    margin-bottom: 50px;
}


@media screen and (min-width: 992px) {
    .sub-reseller-filter {
        margin-top: 60px;
    }
    .sub-reseller-filter .control {
        display: inline-block;
        margin-right: 20px;
    }
}

/***********************************/
/************   REQUEST FREE DEMO
/************************************/

#request-demo-tab.nav-tabs {
    border-bottom: 0px;
}

#request-demo-tab.nav-tabs>li {
    width: 25%;
}

#request-demo-tab.nav-tabs>li>a {
    border-radius: 0px;
    border: 0px;
    margin-right: 0px;
    background-color: #f5f5f5;
    text-align: center;
    padding: 15px 0px;
    font-size: 16px;
}

#request-demo-tab.nav-tabs>li.active>a {
    background-color: #7530f0;
    border: 0px;
    color: #ffffff;
}

#request-demo-tab.nav-tabs>li>a:focus, 
#request-demo-tab.nav-tabs>li>a:hover {
    background-color: #7530f0;
    color: #ffffff;
}

#request-demo-content {
    color: #ffffff;
}
#request-demo-content .tab-pane{
    background-color: #7530f0;
    padding: 20px;
}

#request-demo-content .first_title_side {
    text-align: center;
    font-size: 22px;
}

#request-demo-content .first_title_side span {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    font-size: 30px;
}

#request-demo-content .content_side {
    border-left: 1px solid #fff;
    padding: 20px 0px 20px 40px;
}



#request-demo-content .content_side .tool_title_req_free_demo{
    font-weight: 400;
}



#request-demo-content .tool_title_req_free_demo {
    display: inline-block;
    margin-top: 8px;
    margin-bottom: 8px;
}
#request-demo-content .free_demo_link {
    display: inline-block;
    float: right;
    margin-top: 8px;
    font-size: 12px;
}
#request-demo-content .free_demo_link a:hover {
    color: #ffffff;
}

#request-demo-content .free_demo_link i {
    font-size: 18px;
    margin-left: 10px;
}


#request-free-demo .panel-group .panel {
    border: 0px;
}

#request-free-demo .panel-group .panel+.panel {
    margin-top: 0px;
}


#request-free-demo .collapse.in {
    border: 0px;
}

#request-free-demo .panel .collapse.in {
    background-color: #7530f0;
    color: #ffffff;
}
#request-free-demo .panel-heading {
    border-radius: 0px;
}

/* MOBILE ACCORIDON */
#request-demo-tab-accordion {
    text-align: center;
}

#request-demo-tab-accordion .aktivni{
    background-color: #7530f0;
}

#request-demo-tab-accordion .aktivni a {
    color: #ffffff;
}

#request-demo-tab-accordion .free_demo_link {
    margin-bottom: 30px;
    margin-top: 10px;
}

#request-demo-tab-accordion .free_demo_link a i{
    margin-left: 10px;
    font-size: 18px;
}

#request-demo-tab-accordion .panel-heading:not(.aktivni) {
    background-color: #f5f5f5;
}

#request-demo-tab-accordion .panel-body {
    text-align: left;
}

/***********************************/
/************   BLOG ARCHIVE
/************************************/

.archive_blog .underline-filter {
    white-space: nowrap;
    /*overflow-x: scroll;*/
    overflow-y: hidden;
    overflow-style: none;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    -moz-appearance: none !important;
}
.archive_blog .underline-filter .upper_filter_tab {
    border-bottom: 1px solid transparent;
    margin-left: -4px;
}

.archive_blog .underline-filter .upper_filter_tab:hover {
    border-bottom: 1px solid #7530f0;
    color: #7530f0;
}
.archive_blog .underline-filter .upper_filter_tab.active {
    border-bottom: 1px solid #7530f0;
    color: #7530f0;
}

.archive_blog .underline-filter::-webkit-scrollbar {
  display: none;
}

.archive_blog article {
    background-color: #ffffff;
    margin-bottom: 30px;
}

.scroll-nav {
    /*position: absolute;*/
    width: 100%;
    /*margin-top: 12px;*/
    height: 0px;
}
.scroll-nav i {
    cursor: pointer;
}
.scroll-nav i:hover {
    color: #7530f0;
}
.scroll-nav i:before {
    margin-top: 20px;
    position: absolute;
}
.scroll-nav .ct-right {
    float: right;
}
.scroll-nav .ct-left {
    margin-left: -20px;
}

@media screen and (max-width: 991px) {
    .archive_blog .upper_scroller_bar {
        padding-left: 40px;
        padding-right: 40px;
    }
    .archive_blog .scroll-nav .ct-left {
        margin-right: -15px;
    }
    .archive_blog .scroll-nav .ct-right {
        margin-right: -15px;
    }
}


.blog-cat-badge {
    background-color: #7530f0;
    padding: 8px 25px;
    margin-top: -60px;
    color: #fff;
    display: block;
    position: absolute;
    font-size: 13px;
}

.listpost-content-wrap {
    padding:20px;
}

.listpost-content-wrap .blog-title {
    font-size: 16px;
    margin: 10px 0;
}

.listpost-content-wrap .blog-excerpt {
    margin-bottom: 15px;
}

.listpost-content-wrap footer time {
    margin-right: 20px;
}

.listpost-content-wrap footer .read-more  {
    float: right;
}
.listpost-content-wrap footer .comments-link  a {
    text-decoration: underline;
}

.blog-overlay .blog-title {
    min-height: 120px;
}


/* Overlay block */
.blog-overlay:hover .blog-post-overlay.top {
  top: 0;
}

.blog-post-overlay {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #7530f0;
    color: #fff;
    overflow: hidden;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
}
.blog-post-overlay a {
    color: #fff;
}

/* hideoverlay */

.blog-overlay {
    position: relative;
    height: 100%;
}
.blog-overlay .overlay-inner {
    height: 100%;
    padding: 20px;
}
.blog-overlay .bottom-meta {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    font-size: 13px;
}
.blog-overlay .bottom-meta div {
    display: inline-block;
}
.blog-overlay .bottom-meta .read-more {
    float: right;
}
.blog-overlay .excerpt {
    margin-top: 30px;
}

.blog-overlay .bottom-meta .avatar img {
    max-width: 30px;
    margin-right: 5px;
}

.blog-overlay .bottom-meta .comments-link {
    float: right;
    margin-top: 13px;
}

.blog-overlay .bottom-meta .comments-link a {
    text-decoration: underline;
}


/*  NAVIGATION  */
.custom-pagination {
    background-color: #ffffff;
    padding: 10px 15px;
    font-size: 15px;
}

.custom-pagination .page-numbers {
    padding: 0 10px;
}

.custom-pagination .page-numbers.current {
    font-weight: 600;
}

.archive_blog .first-feat-blog .blog-excerpt {
    height: 60px;
}

.archive_blog .blog-post-overlay .blog-excerpt {
    height: 80px;
    margin: 20px 0 10px 0;
}

.archive_blog .archive-blog-box .bottom-meta div {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}

.archive_blog .archive-blog-box .commentsurl {
    right: 0;
    bottom: 25px;
    position: absolute;
    padding-right: 20px;
}


/***********************************/
/************   SIDEBARS
/************************************/

/* BLOG SIDEBAR */

aside {
    background-color: #ffffff;
    padding: 20px;
    margin-bottom: 30px;
}

.widget-title {
    font-size: 18px;
    margin-bottom: 20px;
}

.widget .footer-social a {
    color: #000000;
}


/* MOST READ POSTS */

#mostread ul, #related-blog ul {
    list-style-position: outside;
}
#mostread ul li, #related-blog ul li {
    padding: 20px 0;
    margin-left: 0px;
    list-style-type: none;
}
#mostread ul .list_border, #related-blog ul .list_border {
    border-bottom: 1px solid #a7a9ac;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
}

#mostread ul .list_border:first-child, #related-blog ul .list_border:first-child {
    border-top: 1px solid #a7a9ac;
}

/* TAGS */
#tags a {
    border: 1px solid #a7a9ac;
    padding: 3px 16px;
    margin-right: 20px;
    margin-bottom: 20px;
    border-radius: 50px;
    display: inline-block;
}

#tags a:hover {
    border: 1px solid #7530f0;
}

/* AUTHOR */
.avatar img {
    border-radius: 50%;
}

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

.author_ln a {
    color: #7530f0;
}
a.author_ln_url:hover .widget-title{
    color: #333333;
}

/***********************************/
/************   SINGLE BLOG
/************************************/

.single-blog .content-area {
    background-color: #ffffff;
}

.single-blog .content-area h1 {
    font-size: 22px;
}

.tiny_header_title {
    font-family: 'Muli', sans-serif;
    font-weight: 200;
    line-height: 1.4;
    font-size: 36px;
    color: #ffffff;
    text-align: center;
}

.single-blog .content-area .entry-content {
    padding: 20px;
}
.entry-content img.aligncenter {
    text-align:center;
    margin:0 auto;
    display: block;
}
.entry-content iframe {
    display: block;
    margin:0 auto;
}
.single-blog .content-area .entry-content ul {
    padding-left: 20px;
}
.single-blog .content-area .entry-content li {
    margin-bottom: 10px;
}

/*LIST EDIT single-blog*/
.single-blog .content-area .entry-content ul {
    padding-left: 20px;
}
.single-blog .content-area .entry-content li {
    margin-bottom: 10px;
}

.wp-caption-text {
    font-size: 12px;
}


/*LIST EDIT single-blog*/
.single-news .content-area .entry-content ul {
    padding-left: 20px;
}
.single-news .content-area .entry-content li {
    margin-bottom: 10px;
}


.single-blog .content-area .entry-content a {
    color: #7530f0;
}

.single-blog .content-area .footer-social {
    padding: 0 20px 20px 20px; 
}

.content-area .footer-social a {
    color: #000000;
}

.entry-meta {
    margin: 20px 0;
}

.entry-content ul {
    list-style-position: outside;
    margin-left: 20px;
} 

/* COMMENT FORMS FIELDS */
.comment-form input[type="text"],
.comment-form input[type="email"],
.comment-form input[type="number"],
.comment-form input[type="url"],
.comment-form input[type="search"],
.comment-form input[type="tel"],
.comment-form input[type="password"],
.comment-form input[type="date"],
.comment-form input[type="color"],
.comment-form select{
    padding: 5px 20px;
    color: #000000;
    border: 1px solid #888888;
    width: 50%;
}

.comment-form input[type="text"]:hover,
.comment-form input[type="email"]:hover,
.comment-form input[type="number"]:hover,
.comment-form input[type="url"]:hover,
.comment-form input[type="search"]:hover,
.comment-form input[type="tel"]:hover,
.comment-form input[type="password"]:hover,
.comment-form input[type="date"]:hover,
.comment-form input[type="color"]:hover,
.comment-form select:hover{
    border-color: #000000;
}
.comment-form input[type="text"]:focus,
.comment-form input[type="email"]:focus,
.comment-form input[type="number"]:focus,
.comment-form input[type="url"]:focus,
.comment-form input[type="search"]:focus,
.comment-form input[type="tel"]:focus,
.comment-form input[type="password"]:focus,
.comment-form input[type="date"]:focus,
.comment-form input[type="color"]:focus,
.comment-form select:focus{
    color: #000000;
    border-color: #000000;
    outline: none;
}
.comment-form textarea{
    padding: 5px 20px;
    color: #000000;
    border: 1px solid #888888;
    width: 100%;
    max-width: 100%;
}
.comment-form textarea:hover{
    border-color: #000000;
}
.comment-form textarea:focus{
    color: #000000;
    border-color: #000000;
    outline: none;
}

.comment-form p {
    margin: 0 0 20px;
}

.comment-form .logged-in-as {
    margin-bottom: 10px;
}
.comment-form .logged-in-as a {
    margin-right: 0px;
    font-size: 14px;
    font-weight: 600;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #939598;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #939598;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #939598;
}
:-moz-placeholder { /* Firefox 18- */
  color: #939598;
}

/* Comments view */
.comment-list li.comment.depth-1 {
    border-top: 1px solid #000;
    padding: 20px 0;
}

.comment-list li.comment.depth-1:last-child {
    border-bottom: 1px solid #000;
}

.comment-list .comment-author img {
    border-radius: 50px;
}


.comment-list .comment_avatar {
    display: inline-grid;
}
.comment-list .meta_user {
    display: inline-block;
}

.comment-list .meta_user .commentmetadata {
    font-size: 12px;
}

.comment-list .meta_user cite,
.comment-list .meta_user span  {
    font-weight: 600;
    font-style: inherit;
}

.comment-list .comment_text {
    margin-top: 10px;
    margin-bottom: 10px;
}

.comment-list .reply a {
    background: transparent;
    border: 2px solid #7530f0;
    color: #7530f0;
    display: inline-block;
    font-size: 12px;
    padding: 0px 20px;
    text-transform: uppercase;
    border-radius: 50px;
    font-weight: 400;
}
.comment-list .reply a:hover {
    background: #7530f0;
    border: 2px solid #7530f0;
    color: #ffffff !important;
    display: inline-block;
    font-size: 12px;
    padding: 0px 20px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
}

.comment-list .reply {
    margin: 10px 0 20px 0;
}

/*.comment-list .guest_user .meta_user {
    margin-left: 0px;
}*/

.comments-area .comment-reply-title {
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
    margin-top: 30px;
}

.rating_text_plugin {
    margin-left: 5px;
    margin-right: 10px;
}
.single-release_log .content-area h2, .single-news .content-area h2, .single-blog .content-area h2 {
    font-size: 20px;
}
.single-release_log .content-area h3, .single-news .content-area h3, .single-blog .content-area h3 {
    font-size: 18px;
}
.single-release_log .content-area h4, .single-news .content-area h4, .single-blog .content-area h4 {
    font-size: 16px;
}
/***********************************/
/************   BLOG VOTING
/************************************/

.voting {
    margin-top: 30px;
}

.voting .helpful_title {
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
    margin-top: 30px;
}

/***********************************/
/************   NEWS ARCHIVE
/************************************/

.archive_news article {
    background-color: #ffffff;
    margin-bottom: 30px;
}
.archive_news .iso-news-box:hover a {
    color: #000000;
}


/***********************************/
/************   NEWS - SINGLE
/************************************/

.single-news .content-area {
    background-color: #ffffff;
}

.single-news .content-area h1 {
    font-size: 22px;
}

.single-news .content-area .entry-content {
    padding: 20px;
}
.single-news .content-area .entry-content a {
    color: #7530f0;
}

.single-news .content-area .footer-social {
    padding: 0 20px 20px 20px;
}

.post-navigation-news {
    margin-top: 20px;
}


.post-navigation-news .nav-previous .meta-nav {
    padding-left: 35px;
}
.post-navigation-news .nav-previous .meta-nav i {
    position: absolute;
    margin-left: -35px;
    margin-top: 3px;
    font-size: 20px;
}

.post-navigation-news .nav-next .meta-nav {
    padding-right: 35px;
    text-align: right;
}
.post-navigation-news .nav-next .meta-nav i {
    position: absolute;
    margin-right: 15px;
    margin-top: 3px;
    font-size: 20px;
    right: 0;
    top: 0;
}

@media screen and (max-width: 991px) {
    .post-navigation-news {
        margin-bottom: 30px;
    }
    .post-navigation-news .nav-previous {
        margin-bottom: 20px;
    }
}

.footer-social h3.share-title{
    font-size: 18px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
    margin-top: 30px;
}



/***********************************/
/************   RELEASE LOG - ARCHIVE
/************************************/

.archive_release_log .underline-filter {
    border-bottom: 0px;
}

.isotope_filter_releases .upper_filter_tab {
    border-bottom: 1px solid #a7a9ac;
    float: left;
    display: inherit;
}

.isotope_filter_releases .upper_filter_tab.is-checked {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

.isotope_filter_releases .upper_filter_tab:hover {
    color: #7530f0;
    border-bottom: 1px solid #7530f0;
}

#isotope_releases {
    margin-top: 60px;
}

.visible_item {
    display:none !important;
}


.archive_release_log article {
    background-color: #ffffff;
    margin-bottom: 30px;
    border-left: 5px solid #7530f0;
}

.listpost-content-wrap .release-title {
    font-size: 16px;
}

.listpost-content-wrap .release-title .release-subtitle {
    font-size: 14px;
}

.archive_release_log .read-more {
    padding-top: 15px;
}

@media screen and (min-width: 992px) {
    .archive_release_log .read-more {
        text-align: right;
    }

}

@media screen and (max-width: 991px) {
    .isotope_filter_releases .upper_filter_tab {
        width: 100% !important;
        float: inherit;
    }

}

/***********************************/
/************   RELEASE LOG - SINGLE
/************************************/


.single-release_log .content-area .entry-content {
    background-color: #ffffff;
    padding: 30px;
}
.single-release_log .content-area .entry-content a {
    color: #7530f0;
}

.single-release_log .content-area .entry-content .entry-meta{
    margin-top: 0px;
}

.single-release_log .content-area .entry-header {
    padding: 30px;
    background-color: #7530f0;
}

.single-release_log .content-area .entry-header h3 {
    margin: 0px;
    color: #ffffff;
}

.release_breadcrumb {
    margin-bottom: 40px;
    font-size: 13px;
}



/***********************************/
/************   DISTRIBUTORS
/************************************/

.distributor-box {
    background-color: #f5f5f5;
    padding: 30px;
    margin-bottom: 30px;
}

.distributor-box .main_description h4 {
    margin-bottom: 30px;
    color: #7530f0;
}

.distributor-box .img-responsive {
    width: 200px;

}

.distributor-box .contat_info {
    margin-top: 20px;
}

@media screen and (min-width: 992px) {
    .distributor-box .border-right {
        border-right: 1px solid #000;
    }
    .distributors-text-right {
        padding-left: 30px;
    }
}
@media screen and (max-width: 991px) {
    .distributors-text-right {
        padding-top: 20px;
    }
}

.distributor-box a {
    color: #7530f0;
}


/***********************************/
/************   TEAM
/************************************/

#team h2 {
    margin-bottom: 80px;
}

#team .team-details {
    background-color: #ffffff;
    padding: 20px;
    text-align: center;
    position: relative;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#team .team-box:hover .team-details {
    background-color: #7530f0;
    color: #ffffff;
}

#team .team-position {
    font-weight: 400;
    color: #7530f0;
    margin-top: 5px;
    font-size: 13px;
    line-height: 1.5;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    height: 50px;
}
#team .team-box:hover .team-position{
    color: #ffffff;
}
#team .linkedin-btn {
    position: absolute;
    top: -15px;
    right: 30px;
    background-color: #7530f0;
    color: #ffffff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
#team .linkedin-btn i {
    vertical-align: middle;
}
#team .team-box:hover .linkedin-btn {
    background-color: #ffffff;
    color: #7530f0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

#team .team-box {
    margin-bottom: 30px;
}

#team .team-box img{
    width: 100%;
}



/* centered columns styles */
.row-centered {
    text-align:center;
}
.col-centered {
    display: inline-grid !important;
    display: -ms-inline-grid;
    float: none !important;
    margin-right:-4px;
}


@media screen and (max-width: 480px) {
    #team .team-box-col {
        width: 100%;
    }
    
}

/***********************************/
/************   ABOUT
/************************************/

/*  NUMBERS SECTION  */

.number-block {
    text-align: center;
    display: inline-block;
    padding-top: 30px;
    padding-bottom: 30px;
}

.number-block .number {
    font-size: 32px;
    margin-bottom: 15px;
    font-family: 'Muli', sans-serif;
    font-weight: 200;
}


/* YOUTUBE IFRAME EMBEED */


.embed-container { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: 
    hidden; 
    max-width: 100%; 
} 
.embed-container iframe, 
.embed-container object, 
.embed-container embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}

.mfp-close-btn-in .webinar-popup .mfp-close {
    color: #FFF;
}


@media screen and (min-width: 768px) {
    .number-block:not(:last-child) {
        border-right: 1px solid #ffffff;
    }
}

/***********************************/
/************   SOCIAL RESPONSIBILITY
/************************************/

.responsibility_violet {
    padding: 30px;
    height: 100%;
}

.responsibility_right {
    padding: 30px;
}

.responsibility_right img {
    max-width: 100px;
    margin-bottom: 20px;
}

.responsibility_right:not(:last-child) {
    margin-bottom: 30px;
}

.responsibility_intro_text {
    margin-bottom: 20px;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 300;
}

.responsibility_text {
    font-weight: 300;
}

.responsibility_button {
    margin-top: 20px;
}

.responsibility_title {
    font-weight: 600;
}

@media screen and (max-width: 991px) {
    .responsibility_violet {
        margin-bottom: 30px;
    }
}

/*@media screen and (min-width: 992px) {
    .responsibility_button {
        position: absolute;
        bottom: 0;
        padding-bottom: 40px;
    }
}*/

/***********************************/
/************   Development services change color
/************************************/

.green-services .arrow_box {
    border-bottom: 3px solid #29c796;
}
.green-services .arrow_box:before {
    border-top-color: #29c796;
}

.green-services .benefits-icon svg path {
    fill: #29c796;
}
.green-services .checklist-div i {
    color: #29c796;
}

.green-services #benefits-slider .owl-carousel .owl-prev:hover, 
.green-services #benefits-slider .owl-carousel .owl-next:hover {
    color: #29c796;
}

.green-services .grid-block .grid-number {
    color: #29c796;
}

@media screen and (min-width: 992px) {
    .green-services .grid-col:first-child{
        padding-left: 0px;

        border-left: 0px;
        border-right: 1px solid #29c796;

        -moz-border-image: -moz-linear-gradient(top, transparent 40px, #29c796 31px, #29c796 100%);
        -webkit-border-image: -webkit-linear-gradient(top, transparent 40px, #29c796 31px, #29c796 100%);
        border-image: linear-gradient(to top, transparent 40px, #29c796 31px, #29c796 100%);
        border-image-slice: 1;
    }
    .green-services .grid-col:nth-child(3n+2) {
        padding-right: 0px;
        
        border-top: 0px;
        border-bottom: 1px solid #29c796;

        -moz-border-image: -moz-linear-gradient(right, transparent 40px, #29c796 31px, #29c796 100%);
        -webkit-border-image: -webkit-linear-gradient(right, transparent 40px, #29c796 31px, #29c796 100%);
        border-image: linear-gradient(to right, transparent 40px, #29c796 31px, #29c796 100%);
        border-image-slice: 1;
    }
    .green-services .grid-col:nth-child(3n+3) {
        padding-left: 0px;
        
        border-bottom: 0px;
        border-top: 1px solid #29c796;

        -moz-border-image: -moz-linear-gradient(left, transparent 40px, #29c796 31px, #29c796 100%);
        -webkit-border-image: -webkit-linear-gradient(left, transparent 40px, #29c796 31px, #29c796 100%);
        border-image: linear-gradient(to left, transparent 40px, #29c796 31px, #29c796 100%);
        border-image-slice: 1;
    }
    .green-services .grid-col:nth-child(3n+4) {
        padding-right: 0px;

        border-left: 1px solid #29c796;
        border-right: 0px;

        -moz-border-image: -moz-linear-gradient(bottom, transparent 40px, #29c796 31px, #29c796 100%);
        -webkit-border-image: -webkit-linear-gradient(bottom, transparent 40px, #29c796 31px, #29c796 100%);
        border-image: linear-gradient(to bottom, transparent 40px, #29c796 31px, #29c796 100%);
        border-image-slice: 1;
    }
}



.green-services .underline-tab .nav-tabs>li.active>a, 
.green-services .underline-tab .nav-tabs>li.active>a:focus, 
.green-services .underline-tab .nav-tabs>li.active>a:hover {
    border-bottom: 1px solid #29c796;
    color: #29c796;
}

.green-services .underline-tab .nav li a:hover, 
.green-services .underline-tab .nav li a:focus {
    color: #29c796;
    border-bottom: 1px solid #29c796;
}

.green-services .checkpoint-box {
    border: 2px solid #29c796;
}

.green-services .checkpoint-box .check-icon {
    color: #29c796;
}

.green-services .checkpoint-box:hover {
    background-color: #29c796;
}

.green-services .checkpoint-box:hover .check-icon {
    color: #fff;
}

/***********************************/
/************   Where Abouts Image Slider
/************************************/

#where-image-slider  {
    padding-bottom: 140px;
}
#where-image-slider i {
    color: #7530f0;
}
#where-image-slider .title-pin {
    font-size: 40px;
    padding-top: 20px;
    padding-bottom: 20px;
}
#where-image-slider h4 {
    margin-top: 20px;
    margin-bottom: 30px;
}


.where_abouts_locations i {
    margin-right: 10px;
}

.where_abouts_locations {
    margin-bottom: 40px;
}

@media screen and (max-width: 991px) {
    .where_abouts_locations {
        margin-bottom: 10px;
    }
    .where_abouts_locations:last-child {
        margin-bottom: 30px;
    }
}


#where-image-slider .custom .tp-bullet {
    margin-top: 20px;
}

/***********************************/
/************   CONTACT US
/************************************/

.whereabouts-box {
    height: 100%;
    margin: 30px;
}
.whereabouts-box i {
    font-size: 30px;
    margin-bottom: 35px;
}
.whereabouts-box h3 {
    margin-bottom: 15px;
}
.whereabouts-box.border-right {
    margin-right: 0px;
    border-right: 1px solid #ffffff;
    font-size: 18px;
}

.area-name {
    margin-top: 30px;
    margin-bottom: 30px;
}

.office-box {
    height: 100%;
    padding: 20px;
    border: 2px solid #7530f0;
    margin-bottom: 30px;
}

.office-box .office-icon {
    font-size: 30px;
    color: #7530f0;
}

.office-box .office-location {
    font-size: 18px;
    font-weight: 400;
    margin: 20px 0;
}

@media screen and (min-width: 768px) {
    .office-box {
        min-height: 250px;
    }

}

@media screen and (max-width: 767px) {
    .whereabouts-box.border-right {
        border-right: 0;
    }
}

.contact-us-box {
    background-color: #1f2134;
    padding: 30px 30px;
    margin-bottom: 30px;
    color: #fff;
    height: 100%;
}

.contact-us-box button {
    margin-top: 15px;
}

.contact-us-box h3 {
    margin-top: 0px;
    margin-bottom: 30px;
    color: #fff;
    font-weight: 300;
}


/* CONTACT US FORM */
.contact-us-form {
    padding: 30px;
}


.contactus-form-box input[type="text"],
.contactus-form-box input[type="email"],
.contactus-form-box input[type="url"],
.contactus-form-box input[type="password"],
.contactus-form-box input[type="search"],
.contactus-form-box textarea {
    border: 1px solid #a7a9ac !important;
    padding: 10px;
    width: 100%;
    margin-bottom: 10px;
}
.contactus-form-box input[type="text"]:focus,
.contactus-form-box input[type="email"]:focus,
.contactus-form-box input[type="url"]:focus,
.contactus-form-box input[type="password"]:focus,
.contactus-form-box input[type="search"]:focus,
.contactus-form-box textarea:focus {
    border-color: #7530f0;
}

.contactus-form-box input[type="submit"] {
    margin: 30px 0;
}

/***********************************/
/************   Quote & description block
/************************************/

.quote-sybol img {
    max-width: 30px;
    max-height: 25px;
}

.left_side_qoute {
    font-size: 26px;
    line-height: 1.4;
    padding-left: 40px;
    padding-top: 30px;
    padding-right: 30px;
    font-weight: 300;
}
.quote_author {
    margin-top: 20px;
    font-size: 14px;
}

.block-padding {
    padding-top: 80px;
    padding-bottom: 80px;
}
.descriton-block p {
    margin-top: 30px;
}

@media screen and (min-width: 992px) {
    .quote-bg {
        background: -webkit-linear-gradient(left, #1f2134 0%, #1f2134 50%, #f5f5f5 50%, #f5f5f5 100%);
        background: -o-linear-gradient(left, #1f2134 0%, #1f2134 50%, #f5f5f5 50%, #f5f5f5 100%);
        background: linear-gradient(to right, #1f2134 0%, #1f2134 50%, #f5f5f5 50%, #f5f5f5 100%);
    }
    #quote-description .descriton-block {
        padding-left: 60px;
    }
}

@media screen and (max-width: 991px) {
    .quote-side-bg {
        background-color: #1f2134;
    }
    #quote-description > .container {
        width: 100%;
    }
}



/***********************************/
/************   DATA PROTECTION TEXT MEDIA
/************************************/

.textmedia-introtext p {
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    line-height: 1.4;
    padding-bottom: 20px;
}

/***********************************/
/************   GRID BLOCK 
/************************************/

.grid-check-block .grid-check {
    font-size: 40px;
    display: inline-block;
    padding-right: 10px;
}

.grid-check-block .grid-check-title {
    margin-bottom: 20px;
    /*margin-top: 20px;*/
    display: inline-block;
    width: 70%;
}
.grid-check-title h2, .become-text h2, .form-box h2, .service-providers-text h2  {
    font-size: 28px;
}
.grid-check-block .grid-check-title h3{
    margin: 0;
    color: #000;
}


/***********************************/
/************   FORM BOX
/************************************/

.form-box {
    padding: 20px 20px 40px;
}
.form-box h2 {
    margin-top: 0px;
}
.form-box-text {
    padding-bottom: 100px;
}
.form-box-text h5 {
    margin: 20px 0;
    font-family: 'Muli', sans-serif;
    font-size: 18px; 
    font-weight: 200;
    line-height: 1.4;
    padding-bottom: 20px;
}

.form_btn_padding {
    padding-top: 20px;
}



/***********************************/
/************   Social CTA
/************************************/

#social-cta .footer-social a {
    font-size: 28px;
    margin-left: 10px;
    margin-right: 10px;
}
#social-cta .footer-social a:hover {
    color: #1f2134;
}

/***********************************/
/************   Service providers
/************************************/
.service-providers-text p {
    font-family: 'Muli', sans-serif;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 18px;
    line-height: 1.4;
}
#service-providers form fieldset .hs-fieldtype-checkbox label {
    display: flex;
    display: -webkit-flex;
}
#service-providers form fieldset .hs-fieldtype-checkbox label > input {
    width: auto !important;
    margin: 2px 5px 3px 0px;
}
.provider-block .provider-logo-box {
    height: 250px;
    background-color: #f5f5f5;
}
.provider-block .provider-logo-box img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    padding: 30px;
}

.provider-block .provider-logo-box {
    padding: 30px;
}

.provider-inner:hover .provider-hover-box.top {
  top: 0;
}
.page-template-page-federal .provider-inner:hover .provider-hover-box.top {
  top: 100%;
}
.provider-hover-box {
    position: absolute;
    top: 0; right: 0; bottom: 0; left: 0;
    background: #7530f0;
    color: #fff;
    overflow: hidden;
    width: 100%;
    -moz-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    -webkit-transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;
    transition: top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;

    padding: 20px;
}

.provider-hover-box h6 {
    color: #fff;
    margin: 0;
}

.provider-hover-box a {
    color: #fff;
}

.provider-hover-box .bottom-meta {
    position: absolute;
    bottom: 20px;
    width: 100%;
}

.provider-hover-box .read-more {
    right: 0;
    position: absolute;
    padding-right: 40px;
}
.provider-hover-box .read-more i {
    font-size: 18px;
}

.provider-hover-box .bottom-meta div {
    display: inline-block;
    font-size: 12px;
    font-weight: 400;
}

.provider-hover-box .provider-description {
    margin-top: 20px;
    height: 110px;
}


/* hideoverlay */
.provider-hover-box.top {
  top: 100%;
}

.provider-inner {
    position: relative;
    height: 100%;
}

.provider-inner .overlay-inner {
    height: 100%;
    padding: 20px;
}


/* service providers form */
.privacy_check_div {
    margin-top: 30px;
    margin-bottom: 20px;
}
.checkbox-read-privacy .wpcf7-list-item  {
    margin-left: 0 !important;
}

/***********************************/
/************   CTA BARS - OTHERS
/************************************/

.cta-lets-talk button {
    margin-top: 20px;
}

@media screen and (min-width: 992px) {
    .cta-lets-talk .display-inline {
        display: inline-block;
    }
    .cta-lets-talk button {
        margin-left: 30px;
        margin-top: 0px;
    }
    .cta-lets-talk .cta_text h3 {
        display: inline-block;
    }
}




/***********************************/
/************   SUPPORT
/************************************/

/* CTA section*/
.cta_text h3 {
    color: #ffffff;
}

/* .support-cta */
.cta_btn {
    align-items: center;
    justify-content: center;
}

/* HOW to contact section */

.how_to_contact .benefits-button {
    position: absolute;
    bottom: 0;
    width: 100%;
}

.how_to_contact .inline-benefits {
    height: 100%;
    position: relative;
}

.benefits-button-div {
    height: 40px;
    margin-top: 20px;
}


@media screen and (max-width: 991px) {
    .cta_btn {
        margin-top: 30px;
    }
}

@media screen and (min-width: 992px) {
    .how_to_contact .inline-benefits {
        height: 321px;
    }
}


/***********************************/
/************  FREE TRIAL PAGE
/************************************/

.page-template-template-data-protection .grecaptcha-badge {
    margin-left: 0px;
    margin-top: 20px;
}

.grecaptcha-badge {
    /*display: none;*/
    margin: auto;
    margin-top: 10px;
    margin-bottom: 10px;
}
.product-cta .grecaptcha-badge {
    display: none;
}

.single .grecaptcha-badge {
    display: none;
}

.free-trial-submit {
    padding-top: 40px;
    padding-bottom: 30px;
}

.free-demo-submit {
    padding-top: 40px;
    padding-bottom: 30px;
}

.choose_product_block {
    display: inline-block;
    border-left: 4px solid;
    margin-left: -20px;
    padding-left: 20px;
    margin-bottom: 30px;
    width: 100%;
}
.choose_product_block h3 {
    margin-top: 0px;
    margin-bottom: 15px;
}
.choose_product_block h6 {
    margin: 0px;
}

.choose_product_block label {
    font-size: 16px;
    padding-left: 30px;
}

.free_trial_form .formlabel_text {
    margin-bottom: 30px;
}

.products-validationform {
    color: #f00;
    font-size: 1em;
    font-weight: normal;
    display: none;
}

/***********************************/
/************   FAQ
/************************************/


/*  ACCORIDON */
.panel-default>.panel-heading {
    background-color: transparent;
}

#faq-accordion {
    margin-bottom: 50px;
}

#faq-accordion .panel {
    border: 0px;
    border-bottom: 1px solid #000000;
    border-radius: 0px;
    background-color: transparent;
    margin-top: 20px;
    padding-bottom: 5px;
}
#faq-accordion .panel-default>.panel-heading+.panel-collapse>.panel-body {
    border: 0px;
    padding: 15px 0px;
}
#faq-accordion .collapse.in {
    border: 0px;
}
#faq-accordion .panel .collapse.in {
    background-color: transparent;
}
#faq-accordion .panel-heading {
    border-radius: 0px;
    border: 0px;
    padding: 10px 0px;
}

#faq-accordion .panel-title {
    font-size: 18px;
}

#faq-accordion .panel-heading i {
    margin-right: 10px;
    font-size: 20px;
}

#faq-accordion .panel-heading.aktivni i {
    color: #7530f0;
}


#faq-accordion .panel-heading a[aria-expanded="true"] i.ct-plus { 
    display: none;
}
#faq-accordion .panel-heading a[aria-expanded="false"] i.ct-plus { 
    display: inline-block;
}
#faq-accordion .panel-heading a[aria-expanded="false"] i.ct-minus { 
    display: none;
}
#faq-accordion .panel-heading a[aria-expanded="true"] i.ct-minus { 
    display: inline-block;
}

.faq-show-more-btn {
    margin-bottom: 30px;
}

.more_questions span {
    margin-right: 30px;
    font-size: 18px;
}


/***********************************/
/************   KNOWLEDGE BASE - FEATURED
/************************************/
.featured-list {
    border-bottom: 1px solid #000000;
    border-left: 5px solid transparent;
    padding: 20px 0 20px 10px;
}
.featured-list:first-child {
    border-top: 1px solid #000000;
}
.featured-list:last-child {
    margin-bottom: 50px;
}

.featured-list:hover {
    border-left: 5px solid #7530f0;
}
.featured-list .featured-readmore{
    text-align: right;
    color: #7530f0;
}

.featured-inline {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.featured-inline .featured-number{
    color: #7530f0;
    margin-right: 10px;
    font-size: 30px;
}

@media screen and (max-width: 767px) {
    .featured-list .featured-readmore{
        margin-top: 20px;
    }
}

/***********************************/
/************   KNOWLEDGE BASE - CAT ARCHIVE
/************************************/

.knowledge_cat_separator {
    border-bottom: 1px solid #000;
    text-transform: uppercase;
    margin-bottom: 15px;
    margin-top: 20px;
    padding-bottom: 5px;
}

.knowledge_lists {
    font-weight: 500;
    padding-bottom: 5px;
}

/***********************************/
/************   KNOWLEDGE BASE - SINGLE
/************************************/

.single-knowledge_base .content-area {
    background-color: #ffffff;
}

.single-knowledge_base .content-area .entry-content {
    padding: 20px;
}

.single-knowledge_base .content-area .footer-social {
    padding: 0 20px 20px 20px;
}

.single-knowledge_base .content-area h1 {
    font-size: 22px;
}

/***********************************/
/************   PAGE SUBMENU
/************************************/

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

.underline-submenu {
    border-bottom: 1px solid #a7a9ac;
}

.underline-submenu li {
    display: inline-block;
    text-align: center;
    margin-left: -5px;
    margin-bottom: -1px;
}
.underline-submenu li a:hover {
    border-bottom: 1px solid #7530f0;
}

.underline-submenu li a {
    border-bottom: 1px solid transparent;
    display: inline-block;
    padding: 20px 25px 15px 25px;
}

.underline-submenu li.current_page_item a{
    border-bottom: 1px solid #7530f0;
    color: #7530f0;
}

/***********************************/
/************   SEARCH SECTIONS
/************************************/

#search-wrap {
  float: right;
  position: relative;
}

.top-bar input[type="text"] {
    height: 35px;
    font-size: 14px;
    display: inline-block;
    font-weight: 100;
    border: none;
    outline: none;
    color: #fff;
    padding: 3px;
    padding-right: 60px;
    width: 0px;
    position: absolute;
    top: 0;
    right: 0;
    background: none;
    z-index: 3;
    transition: width .4s cubic-bezier(0.000, 0.795, 0.000, 1.000);
    cursor: pointer;
    margin-right: 15px;
    margin-top: -10px;
}

.top-bar input[type="text"]:focus:hover {
    border-bottom: 1px solid #fff;
}

.top-bar input[type="text"]:focus {
    width: 250px;
    z-index: 1;
    border-bottom: 1px solid #fff;
    cursor: text;
    background-color: #252740;
}
.top-bar #search_submit {
    height: 45px;
    width: 45px;
    display: inline-block;
    float: right;
    border: none;
    position: absolute;
    background-color: transparent;
    top: 0;
    right: 0;
    z-index: 1;
    cursor: pointer;
    cursor: pointer;
    transition: opacity .4s ease;
    font-size: 16px;
    margin-top: -10px;
}




/***********************
 * Essential Structure *
 ***********************/
.flexsearch--wrapper {
    height: auto;
    width: auto;
    max-width: 100%;
    overflow: hidden;
    background: transparent;
    margin: 0;
    position: static;
}
    
.flexsearch--form {
    overflow: hidden;
    position: relative;
}
    
.flexsearch--input-wrapper {
    overflow: hidden;
}

.flexsearch--input {
  width: 100%;
  border: 1px solid #a7a9ac !important;
}

/***********************
 * Configurable Styles *
 ***********************/

.flexsearch--input {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
    height: 40px;
    padding: 0 46px 0 20px !important;
    border-radius: 35px;
    color: #000;
    font-size: 14px;
    -webkit-appearance: none;
    -moz-appearance: none;
}
    
.flexsearch--submit {
    position: absolute;
    right: 0;
    top: 0;
    display: block !important;
    width: 30px;
    height: 30px;
    padding: 0;
    border: none !important;
    margin-right: 10px;
    background: transparent;
    font-size: 30px;
    margin-top: 5px;
}

.flexsearch--input:focus {
    outline: none;
    border-color: #7530f0 !important;
}

.flexsearch--submit i {
    font-size: 20px;
    color: #a7a9ac;
}

::-webkit-input-placeholder {
    color: #a7a9ac;  
}

input:-moz-placeholder {
    color: #a7a9ac
}



/***********************************/
/************   Search result page
/************************************/

.search-title-row {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
    font-weight: 400;
}

.search_result_row {
    border-bottom: 1px solid #000;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.general-search .border-top {
    border-top: 1px solid #000 !important;
    margin-top: 60px;
    padding-top: 10px;
}

.result_title_post {
    font-size: 14px;
    /*margin-bottom: 5px;*/
    font-weight: 600;
}
.result_excerpt_post {
    font-size: 14px;
}

.result_readmore {
    font-size: 13px;
    color: #7530f0;
}

.result_readmore .read-more {
    margin-top: 20px;
}

@media screen and (min-width: 992px) {
    .result_readmore .read-more {
        position: absolute;
        bottom: 0;
        right: 0;
    }
}

/***********************************/
/************   HEADE MOVIE HOME
/************************************/

.homepage-hero-module {
  border-right: none;
  border-left: none;
  position: relative;
}
/*.homepage-hero-module {
    background: url('images/banner_novi.svg');
}*/
.homepage-hero-module h1 {
    color: #ffffff;
}
.no-video .video-container video,
.touch .video-container video {
  display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
  display: block !important;
}
.video-container {
  position: relative;
  bottom: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  overflow: hidden;
  background: #1f2134;
}
.video-container .poster img {
  width: 100%;
  bottom: 0;
  position: absolute;
}
.video-container .title-container {
  z-index: 1;
  position: absolute;
  top: 35%;
  width: 100%;
  text-align: center;
  color: #fff;
}
.video-container .description .inner {
  font-size: 1em;
  width: 45%;
  margin: 0 auto;
}
.video-container .link {
  position: absolute;
  bottom: 3em;
  width: 100%;
  text-align: center;
  z-index: 1001;
  font-size: 2em;
  color: #fff;
}
.video-container .link a {
  color: #fff;
}
.video-container video {
  position: absolute;
  z-index: 0;
  bottom: 0;
}
.video-container video.fillWidth {
  width: 100%;
}

@media screen and (max-width: 767px) {
    .homepage-hero-module h1 {
        font-size: 24px;
    }
}



/***********************************/
/************   Cookie bar
/************************************/

#cookie-notice .button.wp-default {
    font-family: 'Open Sans', sans-serif;
    line-height: 18px;
    padding: 4px 15px;
    background: transparent;
    border-color: #7530f0;
    color: #7530f0;
    text-shadow: none;
    -moz-box-sizing: none;
    border-radius: 50px;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    display: inline-block;
    font-size: 13px;
    font-style: normal;
    text-decoration: none;
    white-space: nowrap;
    outline: none;
}

#cookie-notice .button.wp-default:hover, 
#cookie-notice .button.wp-default:focus {
    background: #7530f0;
    border-color: #7530f0;
    color: #fff;
}

.cookie-notice-container {
    font-family: 'Open Sans', sans-serif;  
    padding: 8px;
}


/***********************************/
/************   FOOTER + BOTTOM FOOTER
/************************************/

.footer-area {
    background: #1f2134;
}
.footer-widget {
    font-family: 'Muli', sans-serif;
}
.footer-widget h4 {
    margin: 15px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
}
.footer-menu ul {
    list-style: outside none none;
}
.footer-menu li a {
    color: #fff;
    display: block;
    font-size: 13px;
    line-height: 26px;
}
.footer-menu li a:hover {
    color: #7530f0;
}


/*  start - FOOTER BOTTOM AREA  */

.footer-bottom-area {
    background: #252740;
    font-family: 'Muli', sans-serif;
    padding: 30px 0 50px;
    color: #ffffff;
    font-size: 13px;
}
.footer-bottom-area p {
    margin-bottom: 0;
}
.footer-social ul {
    list-style: outside none none;
}
.footer-social .social-share li {
    display: inline-block;
}
.footer-social a {
    color: #fff;
    display: inline-block;
    font-size: 18px;
    margin-right: 10px;
}
.footer-social a:hover {
    color: #7530f0;
    transition: .5s;
}
.footer-bottom-follow {
    text-transform: uppercase;
    font-weight: 600;
}
.footer-copyright-text {
    font-weight: 600;
    /*float: left;*/
}

.footer-copyright-menu ul li {
    list-style: none;
    border-bottom: 0px;
    float: left;
    padding-left: 10px;
}

.footer-copyright-menu ul li:first-child {
    padding-left: 0px;
}

.footer-custom-link {
    margin: 15px 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    font-family: 'Muli', sans-serif;
}

/* START: Ovo Treba promeniti */
@media screen and (min-width: 992px) and (max-width: 1199px) { 
    .page-template-template-hycu #checkpoints-product .checkpoint-box {
        height: 500px;
    }
}
@media screen and (min-width: 1200px) { 
    .page-template-template-hycu #checkpoints-product .checkpoint-box {
        height: 380px;
    }
}
/* END: Ovo Treba promeniti */

@media screen and (min-width: 992px) {
    .footer-copyright-menu ul li:not(:first-child) a:before {
        content: "|";
        font-weight: 300;
        position: relative;
        margin-right: 10px;
    }
    .footer-copyright-menu ul li a:hover:before {
        color: #ffffff;
    }
    .footer-copyright-menu ul li a:focus:before {
        color: #ffffff;
    }
}


/*  end - FOOTER BOTTOM AREA  */

/*  START SCROLL TO TOP  */
.scrollup {
    background: rgba(117, 48, 240, 0.4) none repeat scroll 0 0;
    bottom: 30px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 25px;
    height: 40px;
    line-height: 35px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 40px;
    z-index: 9;
}
.scrollup:hover {
    background: #7530f0;
    -webkit-transition: .5s;
    transition: .5s;
}
/* END SCROLL TO TOP */
.page-template-template-find-a-reseller .dropup .dropdown-menu, .page-template-template-find-a-reseller .navbar-fixed-bottom .dropdown .dropdown-menu {
    top:100%;
    bottom:auto;

}

/***********************************/
/************   RESPONSIVE!!!
/************************************/

/* Max 991 */
@media screen and (max-width: 991px) { 

    .footer-area .footer-top-area .row .col-sm-4 {
        margin-bottom: 30px;
    }

    .footer-copyright-menu,
    .footer-copyright-text {
        text-align: center;
    }

    .footer-copyright-menu ul li,
    .footer-copyright-text {
        float: none;
    }

    .footer-social-text {
        /*text-align: right;*/
    }
    .footer-social-text,
    .footer-social {
        margin-top: 10px;
        text-align: center;
    }

    .how_to_contact .inline-benefits {
        margin-bottom: 50px;
    }
    .footer-bottom-follow {
        text-align: center;
    } 

}



/* Max 767 */
@media screen and (max-width: 767px) { 
    .footer-area .footer-top-area {
        text-align: center;
    }
    .comment-form input[type="text"],
    .comment-form input[type="email"],
    .comment-form input[type="number"],
    .comment-form input[type="url"],
    .comment-form input[type="search"],
    .comment-form input[type="tel"],
    .comment-form input[type="password"],
    .comment-form input[type="date"],
    .comment-form input[type="color"],
    .comment-form select{
        width: 100%;
    }
}

/* Between 480 - 767 */
@media screen and (min-width: 480px) and (max-width: 767px) {
    
}

/* Between 768 - 991 */
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .mainmenu .navbar-nav li a {
        font-size: 12px;
        padding: 30px 11px;
    }
    .menu-bg .mainmenu .navbar-nav li a {
        padding: 30px 11px;
    }
}

/* Max 991 */
@media only screen and (max-width: 991px) {
    .navbar-toggle {
        margin-right: 0px;
        margin-top: -30px;
    }
    .navbar {
        min-height: 0px;
    }
    .mainmenu .navbar-nav li a {
        padding: 11px 15px;
    }
    .menu-bg .mainmenu .navbar-nav li a {
        padding: 11px 15px;
    }
    .navbar-toggle {
        margin-top: -38px;
    }
    .navbar-collapse {
        background: rgba(0, 0, 0, .9);
    }
    .menu-bg .navbar-collapse {
        background: rgba(0, 0, 0, .9);
    }
    .section-title h2 {
        font-size: 20px;
    }
    ul.work li {
        margin: 2px 0 5px;
        padding: 8px 10px;
    }
    .single-post-content h4 > a {
        font-size: 16px;
    }
}


/*******
iPad 
*******/

@media only screen and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
    .col-centered {
        float: left;
    }
}

/*SAFARI*/
#macintosh-safari .blog-cards-slider .single-post-content {
    height:410px;
}
#macintosh-safari .blog-cards-slider .single-blog-thumb {
    height:410px;
}
#macintosh-safari .blog-cards-slider .single-blog-thumb > img {
    height:410px !important;
}    
#macintosh-safari .blog-cards-slider .owl-carousel, #macintosh-safari .new-cards-mini .single-blog-post {
    height: auto !important;
}
#macintosh-safari .new-cards-mini .single-post-content {
    min-height: 188px;
}
#macintosh-safari .purple-bg .whereabouts-box {
    height: 170px;
}
#macintosh-safari #partnership-framework .contact-us-box {
   height: 230px; 
}
#macintosh-safari #grid-block .grid-block {
    height: 290px;
}
#macintosh-safari #form-data .white-bg {
    height: 430px;
}
#macintosh-safari #announcement-menu {
    height: 230px;
}
    @media screen and (max-width:1199px) {
        #macintosh-safari .blog-cards-slider .single-post-content, #macintosh-safari .blog-cards-slider .single-blog-thumb {
            height:370px;
        }
        #macintosh-safari #grid-block .grid-block {
            height: 350px;
        }
    }
    @media screen and (max-width:991px) {
        #macintosh-safari #grid-block .grid-block {
            height: auto;
        }
        #macintosh-safari #form-data .white-bg  {
            height: auto;
        }
    }
    @media screen and (max-width:767px) {
        #macintosh-safari .blog-cards-slider .single-post-content, #macintosh-safari .blog-cards-slider .single-blog-thumb {
            height:auto;
        }
        #macintosh-safari #grid-block .grid-block {
            height: auto;
        }
        #macintosh-safari #form-data .white-bg {
            height: auto;
        }
        #macintosh-safari #announcement-menu {
            height: auto;
        }
    }


/***********************************/
/************  HYCU PRODUCT
/************************************/
.page-template-template-hycu #checkpoints-product .gry-bg {
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
}
.page-template-template-hycu #checkpoints-product .gry-bg {
    color:#fff;
}
.page-template-template-hycu #checkpoints-product .gry-bg h2 {
    color:#fff;
}
.page-template-template-hycu #checkpoints-product .checkpoint-box {
    background: #f5f5f5
}
.page-template-template-hycu #checkpoints-product .checkpoint-box h3 {
    color: #7530f0;
}
.page-template-template-hycu #checkpoints-product .checkpoint-box:hover {
    background-color: #f5f5f5;
    color: #000;
}
.page-template-template-hycu .checkpoint-box:hover h3 {
    color: #7530f0;
}
.page-template-template-hycu .checkpoint-box:hover .check-icon, .page-template-template-hycu .checkpoint-box .check-text {
    color: #000000;
}
#checkpoints-product .owl-carousel .owl-item img {
    width: auto;
    margin: 0 auto;
}
.checkpoint-custom-images {
   padding: 50px 0 20px; 
   overflow: hidden;
}
#right-header {
    bottom: 0;
    color: #ffffff;
    position: absolute;
    text-align: center;
}
.page-id-15642 .right-header-title {
    padding: 20px 40px 20px;
}
.page-id-15642 .right-header-content img {
    max-width: 230px;
}
.page-id-15642 .right-header-content {
    padding: 25px 40px;
}    
.right-header-title {
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
    padding: 15px 60px 20px;
}
.right-header-title h2 {
    font-size: 22px;
    margin: 0;
}
.right-header-content {
    padding:25px 60px;
    background:#f5f5f5;
}
.right-header-content p {
    font-size: 18px;
    font-weight: 300;
    font-family: "Muli",sans-serif;
    line-height: 1.4;
    color: #000000;
}
.right-header-content img {
    padding-bottom: 20px;
    padding-top: 10px;
}
.right-header-content button.purple {
    padding: 5px 30px;
}
.right-header-content a {
    display: inline-block;
}
.page-template-template-hycu .box-right {
     margin-top: -18%;
}
.page-template-template-hycu #right-header button.purple {
    background: #7530f0;
    border: 2px solid #7530f0;
    color:#fff;
}
.page-template-template-hycu #right-header button.purple:hover {
    background: transparent;
    border: 2px solid #7530f0;
    color:#7530f0;
}
#testimonial-slider img {
    margin: 0 auto;
    display: block;
    padding-bottom: 40px;

}
#monitoring-data-tab li div {
    position: absolute;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 90%;
    z-index: 10;
}
#monitoring-data-tab {
    padding-top: 75px;
    border:0;
}
#monitoring-data-tab li div h2 {
    font-size: 48px;
    font-weight: 300;
    color:#fff;
    line-height: 1;
    margin: 0;
    padding-bottom: 55px;
}
#monitoring-data-tab li div h3 {
    font-size: 30px;
    font-weight: 300;
    color: #fff;
    margin: 0;
    padding-bottom: 80px;

}
#monitoring-data-tab button.white {
    padding: 9px 45px;
}
.home-tab-table {
    display: table;
    width: 100%;
    padding-top: 40px;
}
.home-tab-table-left {
    display: table-cell;
    width: 50%;
    padding-left: 20%;
    vertical-align: top;
}
.home-tab-table-left p {
    max-width: 365px;
    width: 100%;
    font-size: 16px;
    line-height: 1.6;
}
.home-tab-table-left h3 {
    font-size: 30px;
    font-weight: 300; 
    margin: 0;
    padding-bottom: 30px;
    padding-top: 15px;
}
.home-tab-table-right {
    display: table-cell;
    width: 50%;
    vertical-align: bottom;
}
.home-tab-table-left .main-tab-readmore {
	padding-top: 30px;
    color: #7530f0;
}
.home-tab-table-left .main-tab-readmore a:hover {
	color: #000;
}
#twitterfeed h2 {
	text-align:center;
	color:#fff;
	padding-bottom: 30px;
	font-size: 36px;
}
#monitoring-data-tab > li > a > img {
	max-width: 100%;
	z-index: 2;
}
.tab-img-active {
	position: absolute;
	top:0;
	z-index: 1;
	display: none;
}
/*#monitoring-data-tab > li:hover .tab-img-active{
	display: block;
}*/ 
.active .tab-img-active {
	display: block !important;
}
#monitoring-data-tab li.active {

}
#monitoring-data-section .active {

}
#request-demo-content .first_title_side span {
	line-height: 1.2;
}

/*****FEDERAL PAGE *****/
.header-big-federal {
    height: 500px;
}
.right-header-federal {
    bottom: -30px;
    position: absolute;
    text-align: left;
    background: #f9f9f9;
    width: 100%;
}
.right-header-federal .federal-table-header {
    color: #666766;
    font-size: 19px;
    width: 100%;
    display: table;
}
.right-header-federal .federal-table-header:first-child {
    border-top: 1px solid #747474;
}
.right-header-federal .federal-table-header {
    border-bottom: 1px solid #747474;
}
.right-header-federal .federal-table-header-left {
    font-weight: 700;
}
.right-header-federal .federal-table-header-left, .right-header-federal .federal-table-header-right {
    padding: 10px 0;
}
.federal-table[dir="rtl"] .federal-table-right {
    text-align: right;
}
.right-header-federal {
    padding: 30px;
}
.page-template-page-hycu-beta-afs .text-section .container-landing {
    padding-bottom: 200px;
}
.page-template-page-federal .provider-block .provider-logo-box {
    background: #fff;
}
.federal-superior2 {
    background: #f5f5f5;
}
.federal-superior, .federal-superior2, .federal-superior3 {
    padding: 80px 0;
}
.federal-superior h2, .federal-superior2 h2, .federal-superior3 h2 {
    text-align: center;
    margin-bottom: 40px;
} 
.right-header-hederal 
.federal-table {
    display: table;
    width: 100%;
}
.federal-table-header {
    display: table;
    width: 100%;
}
.federal-table-left, .federal-table-header-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}
.federal-table-left img {
    margin: 0 auto;
}
.federal-table-right, .federal-table-header-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    padding: 0 50px;
}
.federal-table-right .textmedia-introtext p {
    padding-bottom: 10px;
}
.federal-table-right > p {
    margin-bottom: 20px;
}
.federal-icons-table {
    display: table;
    width: 100%;
    margin: 20px 0;
}
.federal-icons-table-left {
    width: 87%;
    display: table-cell;
    padding: 0 18px;
    font-size: 18px;
    line-height: 1.5;
}
.federal-icons-table-right {
    width: 13%;
    display: table-cell;
    vertical-align: top;
}
.federal-section2 h2 {
    text-align: center;
    margin-bottom:30px;
}
.federal-section3-table .white {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    background: transparent;
    border: 2px solid #ffffff;
    color: #ffffff;
    margin-top: 40px;
}
.federal-section3-table .white:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: #ffffff;
    border-color: #ffffff;
    color: #1f2134;
}
.federal-section3-inner {
    padding: 60px 0;
}
.federal-icons-table[dir='ltr'] p {
    text-align: right;
}
.federal-section2 {
    background: #f5f5f5;
    padding: 70px 0;
}
.federal-icons-table-right img {
    padding-top: 10px;
}
.federal-section3-table {
    width: 100%;
    display: table;
}
.federal-section3-table-right {
    width: 50%;
    display: table-cell;
    background: #212134;
}
.federal-section3-table-left {
    background: #7530f0;
    width: 50%;
    display: table-cell;
}
.federal-section3-table {
    text-align: center;
    color:#fff;
}
.federal-section3-table h2 {
    color:#fff;
    font-size: 30px;
    margin: 0 0 20px;
}
.federal-section3-table h3 {
    color:#fff;
    font-size: 22px;
}
.federal-section3-inner {
    margin: 0 auto;
    max-width: 430px;
}
.page-template-page-federal .provider-block .provider-logo-box img {
    width:  auto;
}
.page-template-page-federal .header-big {
    height: 500px;
    margin-top: 95px;
    padding: 0 !important;
}
.federal-agencies-box {
    text-align: center;
    padding: 20px 0;
}
.federal-agencies-box img{
    margin: 0 auto;
}
.federal-agencies .col-md-5ths {
    border-right:1px solid #828282;  
}
.federal-agencies .col-md-5ths:nth-child(n+6) {
    border-top:1px solid #828282;
}
.federal-agencies .col-md-5ths:nth-child(5n) {
    border-right:0;
}
.federal-agencies .col-md-5ths:nth-last-child(2) {
    border-right:0 !important;
}
.header-big-federal .header-title h1 {
    position: absolute;
    top: 50%;
    transform: translateY(50%);
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
}
#load-more-button {
    margin-top: 60px;
}
.federal-agencies {
    padding: 80px 0 100px;
}
.page-id-8042 .super-backup-main-banner-img .header-big {
    padding-top: 1px !important;
}
@media screen and (min-width: 1921px) {
	#monitoring-data-tab > li img {
		width: 100%;
		height: auto;
	}
}
@media screen and (max-width: 1500px) {
	#monitoring-data-tab li div h2 {
		font-size: 45px;
		padding-bottom: 45px;
	}
	#monitoring-data-tab li div h3 {
		font-size: 28px;
		padding-bottom: 60px;
	}
	.home-tab-table-left {
		padding-left: 10%;
	}
	.home-tab-table-left p {
		max-width: 470px;
	}
}
@media screen and (max-width: 1199px) {
    .page-template-template-hycu .right-header-title {
        padding: 15px 30px 20px;
    }  
    .page-template-template-hycu .right-header-content {
        padding: 25px 28px;
    }
    #monitoring-data-tab li div h2 {
		font-size: 40px;
		padding-bottom: 45px;
	}
	#monitoring-data-tab li div h3 {
		font-size: 25px;
		padding-bottom: 60px;
	}
	.home-tab-table-left {
		padding-left: 3%;
		padding-bottom: 30px;
	}
	.home-tab-table-left p {
		max-width: 470px;
	}
    .right-header-federal .federal-table-header{
        font-size: 18px;
    }
    .federal-section3-table-left, .federal-section3-table-right {
        display: block;
        width: 100%;
    }
    .header-top-area>div {
        padding-left: 10px;
        padding-right: 10px;
    }
    .announcement-top>div {
        display: inline-block;
        vertical-align: middle;
        padding: 0 10px;
    }
}
@media screen and (max-width: 991px) {
    .page-template-template-hycu .checkpoint-custom-images img {
        margin-bottom:30px;
    }
    .page-template-template-hycu #right-header {
        position: relative;
    }
    .page-template-template-hycu .header-cta-ann-col {
        height: auto;
    }
    .page-template-template-hycu .header-big-inner-overlay {
        padding: 20px 0 40px;
    }
    #main-tab-accordion {
    	padding-top: 95px;
    }
    .home-tab-table-left {
    	display: block;
    	width: 100%;
    	padding-left: 15px;
    	padding-right: 15px;
    }
    .home-tab-table-right {
    	display: block;
    	width: 100%;
    	padding-left: 15px;
    }
    .home-tab-table {
    	padding-top: 10px;
   	}
   	.home-tab-table-left p {
    	max-width: 100%;
	}
	#monitoring-data-tab li div h2 {
	    font-size: 35px;
	    padding-bottom: 15px;
	}
	#monitoring-data-tab li div h3 {
	    font-size: 22px;
	    padding-bottom: 30px;
	}
	#monitoring-data-tab li div {
		width: 98%;
	}
	#monitoring-data-section .tab-content .tab-pane .col-md-4 {
		border:0;
	}
    .page-template-page-federal .header-big {
        background-image: none !important;
        background-color:#7530f0;
    }
    .right-header-federal {
        position: relative;
    }
    .header-big-federal {
        height: auto;
    }
    .page-template-page-federal .header-cta-ann-col {
        height: auto;
    }
    .header-big-federal {
        padding: 10px 0 35px;
    }
    .federal-table-left, .federal-table-right {
        display: block;
        width: 100%;
    }
    .federal-table-right {
        padding-top: 30px;
    }
    .header-big-federal .header-title h1 {
        position: relative;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
    }
    .page-template-page-federal .header-big {
        height: auto;
    }
    .federal-agencies .col-md-5ths:nth-child(n+4) {
    	border-top:1px solid #828282;
	}
	.federal-agencies .col-md-5ths:nth-child(3n) {
    	border-right:0;
	}
	.federal-agencies .col-md-5ths:nth-child(5n) {
    	border-right: 1px solid #828282;
    }
}

@media screen and (max-width: 767px) {
	#main-tab-accordion {
    	padding-top: 55px;
    }
    .home-tab-table-left h3 {
    	font-size: 22px;
    }
    .home-tab-table-left p {
    	font-size: 14px;
	}
	#monitoring-data-tab > li {
		width: 100%;
	}
	#monitoring-data-tab {
	    border: 0 none;
	    padding-top: 55px;
	}
	#twitterfeed h2 {
		font-size: 30px;
	}
    .federal-table-right, .federal-table-header-right {
        padding: 30px 10px 0;
    }
    .header-big-federal h1 {
        font-size: 32px;
    }
    .right-header-federal .federal-table-header {
        font-size: 15px;
    }
    .federal-superior, .federal-superior2, .federal-superior3, .federal-section2 {
        padding: 50px 0;
    }
    .federal-superior br, .federal-superior2 br, .federal-superior3 br, .federal-section2 br {
        display: none !important;
    }
    .federal-icons-table-left {
        padding: 0px 14px;
    }
    .cta_text h3 {
        color: #ffffff;
        text-align: center;
    }
    .federal-agencies {
        padding: 50px 0;
    }
    .federal-agencies h2 {
        font-size: 28px;
    }
    .federal-agencies .col-md-5ths:nth-child(n+3) {
    	border-top:1px solid #828282;
	}
	.federal-agencies .col-md-5ths:nth-child(3n) {
    	border-right:1px solid #828282;
	}
	.federal-agencies .col-md-5ths:nth-child(2n) {
    	border-right:0;
	}
	.federal-agencies .col-md-5ths:nth-child(5n) {
    	border-right: 0;
	}
    .federal-agencies .col-md-5ths:nth-child(5) {
        border-right:1px solid #828282;
    }
    .federal-agencies .col-md-5ths:nth-child(15) {
        border-right:1px solid #828282;
    }
    .federal-agencies .col-md-5ths:nth-last-child(3) {
        border-bottom:1px solid #828282;
    }
    .page-template-page-federal .header-big {
        margin-top: 55px;
    }
    .right-header-title h2 {
        font-size: 20px;
    }
    #right-header {
        left:0;
    }
    .header-big h1 {
        font-size: 28px;
    }
    .header-big h2 {
        font-size: 21px;
    }
    
}
@media screen and (max-width: 600px) {
	#monitoring-data-tab li div h2 {
	    font-size: 28px;
	    padding-bottom: 20px;
	}
	#monitoring-data-tab li div h3 {
	    font-size: 18px;
	    padding-bottom: 30px;
	}
	#monitoring-data-tab button.white {
    	padding: 6px 35px;
	}
	.m_d-content-container {
	    padding-bottom: 60px;
	    padding-top: 50px;
	}
}

.g-recaptcha {
    margin: 0 auto;
    max-width: 305px;
    margin-top: 10px;
}


/***********************************/
/************  OMC PRODUCT
/************************************/

.page-template-template-omc .grid-check-block .grid-check-title {
    width: 80%;
}

.page-template-template-omc #grid-block .gry-bg {
	background:#fff;
}
.page-template-template-omc .g-recaptcha, .page-template-template-data-protection .g-recaptcha, .page-template-template-services .g-recaptcha {
	margin-left: 0;
}

/***********************************/
/************  social responsibility 
/************************************/
.responsibility-right-table {
    display: table;
    width: 100%;
}
.responsibility-table-left {
    display: table-cell;
    width: 50%;
    background:#202133;
    vertical-align: middle;
    padding: 25px 30px;
}
.responsibility-table-right {
    display: table-cell;
    width: 50%;
    position: relative;
    background-size: cover !important;
    background-position: -50px center !important;
    background-repeat: no-repeat !important;
}
.responsibility-table-left img {
    margin-bottom: 20px;
    max-width: 100px;
}
.responsibility_title {
    margin-bottom: 47px;
    margin-top: 20px;
}
.responsibility_title p {
    color: #fff;
    font-size: 20px;
    line-height: 1.35;
}
.responsibility_text p {
    color: #fff;
    font-size: 14px;
}
.responsibility-table-right img {
    position: absolute;
    bottom: 30px;
    right: 30px;
}
.responsibility-right-table:first-child {
    margin-bottom: 30px;
}

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

.col-xs-5ths {
    width: 20%;
    float: left;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 33%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }
}

@media screen and (max-width: 1199px) {
    .responsibility_title {
        margin-bottom: 18px;
        margin-top: 0;
    }
    .responsibility-table-right { 
        background-position: center center !important;
    }
} 
@media screen and (max-width: 991px) {
    .full-image {
        width: 100%;
    }
}
@media screen and (max-width: 600px) {
    .responsibility-table-left, .responsibility-table-right {
        display: block;
        width: 100%;
    }
    .responsibility-table-right {
        min-height: 300px;
    }
}
@media screen and (max-width: 480px) {
    .responsibility-table-right {
        min-height: 250px;
    }
}

input.hs-input, select.hs-input {
    border: 0px !important;
    border-bottom: 1px solid #a7a9ac !important;
    padding: 10px 0 !important;
    width: 100% !important;
    box-shadow:none !important;
    border-radius: 0 !important;
}
select.hs-input, input.hs-input[type="file"] {
    height: 40px !important;
}
.hs-button[type="submit"] {
    background: transparent !important;
    border: 2px solid #7530f0 !important;
    color: #7530f0 !important;
    display: block !important;
    margin: 0 auto !important;
    font-size: 12px !important;
    padding: 7px 30px !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    font-weight: 600 !important;
    box-shadow: none !important;
    text-shadow: none !important;
}
.hs-button[type="submit"]:hover {
    background: #7530f0 !important;
    border: 2px solid #7530f0 !important;
    color: #ffffff !important;
    transition: .5s !important;
    -webkit-transition: .5s !important;
    -ms-transition: .5s !important;
}
.hs-error-msgs label {
    color:red !important;
}

.hbspt-form .submitted-message {
    font-size: 22px !important;
    padding: 40px 0 !important;
}
.hs-form-radio-display input[type="radio"] {
    width: auto !important;
}


.text-section ul li::before, .text-section ol li::before {
    background: rgba(0, 0, 0, 0) url("images/checkmark.svg") no-repeat scroll 0 0 / 20px 22px;
    content: "";
    left: -10px;
    padding-right: 20px;
    position: relative;
    top: 5px;
}

/* CHECKBOX AND RADIO */
  .checkbox-custom, .radio-custom {
      opacity: 0;
      position: absolute;
  }
  .radio-custom-label, .checkbox-custom-label {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    font-weight: normal;
    display: block;
    width: 100%;
  }
  .checkbox-custom-label, .radio-custom-label {
      display: inline-block;
      vertical-align: middle;
      margin: 5px;
      cursor: pointer;
  }

  .checkbox-custom-label, .radio-custom-label {
      position: relative;
  }

  .checkbox-custom + .checkbox-custom-label:before, .radio-custom + .radio-custom-label:before {
      content: '';
      background: #fff;
      border: 2px solid #ccc;
      display: inline-block;
      vertical-align: middle;
      width: 25px;
      height: 25px;
      padding: 2px;
      margin-right: 10px;
      text-align: center;
  }

  .radio-custom + .radio-custom-label:before {
     border: 1px solid #ccc;
  }

  .checkbox-custom:checked + .checkbox-custom-label:before {
      background: #11a3cc;
      box-shadow: inset 0px 0px 0px 4px #fff;
      border: 2px solid #ccc;
  }

  .radio-custom + .radio-custom-label:before {
      border-radius: 50%;
  }

  .radio-custom:checked + .radio-custom-label:before {
      background: #11a3cc;
      box-shadow: inset 0px 0px 0px 4px #fff;
      border: 1px solid #ccc;
  }


/* HYCU NEW */  
#video-wrap {
    position: relative;
    background-size: cover !important;
    background-repeat: no-repeat !important;
} 
.home-banner-text {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    left: 50%;
    top: 47%;
    position: absolute;
    text-align: center;
    min-height: 300px;
    max-width: 800px;
}
.home-banner-text h2 {
    font-size: 74px;
    color: #7430F0;
    font-weight: 300;
    margin-bottom: 30px;
}
.home-banner-text p {
    font-size: 24px;
    color: #32334A;
    line-height: 1.4;
}
.home-banner-text img {
    max-width: 250px;
}
#home-video {
    width: 100%;
    height: 510px;
    object-fit: cover;
    font-family: 'object-fit: cover;';
    display: block;
}
#home-video-hycu {
    margin-top: 95px;
}
.home-tab-boxes {
    background: #dcd9d7;
    color: #1e2234;
}
.home-tab-boxes.active {
    background: #1e2234;
    color: #fff;
}
#monitoring-data-tab-hycu > li {
    padding: 60px 80px;
    text-align: left;
    line-height: 1.5;
    min-height: 210px;
}
button.hycu-button {
    display: inline-block;
    font-size: 12px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    background: transparent;
    border: 2px solid #1e2234;
    background: #1e2234;
    color: #fff;
    min-width: 180px;
}
.active button.hycu-button {
    display: inline-block;
    font-size: 12px;
    padding: 10px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    background: transparent;
    border: 2px solid #dcdad5;
    background: #dcdad5;
    color: #1e2234;
}
.cta_btn_home {
    padding-top: 15px;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.legal-consent-container p {
    font-size:10px !important;
    line-height:1.3 !important;
    padding-bottom:0 !important;
    text-align:left !important;
    margin-top:20px;
}
.legal-consent-container {
    font-size:10px !important;
    line-height:1.3 !important;
    padding-bottom:0 !important;
    text-align:left !important;
}
.info-link {
    text-align:center;
    margin-top: 40px;
}
.info-link button.green-full {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: none;
    border-radius: 50px;
    border: 2px solid #1cd199;
    border-top-color: rgb(28, 209, 153);
    border-right-color: rgb(28, 209, 153);
    border-bottom-color: rgb(28, 209, 153);
    border-left-color: rgb(28, 209, 153);
    background: #1cd199;
    color: #ffffff;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
}    
.info-link button.green-full:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: none;
    border-radius: 50px;
    transition: .5s;
    background: transparent;
    border-color: #1cd199;
    color: #1cd199;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
}
@media screen and (max-width:1500px) {
    #monitoring-data-tab-hycu > li {
        padding: 50px 35px 50px 16px;
    }
    .home-text-animate br {
        display: none;
    }
}
@media screen and (max-width:1199px) {
    .home-banner-text h2 {
        font-size: 60px;
    }
    #monitoring-data-tab-hycu > li {
        padding: 30px !important;
    }
}
@media screen and (max-width:991px) {
    .home-banner-text h2 {
        font-size: 50px;
    }
    .home-banner-text p {
        font-size: 20px;
    }
    #monitoring-data-tab-hycu > li {
        padding: 20px !important;
    }
    .announcement-bar {
        display: none;
    }
}
@media screen and (max-width:767px) {
    #video-wrap {
        min-height: 350px;
    }
    .home-banner-text h2 {
        font-size: 30px;
    }
    .home-banner-text p {
        font-size: 16px;
    }
    .home-banner-text {
        width: 95%;
    }
    #home-video-hycu {
        margin-top:55px;
    }
    #monitoring-data-tab-hycu > li {
        width: 100%;
    }
}
.technical-logo {
    position: absolute;
    top: 95px;
    left: 0;
}

.technical-logo img {
    max-width: 220px;
}

.page-id-9760 .right-header-content button {
    background: #7530f0;
    color: #fff;
}

.page-id-9760 .right-header-content button:hover {
    border-color: #7530f0;
    background: transparent;
    color: #7530f0;
}
.page-id-9760 .sticky-links {
    display: none;
}
@media screen and (max-width:1400px) {
    .page-id-9760 .header-big-inner-overlay .col-md-8 {
        margin-left: 70px;
    }
    .wr-megamenu-inner #announcement-menu h2 {
        font-size: 29px;
    }
}
@media screen and (max-width:1199px) {
    .wr-megamenu-inner #announcement-menu h2 {
        font-size: 23px;
    }
    .custom-img-menu img {
        max-width: 190px !important;
    }
    .wr-megamenu-container .wr-megamenu-inner a,
    .wr-element-submenu .block-sub-menu .submenu-items a {
        padding: 15px 10px !important;
    }
}


@media screen and (max-width:991px) {
    .header-big-inner-overlay {
        padding-bottom: 270px;
    }
}

@media screen and (max-width:767px) {
    .technical-logo {
        top: 55px;
    }
    .technical-logo img {
        max-width: 150px;
    }
    .page-id-9760 .header-big-inner-overlay .col-md-8 {
        margin-left: 0;
    }
    .page-id-9760 .header-big h1 {
        font-size: 28px;
    }
    .page-id-9760 .header-big h2 {
        font-size: 20px;
    }
    .page-id-9760 .header-big-inner-overlay {
        padding-bottom: 380px;
    }
    .page-id-9760 #right-header {
        left: 0;
    }
}
/*** DATASHEET BUTTON ***/

.hycu-datasheet-button {
    padding: 0 !important;
    display: inline-block !important;
    font-family: 'Open Sans', sans-serif !important;
    font-size: 16px !important;
    font-weight: 300 !important;
    line-height: 1 !important;
    background: transparent !important;
    transition: all .0s ease !important;
    -moz-transition: all .0s ease !important;
    -webkit-transition: all .0s ease !important;
    -o-transition: all .0s ease !important;
}

.hycu-datasheet-button:hover {
    background: #fff !important;
    color: #7530f0 !important;
}

.dwn-btn i+p {
    display: inline-block !important;
    margin-bottom:0 !important;
}

.dwn-btn:hover a {
    color: #7530f0 !important;
}
/*****TRYHYCU NEW*****/

.tryhycu-header {
    padding: 0 20px;
}

.tryhycu-header .text-right {
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 600;
    padding-top: 15px;
}

.tryhycu-why-section {
    text-align: center;
    padding: 80px 0;
}

.tryhycu-why-section h2 {
    color: #9013FE;
    font-size: 28px;
    line-height: 1.25;
    margin: 0 0 30px;
}

.tryhycu-why-section h3 {
    color: #32334A;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.278;
    margin: 0 0 30px;
}

.tryhycu-why-section p {
    color: #32334A;
    font-size: 14px;
    line-height: 1.57;
    margin-bottom: 20px;
}

.tryhycu-why-section .checkpoint-custom-images {
    clear: both;
}

.tryhycu-faq-section {
    padding: 80px 0 30px;
    background: #1f2133;
    text-align: center;
    color: #fff;
}

.tryhycu-faq-section h2 {
    color: #FFFFFF;
    font-size: 28px;
    letter-spacing: 0.51px;
    line-height: 1.14;
    margin: 0 0 33px;
}

.tryhycu-faq-section h3 {
    color: #fff;
    font-size: 18px;
    font-family: 'Open Sans', sans-serif;
    letter-spacing: 0.51px;
    line-height: 1.278;
    margin: 0 0 15px;
}

.tryhycu-faq-section p {
    font-size: 14px;
    line-height: 1.57;
    letter-spacing: 0.51px;
}

.tryhycu-faq-section a {
    color: #7530f0;
}

.tryhycu-questions {
    margin-bottom: 50px;
}

.tryhycu-bottom-form {
    padding: 80px 0;
    background: #7633ee;
}

.tryhycu-form {
    max-width: 510px;
}
.tryhycu-bottom-form .tryhycu-form {
    margin: 31px auto 0;
}

.tryhycu-bottom-form h2 {
    color: #ffffff;
    font-size: 28px;
    line-height: 1.25;
    text-align: center;
    margin: 0 0 5px;
}

.tryhycu-bottom-form h3 {
    color: #ffffff;
    font-size: 18px;
    line-height: 1.28;
    text-align: center;
    margin: 0 0 5px;
}

.tryhycu-form .legal-consent-container p {
    color: #ffffff;
    font-size: 10px;
    line-height: 13px;
}

.tryhycu-form label {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.28;
    padding-bottom: 12px;
}

.tryhycu-form form {
    display: flex;
    flex-wrap: wrap;
}

.tryhycu-form form>div {
    float: left;
    width: 48%;
    margin-bottom: 23px;
}
.tryhycu-form form>div:nth-child(7) {
    width: 100%;
}
.tryhycu-form form>div:nth-child(2n+1) {
    padding-right: 28px;
}

.tryhycu-form form>div:nth-last-child(3) {
    float: none;
    width: 100%;
    clear: both;
    padding: 0;
}

.tryhycu-form form>div.legal-consent-container {
    float: none;
    width: 100%;
    clear: both;
    padding: 0;
}

.tryhycu-form input {
    border-radius: 3px !important;
    background-color: #FFFFFF;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
    padding: 10px !important;
    height: 45px;
}

.tryhycu-form select {
    border-radius: 3px !important;
    background-color: #FFFFFF;
    box-shadow: 0 2px 20px rgba(0, 0, 0, 0.03);
    background-image: url(images/tryhycu-arrow-select.png);
    padding: 10px !important;
    background-size: 23px;
    background-position: center right 7%;
    height: 45px !important;
}

.tryhycu-form .hs-error-msgs label {
    font-size: 12px;
    margin-bottom: 0;
    padding-bottom: 0;
}

.tryhycu-form ul {
    list-style-type: none;
}

.tryhycu-form input[type="checkbox"], .tryhycu-form input[type="radio"] {
    height: 20px;
    margin-left: 5px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 1;
    width: auto !important;
    cursor: pointer;
}

.tryhycu-form input[type='checkbox']+span::before, .tryhycu-form input[type="radio"]+span::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    border-radius: 50%;
    top: -2px;
    position: relative;
}

.tryhycu-form input[type='checkbox']:checked+span::before, .tryhycu-form input[type="radio"]:checked+span::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
}

.tryhycu-form input[type='checkbox']+span {
    position: relative;
}

.tryhycu-form input[type='checkbox']:checked+span::after, .tryhycu-form input[type="radio"]:checked+span::after {
    top: 4px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    content: "";
}

.tryhycu-new-banner-form .tryhycu-form input[type='checkbox']:checked+span::after {
    top: 4px;
}

.tryhycu-form .hs-form-checkbox {
    width: 50%;
    float: left;
}

.tryhycu-form .multi-container {
    overflow: hidden;
    padding-top:3px;
}

.tryhycu-form .hs-form-checkbox-display {
    padding-bottom: 0;
}

.tryhycu-form .hs-fieldtype-checkbox>label {
    padding-bottom: 8px;
}

.tryhycu-form .hs-submit input {
    display: block !important;
    padding: 10px 56px !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
    border-radius: 50px !important;
    transition: .5s !important;
    background-color: #4CBE8E !important;
    color: #fff !important;
    text-align: center !important;
    border: 1px solid #4CBE8E !important;
    height: auto;
}

.tryhycu-form .hs-submit input:hover {
    border: 1px solid #4CBE8E !important;
    background-color: #fff !important;
    color: #4CBE8E !important;
}

.tryhycu-new-banner {
    background-size: cover !important;
    margin-top: 55px;
    padding: 45px 0;
    position: relative;
    overflow: hidden;
}

.tryhycu-new-banner h2,
.tryhycu-new-banner h3 {
    text-align: center;
    color: #fff;
}

.tryhycu-new-banner-form {
    max-width: 510px;
}

.tryhycu-new-banner-form h1 {
    color: #ffffff;
    font-size: 34px;
    font-weight: 600;
    line-height: 1.27;
    text-align: center;
    margin: 0 0 15px;
}

.tryhycu-new-banner-form h3 {
    color: #ffffff;
    font-size: 19px;
    font-weight: 600;
    line-height: 1.26;
    text-align: center;
    margin: 0 0 20px;
}

.tryhycu-right {
    position: absolute;
    right: -215px;
    bottom: 0;
}

.tryhycu-play {
    position: absolute;
    top: 50%;
    left: 45%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.tryhycu-right-mob {
    padding: 20px 10px 0;
    position: relative;
}

.tryhycu-right-mob img {
    display: block;
    margin: 0 auto;
}

.footer-bottom-tryhycu {
    padding-bottom: 30px;
}

.tryhycu2-new-banner-form {
    margin: 0 auto;
}

.tryhycu2-why-section {
    background: #f5f5f5;
}

.tryhycu-form form .hs_submit {
    margin-bottom: 0;
    float:none;
    width:100%;
}
.tryhycu-form form>.hs_error_rollup {
    width: 100%;
}
.legal-consent-container~.hs_recaptcha {
    margin-top: 0 !important;
}
.tryhycu-tech-spec {
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
    padding: 80px 0 65px;
    position: relative;
    overflow: hidden;
}
.page-template-page-tryhycu-google .tryhycu-tech-spec {
    background: #fff;
}  
.page-template-page-tryhycu-google .tryhycu-tech-spec h2, .page-template-page-tryhycu-google .tryhycu-tech-spec ul li {
    color: #333333;
}
.page-template-page-tryhycu-google .tryhycu-tech-spec ul li {
    list-style-type:disc;
}
.tryhycu-tech-spec .tryhycu-monitor-right {
    top: 32px;
    right: 0;
    position: absolute;
}
.page-template-page-tryhycu-google .tryhycu-tech-spec .tryhycu-play {
    top: 50%;
}
.tryhycu-tech-spec .tryhycu-play {
    position: absolute;
    top: 33%;
    left: 50%;
}

.tryhycu-tech-spec h2 {
    font-size: 22px;
    line-height: 1.45;
    color: #fff;
    margin: 0 0 30px;
}

.tryhycu-tech-spec ul li {
    list-style-type: none;
    font-size: 14px;
    line-height: 22px;
    color: #fff;
    margin-bottom: 15px;
}
.info-link button.purple-full {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #7530f0;
    background: #7530f0;
    color: #ffffff;
}

.info-link button.purple-full:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: transparent;
    border-color: #7530f0;
    color: #7530f0;
}
@media screen and (max-width: 1350px) {
    .tryhycu-tech-spec .col-md-5 {
        max-width: 360px;
    }
    .tryhycu-new-banner-form h1 {
        font-size: 31px;
    }
    .tryhycu-new-banner {
        margin-top: 40px;
    }
    .tryhycu-form form>div {
        margin-bottom: 15px;
    }
    .tryhycu-new-banner-form h3 {
        margin: 0 0 15px;
    }
}

@media screen and (max-width: 1199px) {
    .tryhycu-play {
        left: 50%;
    }
    .tryhycu-new-banner-form {
        margin: 0 auto;
    }
    .tryhycu-tech-spec .col-md-5 {
        max-width: 100%;
        text-align: center;
    }
}

@media screen and (max-width: 991px) {
    .checkpoint-custom-images img {
        padding-bottom: 35px;
    }
}

@media screen and (max-width: 767px) {
    .tryhycu-form form>div {
        width: 100%;
        float: none;
        padding-right: 0 !important;
        margin-bottom: 15px;
    }
    .tryhycu-new-banner-form {
        max-width: 510px;
        margin: 0 auto;
    }
    .tryhycu-form select {
        background-position: center right 4%;
    }
    .tryhycu-new-banner-form h1 {
        font-size: 30px;
    }
    .tryhycu-new-banner-form h1 br {
        display: none;
    }
    .tryhycu-new-banner {
        padding: 30px 0;
    }
    .tryhycu-new-banner .container {
        padding: 0 25px;
    }
    .tryhycu-form .hs-submit input {
        padding: 10px 35px !important;
    }
    .tryhycu-play {
        left: 50%;
    }
    .tryhycu-why-section {
        text-align: center;
        padding: 20px 0;
    }
    .tryhycu-why-section h2,
    .tryhycu-faq-section h2 {
        font-size: 22px;
    }
    .checkpoint-custom-images {
        padding: 20px 0;
    }
    .tryhycu-faq-section {
        padding: 60px 0 20px;
    }
    #partners .section-title {
        margin-bottom: 0;
    }
    .tryhycu-bottom-form {
        padding: 48px 0;
    }
    .tryhycu-bottom-form h2 {
        padding-bottom: 15px;
    }
    .footer-copyright-menu ul li {
        padding-left: 0;
    }
    .tryhycu-tech-spec {
        text-align: center;
        padding: 50px 0;
    }
    .tryhycu2-why-section {
        padding: 45px 0 30px;
    }
    .tryhycu-different {
        padding-top: 45px;
    }
    .tryhycu2-new-banner {
        padding-bottom: 45px;
    }
}

@media screen and (max-width: 600px) {
    .tryhycu-form input[type="checkbox"]:checked+span::after {
        top: 5px;
    }
}

.benefits-text li::before {
    content: url('images/checkmark.svg');
    display: inline-block;
    width: 20px;
    height: 20px;
    padding-right: 20px;
    padding-right: 5px;
}
.benefits-text li {
    list-style-type: none;
}
.benefits-text a {
    color: #7530f0;
}
.page-id-10316 #grid-block .col-md-6:first-child .grid-check {
    display: none;
}

.page-id-10316 #grid-block .col-md-6:first-child .grid-check-block {
    margin-top: 10px;
    margin-left: 25%;
}
.page-id-10316 .padding-top-0 {
    padding-top: 50px;
}

.page-id-10316 .grid-text .green-full {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #1cd199;
    border-top-color: rgb(28, 209, 153);
    border-right-color: rgb(28, 209, 153);
    border-bottom-color: rgb(28, 209, 153);
    border-left-color: rgb(28, 209, 153);
    background: #1cd199;
    color: #ffffff;
    margin-top: 30px;
}

.page-id-10316 .grid-text .green-full:hover {
    display: inline-block;
    font-size: 12px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    transition: .5s;
    background: transparent;
    border-color: #1cd199;
    color: #1cd199;
}
.mobile-menu-button {
    margin-top: -42px;
    float: right;
    margin-right: 50px;
}

@media screen and (max-width:767px) {
    .header-top-area>div {
        padding: 0;
    }

    .logo img {
        max-width: 150px;
    }

    .mobile-menu-button button.green-full {
        display: inline-block;
        font-size: 12px;
        padding: 2px 16px;
    }

    .navbar-toggle {
        margin-right: 5px;
    }
}
.page-template-template-free-trial-php .choose_product_block label[data-hash="hycu-for-gcp"] {
    display: none;
}
.page-template-template-free-trial-php .choose_product_block:nth-of-type(2) {
    display: none;
}
/******************
TRIAL PAGE
******************/
.trial-banner-table {
    display: table;
    width: 100%;
    padding-top: 55px;
}

.trial-banner-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background-size: cover !important;
}

.trial-banner-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: #7530F0;
    padding: 100px 15px;
}

.trial-banner-right .tryhycu-new-banner-form {
    margin: 0 auto;
}

.trial-banner-left h1 {
    text-align: center;
    font-size: 58px;
    line-height: 1.1;
    color: #FFFFFF;
    font-weight: 400;
    max-width: 580px;
    margin: 0 auto;
}

.trial-banner-left h1 span {
    display: block;
    margin-top: 70px;
}

.trial-banner-right .tryhycu-new-banner-form h3 {
    font-size: 16px;
}

.trial-banner-right .tryhycu-new-banner-form h2 {
    font-size: 26px;
    color: #fff;
    text-align: center;
    font-weight: 600;
    margin-top: 0;
}

.trial-banner-right .tryhycu-new-banner-form {
    max-width: 540px;
}

.trial-banner-right .tryhycu-form {
    max-width: 100%;
    padding-left: 15px;
}

.trial-page-bottom .tryhycu-bottom-form h2 {
    font-size: 30px;
}

.trial-page-bottom .tryhycu-bottom-form h3 {
    font-size: 15px;
}

.trial-why-table {
    display: table;
    width: 100%;
    text-align: center;
}

.trial-why-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: #F5F5F5;
    padding: 70px 15px;
}

.trial-why-right {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    background: #202233;
    color: #fff;
    padding: 70px 15px;
}

.trial-why-table h2 {
    font-size: 30px;
    margin: 0 auto 30px;
    max-width: 530px;
    line-height: 1.27;
}

.trial-why-table p {
    font-size: 16px;
    line-height: 1.625;
    max-width: 530px;
    margin: 0 auto;
}

.trial-why-right h2 {
    color: #fff;
}

.trial-tech-spec h2 {
    font-size: 30px;
}

.trial-tech-spec .tryhycu-tech-spec ul li {
    font-size: 16px;
}

.trial-tech-spec button {
    margin-top: 21px;
}

.trial-boxes {
    padding: 50px 0 30px;
}

.trial-boxes-table {
    display: table;
    width: 100%;
    background: #F5F5F5;
    text-align: center;
    padding: 25px;
    margin-bottom: 20px;
}

.trial-boxes-left {
    display: table-cell;
    width: 40%;
    vertical-align: center;
    border: 2px solid #7530F0;
}

.trial-boxes-left h3 {
    font-size: 22px;
    line-height: 1.27;
    margin: 47px 30px;
}

.trial-boxes-right p {
    font-size: 16px;
    line-height: 1.625;
}

.trial-boxes-right {
    display: table-cell;
    width: 60%;
    vertical-align: middle;
    padding: 0 30px;
}

.trial2-tech-spec .tryhycu-tech-spec p {
    color: #FFFFFF;
    font-size: 20px;
    line-height: 1.65;
    font-weight: 300;
    font-family: 'Open Sans', sans-serif;
}

.trial2-tech-spec .tryhycu-tech-spec h3 {
    color: #FFFFFF;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 28px;
}

.trial2-tech-spec .tryhycu-tech-spec .tryhycu-monitor-right {
    top: 0;
}

.tryhycu-tech-spec .tryhycu-play {
    top: 37%;
}

.trial2-tech-spec .tryhycu-tech-spec {
    padding: 58px 0;
}

.trial2-tech-spec .tryhycu-play {
    top: 50%;
}

.trial-need .item .img-holder span {
    font-weight: 400;
}

.trial-need .item .img-holder h3.small {
    font-weight: 400;
    width: 78%;
}

/****************************
    Customers Page
****************************/
.cs-banner {
    height: 520px;
    background-size: cover !important;
    background-position: center !important;
    position: relative;
    margin-top: 90px;
}

.cs-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}

.cs-banner-text h1 {
    color: #FFFFFF;
    font-size: 36px;
    line-height: 1.2;
    text-align: center;
}

.cs-banner-text h2 {
    color: #FFFFFF;
    font-size: 24px;
    line-height: 1.17;
    text-align: center;
}

.cs-video {
    padding: 55px 0;
}

.cs-video-table {
    display: table;
    width: 100%;
    background: #7532ee;
}

.cs-video-table-left {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
}

.cs-video-table-right {
    display: table-cell;
    width: 50%;
    position: relative;
    vertical-align: middle;
}

.cs-video-left-content {
    max-width: 520px;
    margin: 0 auto;
}

.cs-video-button {
    display: block;
    margin-top: 32px;
}

.cs-video-table-right .cs-img-video {
    width: 100%;
}

.customers-video-section .tryhycu-play {
    width: 76px;
}

.customers-video-section .customer-container {
    max-width: 1300px;
    margin: 0 auto;
}

.customers-video-section .customer-container a {
    position: relative;
}

.customers-video-section .tryhycu-play {
    left: 50%;
}

.cs-video h2 {
    color: #000000;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.125;
    text-align: center;
    margin: 0 0 55px;
}

.customers-video-section p {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
    margin-top: 16px;
    margin-bottom: 25px;
}

.equal-height {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    -webkit-justify-content: center;
    -ms-justify-content: center;
}

.cs-video-table-left p {
    color: #FFFFFF;
    font-size: 24px;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    line-height: 1.58;
}

.cs-video-table-left h3 {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin: 20px 0 0;
}

.cs-video-table-left h4 {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.5;
    margin: 0;
}

.cs-video-table-left p::before {
    content: url('images/customers/quote.png');
    display: block;
    text-align: center;
    margin-bottom: 37px;
}

.cs-video-button button {
    text-transform: none;
}

.cs-video-button button:hover {
    text-transform: none;
}

.cs-case h2 {
    color: #000;
    font-size: 30px;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 15px;
}

.cs-case img {
    max-width: 100%;
    height: auto
}

.cs-case .item .img-holder {
    position: relative;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    overflow: hidden;
}

.cs-case {
    background: #f7f8f8;
    padding: 40px 0 100px;
}

.cs-case .item {
    max-width: 360px;
    -webkit-box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    box-shadow: 0 0 20px rgb(0 0 0 / 10%);
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.cs-case .item span {
    position: absolute;
    top: -17px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #000;
    color: #fff;
    font-size: 12px;
    line-height: 15px;
    display: block;
    text-align: center;
    padding: 10px 20px;
    z-index: 1;
}

.cs-case .item .img-holder h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 800;
    line-height: 35px;
    text-align: center;
    margin: 0;
    width: 80%;
}

.cs-case .item .bottom {
    padding: 35px 20px;
    background: #fff;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
}

.cs-case .bottom h3 {
    color: #000000;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    margin-top: 0;
}

.cs-case .bottom p {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
}

.cs-case .item .img-holder h3.small {
    font-size: 20px;
    font-weight: 700;
    line-height: 1.3;
    text-align: center;
}

.cs-case .bottom a {
    text-transform: uppercase;
    color: #9013FE;
    font-size: 12px;
    letter-spacing: 1.6px;
    line-height: 2;
}


.cs-case .main-area {
    margin-top: 0
}

section.cs-case {
    background: #f7f7f7;
    padding-top: 50px;
}

.cs-see-hycu {
    padding: 67px 0;
    text-align: center;
}

.cs-see-hycu h2 {
    color: #000000;
    font-size: 32px;
    font-weight: 300;
    line-height: 1.22;
    margin: 0 0 26px;
}

.cs-see-hycu p {
    color: #645F56;
    font-size: 18px;
    font-weight: 300;
    font-family: 'Muli', sans-serif;
    margin-bottom: 25px;
}

.cs-see-hycu button,
.cs-see-hycu button:hover {
    text-transform: none;
}

.cs-see-hycu button {
    text-transform: none;
    margin: 0 8px;
}

.cs-see-buttons {
    padding-top: 25px;
}
.customers-grafic {
    padding: 40px 0 60px;
}
.customers-grafic h2 {
    padding-bottom: 30px;
}
.customers-grafic img {
    max-width: 460px;
    margin: 0 auto;
}
@media screen and (max-width: 1500px) {
    .trial-banner-right {
        padding: 70px 15px;
    }

    .trial-banner-left h1 {
        font-size: 55px;
    }

    .trial-tech-spec .tryhycu-tech-spec .col-md-5 {
        max-width: 400px;
    }

    .cs-banner-text {
        max-width: 730px;
        width: 100%;
    }
}

@media screen and (max-width: 1199px) {
    .trial-banner-left h1 {
        font-size: 48px;
    }

    .trial-tech-spec .tryhycu-tech-spec .col-md-5,
    .trial2-tech-spec .tryhycu-tech-spec .col-md-5 {
        max-width: 100%;
        text-align: center;
        width: 100%;
        margin-bottom: 50px;
    }

    .trial-tech-spec .tryhycu-right-mob,
    .trial2-tech-spec .tryhycu-right-mob {
        clear: both;
    }

    .trial-tech-spec .tryhycu-tech-spec .tryhycu-play {
        top: 50%;
    }

    .trial-tech-spec .tryhycu-tech-spec,
    .trial2-tech-spec .tryhycu-tech-spec {
        padding-bottom: 0;
    }

    .cs-video-left-content {
        padding: 15px;
    }

    .cs-video-left-content p {
        font-size: 20px;
        line-height: 1.4;
    }

    .cs-video-button {
        margin-top: 20px;
    }

    .cs-video-table-left p::before {
        margin-bottom: 20px;
    }
}

@media screen and (max-width: 991px) {

    .trial-banner-left,
    .trial-banner-right {
        width: 100%;
        display: block;
    }

    .trial-banner-left h1 {
        padding: 70px 0;
    }

    .trial-banner-left h1 span {
        margin-top: 30px;
    }

    .thank-you .item {
        margin: 0 auto;
    }

    .tryhycu-bottom-form {
        padding: 70px 0;
    }

    .trial2-tech-spec .tryhycu-tech-spec p {
        font-size: 18px;
    }

    .cs-banner-text h1 {
        font-size: 32px;
    }

    .cs-banner-text h2 {
        font-size: 22px;
    }

    .cs-banner {
        height: 400px;
    }

    .customers-video-section .col-md-4 {
        max-width: 400px;
    }

    .cs-video-table-left,
    .cs-video-table-right {
        display: block;
        width: 100%;
    }

    .cs-video-table-left {
        padding: 20px;
    }

    .cs-case .row .col-md-4 {
        max-width: 360px;
        margin: 0 auto 40px;
        float: none;
    }

    .cs-case {
        padding: 40px 0 20px;
    }
}

@media screen and (max-width: 767px) {
    .trial-banner-left h1 {
        font-size: 40px;
    }

    .trial-why-left,
    .trial-why-right {
        display: block;
        width: 100%;
    }

    .trial-boxes-left,
    .trial-boxes-right {
        display: block;
        width: 100%;
    }

    .trial-boxes-left {
        margin-bottom: 30px;
    }

    .trial-banner-right .tryhycu-form {
        padding-left: 0;
    }

    .trial-tech-spec .col-md-5 {
        padding: 0;
    }

    .trial-boxes-table {
        padding: 15px;
    }

    .trial2-tech-spec .tryhycu-tech-spec p {
        font-size: 16px;
    }

    .trial2-tech-spec .tryhycu-tech-spec h3 {
        font-size: 16px;
    }

    .tryhycu-bottom-form {
        padding: 50px 0;
    }

    .trial-boxes-right {
        padding: 0;
    }

    .cs-banner {
        margin-top: 55px;
    }

    .cs-banner-text {
        padding: 0 15px;
    }

    .cs-banner-text h2 br {
        display: none;
    }

    .cs-video h2,
    .cs-see-hycu h2,
    .cs-banner-text h1 {
        font-size: 30px;
    }

    .cs-banner-text h2 {
        font-size: 21px;
    }

    .customers-page .owl-dots {
        display: none;
    }

    .cs-video-left-content a {
        text-align: center;
    }

    .cs-video-table-right {
        display: none;
    }

    .cs-case .item .bottom a {
        display: block;
        text-align: center;
    }

    .page-template-page-customers .testimonial-text,
    .page-template-page-customers .testimonial-name,
    .page-template-page-customers .testimonial-company {
        text-align: left;
    }

    .page-template-page-customers .testimonial-name {
        font-size: 12px;
        margin-bottom: 0;
    }

    .page-template-page-customers .testimonial-company {
        font-size: 12px;
        color: #f7f7f7;
    }

    .page-template-page-customers .section-title h2 {
        font-size: 22px;
    }

    .customers-page #testimonial-slider .owl-dots {
        display: block;
    }
}

@media screen and (max-width: 480px) {
    .trial-banner-left h1 {
        font-size: 30px;
    }

    .trial-why-left,
    .trial-why-right {
        padding: 50px 15px;
    }

    .cs-video h2,
    .cs-case h2,
    .cs-see-hycu h2,
    .cs-banner-text h1 {
        font-size: 24px;
    }

    .cs-banner-text h2 {
        font-size: 19px;
    }

    .cs-video-left-content {
        padding: 0;
    }

    .cs-video-table-left {
        padding: 30px 15px;
    }

    .cs-video-left-content p {
        font-size: 18px;
    }

    .cs-case .item .bottom {
        padding: 25px 15px;
    }

    .cs-see-buttons a button {
        padding: 3px 15px;
    }

    .cs-see-hycu button {
        margin: 0 7px;
    }

    .cs-see-hycu {
        padding: 50px 0;
    }

    .page-template-page-customers .cs-banner {
        height: 270px;
    }
    .customers-grafic img {
        max-width: 100%;
    }
    .customers-grafic h2 {
        font-size: 22px;
    }
}

.cs-menu .wr-element-megamenu_text .preview-text a.menu-cs-button {
    color: #fff !important;
    font-weight: 400;
    border-bottom: 1px solid transparent;
    font-size: 12px;
    font-family: 'Muli', sans-serif;
    padding: 0;
    margin-top: 40px;
}

.cs-menu .wr-element-megamenu_text .preview-text a.menu-cs-button button:hover {
    text-transform: none;
    background: transparent;
}

.cs-menu a.menu-cs-button:hover {
    background: transparent;
}

.cs-menu .preview-text h2 {
    margin-bottom: 0;
    margin-top: 10px;
}

.cs-menu .wr-element-megamenu_image,
.cs-menu .wr-element-megamenu_text {
    padding: 30px 20px;
}
/* NEXT PAGE */
.next-banner {
    position: relative;
    background: url('images/next/hero-min.jpg') no-repeat;
    background-size: cover;
    min-height: 544px;
    text-align: center;
}

.next-center {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}

.next-banner-text h1 {
    color: #FFFFFF;
    font-size: 49px;
    font-weight: 300;
    line-height: 1.23;
    text-align: center;
    margin: 0px 0 17px;
}

.next-banner-text img {
    margin-bottom: 17px;
}

.next-banner-text ul {
    padding-top: 10px;
    padding-bottom: 15px;
}

.next-banner-text li {
    color: #ffffff;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    border-right: 2px solid #fff;
    padding: 0 12px;
}

.next-banner-text li:last-of-type {
    border-right: 0;
}

.next-banner-text p {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.22;
    text-align: center;
}

.next-page {
    padding-top: 55px;
}

.next-page .green-full {
    text-transform: none;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 30px 7px;
}

.next-page .green-full:hover {
    text-transform: none;
    font-weight: bold;
    font-size: 15px;
    padding: 5px 30px 7px;
}

.next-banner-text a {
    background: #1cd199;
    border-radius: 50px;
    display: inline-block;
    margin-top: 28px;
}

.next-banner-text a:hover {
    background: transparent;
}

.next-plain {
    text-align: center;
    padding: 50px 0;
}

.next-plain h2 {
    color: #000000;
}

.next-main-title {
    font-size: 28px;
    font-weight: 300;
    line-height: 1.36;
    margin-top: 0;
}

.next-main-title strong {
    font-size: 32px;
}

.next-plain h3 {
    color: #000000;
    font-size: 18px;
    line-height: 1.22;
}

.next-plain h3 strong {
    font-weight: bold;
}

.next-gift {
    position: relative;
    background: url('images/next/power-gift-min.jpg') no-repeat;
    background-size: cover;
    min-height: 300px;
    text-align: center;
}

.next-break {
    position: relative;
    background: url('images/next/next-banner.jpg') no-repeat;
    background-size: cover;
    min-height: 500px;
    text-align: center;
}

.next-break h2 {
    color: #fff;
}

.next-form {
    position: relative;
    background: url('images/next/lets-meet-use-min.jpg') no-repeat;
    background-size: cover;
    padding: 60px 0;
    min-height: 630px;
}

.next-gift h2 {
    color: #FFFFFF;
    margin-top: 0;
    margin-bottom: 24px;
}

.next-gift h3 {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.22;
}

.next-gift-button {
    padding-top: 24px;
}

.next-gift-button a {
    display: inline-block;
    margin: 0 4px;
}

.next-break-text h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.55;
    text-align: center;
    margin-bottom: 20px;
}

.next-break-text p {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 22px;
    text-align: center;
    padding-top: 10px;
}

.next-break a {
    display: inline-block;
    padding-top: 20px;
}

.next-busy {
    text-align: center;
    padding: 55px 0;
    background-color: #F9F9F9;
}

.next-busy-bottom h3 {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.71;
    text-align: center;
    margin: 30px 0 15px;
}

.next-busy h2 {
    margin-bottom: 50px;
}

.next-busy-bottom p {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 300;
    line-height: 1.57;
    text-align: center;
    padding: 0 7px;
}

.next-form h2 {
    color: #fff;
    text-align: center;
}

.next-form p {
    color: #ffffff;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    text-align: center;
}

.next-form h3 {
    font-weight: bold;
    color: #ffffff;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.22;
    text-align: center;
}

.next-need-to-know {
    background-color: #202234;
    text-align: center;
    padding: 60px 0;
}

.next-need-to-know h2 {
    color: #fff;
    margin-top: 0;
    margin-bottom: 50px;
}

.next-need-bottom h3 {
    color: #ffffff;
    font-size: 18px;
    font-weight: 300;
    line-height: 1.33;
    text-transform: uppercase;
    min-height: 50px;
}

.next-need-bottom p {
    color: #ffffff;
    font-size: 14px;
    line-height: 1.57;
    text-align: center;
}

.next-need-bottom a {
    color: #7430f0;
    font-family: 'Muli', sans-serif;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.86;
    text-align: center;
    border: 1px solid #7430F0;
    border-radius: 20px;
    display: inline-block;
    padding: 6px 45px;
    margin-top: 30px;
}

.next-need-bottom a:hover {
    color: #fff;
    border: 1px solid #7430F0;
    background: #7430F0;
}

.next-page #testimonial-slider {
    background: #fff;
    max-width: 855px;
    margin: 0 auto;
    padding-top: 80px;
}

.next-page #testimonial-slider .container {
    width: 100%;
}

.next-page .testimonial-single .testimonial-text {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 24px;
    font-weight: 300;
    line-height: 1.58;
    text-align: center;
}

.next-page .testimonial-single .testimonial-name {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
    text-transform: none;
    font-weight: bold;
    margin-bottom: 0;
}

.next-page .testimonial-single .testimonial-company {
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 16px;
    line-height: 1.5;
    text-align: center;
}

.next-page .owl-white-dots .owl-dots .owl-dot span {
    background: #fff;
    border: 1px solid #7430F0;
}

.next-page .owl-white-dots .owl-dots .owl-dot.active span {
    background: #7430F0;
}

.next-bottom-buttons {
    margin: 70px auto 0;
    text-align: center;
}

.next-bottom-buttons a {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 19px;
    font-weight: bold;
    line-height: 1.58;
    text-align: center;
    display: inline-block;
    background: #19D199;
    border-radius: 5px 5px 0 0;
    padding: 10px 60px;
    margin: 0 9px;
    min-width: 268px;
}

.header-next .navbar {
    background: #1f2134;
}

.header-next li>a {
    color: #fff !important;
    font-size: 14px;
    font-family: 'Muli', sans-serif;
    font-weight: 300;
    padding: 3px 18px 3px 18px !important;
    border: 2px solid transparent;
    margin-top: 12px;
    margin-bottom: 11px;
    position: relative;
    display: block;
}

.header-next li>a:hover,
.header-next li>a:focus {
    background: transparent;
}

.header-next .navbar-right {
    padding-right: 40px;
}

.next-form-content fieldset {
    margin: 0px auto !important;
}

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

.next-form-content label span {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 300;
}

.next-form-content p {
    font-size: 12px;
    font-family: 'Muli', sans-serif;
    font-weight: 600;
    line-height: 1.5;
    text-align: left;
}

.next-form-content .hs-error-msgs label {
    color: red !important;
}

.next-form-content select {
    background-color: #fff;
}

.next-form-content input[type="checkbox"] {
    width: auto !important;
}

.next-form-content .hs-form-required {
    color: #fff !important;
}

.next-form-content {
    margin-top: 40px;
}

.next-form-content .hs-button[type="submit"] {
    background: #19D199 !important;
    border: 2px solid #19D199 !important;
    color: #ffffff !important;
    transition: .5s !important;
    -webkit-transition: .5s !important;
    -ms-transition: .5s !important;
    text-transform: none;
    font-size: 15px;
    font-family: 'Muli', sans-serif;
    padding: 10px 50px !important;
}

.next-form-content .hs-button[type="submit"]:hover {
    background: transparent !important;
    border: 2px solid #19D199 !important;
    color: #19D199 !important;
    transition: .5s !important;
    -webkit-transition: .5s !important;
    -ms-transition: .5s !important;
    text-transform: none;
    padding: 10px 50px !important;
}

.modal,
.modal-dialog,
.modal-content {
    z-index: 99999 !important;
}

@media screen and (max-width:1199px) {
    .header-next li>a {
        padding: 3px 10px 3px 10px !important;
    }
}

@media screen and (max-width:991px) {
    .header-next .navbar-toggle {
        margin-top: 11px;
        position: relative;
        z-index: 9999;
    }

    .header-next .navbar-toggle .icon-bar {
        background: #fff;
    }

    .header-next .navbar-collapse {
        background: #1f2134;
    }

    .navbar-nav>li {
        float: none;
        display: block;
    }

    .header-next .navbar-right {
        text-align: left;
        float: left !important;
    }

    .next-center {
        width: 90%;
    }

    .next-banner-text h1 {
        font-size: 40px;
    }

    .next-banner-text img {
        margin: 0 auto 17px;
        max-width: 450px;
    }

    .next-banner-text li {
        font-size: 22px;
    }

    .next-page .green-full {
        font-size: 14px;
    }

    .next-page .green-full:hover {
        font-size: 14px;
    }

    .next-busy .col-md-4 {
        max-width: 388px;
        margin: 0 auto 30px;
    }

    .next-need-to-know .col-md-4 {
        max-width: 365px;
        margin: 0 auto 50px;
    }

    .next-need-to-know h2 {
        margin-bottom: 30px;
    }

    .next-page .testimonial-single .testimonial-text {
        font-size: 20px;
    }

    .next-need-bottom a {
        margin-top: 20px;
    }
}

@media screen and (max-width:767px) {
    .next-center {
        width: 95%;
    }

    .next-banner {
        min-height: 460px;
    }

    .next-banner-text h1 {
        font-size: 32px;
    }

    .next-banner-text img {
        margin: 0 auto 17px;
        max-width: 350px;
    }

    .next-banner-text li {
        font-size: 20px;
    }

    .next-page br {
        display: none;
    }

    .next-main-title {
        font-size: 24px;
    }

    .next-main-title strong {
        font-size: 26px;
    }

    .next-plain h3 {
        font-size: 16px;
    }

    .next-bottom-buttons a {
        font-size: 17px;
        min-width: 200px;
        padding: 10px 40px;
    }

    .next-page #testimonial-slider {
        padding-top: 50px;
    }

    .next-bottom-buttons {
        margin: 40px auto 0;
    }

    .next-need-to-know {
        padding: 50px 0 20px;
    }

    .next-need-to-know h2 {
        font-size: 24px;
    }

    .next-need-bottom a {
        font-size: 14px;
    }

    .next-form {
        padding: 40px 15px;
    }
}

@media screen and (max-width:480px) {
    .next-banner-text img {
        max-width: 90%;
    }

    .next-gift-button a {
        margin-bottom: 20px;
    }

    .next-break-text h3 {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .next-page .green-full {
        font-size: 13px;
    }

    .next-page .green-full:hover {
        font-size: 13px;
    }

    .next-break-text h3 {
        font-size: 17px;
    }

    .next-busy .container {
        padding: 0;
    }

    .next-busy h2 {
        margin-bottom: 30px;
    }

    .next-busy {
        padding: 45px 0 25px;
    }

    .next-need-bottom h3 {
        font-size: 17px;
    }

    .next-need-bottom a {
        font-size: 13px;
    }

    .next-page .testimonial-single .testimonial-text {
        font-size: 18px;
        line-height: 1.4;
    }

    .next-bottom-buttons a {
        font-size: 13px;
        min-width: 130px;
        padding: 10px 10px;
    }

    .next-bottom-buttons {
        margin: 0px auto;
    }

    .next-need-bottom h3 {
        min-height: 1px;
        margin-bottom: 20px;
    }

    .next-need-to-know .container {
        padding: 0;
    }
}

/* SLIDER ARROW */
#partners .owl-nav .owl-prev {
    background: url('images/arrow-prev.png');
    background-repeat: repeat;
    background-repeat: no-repeat;
    height: 25px;
    left: -60px;
    position: absolute;
    top: 43%;
    width: 40px;
    text-indent: -9999px;
}

#partners .owl-nav .owl-next {
    background: url('images/arrow-next.png');
    background-repeat: repeat;
    background-repeat: no-repeat;
    height: 25px;
    position: absolute;
    right: -60px;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 40px;
    text-indent: -9999px;
}
.page-id-9760 #text-media-dropdown, .page-id-14585 #text-media-dropdown {
    background: #f5f5f5;
}
.page-id-14585 #watch-webinars{
    display: none;
}
.page-template-page-demo-google .tryhycu-tech-spec ul li::before,
.page-id-9760 .tryhycu-tech-spec ul li::before, .page-id-14585 .tryhycu-tech-spec ul li::before, .page-id-15642 .tryhycu-tech-spec ul li::before {
    content:'';
    display: inline-block;
    background: url('images/checkmark-white.svg') no-repeat;
    padding-right: 20px;
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: relative;
    top: 3px;
}
.page-template-page-demo-google .tryhycu-tech-spec ul li, .page-id-9760 .tryhycu-tech-spec ul li, .page-id-14585 .tryhycu-tech-spec ul li, .page-id-15642 .tryhycu-tech-spec ul li {
    display: flex;
    display: -webkit-flex;
}
@media screen and (min-width: 768px) {

    #partners .owl-nav .owl-prev,
    #partners .owl-nav .owl-next {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    #partners .owl-nav .owl-prev,
    #partners .owl-nav .owl-next {
        display: block;
    }

    #partners .owl-nav .owl-prev {
        left: -15px;
    }

    #partners .owl-nav .owl-next {
        right: -45px;
    }

    #partners .owl-carousel {
        max-width: 85%;
        margin: 0 auto;
    }
}

.tryhycu-new-landing-banner {
    padding-top: 55px;
    position: relative;
}

.tryhycu-new-landing-banner .scroll-down {
    position: absolute;
    left: 50%;
    bottom: 20px;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.tryhycu-new-landing-banner>a>img {
    width: 100%;
}

.tryhycu-new-landing-banner>a>.scroll-down img {
    max-width: 40px;
}

.tr-form .form-columns-1 {
    width: 100%;
    max-width: 412px;
}

.tr-form form {
    justify-content: center;
}

.tr-form .hbspt-form fieldset>div {
    margin-top: 20px;
}

.nutanix-header .logo a:last-child img {
    height: auto;
    padding-left: 20px;
}

@media screen and (max-width: 991px) {
    .nutanix-header {
        padding: 0px;
    }

    .nutanix-header>div {
        padding: 0 5px;
    }

    .nutanix-header .text-right {
        font-size: 19px;
        padding-right: 5px;
    }

    .tryhycu-new-landing-banner .scroll-down {
        display: none;
    }
}

@media screen and (max-width: 767px) {
    .tr-form fieldset {
        width: 100%;
        max-width: 100% !important;
    }

    .tr-form fieldset>div {
        width: 100% !important;
    }

    .tr-form .form-columns-1 {
        max-width: 100%;
    }

    .nutanix-header {
        padding: 0;
    }

    .nutanix-header .logo img {
        max-width: 130px;
    }

    .nutanix-header .logo>a:last-child img {
        max-width: 165px !important;
    }

}

.solution-banners {
    padding-top: 80px;
}

.black-bg {
    background: #1f2134;
    color: #fff;
    padding: 30px;
    min-height: 320px;
    position: relative;
}

.black-bg-badge {
    position: absolute;
    left: 30px;
    top: 0;
    background-color: #7530f0;
    padding: 5px 25px;
    color: #fff;
    display: block;
    font-size: 13px;
}

.black-bg h2 {
    color: #fff;
    margin-top: 25px;
    font-size: 28px;
}

.black-bg .white {
    text-transform: none;
}

.black-bg p {
    margin-bottom: 65px;
}

.black-bg a {
    float: right;
    display: inline-block;
}

.black-bg .white:hover {
    text-transform: none;
}

@media screen and (max-width: 1199px) {
    .black-bg a {
        float: none;
        display: block;
        margin-top: 30px;
    }

    .black-bg p {
        margin-bottom: 40px;
    }

    .black-bg {
        min-height: 360px;
    }
}
@media screen and (max-width: 991px) {
    .black-bg {
        margin-bottom: 30px;
    }

    .solution-banners {
        padding-top: 60px;
    }
    .single-benefit {
        min-height: 1px;
    }
}

@media screen and (max-width: 767px) {
    .solution-banners {
        padding-top: 50px;
    }

    .black-bg p br {
        display: none;
    }

    .page-template-template-data-protection .section-padding {
        padding: 40px 0;
    }
    .header-big-inner-overlay {
        padding-bottom: 350px;
    }
}


.tryhycu-form input[type="radio"]+span {
    position: relative;
}

.tryhycu-form input[type="radio"]+span::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
    content: "";
    display: inline-block;
    height: 20px;
    margin-right: 10px;
    padding: 2px;
    text-align: center;
    vertical-align: middle;
    width: 20px;
    border-radius: 50%;
    top: -2px;
    position: relative;
}

.tryhycu-form input[type="radio"]:checked+span::before {
    background: transparent none repeat scroll 0 0;
    border: 1px solid #fff;
}

.tryhycu-form input[type="radio"]:checked+span::after {
    top: 4px;
    left: 6px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    position: absolute;
    background: #fff;
    content: "";
}

.tryhycu-new-banner-form .tryhycu-form input[type="radio"]:checked+span::after {
    top: 4px;
}
.free-demo-content {
    padding-top: 95px;
}

.free-demo-content h1, .free-trial-content .free-demo-new-form h2, .free-demo-new-form h1 {
    color: #333;
    font-size: 28px;
    font-weight: 600;
    line-height: 1.27;
    text-align: center;
    margin: 30px 0 35px;
}
.try-new-form {
    margin-top: 40px;
}
.free-demo-new-form {
    background: #fff;
}

.free-demo-new-form label {
    color: #333;
    margin-bottom: 0;
}

.free-demo-new-form input,
.free-demo-new-form select {
    border: 1px solid #9110e3 !important;
}

.free-demo-new-form input[type="radio"]:checked+span::before,
.free-demo-new-form input[type="radio"]+span::before {
    border: 1px solid #9110e3;
}

.free-demo-new-form input[type="radio"]:checked+span::after {
    background: #9110e3;
}

.free-demo-new-form .hs_recaptcha {
    float: none;
    width: 100%;
    margin-bottom: 50px;
}

.free-demo-new-form ul[role="radiogroup"] li {
    display: inline-block;
    padding-left: 20px;
    margin-bottom: 22px;
    width: 100%;
    border-left: 6px solid #9105e6;
}

.free-demo-new-form ul[role="radiogroup"] li label {
    border-bottom: 1px solid #d7d7d7;
    padding-top: 15px;
    padding-bottom: 20px;
    display: block;
    margin-bottom: 0;
}

.free-demo-new-form ul[role="radiogroup"] li:nth-child(2),
.free-demo-new-form ul[role="radiogroup"] li:nth-child(3) {
    border-left: 6px solid #566ff8;
}

.free-demo-new-form input[type="radio"]+span::before {
    margin-right: 15px;
}

.free-demo-new-form {
    padding: 50px 0;
}

.free-demo-new-form .tryhycu-form {
    margin-top: 10px;
}

.free-demo-new-form .hs_recaptcha {
    margin-top: 40px;
}

/* .free-demo-new-form .form-columns-2 {
    display: table-cell;
    width: 48%;
}
.free-demo-new-form .form-columns-1 {
    display: table-cell;
    width: 48%;
} */
.demo-right>div {
    margin-bottom: 20px;
}

.demo-right>.hs-firstname,
.demo-right>.hs-lastname {
    width: 48%;
    float: left;
}

.demo-right>.hs-lastname {
    float: right;
}

.demo-right {
    padding-left: 20px
}

.free-demo {
    max-width: 1020px;
}
/* FREE DEMO */
.free-demo fieldset {
    width: 100%;
}
.free-demo fieldset > div  {
    margin-bottom: 10px;
}
.free-demo select {
    background-position: center right 20px;
}
.free-demo .hs-fieldtype-radio > label {
    padding-bottom: 15px;
}
.free-demo input[type="radio"] {
    height: 20px;
    margin-left: 5px;
    opacity: 0;
    position: absolute;
    width: 20px;
    z-index: 1;
    width: auto !important;
    cursor: pointer;
}
.free-trial-content .legal-consent-container p {
    color: #000;
}
@media screen and (max-width: 767px) {
    .free-demo-content {
        padding-top: 50px;
    }

    .free-demo-content .tryhycu-bottom-form {
        padding: 30px 15px;
    }

    .free-demo-new-form input[type="radio"]+span::before {
        margin-right: 10px;
    }

    .free-demo-new-form ul[role="radiogroup"] li {
        padding-left: 10px;
    }

    .free-demo-content h1 {
        font-size: 30px;
    }

    .free-demo {
        max-width: 520px;
    }

    .demo-right {
        padding-left: 0px;
    }
}

@media screen and (max-width: 600px) {
    .tryhycu-form label {
        font-size: 12px;
    }

}

/******************************
 * HYCUED PAGE
*******************************/
.hycued-page {
    padding-top: 55px;
}

.hycued-banner {
    position: relative;
}

.hycued-black-button {
    position: absolute;
    bottom: 45px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.hycued-black-button a {
    display: inline-block;
    font-size: 14px;
    padding: 3px 30px;
    text-transform: uppercase;
    border-radius: 50px;
    border: 2px solid #202234;
    background: #202234;
    color: #ffffff;
    margin: 0 15px;
}

.hycued-video {
    padding: 55px 0;
    background: #F5F5F5;
}

.hycued-play-popup {
    position: relative;
    display: block;
}

.hycued-play {
    position: absolute;
    right: 35px;
    bottom: 35px;
}

.hycued-popup-button {
    position: absolute;
    bottom: 45px;
    left: 100px;
}

.hycued-score-inner {
    padding: 100px 0 70px;
    overflow: hidden;
    border-bottom: 2px solid #742FF0;
}

.hycued-score .container {}

.hycued-score h2 {
    font-size: 32px;
    margin-bottom: 30px;
    margin-top: 0;
}

.hycued-score p {
    max-width: 405px;
    font-size: 16px;
    margin-bottom: 25px;
}

.hycued-video-boxes {
    text-align: center;
    padding: 80px 0;
}

.hycued-video-boxes .hycued-play2 {
    max-width: 41px;
    position: absolute;
    top: 20px;
    left: 20px;
}

.hycued-video2 {
    position: relative;
    display: block;
}

#hycued-case-studies {
    background: #fff;
}

#hycued-case-studies .item .bottom {
    background-color: #202234;
}

#hycued-case-studies .bottom h3 {
    color: #fff;
}

#hycued-case-studies .bottom p {
    color: #fff;
}

#get-hycued {
    background: #7b28f4;
    padding: 70px 0;
}
#get-hycued .tryhycu-bottom-form {
    padding:0;
}
#get-hycued .tryhycu-bottom-form fieldset {
    width: 100%;
}

#get-hycued .legal-consent-container p {
    color: #ffffff;
    font-size: 10px;
    line-height: 13px;
    text-align: left;
    margin-top: 15px;
    padding: 0;
}

#get-hycued form>fieldset>div {
    margin-bottom: 20px
}

#get-hycued h2 {
    font-size: 32px;
    font-weight: 300;
    color: #FFFFFF;
    text-align: center;
    margin-bottom: 30px;
    margin-top: 0;
}

#get-hycued .tryhycu-form label {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.28;
}

#get-hycued p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.4;
    padding: 0 15px;
    color: #FFFFFF;
    text-align: center;
    font-family: 'Muli',
        sans-serif;
}

@media screen and (min-width: 1921px) {
    .hycued-banner picture img {
        width: 100%;
    }
}

@media screen and (max-width: 1500px) {
    .hycued-black-button {
        bottom: 15px;
    }
}

@media screen and (max-width: 1199px) {}

@media screen and (max-width: 991px) {
    .hycued-banner picture img {
        max-width: inherit;
        height: 340px;
    }

    .hycued-banner {
        overflow: hidden;
    }

    .hycued-popup-button {
        position: absolute;
        bottom: 20px;
        left: 30px;
    }

    .hycued-score-inner {
        padding: 50px 0;
        text-align: center;
    }

    .hycued-score h2,
    .hycued-video-boxes h2,
    .hycued-partner h2,
    #hycued-case-studies h2,
    #get-hycued h2 {
        font-size: 28px;
    }

    .hycued-score p {
        margin: 0 auto 25px;
    }

    .hycued-score-inner img {
        max-width: 400px;
        margin: 20px auto;
        width: 100%;
    }

    .hycued-video-boxes {
        padding: 60px 0;
    }
}

@media screen and (max-width: 767px) {

    .hycued-score h2,
    .hycued-video-boxes h2,
    .hycued-partner h2,
    #hycued-case-studies h2,
    #get-hycued h2 {
        font-size: 25px;
    }

    .hycued-black-button {
        position: relative;
        bottom: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        text-align: center;
        margin-bottom: 30px;
    }

    .hycued-desc-banner {
        font-size: 16px;
        text-align: center;
        padding: 20px 0;
    }

    .hycued-black-button a {
        margin: 0 7px;
        padding: 3px 25px;
    }

    #partners .owl-dots {
        display: none;
    }

    .hycued-popup-button {
        position: relative;
        bottom: auto;
        left: auto;
        text-align: center;
    }

    .hycued-video .hycued-button-bg {
        background: #1f2133;
        text-align: center;
        padding: 20px 15px;
    }

    #get-hycued p br {
        display: none;
    }
}

@media screen and (max-width: 750px) {

    .hycued-banner picture img {
        max-width: inherit;
        height: 440px;
    }
}

@media screen and (max-width: 480px) {
    .hycued-banner picture img {
        max-width: inherit;
        height: 390px;
    }
}

/**************************
NEXT-GOOGLE PAGE
**************************/
.next-google-page {
    padding-top: 55px;
}
.next-google-banner {
    position: relative;
    background-size: cover !important;
    text-align: center;
    padding: 55px 0;
    color: #fff;
    text-align: center;
}
.next-google-banner h1 {
    font-size: 30px;
    color: #fff;
    margin-top: 0;
    font-weight: 400;
}
.next-google-banner h2 {
    font-size: 80px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 0;
    margin-top: 30px;
}
.next-google-banner h3 {
    font-size: 34px;
    font-weight: bold;
    color: #19d199;
    margin: 0;
}
.next-google-banner li {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-right: 2px solid #fff;
    padding: 0 12px;
    margin: 30px 0 20px;
}
.next-google-banner p {
    margin-bottom: 20px;
}
.next-google-banner li:last-of-type {
    border-right: 0;
}
.next-google-plain {
    padding: 55px 0;
    text-align: center;
    background-size: cover !important;
}
.next-google-title {
    font-size: 30px;
    margin: 0;
    font-weight: 400;
}
.next-google-plain h3 {
    font-size: 30px;
    font-weight: bold;
    color: #19d199;
    margin: 5px 0 20px;
}

.next-google-plain li {
    font-size: 14px;
    padding: 0 40px;
}
.next-google-plain li::before {
    content:url('images/next-google/checkmark.png');
    display: inline-block;
    padding-right: 20px;
    position: relative;
    top: 7px;
}

.next-google-stage {
    background-size: cover !important;
    text-align: center;
    padding: 55px 0;
    color: #fff;
}
.next-google-stage .next-google-stage-block:last-of-type {
    padding-right: 0;
}
.next-form-content .cookie-reset-container {
    text-align:center !important;
    color:#fff;
}
.page-template-template-free-trial .cookie-reset-container {
    display: none !important;
}
.next-google-stage .next-google-title {
    color: #fff;
}
.page-template-page-demo-google .cookie-reset-container {
    color:#fff;
    text-align: left;
}
.page-template-page-tryhycu-new .cookie-reset-container, .page-template-page-tryhycu-new2 .cookie-reset-container{
    color: #fff;
}
.next-google-stage-block {
    margin-top: 45px;
}

.next-google-stage-block h3 {
    font-size: 32px;
    font-weight: bold;
    color: #fff;
    margin-top: 0;
    text-transform: uppercase;
}

.next-google-stage-block h3::before {
    content:url('images/next-google/checkmark-white.png');
    display: inline-block;
    padding-right: 20px;
}

.next-google-stage-block li {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0 12px;
    border-right: 2px solid #fff;
    margin-bottom: 15px;
}

.next-google-stage-block li:last-of-type {
    border-right: 0;
}

.next-google-stage-block p {
    margin-bottom: 20px;
}

.next-google-need .next-need-bottom a {
    color: #fff;
    border: 1px solid #7430F0;
    background: #7430F0;
}

.next-google-need .next-need-bottom a:hover {
    border: 1px solid #7430F0;
    color: #7430f0;
    background: transparent;
}

.next-google-need .next-need-bottom h3 {
    min-height: 1px;
}

.next-google-need h4 {
    color: #fff;
    font-size: 12px;
    text-transform: uppercase;
    margin: 25px 0;
}

.next-google-need h3 {
    text-transform: unset;
    font-weight: 400;
}

.next-form-content .submitted-message p {
    text-align: center;
    font-size: 18px;
}

.next-google-form {
    position: relative;
    background-size: cover !important;
    padding: 60px 0;
}

.container-beer {
    max-width: 860px;
    margin: auto;
    overflow: hidden;
}

.next-google-bear {
    padding: 55px 0;
}

.next-google-bear h2 {
    text-align: center;
    font-size: 30px;
    font-weight: 400;
    margin-top: 0;
}
.next-google-bear h2::before {
    content:url('images/next-google/checkmark.png');
    display: inline-block;
    padding-right: 20px;
}
.next-google-bear h3 {
    font-size: 18px;
    font-weight: bold;
    margin-top: 40px;
}

.next-google-bear p {
    margin-top: 40px;
}

.container-google-backup {
    max-width: 830px;
    overflow: hidden;
    margin-left: 70px;
    margin-top: 40px;
}

.next-google-backup .next-google-title {
    text-align: center;
    font-weight: 400;
}

.next-google-backup {
    padding: 55px 0;
}

.google-backup-left {
    float: left;
    width: 175px;
    padding-right: 20px;
}

.google-backup-right {
    float: left;
}

.google-backup-left h3 {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.google-backup-left p {
    font-size: 12px;
}
.google-button1 {
    margin-top: 43px;
}

/*NEXT US PAGE*/
.next-us-page .next-google-banner {
    min-height: 540px;
}

.next-us-page .next-google-banner ul {
    margin-top: 30px;
}

.next-us-page .next-google-banner h2 {
    font-size: 83px;
    margin-bottom: 10px;
}

.next-us-page .next-google-banner h3 {
    font-size: 37px;
}

.next-us-page .next-google-banner li {
    font-size: 24px;
}

.next-us-page button.white {
    padding: 5px 30px;
    text-transform: none;
    font-size: 15px;
}

.next-us-page button.white:hover {
    padding: 5px 30px;
    text-transform: none;
    font-size: 15px;
}

.next-us-page .next-gift-button {
    padding-top: 40px;
}

.next-us-page .next-gift {
    background: url('images/next-us/power-gift.jpg') no-repeat;
    background-size: cover !important;
    min-height: 340px;
}

.next-us-page .next-form {
    background: url('images/next-us/lets-meet-us.jpg') no-repeat;
    background-size: cover;
}

.next-us-page .next-form p {
    font-weight: 400;
}

.next-us-icons {
    background: url(images/next-us/stop-by-image.jpg);
    position: relative;
    background-size: cover !important;
    text-align: center;
    padding: 80px 0;
    color: #fff;
}

.next-us-icons p {
    font-size: 18px;
    coloR: #000;
    line-height: 1.6;
}

.next-us-icons-content {
    margin-top: 60px;
    overflow: hidden;
}

.next-us-icons-content p {
    margin-top: 20px;
    font-size: 18px;
    max-width: 220px;
    margin: 20px auto 0;
    color: #000;
    line-height: 1.4;
}

.next-us-stage {
    padding: 80px 0;
    color: #fff;
    background: url(images/next-us/on-stage-bg.jpg);
    position: relative;
    background-size: cover !important;
    text-align: center;
}

.next-us-stage h2,
.next-us-stage h4 {
    color: #fff;
}

.next-us-stage h4 {
    margin: 40px 0 15px;
}

.next-us-stage-thumb {
    margin-top: 30px;
    margin-bottom: 30px;
}

.next-us-stage a {
    display: inline-block;
    margin: 25px 15px 0;
}

.next-us-choice {
    padding: 80px 0;
    text-align: center;
    background: #f4f4f4;
}

.next-us-choice a:hover {
    color: #000;
}

.next-us-choice .img-holder {
    position: relative;
}

.next-us-choice .img-holder h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 26px;
    font-weight: 600;
    line-height: 1.5;
    text-align: center;
    margin: 0;
    width: 90%;
}

.next-us-choice .bottom p {
    margin: 40px 10px;
}

.next-us-choice button {
    font-size: 15px;
    padding: 7px 40px;
    text-transform: none;
}

.next-us-choice button:hover {
    font-size: 15px;
    padding: 7px 40px;
    text-transform: none;
}

.next-us-choice .row {
    margin-top: 65px;
}
.page-template-page-next-2019 #twitterfeed {
    background: #f4f4f4;
}
.page-template-page-next-2019 #twitterfeed h2,
.page-template-page-next-2019 .text-white {
    color: #000;
}
.single-news a.broken_link {
    text-decoration: none !important;
}
@media screen and (max-width: 1400px) {
    .header-next li>a {
        padding: 3px 5px 3px 5px !important;
    }
}

@media screen and (max-width: 1199px) {

    .next-google-banner h1,
    .next-google-title,
    .next-google-plain h3,
    .next-form h2,
    .next-google-bear h2 {
        font-size: 28px;
    }

    .next-google-banner h2,
    .next-us-page .next-google-banner h2 {
        font-size: 70px;
    }

    .next-google-banner h3,
    .next-us-page .next-google-banner h3 {
        font-size: 32px;
    }

    .next-google-banner li,
    .next-us-page .next-google-banner li {
        font-size: 18px;
    }

    .next-google-stage-block h3 {
        font-size: 30px;
    }

    .next-us-icons-content p,
    .next-us-icons p {
        font-size: 16px;
    }

    .next-us-page .next-center {
        width: 90%;
    }

    .next-us-choice .img-holder h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 991px) {

    .next-google-banner h2,
    .next-us-page .next-google-banner h2 {
        font-size: 55px;
    }

    .next-google-banner h1,
    .next-google-title,
    .next-google-plain h3,
    .next-form h2,
    .next-google-bear h2 {
        font-size: 26px;
    }

    .next-google-banner h3,
    .next-us-page .next-google-banner h3 {
        font-size: 30px;
    }

    .next-google-banner li,
    .next-us-page .next-google-banner li {
        font-size: 18px;
    }

    .next-us-page .next-google-banner {
        min-height: 1px;
    }

    .next-google-stage-block h3 {
        font-size: 26px;
    }

    .next-us-icons,
    .next-us-choice,
    .next-us-stage {
        padding: 60px 0;
    }

    .next-us-icons-content .col-md-3 {
        margin-bottom: 30px;
    }

    .next-us-choice .item {
        margin: 0 auto 50px;
        max-width: 388px;
    }

    .next-us-choice .bottom p {
        margin: 25px 15px;
    }

    .next-google-plain li {
        padding: 0 15px;
    }

    .next-google-bear {
        margin: 0 auto;
    }

    .google-backup-left {
        width: 100%;
    }

    .next-google-bear img {
        margin: 0 auto;
    }

    .container-google-backup {
        margin-left: 0;
    }
}

@media screen and (max-width: 767px) {
    .next-google-banner {
        padding: 50px 15px;
    }

    .next-google-banner h1,
    .next-google-title,
    .next-google-plain h3,
    .next-form h2,
    .next-google-bear h2 {
        font-size: 22px;
    }

    .next-google-banner h2,
    .next-us-page .next-google-banner h2 {
        font-size: 35px;
        margin-bottom: 20px;
    }

    .next-google-banner h3,
    .next-us-page .next-google-banner h3 {
        font-size: 24px;
    }

    .next-google-banner li,
    .next-us-page .next-google-banner li {
        display: block;
        border: 0;
        margin: 0 0 15px;
    }

    .next-google-banner h3 {
        margin-bottom: 20px;
    }

    .next-google-plain,
    .next-google-stage,
    .next-google-bear,
    .next-google-backup,
    .next-google-form {
        padding: 50px 0;
    }

    .next-google-plain li {
        padding: 8px 15px;
        display: block;
    }

    .next-google-stage-block h3 {
        font-size: 22px;
    }

    .next-google-stage-block {
        margin-top: 35px !important;
    }

    .next-google-stage-block li {
        display: block;
        border: 0;
        font-size: 18px;
    }

    .next-google-stage-block p br {
        display: none;
    }

    .container-google-backup {
        margin-top: 10px;
    }

    #next-us-get-a-gift a {
        margin-bottom: 30px;
    }

    .next-us-icons,
    .next-us-choice,
    .next-us-stage {
        padding: 50px 0;
    }
}

.home-backup-left {
    max-width: 500px;
    float: left;
    text-align: center;
    padding: 20px 0 0;
}

.home-backup-right {
    max-width: 500px;
    float: right;
    text-align: center;
    padding: 20px 0 0;
}

.home-backup-left:hover,
.home-backup-right:hover {
    background: #7631f0;
    color: #fff;
}

.home-backup-left:hover h2,
.home-backup-right:hover h2 {
    color: #fff;
}

.home-backup-left:hover a,
.home-backup-right:hover a {
    color: #fff;
}

.hover-dn {
    display: block;
}

.active-dn {
    display: none;
}

.home-backup-left:hover .hover-dn,
.home-backup-right:hover .hover-dn {
    display: none;
}

.home-backup-left:hover .active-dn,
.home-backup-right:hover .active-dn {
    display: block;
}

.home-backup-left h2,
.home-backup-right h2 {
    margin-bottom: 20px;
    margin-top: 0;
}

.home-backup-left p,
.home-backup-right p {
    margin-bottom: 20px;
}

.home-backup-left a,
.home-backup-right a {
    color: #7631f0;
}

.home-backup-left i,
.home-backup-right i {
    padding-left: 10px;
    position: relative;
    top: 2px;
}

@media screen and (min-width: 1200px) {
    .home-backup-left:hover .img-zoom {
        zoom: 1.5;
        /* Old IE only */
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        transform-origin: top right;
    }

    .home-backup-right:hover .img-zoom {
        zoom: 1.5;
        /* Old IE only */
        -moz-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        transform-origin: top left;
    }
}

.home-logos-size {
    max-width: 180px;
    margin: 20px auto 35px;
}

.home-backup-content {
    min-height: 300px;
}

.home-backup {
    padding-top: 55px;
    overflow: hidden;
}

@media screen and (max-width: 1199px) {

    .home-backup-left,
    .home-backup-right {
        float: none;
        margin: 30px auto 0;
        padding: 20px 20px 0;
    }

    .home-backup {
        padding-top: 30px;
    }
}

@media screen and (max-width: 767px) {
    .home-backup {
        padding-top: 0;
    }

    .home-backup-left h2,
    .home-backup-right h2 {
        font-size: 24px;
    }

    .home-backup-left h2 br,
    .home-backup-right h2 br {
        display: none;
    }
    .home-backup-content li {
        margin-bottom: 10px;
    }
}

.page-id-9760 .tryhycu-tech-spec .tryhycu-monitor-right, .page-id-14585 .tryhycu-tech-spec .tryhycu-monitor-right {
    top: auto;
}

.page-id-9760 .tryhycu-tech-spec .tryhycu-play, .page-id-14585 .tryhycu-tech-spec .tryhycu-play {
    top: 50%;
}

.page-id-9760 .tryhycu-tech-spec ul ul, .page-id-14585 .tryhycu-tech-spec ul ul {
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}

.page-template-template-deal-registration .hs-form-field {
    margin-top: 10px;
}
.page-template-template-deal-registration input.hs-input, .page-template-template-deal-registration select.hs-input {
    padding: 0 !important;
}
.hbspt-form fieldset li {
    list-style: none;
}
.page-template-template-deal-registration .hbspt-form fieldset li span {
    padding-left: 10px;
}


/* .page-id-3243 #explore-resources .col-md-4:nth-of-type(2) a {
    display: none;
}  */

.page-id-13672 #explore-resources .col-md-4:nth-of-type(2) {
    display: none;
}
.next-us-top-icon {
    margin-bottom: 60px;
}
.next-us-icons a {
    color: #7530f0;
}
.next-us-top-icon img {
    max-width: 145px;
    margin: 0 auto;
}
.page-id-13839 .page-submenu, .page-id-13839 .entry-header .entry-title {
    display: none;
}
.page-id-13839 h2 {
    text-align:center;
    margin-bottom: 40px;
}
.page-id-13839 .entry-content ul {
    margin-left: 30px;
    margin-bottom: 20px;
}
.page-id-13839 .entry-content ul li {
    margin-bottom: 5px;
}
legend {
    font-size: 14px;
    border-bottom:0;
}

.page-id-14129 .right-header-content button {
    background: #7530f0;
    color: #fff;
}

.page-id-14129 .right-header-content button:hover {
    border-color: #7530f0;
    background: transparent;
    color: #7530f0;
}

.page-id-14129 .tryhycu-tech-spec ul li::before {
    content: '';
    display: inline-block;
    background: url('images/checkmark-white.svg') no-repeat;
    background-size: auto;
    padding-right: 20px;
    width: 15px;
    height: 15px;
    background-size: 15px;
    position: relative;
    top: 3px;
}

.page-id-14129 .tryhycu-tech-spec ul li {
    display: flex;
    display: -webkit-flex;
}

.page-id-14129 .tryhycu-tech-spec .tryhycu-play {
    top: 50%;
}

.page-id-14129 #text-media-dropdown {
    background: rgb(34,33,57);
    background: -moz-linear-gradient(left, rgba(34,33,57,1) 0%, rgba(80,24,181,1) 100%);
    background: -webkit-linear-gradient(left, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    background: linear-gradient(to right, rgba(34,33,57,1) 0%,rgba(80,24,181,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#222139', endColorstr='#5018b5',GradientType=1 );
    color: #fff;
}

.page-id-14129 #text-media-dropdown .section-title h2,
.page-id-14129 .panel-title {
    color: #fff;
}

.page-id-14129 #text-media-dropdown .section-title h2,
.page-id-14129 .panel-title a:hover {
    color: #fff;
}

.page-id-14129 .aktivni .panel-title i {
    color: #fff !important;
}

.page-id-14129 #usecase-accordion .panel,
.page-id-14129 #usecase-accordion2 .panel {
    border-bottom: 1px solid #fff;
}

.page-id-14129 .tryhycu-tech-spec .tryhycu-monitor-right {
    top: auto;
}

.page-id-14129 .tryhycu-tech-spec ul ul {
    padding-left: 20px;
    margin-top: 5px;
    margin-bottom: 10px;
}
#customers-case-studies .equal-height .col-sm-6, #hycued-case-studies .equal-height .col-sm-6 {
    margin-bottom: 50px;
}

.mine-streamline {
    background: #1F2134;
    padding: 80px 0;
}
.mine-streamline h2 {
    color:#29C796;
    font-size: 28px;
    line-height: 1.14;
    font-weight: 300;
    text-align: center;
    margin:0 0 36px;
}
.mine-streamline h3 {
    color:#fff;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 300;
    text-align: center;
    margin:0 0 32px;
}
.mine-streamline h4 {
    color:#fff;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 300;
    margin:0 0 12px;
}
.mine-streamline p {
    color:#fff;
    font-size: 14px;
    line-height: 1.57;
}
.mine-streamline-box {
    border-left: 2px solid #29C796;
    padding-left: 18px;
    padding-right: 40px;
    margin-bottom: 50px;
}
.mine-row-flex {
    display: flex;
    flex-wrap: wrap;
    max-width: 940px;
    justify-content: center;
    margin: 0 auto;
}
.mine-streamline-link {
    text-align: center;

}
.mine-streamline-link button.green-full {
    text-transform: unset;
    font-size: 14px;
    padding: 7px 30px;
}
.mine-backup {
    background: linear-gradient(127.95deg, #AB00FF 0%, #661FFF 100%);
    padding: 80px 0;
}
.mine-backup h2 {
    color:#fff;
    font-size: 28px;
    line-height: 1.14;
    font-weight: 300;
    text-align: center;
    margin:0 0 17px;
}
.mine-backup h3 {
    color:#fff;
    font-size: 22px;
    line-height: 1.45;
    font-weight: 300;
    text-align: center;
    margin:0 0 60px;
}
.mine-backup li {
    color:#fff;
    font-size: 14px;
    line-height: 1.57;
    margin-bottom: 15px;
    list-style-type: none;
    display: flex;
}
.mine-backup li::before {
    content: url('images/nutanix-mine-storage/check-mark.svg');
    display: inline-block;
    position: relative;
    top: -3px;
    padding-right: 18px;
}
.row-mine-backup {
    display: flex;
    flex-wrap: wrap;
    max-width: 1040px;
    margin:0 auto;
    align-items: center;
}
.mine-library h2, .mine-press h2 {
    color: #1F2134;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    text-align: center;
    margin-bottom: 70px;
    margin-top: 30px;
}

.mine-library img {
    max-width: 100%;
    height: auto
}

.mine-library .item .img-holder {
    position: relative
}

.mine-library {
    background: linear-gradient(180deg, #FFFFFF 0%, #DBD9D6 100%);
    padding: 40px 0 80px;
}

.mine-library .item {
    max-width: 360px
}

.mine-library .item .img-holder span {
    position: absolute;
    top: -17px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: #000;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    width: 200px;
    line-height: 15px;
    display: block;
    text-align: center;
    letter-spacing: 0.74px;
    font-family: 'Muli', sans-serif;
    text-transform: uppercase;
    padding: 13px 20px;
}

.mine-library .item .img-holder h3 {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 400;
    line-height: 27px;
    text-align: center;
    font-family: 'Open Sans', sans-serif;
    margin: 0;
    width: 80%;
}

.mine-library .item .bottom {
    padding: 34px 15px 0px;
    text-align: center;
}

.mine-library .item .img-holder h3.small {
     font-size: 18px;
     font-weight: 400;
     line-height: 27px;
     font-family: 'Open Sans', sans-serif;
    text-align: center;
}
.mine-library button.purple {
    font-size: 14px;
    font-weight: bold;
    font-family: 'Muli', sans-serif;
    text-transform: unset;
    padding: 8px 30px;
    min-width: 210px;
}
.row-mine-resources {
    display: flex;
    flex-wrap: wrap;
    margin-top: 80px;
}
.row-mine-resources:nth-of-type(2n+1) {
    flex-direction: row-reverse;
}
.mine-black {
    background: #202234;
    box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.17);
    position: relative;
}
.mine-black h2 {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    color: #FFFFFF;
    font-size: 28px;
    font-weight: 300;
    line-height: 32px;
    width: 90%;
    margin:0;
}
.plr0 {
    padding-left:0 !important;
    padding-right:0 !important;
}
.mine-library .tryhycu-play {
    left: 50%;
}
.container-mine-library {
    max-width: 960px;
    margin:0 auto;
}
.container-mine-library .col-md-4 {
    padding: 0 10px;
}
.mine-press {
    background: #202234 url(images/nutanix-mine-storage/mine-mountain.png);
    background-position: bottom right;
    background-repeat: no-repeat;
    background-size: 60%;
    /* background: #202234; */
    padding:45px 0 90px;
}
.mine-press h2 {
    color:#fff;
}
.mine-press-item  {
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.5);
    background-color: rgba(255, 255, 255, 0.8);
}
.mine-press-item .bottom {
    padding: 25px;
    position: relative;
    min-height: 282px;
}
.mine-press-item .bottom h3 { 
    color: #1F2134;
    margin:0 0 10px;
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    line-height: 22px;
}
.mine-press-item .bottom p {
    color: #1F2134;
    margin: 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    line-height: 27px;
    margin-bottom: 65px;
}
.mine-press-item .bottom a {
    color: #7530F0;	
    font-family: 'Muli', sans-serif;
    font-size: 13px;
    text-transform: uppercase;	
    font-weight: 600;	
    line-height: 25px;
    position: absolute;
    bottom:25px;
    display: inline-block;
}
.mine-press-item .bottom a i {
    font-size: 20px;
    position: relative;
    top: 3px;
    padding-left: 5px;
}
.mine-banner {
    margin-top: 53px;
    position: relative;
} 
.mine-banner-abs {
    position: absolute;
    left: 19%;
    top: 10%;
    transform: translate(-19%, -10%);
    -webkit-transform: translate(-19%, -10%);
    -ms-transform: translate(-19%, -10%);
}
.mine-banner-abs h1 {
    color: #FEFFFF;
    font-size: 82px;
    font-weight: 300;
    line-height: 1em;
}    
.mine-banner-abs h3 {
    color: #000000;
    font-size: 23px;
}
.mine-banner-abs-img {
    position: absolute;
    left: 20%;
    top: 86%;
    transform: translate(-20%, -86%);
    -webkit-transform: translate(-20%, -86%);
    -ms-transform: translate(-20%, -86%);
}
.mine-available {
    position: absolute;
    right: -60%;
    top: 20%;
}

.page-template-template-homepage .announcement-bar {
    background: #024da0;
}
.page-template-template-homepage .announcement-btn-div .white-new {
    display: inline-block;
    font-size: 12px;
    padding: 4px 30px;
    text-transform: unset;
    border-radius: 50px;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
    border: 1px solid #fff;
    background: transparent;
    color: #ffffff;
}
.page-template-template-homepage .announcement-btn-div .white-new:hover {
    display: inline-block;
    font-size: 12px;
    padding: 4px 30px;
    text-transform: unset;
    border-radius: 50px;
    font-weight: 700;
    font-family: 'Muli', sans-serif;
    border: 1px solid #fff;
    background: #fff;
    color: #024da0;
}
.page-template-template-homepage #announcement-popup {
    background: #024da0;
}
.page-template-template-homepage #announcement-popup .announcement-side-text {
    color: #fff;
}
.page-template-template-homepage #announcement-popup button.green {
    border: 2px solid #fff;
    color: #fff;
}
.page-template-template-homepage #announcement-popup button.green:hover {
    border: 2px solid #fff;
    background: #fff;
    color:#024da0;
}
.page-template-template-homepage #announcement-popup .announcement-close {
    color: #024da0;
}   
.solution-banners-nutanix .col-md-6 {
    margin-bottom: 30px;
} 
.page-id-13672 .right-header-title {
    background: #024da0;
}
.page-id-13672.page-template-template-hycu #right-header button.purple:hover {
    background: transparent;
    border: 2px solid #024da0;
    color: #024da0;
}
.page-id-13672.page-template-template-hycu #right-header button.purple {
    background: #024da0;
    border: 2px solid #024da0;
    color: #fff;
}

@media screen and (max-width:1600px) {
    .mine-press {
        background-size: 80%;
    }
}
@media screen and (max-width:1400px) {
    .mine-banner-abs h1 {
        font-size: 72px;
    }
    .mine-available {
        right: -50%;
    }
    .mine-banner-abs-img {
        max-width: 330px;
        top: 87%;
    }
    
}
@media screen and (max-width:1199px) {
    .mine-banner-abs {
        left: 10%;
    }
    .mine-banner-abs-img {
        left: 11%;
    }
    .mine-banner-abs h1 {
        font-size: 60px;
    }
    .mine-banner-abs h3 {
        font-size: 20px;
    }
    .mine-banner-abs-img {
        max-width: 300px;
        top: 89%;
    }
    .mine-press-item .bottom {
        padding: 15px;
    }
    .mine-press-item .bottom p {
        font-size: 16px;
    }
    .container-mine-library .row {
        margin:0;
    }
}
@media screen and (max-width:991px) {
    .mine-banner {
        overflow-x:hidden;
    }
    .mine-banner > img {
        max-width: none;
        height: 400px
    }
    .mine-streamline, .mine-backup, .mine-library, .mine-press {
        padding: 60px 0;
    }
    .mine-library h2, .mine-press h2 {
        margin-top:0;
    }
    .mine-streamline h2 {
        font-size: 26px;
    }
    .mine-streamline h3 br {
        display: none;
    }
    .mine-streamline h3 {
        font-size: 20px;
    }
    .mine-streamline h4 {
        font-size: 20px;
    }
    .mine-backup h2, .mine-library h2, .mine-press h2 {
        font-size: 26px;
    }
    .row-mine-resources {
        margin-top: 50px;
    }

    .mine-black h2 {
        font-size: 22px;
    }
    .mine-press-item {
        max-width: 273px;
        margin:0 auto 30px;
    }
    .mine-press .container .row {
        display: flex;
        flex-wrap: wrap;
    }
    .mine-press-item .bottom {
        min-height: 230px;
    }
    .mine-library .item .img-holder h3.small {
        font-size: 16px;
        line-height: 1.4;
    }
    .mine-library .item .img-holder span {
        padding: 9px 18px;
        width: 180px;
        font-size: 11px;
    }
    .mine-library button.purple {
        padding: 6px 25px;
        min-width: 180px;
        font-size: 13px;
    }
}
@media screen and (max-width:767px) {
    .mine-banner-abs h1 {
        font-size: 42px;
    }
    .mine-banner-abs {
        left: 20%;
    }
    .mine-banner-abs-img {
        left: 23%;
        max-width: 280px;
        top: 87%;
    }
    .mine-available img {
        max-width: 125px;
    }
    .mine-banner-abs h3 {
        font-size: 18px;
        margin-top: 40px;
    }
    .mine-available {
        right: -32%;
        top: 5%;
    }
    .mine-streamline h2 {
        font-size: 22px;
    }
    .mine-streamline h3, .mine-streamline h4 {
        font-size: 17px;
    }
    .mine-backup h2, .mine-library h2, .mine-press h2 {
        font-size: 22px;
    }
    .mine-streamline, .mine-backup, .mine-library, .mine-press {
        padding: 50px 0;
    }
    .mine-backup h3 {
        font-size: 20px;
    }
    .mine-backup li {
        margin-bottom: 10px;
    }
    .mine-library .item {
        margin:0 auto 60px;
    }
    .mine-library .img-holder img {
        width: 100%;
    }
    .mine-row-flex .col-md-6 {
        padding: 0;
    }
    .mine-streamline-box {
        padding-right: 0;
        margin-bottom: 35px;
    }
    .row-mine-backup > div {
        padding: 0;
    }
    .row-mine-resources {
        max-width: 600px;
        margin: 25px auto 0;
    }
    .row-mine-resources:nth-of-type(2n+1) {
        flex-direction: column;
    }
    .mine-black {
        width: 100%;
    }
    .mine-black h2 {
        position: relative;
        padding: 30px 15px;
        font-size: 20px;
        width: 100%;
        transform: none;
        -webkit-transform: none;
        -ms-transform: none;
        left: auto;
        top: auto;
    }
    .mine-library .tryhycu-play {
        max-width: 80px;
    }
    .mine-streamline-link button.green-full {
        font-size: 13px;
        padding: 6px 25px;
    }
    .mine-press {
        background: #1f2134;
    }
    .job-cat-boxes > .container-job {
        flex-wrap: wrap;
    }
    .job-cat-boxes > .container-job .col-sm-6 {
        width: 100%;
    }
}

/*************************************
  * Home New boxes
*************************************/
.home-products-top h2 {
    font-size: 36px;
    font-weight: 300;
    text-align: center;
}
.home-products-top .container > p {
    font-size: 18px;
    font-weight: 300;
    line-height: 1.5;
    text-align: center;
}
.products-flex {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 70px;
    margin-top: 65px;
}
.products-flex > div {
    background: #7530F0;
}
.products-flex-right {
    padding: 30px;
}
.products-flex-right h3 {
    font-size: 28px;
    font-weight: 300;
    color:#fff;
    line-height: 1.39;
    margin-bottom: 10px;
    margin-top: 0px;
}
.products-flex-right p {
    font-size: 18px;
    line-height: 1.5;
    color:#fff;
    margin-bottom: 35px;
}
.products-flex-right button {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding: 7px 30px;
    border: 1px solid #fff;
}
.products-flex-right button:hover {
    padding: 7px 30px;
    border: 1px solid #fff;
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 700;
    color:#7530F0;
}
#home-products {
    padding-top: 90px;
}
.home-products-boxes {
    border: 1px solid #7530F0;
    position: relative;
    transition: all 0.4s;
    padding: 69px 34px 27px;
    margin-bottom: 46px;
}
.home-products-boxes img {
    position: absolute;
    top: -14px;
    left: 34px;
}
.home-products-boxes:hover {
    background: #7530F0;
}
.home-products-boxes:hover h2, .home-products-boxes:hover p {
    color:#fff;
}
.home-products-boxes h2 {
    font-weight: 300;
    font-size: 28px;
    line-height: 1.39;
    text-align: left;
    margin-top:0;
    margin-bottom: 14px;
}
.home-products-boxes p {
    font-size: 14px;
    line-height: 1.5;
    margin-bottom: 20px;
}
.home-products-boxes button {
    font-size: 13px;
    letter-spacing: 0.5px;
    font-weight: 700;
    padding: 7px 30px;
    border: 1px solid #7530F0;
    background: #7530F0;
    color:#fff;
}
.home-products-boxes:hover button{
    padding: 7px 30px;
    border: 1px solid #7530F0;
    font-size: 13px;
    color:#7530F0;
    letter-spacing: 0.5px;
    font-weight: 700;
    background: #fff;
}
.home-products-boxes > span {
    position: absolute;
    right: 30px;
    top: 30px;
    color:#888888;
    font-size: 11px;
    text-transform: uppercase;
}
.home-products-boxes:hover > span {
    color:#fff;
}
.home-products-bottom {
    padding-bottom: 100px;
}
.home-products-bottom > .container {
    padding: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
}
#home-banner-new {
    position: relative;
    margin-top: 90px;
    height: 720px;
    background-size: cover;
    background-position: bottom;
    background-repeat: no-repeat;
}
.abs-banner-content {
    position: absolute;
    top: 10%;
    max-width: 1300px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    width: 100%;
}
.flex-banner-left {
    flex: 0 0 40%;
}
@media screen and (min-width: 1200px) {
    .flex-banner-left {
        min-width: 420px;
    }
}
@media screen and (min-width: 1300px) {
    .flex-banner-left {
        min-width: 520px;
    }
}

.flex-banner-right {
    flex: 0 0 60%;
    position: relative;
    transition: all 0.5s;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}
.flex-banner-right img {
    max-width: 840px;
    position: absolute;
    left: -80px;
    top: 60px;
}
.flex-banner-left h1 {
    font-size: 50px;
    color:#fff;
    font-weight: 300;
    line-height: 1.2;
    margin-top: 0;
}
.flex-banner-left h2 {
    font-size: 16px;
    font-weight: 900;
    line-height: 1.85;
    letter-spacing: 0.89px;
    color:#fff;
}
.flex-banner-content {
    display: flex;
}
.hotspot-point {
    z-index: 2;
    position: absolute;
    display: block;
}
.hp-content {
    display: none;
}

.hotspot-point span {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 1.8em;
    height: 1.8em;
    border: 2px solid #fff;
    background: #661FFF;
    border-radius: 50%;
    -webkit-animation: pulse 3s ease infinite;
            animation: pulse 3s ease infinite;
    transition: background .3s;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
}
.hotspot-point span:after {
    content: '';
    position: absolute;
    bottom: 130%;
    left: 50%;
    color: white;
    text-shadow: 0 1px black;
    font-weight: 600;
    font-size: 1.2em;
    opacity: 0;
    -webkit-transform: translate(-50%, 10%) scale(0.5);
            transform: translate(-50%, 10%) scale(0.5);
    transition: all .25s;
}
.hotspot-point svg {
    opacity: 0;
    color: #661FFF;
    fill: #661FFF;
    font-size: 1.4em;
    width: 20px;
    height: 20px;
    transition: opacity .2s;
}
.hotspot-point:before, .hotspot-point:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    pointer-events: none;
}
.hotspot-point:before {
    z-index: -1;
    border: 0.15em solid #8710ff;
    opacity: 0;
    -webkit-transform: scale(2);
            transform: scale(2);
    transition: opacity .2s, -webkit-transform .25s;
    transition: transform .25s, opacity .2s;
    transition: transform .25s, opacity .2s, -webkit-transform .25s;
}
.hotspot-point:after {
    z-index: -2;
    background: #fff;
    -webkit-animation: wave 3s linear infinite;
            animation: wave 3s linear infinite;
}
.hotspot-point:hover span {
    -webkit-animation: none;
            animation: none;
    background: #fff;
}
.hotspot-point:hover span:after {
    opacity: 1;
    -webkit-transform: translate(-50%, 0) scale(1);
            transform: translate(-50%, 0) scale(1);
}
.hotspot-point:hover svg {
    opacity: 1;
}
.hotspot-point:hover:before {
    opacity: 1;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    -webkit-animation: borderColor 2s linear infinite;
            animation: borderColor 2s linear infinite;
}
.hotspot-point:hover:after {
    -webkit-animation: none;
    animation: none;
    opacity: 0;
}
.hotspots-enter-active {
    transition: all .5s 1s;
  }
  
  .hotspots-leave-active {
    transition: all .5s;
  }
  
  .hotspots-enter, .hotspots-leave-to {
    opacity: 0;
    -webkit-transform: scale(0.3);
            transform: scale(0.3);
  }
  
  @-webkit-keyframes pulse {
    0%, 100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  
  @keyframes pulse {
    0%, 100% {
      -webkit-transform: scale(1);
              transform: scale(1);
    }
    50% {
      -webkit-transform: scale(1.1);
              transform: scale(1.1);
    }
  }
  @-webkit-keyframes borderColor {
    0% {
      border-color: #fff;
    }
    50% {
      border-color: #cf00f1;
    }
    100% {
      border-color: #fff;
    }
  }
  @keyframes borderColor {
    0% {
      border-color: #fff;
    }
    50% {
      border-color: #cf00f1;
    }
    100% {
      border-color: #fff;
    }
  }
  @-webkit-keyframes wave {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(2);
              transform: scale(2);
    }
  }
  @keyframes wave {
    0% {
      opacity: 1;
      -webkit-transform: scale(0.8);
              transform: scale(0.8);
    }
    100% {
      opacity: 0;
      -webkit-transform: scale(2);
              transform: scale(2);
    }
  }
.hp1 {
    top: 20%;
    left: 33%;
}
.hp2 {
    top: 38%;
    left: 44%;
}
.hp3 {
    top: 59%;
    left: 55%;
}
.hp4 {
    top: 81%;
    left: 67%;
}
.hp5 {
    bottom: -17%;
    left: 81%;
}
.hp-content {
    background: #1BD099;
    color:#fff;
    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
    border-radius: 20px;
    z-index: 99;
    position: absolute;
    padding: 10px 25px;
    max-width: 230px;
}
.hp-content h3 {
    font-size: 12px;
    font-weight: bold;
    margin-top: 0;
    color:#fff;
}
.hp-content p {
    font-size: 10px;
    font-weight: 600;
    line-height: 1.2;
}
.hp-content a {
    font-size: 10px;
    text-transform: uppercase;
    text-decoration: underline;
}
.hp-content a:hover {
    color:#fff;
}
a.close-hotspot {
    position: absolute;
    right: 15px;
    top: 5px;
    text-decoration: none;
}
.close-hotspot:hover {
    color:#fff;
}
.hp1-content {
    left: 14%;
    top: 15%;
}
.hp2-content {
    left: 19%;
    top: 35%;
}
.hp3-content {
    left: 29%;
    top: 52%;
}
.hp4-content {
    left: 41%;
    top: 74%;
    background-color: #5269FE;
}
.hp5-content {
    left: 55%;
    top: 100%;
    background: #5269FE;
}
.page-id-14465 .hs-fieldtype-radio > .input .inputs-list > li:nth-child(6), .page-id-14468 .hs-fieldtype-radio > .input .inputs-list > li:nth-child(6) {
    margin-bottom: 20px;
}
.wr-megamenu-container .wr-megamenu-inner a[title="HYCU On-premises"], .wr-megamenu-container .wr-megamenu-inner a[title="HYCU Public Clouds"] {
    cursor: default;
}
.wr-megamenu-container .wr-megamenu-inner a[title="HYCU On-premises"]:hover, .wr-megamenu-container .wr-megamenu-inner a[title="HYCU Public Clouds"]:hover {
    color: #000 !important;
    border-bottom: 0 !important;
    background-color: transparent !important;
}
@media screen and (min-width: 1500px) {
    #home-banner-new {
        height: 650px;
    }
}
@media screen and (max-width: 1300px) {
    .abs-banner-content {
        max-width: 1000px;
        top: 13%;
    }
    .flex-banner-left h1 {
        font-size: 40px;
    }
    .flex-banner-left h2 {
        font-size: 14px;
    }    
    .flex-banner-right img {
        top: 56px;
        max-width: 700px;
    }
    .hp2 {
        left: 45%;
        top: 36%;
    }
    .hp3 {
        top: 53%;
        left: 57%;
    }
    .hp4 {
        top: 72%;
        left: 70%;
    }
    .hp5 {
        bottom: -5%;
        left: 85%;
    }
    #home-banner-new {
        height: 600px;
    }
    .flex-banner-left {
        flex: 0 0 42%;
    }
    .products-flex-right {
        padding: 15px 40px;
    }
    .home-products-boxes h2 {
        font-size: 26px;
    }
    .home-products-boxes {
        padding: 60px 25px 50px;
    }
    .home-products-top h2 {
        font-size: 34px;
    }
    .hp1-content {
        left: 9%;
        top: 16%;
    }
    .hp2-content {
        left: 12%;
        top: 34%;
    }
    .hp3-content {
        left: 24%;
        top: 51%;
    }
    .hp4-content {
        left: 38%;
        top: 69%;
    }    
    .hp5-content {
        left: 52%;
        top: 90%;
    }    
    .home-products-boxes p br {
        display: none;
    }
}
@media screen and (max-width: 1000px) {
    .flex-banner-content {
        flex-wrap: wrap;
    }
    .flex-banner-left, .flex-banner-right {
        flex: 0 0 100%;
    }
    .flex-banner-left h1 {
        font-size: 35px;
        text-align: center;
        margin-bottom: 20px;
    }
    .flex-banner-left h2 {
        font-size: 15px;
        text-align: center;
    }
    .flex-banner-right img {
        max-width: 700px;
        top: 25px;
        margin: 0 auto;
        display: block;
        position: relative;
        left: auto;
    }
    .hotspot-point {
        display: none;
    }
    #home-banner-new {
        height: 740px;
    }
    .home-products-top h2 {
        font-size: 30px;
    }
    .products-flex-right h3 {
        font-size: 26px;
    }    
    .home-products-boxes h2 {
        margin-bottom: 20px;
    }
    .home-products-bottom {
        padding-bottom: 70px;
    }
}
@media screen and (max-width: 991px) {
    .products-flex-right {
        padding: 20px 20px 20px;
    }
    .products-flex-right h3 {
        font-size: 24px;
    }
    .products-flex-right p {
        margin-bottom: 20px;
        font-size: 16px;
    }
    .products-flex {
        margin-top: 35px;
        margin-bottom: 60px;
    }
    .products-flex-right button {
        font-size: 12px;
    }
    .products-flex-right button:hover {
        font-size: 12px;
    }
    .home-products-boxes {
        margin-bottom: 40px;
    }
    .home-products-bottom {
        padding-bottom: 20px;
    }
    .home-products-bottom > .container .col-md-6 {
        width: 100%;
    }
    .top-bar-menu {
        padding-right: 30px;
    }
    #menu-top-bar-menu li {
        padding-left: 10px;
    }
    
}
@media screen and (max-width: 767px) {
    .flex-banner-right img {
        width: 100%;
        padding: 0 15px;
    }
    #home-banner-new {
        height: auto;
        margin-top: 55px;
    }
    .abs-banner-content {
        position: relative;
        padding-top: 25px;
    }
    .flex-banner-left h1 {
        font-size: 30px;
        padding:0 15px;
    }
    .flex-banner-left h2 {
        padding: 0 15px;
    }
    #home-products {
        padding-top: 60px;
    }
    .flex-banner-left h1 br, .flex-banner-left h2 br {
        display: none;
    }
    .home-products-top h2 {
        font-size: 22px;
    }
    .home-products-top .container > p {
        font-size: 14px;
    }    
    .products-flex {
        max-width: 460px;
        margin: 30px auto 50px;
    }
    .products-flex-right h3 {
        font-size: 18px;
    }
    .products-flex-right p {
        font-size: 14px;
    }
    .products-flex-right button:hover, .products-flex-right button, .home-products-boxes button, .home-products-boxes:hover button {
        font-size: 11px;
    }
    .home-products-boxes h2 {
        font-size: 20px;
    }
    .home-products-boxes {
        padding-bottom: 40px;
    }
    .logo img {
        margin-top:0;
    }
    .logo {
        padding: 14px;
    }
    .padding-bottom-0 > .arrow_box {
        padding: 0;
    }
    .page-id-14585 .tryhycu-tech-spec ul li, .page-id-15642 .tryhycu-tech-spec ul li {
        display: block;
    }   
    .home-products-boxes > span {
        top: 10px;
        right: 10px;
    }
    .home-products-boxes img {
        position: absolute;
        top: -1px;
        left: -1px;
    }
}

.page-id-14346 .section-title {
    max-width: 800px;
    margin: 0 auto 50px;
}

/*****************************************************************************
  * Start: Jobs
******************************************************************************/
.join-button:hover a {
    color: #fff;
    background: #0d0d0d;
}

.jobs-boxes {
    padding: 70px 0 70px;
}

/* .jobs-boxes .col-sm-6 {
    margin-bottom: 30px;
} */
.job-content {
    display: block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    padding: 20px 14px;
}

.position-content h3 {
    font-size: 20px;
    text-transform: uppercase;
    font-weight: bold;
    padding: 20px 0 20px;
    margin-top: 0;
}
.position-content strong {
    font-weight: bold;
}
.position-content ul {
    padding: 0 0 20px 14px;
}

.position-content ul li {
    list-style: disc;
    margin-bottom: 5px;
}
.terms-button .checkbox-custom:checked + .checkbox-custom-label::before {
    background: #7530f0;
    box-shadow: inset 0px 0px 0px 4px #fff;
    border: 2px solid #7530f0;
}
.terms-button .checkbox-custom-label {
    width: auto;
}
.terms-button .checkbox-custom {
    width: 30px;
    height: 30px;
    z-index: 4;
    cursor: pointer;
}
.apply-button {
    text-align: center;
    padding: 50px 0 70px;
}
.position-content .side-article h3 {
    padding-bottom: 0px;
}

.position-content .side-article h4 {
    font-size: 14px;
    padding-bottom: 15px;
}
.position-content {
    overflow: hidden;
}
.left-side-description {
    padding-top: 50px;
}

.left-side-description p {
    margin: 0;
    padding: 0 0 20px;
}

.position-content .left-side-description h4 {
    margin: 0;
    padding: 0;
    text-align: right;
    font-size: 14px;
    text-transform: uppercase;
}

.left-side-description h5 {
    text-align: right;
    font-size: 14px;
    padding-top: 2px;
}

#filters {
    overflow: hidden;
}

.filter-search-left {
    background: #1f2134;
    color: #fff;
    padding: 5px 15px;
}

.filter-search-left p {
    font-size: 12px;
    text-transform: uppercase;
    font-weight: bold;
    margin:0;
}

.filter-search-left h3 {
    font-size: 30px;
    color:#fff;
    margin:0;
}

.filter-search-table {
    display: table;
    width: 100%;
    margin: 0 auto;
}

.filter-search-left {
    display: table-cell;
    width: 25%;
}

.filter-search-right {
    display: table-cell;
    width: 75%;
    border: 1px solid #0d0d0d;
}

.filter-search-right p {
    font-size: 12px;
    text-transform: uppercase;
    padding-left: 15px;
    font-weight: bold;
    margin:0;
}

.filter-search-right select {
    width: 100%;
    border: 0;
}

.job-filters {
    padding-top: 100px;
    margin: 0 -15px;
}

.select-wrapper select {
    color: #666666;
    cursor: pointer;
    font-size: 16px;
    height: 40px;
    margin: 0;
    opacity: 0;
    outline: medium none;
    position: absolute;
    width: 100%;
    z-index: 2;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 5px;
}

.select-wrapper select option {
    padding: 5px 10px;
}

.select-wrapper {
    color: #aaa;
    height: 35px;
    line-height: 32px;
    width: 100%;
}

.select-wrapper {
    background: #fff url("images/select-down.svg") no-repeat scroll 98% center;
    border: 0 none;
    cursor: pointer;
    display: inline-block;
    position: relative;
    padding-top: 5px;
}

.select-wrapper .holder {
    color: #0d0d0d;
    cursor: pointer;
    display: block;
    font-size: 26px;
    font-weight: 300;
    margin: 0 35px 0 0;
    overflow: hidden;
    padding-left: 15px;
    position: relative;
    white-space: nowrap;
    text-transform: uppercase;
}
.page-template-page-careers .header-tiny, .post-type-archive-jobs .header-tiny {
    display: none;
}
.careers-banner {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 530px;
    position: relative;
}
@media screen and (max-width: 1600px) {
    .careers-banner {
        height: 400px;
    }
}
.careers-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.careers-banner-text h1 {
    color:#fff;
    font-weight: 300;
    margin-bottom: 30px;
}
.careers-banner-text p {
    color: #ffffff;
    font-size: 20px;
    line-height: 1.4;
    font-family: 'Muli', sans-serif;
font-style: italic;
letter-spacing: 0.01em;
}
.jobs-plain-text {
    text-align: center;
    padding: 80px 0 60px;
}
.jobs-plain-text h2 {
    font-size: 28px;
    margin: 0 0 20px;
}
.jobs-plain-text p {
    font-size: 20px;
    color: #000000;
    font-weight: 300;
    letter-spacing: 0px;
    line-height: 1.4;
}
.jobs-cat {
    border: 2px solid #7530f0;
    text-align: center;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    padding: 50px 20px;
    margin-bottom: 30px;
}
.jobs-block-item p, .jobs-block-item h2 {
    color:#fff;
} 
.jobs-cat p, .jobs-block-item p {
    margin-bottom: 15px;
}
.jobs-cat h2, .jobs-block-item h2 {
    margin-top: 0;
    line-height: 1;
    font-weight: bold;
    line-height: 1.2;
}
.jobs-cat:hover {
    border: 2px solid #7530f0;
    background: #7530f0;
}
.jobs-cat:hover h2, .jobs-cat:hover p {
    color: #fff;
}
.jobs-cat > h2 {
    margin-bottom: 40px;
}
.container-job {
    overflow: hidden;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 15px;
}
.job-cat-boxes {
    padding-bottom: 50px;
}
.careers-bottom {
    position: relative;
    height: 500px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}
.careers-bottom .careers-banner-text h2 {
    color:#fff;
    margin-bottom: 20px;
    margin-top: 0px;
}
.careers-bottom .careers-banner-text button {
    margin-top: 20%;
}
/* .jobs-cat2 {
    background: #1f2134;
    border: 2px solid #1f2134;
    text-align: center;
    position: relative;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    padding: 50px 20px;
    margin-bottom: 30px;
} */
.tax-job-category .header-tiny {
    display: none;
}
.jobs-boxes .container-job > h2 {
    text-align: center;
    margin: 0 0 30px;
}
.apply-button button.purple-full {
    font-size: 14px;
    padding: 8px 50px;
}
.apply-button button.purple-full:hover {
    font-size: 14px;
    padding: 8px 50px;
}
.single-jobs .header-tiny {
	background-color: transparent;
	padding-bottom: 0;
}
.single-jobs .header-tiny h1 {
	color:#000;
}
.careers-single {
	padding-top: 50px;
}
.careers-single > h2 {
    text-align: center;
    margin: 0 0 50px;
}
.single-jobs {
	background: url('images/careers/single-careers-bg.png');
	background-size: cover;
	background-repeat: no-repeat;
}
.side-article span {
    display: block;
}
.jobs-block-item {
    position: relative;
    min-height: 230px;
    background: #1f2134;
}
.jobs-block-item > a {
    display: block;
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    width: 100%;
    padding: 40px 14px;
}
.job-filters .col-sm-6 {
    margin-bottom: 30px;
}
.job-cat-boxes > .container-job {
    display: flex;
    justify-content: center;
}
.no-jobs {
    text-align: center;
    padding: 100px 0;
}
@media screen and (max-width: 1199px) {
    .careers-banner-text {
        width: 70%;
    }
}
@media screen and (max-width: 991px) {
    .careers-banner-text {
        width: 80%;
    }
}
@media screen and (max-width: 767px) {
    .careers-banner {
        height: 420px;
    }
    .jobs-plain-text {
        padding: 50px 0;
    }
    .job-cat-boxes .container-job {
        padding:0;
    }
    .careers-banner-text h1 {
        font-size: 30px;
    }
    .careers-banner-text p {
        font-size: 18px;
    }
    .jobs-plain-text h2, .jobs-cat h2, .jobs-block-item h2, .jobs-boxes .container-job > h2, .careers-banner-text h2 {
        font-size: 25px;
    }
    .jobs-plain-text p {
        font-size: 16px;
    }    
    .careers-bottom {
        height: 400px;
    }
    .job-cat-boxes {
        padding-bottom: 30px;
    }
    .filter-search-left {
        width: 30%;
    }
    .filter-search-right {
        width: 70%;
    }
    .filter-search-left h3 {
        font-size: 26px;
    }    
    .select-wrapper .holder {
        font-size: 22px;
    }
    .job-filters {
        padding-top: 50px;
        margin: 0 -15px;
    }
    .select-wrapper {
        height: 30px;
        line-height: 26px;
        background-size: 18px;
    }    
    .jobs-boxes .col-sm-6 {
        width: 100%;
    }
    .jobs-block-item {
        margin:0;
    }
    .careers-banner-text {
        width: 95%;
    }
    .jobs-boxes {
        padding: 40px 0 20px;
    }
    .single-jobs .header-tiny {
        padding-top: 80px;
        margin-bottom:0;
    }
    .single-jobs .header-tiny h1 {
        font-size: 28px;
    } 
    .careers-single {
        padding-top: 20px;
    }
    .position-content h3 {
        font-size: 16px;
        padding: 10px 0;
    }   
    .left-side-description {
        padding-top: 20px;
    } 
    .position-content .side-article h4 {
        padding-bottom: 0;
    }
    .careers-single > .container {
        padding: 0;
    }
    .single-jobs {
        background-size: contain;
        background-position: center;
    }
     
}
/*****************************************************************************
  * End: Jobs
******************************************************************************/

/*************************************
  * NEW MENU
*************************************/

.wr-megamenu-inner .solution-new-menu-item ul.submenu-items {
    float: left;
    width: 50%;
    border-top: 1px solid #dedede;
}
.solution-new-menu-item {
    border-right: 1px solid #dedede;
}
.jsn-bootstrap3 .obm-citrix-menu > div {
    min-height: 1px !important;
}
.obm-citrix-menu {
    border-top: 1px solid #dedede;
    border-radius: 0;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.obm-citrix-menu .block-sub-menu {
    padding-top: 0;
}
.obm-citrix-menu .wr-element-megamenu_text {
    display: none;
}
.wr-megamenu-inner > .jsn-bootstrap3 > div {
    width: 100%;
}

.protege-menu {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    min-width: 700px;
}
.solution-new-menu-item.wr-element-submenu .submenu-items ul {
    margin-left: 0px !important;
} 
.solution-new-menu-item.wr-element-submenu .block-sub-menu .submenu-items:first-of-type {
    border-right: 1px solid #dedede !important;
}   
.solution-new-menu-item .block-sub-menu .submenu-items > li > a {
    font-weight: 900;
}
.solution-new-menu-item > .block-sub-menu, .scom-sub-menu > .block-sub-menu {
    padding-top: 0 !important;
}
.scom-sub-menu .block-sub-menu .submenu-items {
    border-top: 1px solid #dedede;
}
#menu-item-14975 > a, #menu-item-14980 > a {
    cursor: text;
}
.wr-megamenu-container #menu-item-14975 > a:hover, .wr-megamenu-container #menu-item-14980 > a:hover {
    color: #000 !important;
    border-bottom: 1px solid #f5f5f5 !important;
    background-color: transparent !important;
}
#wr-megamenu-menu-9 .submenu-items {
    display: none;
}
#wr-megamenu-menu-9 > li:hover .submenu-items {
    display: block;
}
@media screen and (max-width: 1199px) {
    .protege-menu {
        min-width: 650px;
    }
}
/*****************************************************************************
  * End: NEW MENU
******************************************************************************/

/*************************************
  * NEXT LANDING 2020
*************************************/
.next-2020-banner {
    position:relative;
    height: 650px;
    background: url('images/next-2020/next-background.jpg');
    background-position: center;
    background-size: cover;
}
.next-2020-banner-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    text-align: center;
}
.next-2020-banner-text h1 {
    color: #000000;
    font-size: 96px;
    font-weight: 300;
    letter-spacing: -3px;
}
.next-2020-banner-text h1 strong {
    font-weight: 900;
}
.next-2020-banner-text h2 {
    opacity: 0.8;
    color: #000000;
    font-size: 24px;
    letter-spacing: 0;
}
.next-2020-banner-text a {
    color: #FFFFFF;
    font-size: 18px;
    font-weight: 800;
    letter-spacing: 0;
    border-radius: 2.34px;
    background: #1cd199;
    display: inline-block;
    padding: 20px 65px;
    text-transform: uppercase;
    margin-top: 40px;
    font-family: 'Muli', sans-serif;
}
.next-2020-banner-info h2 {
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 32px;
    text-align: center;
    margin:0;
}
.next-2020-banner-info h2 strong {
    font-weight: 800;
}
.next-2020-banner-info {
    background: linear-gradient(100.7deg, #521EB0 0%, #AB00FF 100%);
    padding: 8px 15px 10px;
}
.next-2020-protecting, .next-2020-speaker {
    display: flex;
    display: -webkit-flex;
    margin:0 auto;
    max-width: 945px;
    justify-content: space-between;
    align-items: flex-end;
    padding: 0 15px;
}
.next-2020-protecting {
    padding-bottom: 60px;
}
.next-2020-speaker { 
    align-items: flex-start;
    padding: 90px 15px;
}
.next-2020-protecting-left {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.next-2020-protecting-right {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
}
.next-2020-protecting-left h2 {
    color: #000000;
    font-size: 54px;
    letter-spacing: -1.69px;
    line-height: 66px;
    font-weight: 400;
    margin:0;
}
.next-2020-protecting-right p {
    opacity: 0.8;
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.667;
}
.next-2020-testimonial {
    margin:0 auto;
    max-width: 945px;
    padding: 0 15px 50px;
}
.next-2020-purple {
    background: linear-gradient(100.7deg, #521EB0 0%, #AB00FF 100%);
    text-align: center;
    padding: 60px 0;
}
.next-2020-purple h2 {
    color: #FFFFFF;
    font-size: 42px;
    letter-spacing: -1.31px;
    line-height: 66px;
}
.next-2020-purple h3 {
    color: #FFFFFF;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 37.36px;
}
.next-2020-speaker-left {
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
    max-width: 33%;
}
.next-2020-speaker-right {
    -ms-flex: 0 0 46%;
    flex: 0 0 46%;
    max-width: 46%;
}
.next-2020-speaker-left h5 {
    color: #521EB0;
    font-size: 13px;
    font-weight: 800;
    letter-spacing: 0.4px;
    line-height: 28px;
}
.next-2020-speaker-left h3 {
    color: #000000;
    font-size: 24px;
    font-weight: 900;
}
.next-2020-speaker-left h4 {
    color: #000000;
    font-size: 16px;
    letter-spacing: 0;
    line-height: 1.667;
}
.next-2020-speaker-left img {
    position: relative;
    max-width: 220px;
    margin-bottom: 20px;
}
.next-2020-speaker-right p {
    opacity: 0.8;
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.667;
    margin-bottom: 25px;
}
.next-2020-reminder {
    max-width: 945px;
    margin: 0 auto;
    padding: 0 15px 115px;
}
.next-2020-reminder-box {
    max-width: 945px;
    margin:0 auto;
    overflow: hidden;
    text-align: center;
    padding: 15px 15px 130px;
}
.next-2020-reminder-box h3 {
    color: #000000;
    font-size: 16px;
    font-weight: 800;
    margin-bottom: 25px;
}
.next-2020-reminder-box h4 {
    color: #000000;
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 25px;
}
.next-2020-reminder-box a, .next-2020-new a {
    color: #FFFFFF;
    font-family: 'Muli', sans-serif;
    font-size: 14px;
    font-weight: 800;
    display: inline-block;
    border-radius: 1.24px;
    background: #1cd199;
    padding: 10px 30px;
    text-transform: uppercase;
}
.next-2020-new a {
    margin-top: 20px;
}
.next-2020-purple-inner {
    max-width: 945px;
    margin:0 auto;
    padding: 0 15px;
}
.next-2020-win {
    -webkit-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    -moz-box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.4);
}
.next-2020-green {
    height: 59px;
    transform: scaleY(-1);
    -webkit-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
    background: #1cd199;
}
.next-2020-team {
    max-width: 945px;
    margin:0 auto;
    text-align: center;
    padding: 70px 15px 60px;
}
.next-2020-team h2 {
    color: #000000;
    font-size: 54px;
    letter-spacing: -1.69px;
    line-height: 1.22;
    margin-bottom: 50px;
}
.next-2020-team h2 strong {
    font-weight: 800;
}
.next-2020-team p {
    opacity: 0.8;
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 24px;
    letter-spacing: 0;
    line-height: 1.1;
    padding-top: 30px;
}
.next-2020-green-border {
    height: 1px;
    background-color: #1CD199;
}
.next-2020-form {
    max-width: 500px;
    margin: 0 auto;
    padding: 50px 0 65px;
}
.next-2020-form h2 {
    opacity: 0.8;
    color: #000000;
    font-size: 32px;
    font-weight: 800;
    margin: 0;
}
.next-2020-new {
    padding: 60px 0;
}
.next-2020-new h2 {
    font-size: 48px;
    letter-spacing: -1.5px;
    color: #000000;
    text-align: center;
    margin-top: 0;
}
.next-2020-new h3 {
    font-size: 24px;
    opacity: 0.8;
    color: #000000;
    line-height: 36px;
    text-align: center;
    margin-bottom: 50px;
}
.next-2020-new h4 {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
}
.next-2020-new p {
    opacity: 0.8;
    color: #000000;
    font-family: 'Muli', sans-serif;
    font-size: 18px;
    letter-spacing: 0;
    line-height: 1.39;
}
.next-2020-test .owl-carousel .owl-item img {
    width: auto;
}
.next-2020-test #testimonial-slider img {
    padding-bottom: 0px;
}
.next-2020-test .testimonial-single .testimonial-text {
    text-align: left;
}
.next-2020-test #testimonial-slider .owl-item img {
    margin: 0 0 26px;
}
.next-2020-test #testimonial-slider {
    max-width: 685px;
}
.next-page .testimonial-single .testimonial-name, .next-page .testimonial-single .testimonial-company {
    font-size: 18px;
}

@media screen and (max-width: 1600px) {
    .next-2020-banner-text h1 {
        font-size: 75px;
    }
    .next-2020-banner {
        height: 530px;
    }
}
@media screen and (max-width: 1199px) {
    .next-2020-banner-text h1 {
        font-size: 60px;
    }
    .next-2020-banner-text h2, .next-2020-team p, .next-2020-new h3, .next-2020-new h4, .next-2020-speaker-left h3 {
        font-size: 22px;
    }
    .next-2020-banner {
        height: 450px;
    }
    .next-2020-banner-text a, .next-2020-new p {
        font-size: 16px;
    }
    .next-2020-protecting-left h2 {
        font-size: 40px;
        line-height: 1.5;
    }
    .next-2020-purple h2 {
        font-size: 38px;
    }
    .next-2020-team h2, .next-2020-new h2 {
        font-size: 45px;
    }
    .next-2020-form h2 { 
        font-size: 26px;
    }
    h2 {
        font-size: 40px;
    }
}
@media screen and (max-width: 991px) {
    .next-2020-banner-text h1 {
        font-size: 50px;
    }
    .next-2020-banner {
        height: 320px;
        margin-bottom: 30px;
    }
    .next-2020-banner-text h2, .next-2020-team p, .next-2020-new h3, .next-2020-new h4 {
        font-size: 18px;
    }
    .next-2020-banner-text a, .next-2020-new p {
        font-size: 14px;
    }
    .next-2020-banner-text a {
        margin-top: 20px; 
    }
    .next-2020-banner-text a {
        padding: 15px 50px;
    }
    .next-2020-protecting-left h2 {
        font-size: 30px; 
    }    
    .next-2020-protecting-right p {
        font-size: 16px;
    }
    .next-2020-banner-info h2, .next-2020-speaker-right p {
        font-size: 16px;
    }
    .next-2020-purple h2 {
        font-size: 30px;
    }
    .next-2020-purple {
        padding: 30px 0 50px;
    }
    .next-2020-protecting {
        padding-bottom: 35px;
    }
    .next-2020-test #testimonial-slider .owl-item img {
        margin: 0 auto;
    }
    .next-2020-test .testimonial-single .testimonial-text {
        text-align: center;
        margin-top: 30px;
    }
    .next-page #testimonial-slider {
        padding-top: 20px;
    }
    .next-2020-testimonial {
        padding: 0 15px 15px;
    }
    .next-2020-speaker {
        padding: 50px 15px;
    }
    .next-2020-speaker-left {
        -ms-flex: 0 0 40%;
        flex: 0 0 40%;
        max-width: 40%;
    }
    .next-2020-reminder-box .col-md-4 {
        margin-bottom: 30px;
    }
    .next-2020-reminder-box {
        padding: 15px 15px 30px;
    }
    .next-2020-reminder {
        padding-bottom: 50px
    }
    .next-2020-team {
        padding: 30px 15px 50px;
    }
    .next-2020-team h2, .next-2020-new h2 {
        font-size: 36px;
    }
    .next-2020-team h2 {
        margin-bottom: 25px;
    }
    .next-2020-new .col-md-4 {
        max-width: 360px;
        margin: 0 auto 40px !important;
    }
    .next-2020-new {
        padding-bottom: 10px
    }
    #filters .col-md-6 {
        margin-top: 20px;
    } 
    h2 {
        font-size: 40px;
    }
}
@media screen and (max-width: 767px) {
    .next-2020-banner-info h2, .next-2020-speaker-right p {
        font-size: 14px;
    }
    .next-2020-banner-text {
        width: 95%;
    }
    .next-2020-banner-text h1 {
        font-size: 38px;
    }
    .next-2020-banner {
        height: 300px;
    }
    .next-2020-protecting-left, .next-2020-protecting-right, .next-2020-speaker-left, .next-2020-speaker-right {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
    .next-2020-protecting, .next-2020-speaker {
        flex-wrap: wrap;
    }
    .next-2020-protecting-left {
        margin-bottom: 20px;
    }
    .next-2020-purple h2 {
        font-size: 28px;
        line-height: 1.3;
    } 
    .next-2020-purple h3 {
        font-size: 16px;
        line-height: 1.3;
    }
    .next-2020-speaker-right p {
        margin-bottom: 15px;
    }
    .next-2020-banner-text h2, .next-2020-team p, .next-2020-new h3, .next-2020-new h4, .next-2020-speaker-left h3 {
        font-size: 18px;
        line-height: 1.4;
    }
    .next-2020-protecting-left h2 {
        font-size: 24px;
    }
    .next-2020-speaker {
        padding: 40px 15px 30px;
    }
    .next-2020-banner-info h2 {
        line-height: 1.3;
    }
    .next-2020-team h2, .next-2020-new h2 {
        font-size: 28px;
    }
    .next-2020-form {
        padding: 40px 15px;
    }
    .next-2020-form h2 {
        font-size: 22px;
    }
    .next-2020-new h3 {
        margin-bottom: 30px;
    }
    h2 {
        font-size: 30px;
    }
}

@media screen and (min-width: 768px) and (max-width: 769px) {
    .footer-top-area .row .col-sm-3 {
        width: 25% !important;
    }    
}