body {
    margin: 0;
    padding: 0;
    font: 300 15px/24px ZohoPuvi, sans-serif;
    color: #000;
    box-sizing: border-box
}
body * {
    box-sizing: border-box
}
.af {
    font-family: 'ZohoPuvi';
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    margin: 0;
    padding: 0
}
.af p,
.af a,
.af li,
.af td,
.af td,
.af span,
.af label {
    line-height: 24px;
    font-size: 15px
}
.af ul {
    padding-left: 0;
    margin: 0
}
.af li {
    list-style-type: none
}
.af a {
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.af a:hover {
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}
.af div,
.af a,
.af ul,
.af li,
.af input,
.af p,
.af h1,
.af h2,
.af span {
    box-sizing: border-box
}
.af div {
    box-sizing: border-box
}
.af img,
.ac img {
    -ms-interpolation-mode: bicubic;
    display: inline-block;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
}
/*New update start*/
.scrn-shot.bigsql-img img {
    width: 90%;
}
.scrn-shot.smallsql-img img {
    width: 60%;
}
/*End*/
.af {
    width: 100%;
    display: inline-block;
    float: left
}
.ac {
    margin: 0 auto;
    position: relative;
    max-width: 1200px
}
.fixed_bar_scontainer {
    display: none
}
.nav-dwn a {
    box-sizing: content-box
}
.container,
.ac {
    max-width: 1200px;
    margin: 0 auto
}
.clearfix::after {
    content: "";
    clear: both;
    display: table
}
.flexslider {
    padding-bottom: 30px;
}
.banner img {
    height: 250px
}
.banner .content,
.cont-banner .content {
    position: relative;
    text-align: center
}
.banner .content h1 {
    font-size: 46px;
    color: #f8f6f6;
    font-weight: 600;
    line-height: 50px;
    padding: 70px 0 120px 0;
    margin: 0;
}
.cont-banner,
.banner {
    background: url(../images/logging-guide-banner-bg.png) #2b153b;
    background-size: cover;
    /* padding:75px 0 50px; */
}
.cont-banner .menu-icon {
    display: none;
}
.cont-banner {
    padding: 60px 0 35px;
}
.cont-banner .content h1 {
    font-size: 34px;
    line-height: 47.5px;
    color: #fff;
    font-weight: 700;
    text-align: center;
    margin-top: 10px
}
.cont-banner .content a {
    padding: 0 10px;
    background: #fbd004;
    border-radius: 3px;
    display: inline-block;
    font-size: 13px;
    color: #000;
    font-weight: 400;
    text-decoration: none;
    margin: 0 5px 5px 0
}
.cont-banner .info {
    font-size: 0;
    margin-top: 15px
}
.cont-banner .info span {
    display: inline-block;
    font-size: 14px;
    font-weight: 600;
    margin-right: 10px;
    position: relative;
    line-height: 16px
}
.cont-banner .info span:nth-child(2) {
    margin: 0 14px 0 10px;
    color: #fff;
    padding: 0
}
.cont-banner .info span:last-child {
    margin-left: 12px;
    cursor: pointer;
    background: #fff;
    font-size: 12px;
    color: #1877f2;
    font-weight: 400;
    padding: 4px 8px 4px 10px;
    border-radius: 3px;
    position: relative;
    text-indent: 20px
}
.cont-banner .info span:last-child:before {
    position: absolute;
    content: "";
    display: inline-block;
    background: url(../images/logging-guide.png) no-repeat -367.5px -695.5px;
    width: 16px;
    height: 17px;
    background-size: 625px 828px;
    left: 9px;
    top: 4px
}
.content-sec {
    padding-top: 65px
}
.breadCrumb ul li {
    float: left;
    font-size: 0;
    position: relative
}
.breadCrumb ul {
    float: left;
    width: 100%;
    padding: 0
}
.breadCrumb ul li a,
.breadCrumb ul li span {
    font-size: 12px;
    color: #7c7b7b;
    font-weight: 400;
    transition: .3s
}
.breadCrumb ul li a:hover {
    color: #000
}
.breadCrumb ul li:nth-child(1) {
    margin-right: 14px
}
.breadCrumb ul li:nth-child(2) {
    margin: 0 14px
}
.breadCrumb ul li:nth-child(3) {
    margin-left: 14px
}
.breadCrumb ul li:nth-child(1)::before,
.breadCrumb ul li:nth-child(2)::before {
    position: absolute;
    content: ">";
    right: -14px;
    top: 0;
    font-size: 12px;
    color: #7c7b7b;
    font-size: 500
}
.para {
    float: left;
    width: 100%
}
.para .contents {
    float: left;
    width: 100%;
    box-sizing: border-box
}
.para .contents a {
    color: #0099ce
}
.para .contents p {
    font-size: 16px;
    line-height: 26px;
    color: #000;
    margin-bottom: 15px;
    float: left
}
.para h2,
.para h3,
.para h4,
.para h5,
.para h6 {
    float: left;
    width: 100%
}
.para h2 {
    font-size: 24px;
    margin-top: 20px;
    margin-bottom: 22px;
    color: #000;
    font-weight: 500
}
.para h4 {
    font-size: 18px;
    color: #000;
    font-weight: 500;
    margin: 30px 0 20px
}
.contents ul+h2 {
    margin-top: 40px;
}
.para h2+h4 {
    margin-top: 5px;
}
.para h4+code {
    margin-top: 0;
}
.para code+h4 {
    margin-top: 0;
}
.para h4+p {
    margin-top: 0;
}
.para .lhs {
    float: left;
    width: calc(100% - 325px);
    padding-right: 60px;
}
.para .rhs {
    float: left;
    width: 325px;
    position: absolute;
    right: 0;
    top: 40px;
    height: 100%
}
.scrn-shot {
    float: left;
    width: 100%
}
.scrn-shot img {
    width: 70%;
    border: 5px solid #fff;
    box-shadow: 0 0 6px 5px #3333330d
}
.stick h2 {
    margin-top: 0;
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 500
}
.stick ul {
    padding: 0
}
.stick ul li a {
    color: #000;
    text-decoration: none
}
.stick {
    position: sticky;
    top: 120px;
    float: left;
    width: 326px;
    font-size: 16px;
    line-height: 29.5px;
    color: #000
}
.stick ul li {
    position: relative;
    padding-bottom: 14px;
    margin-bottom: 10px;
    cursor: pointer;
    transition: transform .3s ease-in-out;
    list-style-type: none;
    font-size: 14px;
    line-height: 24px
}
.stick ul li:not(:last-child) {
    border-bottom: 1px solid #e8e8e8
}
.stick ul li:hover {
    transform: translateX(4px)
}
.download {
    background: #f6f9fa;
    position: relative;
    border: 1px solid #ecf1f3;
    margin-bottom: 50px;
}
.download .ela {
    padding: 109px 26px 40px 42px
}
.ela-img {
    background: url(../images/logging-guide.png) no-repeat -34.5px -604.5px;
    width: 223px;
    height: 181.5px;
    background-size: 625px 800px;
    position: absolute;
    top: -85px;
    left: 50%;
    transform: translateX(-50%)
}
.download p {
    font-size: 23.5px;
    line-height: 32px;
    color: #000;
    margin: 10px 0 0
}
.download a {
    font-size: 16px;
    color: #fff;
    font-weight: 400;
    padding: 10px 20px;
    background: #0495fb;
    display: inline-block;
    cursor: pointer;
    margin-top: 15px;
    cursor: pointer;
    text-decoration: none
}
.download a:hover {
    background: #046bb4
}
.download p span {
    font-size: 27px;
    width: 100%;
    font-weight: 600;
    line-height: 40px
}
.download .demo {
    margin-top: 116px;
    margin-bottom: 40px
}
.tabContainer {
    position: relative;
    transform: translateY(-55%);
}
.tabContainer .tabs {
    background: #371b88;
    /* height:116px; */
    border-radius: 7px;
    padding: 30px 0;
}
.tabContainer .tabs ul {
    font-size: 0;
    position: relative;
    text-align: center;
    background: #fff;
    width: calc(100% - 60px);
    margin: 0 auto;
    border-radius: 5px;
    top: 50%;
    /* transform:translateY(-50%); */
}
.tabs ul>span {
    display: none
}
.tabContainer .tabs ul li {
    display: inline-block;
    padding: 24px 0 18px;
    font-size: 16px;
    font-weight: 600;
    position: relative;
    cursor: pointer;
    color: #8d8d8d;
    margin-right: 40px;
}
.tabContainer .tabs ul li:last-child {
    margin-right: 0;
}
.tabContainer .tabs ul li span {
    font-weight: 500;
}
.tabContainer .tabs ul li.active {
    color: #010101
}
.tabContainer .tabs ul li::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 4.5px;
    background: #fbd004;
    border-radius: 25px;
    bottom: 0;
    transition: width .4s ease-in-out;
    transform-origin: bottom center;
    left: 0;
    opacity: 0;
}
#title {
    display: none
}
.tabContainer .tabs ul li.active::before {
    opacity: 1;
}
.tabContainer .tabs ul li:hover::before {
    opacity: 1;
}
.tabContainer .tabs-2 {
    max-width: 890px;
    width: 100%;
    margin: 0 auto;
}
.lists {
    display: none
}
.mcat-netwo-lists-smenu {
    display: block
}
.lists ul {
    font-size: 0
}
.lists ul li {
    display: inline-block;
    font-size: 14px;
    color: #010101;
    font-weight: 500;
    padding: 6px 15px;
    background: #f7f9fa;
    border-radius: 25px;
    cursor: pointer;
    transition: .2s;
    margin-top: 10px;
}
.lists ul li:not(:nth-child(1)) {
    margin-left: 11.3px;
}
.lists ul li:hover {
    background: #fbd004;
    box-shadow: 0 0 14px rgba(0, 0, 0, 0.1)
}
.lists ul li.act {
    background: #fbd004
}
.blogList {
    padding-top: 20px;
    float: left;
    width: 100%
}
.blogList ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}
.blogList ul li {
    float: left;
    width: 50%;
    list-style-type: none;
    padding: 15px;
    display: none
}
.blogList ul li.sub-net-all {
    display: block
}
.blogList .blog {
    border: 1px solid #d7d9da;
    float: left;
    border-radius: 7px;
    position: relative;
    width: 100%
}
.blogList .blog .overlay__link {
    cursor: pointer
}
.blogList .blog:hover {
    box-shadow: 0 0 18px rgba(0, 0, 0, 0.1)
}
.blogList .blog .content {
    float: left;
    padding: 30px 25px;
    padding-bottom: 0;
    width: calc(100% - 277px)
}
.blogList .blog .content .info span.tags {
    float: left;
    font-size: 10px;
    font-weight: 400;
    position: relative;
    display: inline-block;
    background: #fbd004;
    padding: 0 10px;
    color: #000;
    line-height: 20px;
    margin: 0 5px 5px 0;
    border-radius: 2px
}
.blogImg {
    background-size: 2000px;
    background: url(../images/log-guide-sprite.png) no-repeat;
    background-position: -37px -19px;
    width: 277px;
    height: 192px;
    float: left;
    border-radius: 7px 0 0 7px
}
.bset-1 {
    background: url(../images/log-guide-sprite-1.png) no-repeat;
    background-position: -24px -4px;
}
.blog2--img {
    background-position: -1032px -20px
}
.blog3--img {
    background-position: -766px -492px;
}
.blog4--img {
    background-position: -40px -20px
}
.blog5--img {
    background-position: -367px -20px
}
.blog6--img {
    background-position: -700px -26px
}
.blog7--img {
    background-position: -1026px -252px
}
.blog8--img {
    background-position: -1035px -23px
}
.blog9--img {
    background-position: -1375px -23px
}
.blog10--img {
    background-position: -1708px -16px
}
.blog11--img {
    background-position: -2060px -16px
}
.blog12--img {
    background-position: -2407px -29px
}
.blog13--img {
    background-position: -40px -281px
}
.blog14--img {
    background-position: -357px -254px
}
.blog15--img {
    background-position: -688px -254px
}
.blog16--img {
    background-position: -1385px -532px
}
.blog17--img {
    background-position: -366px -24px
}
.blog18--img {
    background-position: -366px -24px
}
.blog19--img {
    background-position: -1739px -548px;
}
.blog20--img {
    background-position: -2093px -514px;
}
.blog21--img {
    background-position: -2411px -514px;
}
.blog22--img {
    background-position: -6px -763px;
}
.blog23--img {
    background-position: -313px -757px;
}
.blog24--img {
    background-position: -623px -759px;
}
.blog25--img {
    background-position: -928px -757px;
}
.blog26--img {
    background-position: -1234px -765px;
}
.blog27--img {
    background-position: -1542px -758px;
}
.blog28--img {
    background-position: -1842px -758px;
}
.blog29--img {
    background-position: -2145px -755px;
}
.blog30--img {
    background-position: -2444px -757px;
}
.blog-db1--img {
    background-position: -2408px -512px;
    background-size: 3000px;
}
.blog-log-parsing {
    background-position: -702px -523px;
}
.blog-log-archival {
    background-position: -1037px -523px;
}
.blog-network-device-log {
    background-position: -6px -969px;
}
.blog-structured-logging {
    background-position: -357px -976px;
}
.blog-structured-logsearch {
    background-position: -757px -987px;
}
.bset-2 {
    background: url(../images/log-guide-sprite-1.png) no-repeat;
    background-position: 0px 0px;
    background-size: 2640px;
}
.scat-sys1-img {
    background-position: -298px -2px;
}
.scat-sys2-img {
    background-position: -876px -209px;
}
.scat-sys3-img {
    background-position: -589px -209px;
}
.scat-sys4-img {
    background-position: -1170px -209px;
}
.scat-sys5-img {
    background-position: -297px -209px;
}
.scat-sys6-img {
    background-position: -1169px -2px;
}
.scat-sys7-img {
    background-position: -7px -209px;
}
.scat-sys8-img {
    background-position: -1458px -2px;
}
.scat-sys9-img {
    background-position: -2043px -2px;
}
.scat-sys10-img {
    background-position: -589px -2px;
}
.scat-sys11-img {
    background-position: -1752px -2px;
}
.scat-webs1-img {
    background-position: -1456px -216px;
}
.scat-webs4-img {
    background-position: -35px -612px;
    background-size: 2470px;
}
.scat-webs2-img {
    background-position: -1354px -425px;
}
.scat-webs3-img {
    background-position: -1685px -416px;
    background-size: 2580px;
}
.blog31--img {
    background-position: -2342px -3px;
}
.blog32--img {
    background-position: -1740px -214px;
}
.blog-log-correlation {
    background-position: -2328px -214px;
}
.blog-log-collection {
    background-position: -2035px -214px;
}
.blog-log-normalization {
    background-position: -991px -427px;
}
.blog-log-data {
    background-position: -364px -434px;
}
.blog-log-search {
    background-position: -2076px -427px;
}
.blogImg.flbp-23-img {
    background: url(../images/firewall-logging-best-practices-thumbnail.png) no-repeat;
    background-size: cover;
}
.blogImg.flbp-24-img {
    background: url(../images/firewall-and-types-thumb.png) no-repeat;
    background-size: cover;
}
.blogImg.gen-comp-23-img {
    background: url(../images/data-privacy-regulations-thumbnail-23.jpg) no-repeat;
    background-size: cover;
    background-position: center;
}
.blogImg.sysmon-23-img {
    background: url(../images/what-is-sysmon-thumbnail.png) no-repeat;
    background-size: cover;
}
.info span:nth-child(1) {
    padding: 0 10px;
    background: #fbd004
}
.info span:nth-child(2) {
    color: #46535a
}
.info .dat {
    font-size: 10px;
    font-weight: 400;
    line-height: 20px;
    top: -3px;
    position: relative;
    padding-left: 16px;
    margin-left: 10px;
}
.info .dat:before,
.read-time:before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../images/logging-guide.png) no-repeat;
    width: 14px;
    height: 14px;
    background-size: 680px;
}
.info .dat:before {
    background-position: -7px -3px;
    left: 0px;
    top: -1px;
}
.blog .read-time {
    font-size: 10px;
    text-transform: uppercase;
    font-weight: 400;
    line-height: 20px;
    padding-left: 18px;
    margin-left: 20px;
}
.read-time:before {
    left: 0px;
    top: -3px;
    background-position: -27px -2px;
}
.cont-banner .info span:nth-child(1) {
    background: no-repeat;
    color: #fff;
    font-weight: 400
}
.cont-banner .info span:nth-child(2) {
    font-weight: 300
}
.cont-banner .info span:before {
    content: "";
    position: absolute;
    width: 1px;
    height: 14px !important;
    right: -12px;
    top: 1px;
    background: #eae8e8
}
.how-to-new .dwn_btn {
    float: left;
    width: 100%
}
.inner-tags {
    float: left;
    width: 100%;
    padding-top: 20px;
}
.inner-tags ul {
    float: left;
    width: 100%;
    padding: 0;
    margin: 0
}
.inner-tags ul li {
    list-style-type: none;
    float: left;
    margin: 0 7px 7px 0
}
.inner-tags ul li span,
.inner-tags ul li a {
    background: #f2f5f8;
    font-size: 12px;
    font-weight: 500;
    display: inline-block;
    padding: 2px 10px;
    color: #000;
    transition: all 0.5s ease;
}
.inner-tags ul li a:hover {
    text-decoration: none;
    background: #dfefff;
}
.cont-banner .info span:nth-child(1):before {
    right: -6px
}
.desc {
    font-size: 15px;
    line-height: 23px;
    color: #010101;
    font-weight: 600;
    position: relative;
    height: 65px;
    margin: 15px 0 10px
}
.desc:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 50px;
    background: linear-gradient(to top, #fff, transparent);
    bottom: 0;
    left: 0;
    right: 0
}
.read {
    margin-top: 0;
    display: inline-block;
    font-size: 12px !important;
    color: #371b88;
    font-weight: 400;
    cursor: pointer;
    padding: 5px 0;
    transition: .3s;
    position: relative;
    padding-right: 18px
}
.read::before {
    content: "";
    display: inline-block;
    position: absolute;
    background: url(../images/logging-guide.png) no-repeat -435.5px -701.5px;
    width: 5.5px;
    height: 8.5px;
    background-size: 625px 800px;
    right: 7px;
    top: 13px
}
.blog:hover .read {
    padding: 4px 25px 4px 15px;
    background: #371b88;
    color: #fff
}
.blog:hover .read:before {
    background: url(../images/logging-guide.png) no-repeat -477.5px -698.5px;
    width: 6px;
    height: 8px;
    background-size: 625px 800px;
    right: 13px
}
.btns {
    margin-top: 31px
}
.cta {
    padding-top: 109px;
    margin-bottom: 60px;
    float: left;
    width: 100%
}
.cta .container {
    position: relative;
    background: #371b88;
    border-radius: 5px;
    overflow: hidden
}
.cta .ctaImg {
    position: absolute;
    background: url(../images/logging-guide.png) no-repeat 0 -189.5px;
    width: 436px;
    height: 294.5px;
    background-size: 625px 800px
}
.cta .content {
    float: right;
    width: 650px;
    padding: 54px 0;
    padding-right: 70px
}
.cta .content p {
    font-size: 28px;
    line-height: 46px;
    color: #fffffe;
    font-weight: 600;
    margin: 0
}
.btns {
    margin-top: 31px
}
.btns .trial,
.btns .req-demo {
    font-size: 16px;
    padding: 14px 28px;
    color: #fff;
    font-weight: 400;
    text-align: center;
    background: #d5231a;
    display: inline-block;
    cursor: pointer;
    transition: .3s;
    text-decoration: none
}
.btns .req-demo {
    background: transparent;
    border: 1px solid #fffffe;
    padding: 12px 18px;
    margin-left: 12px
}
.btns .req-demo:hover {
    background: #fffffe;
    color: #371b88
}
.btns .trial:hover {
    background: #c32119
}
@media screen and (max-width: 1200px) {
    .tabContainer .tabs ul {
        padding-left: 40px;
    }
    .container,
    .ac {
        max-width: 100%;
    }
    .tabContainer .tabs ul li:nth-child(1) {
        /* margin-left:35px; */
    }
    .tabContainer .tabs ul li:nth-child(2) {
        margin-left: 35px
    }
    .tabContainer .tabs ul li:nth-child(3) {
        margin-left: 35px
    }
    .tabContainer .tabs ul li:nth-child(4),
    .tabContainer .tabs ul li:nth-child(5),
    .tabContainer .tabs ul li:nth-child(6) {
        margin-left: 35px
    }
    .blogs .container {
        max-width: 910px
    }
    .blogList ul li {
        width: 33.333%
    }
    .blogList .blog {
        padding-bottom: 20px;
        margin: 0 auto;
        display: table;
        float: initial
    }
    .blogImg {
        width: 100%;
        border-radius: 7px 7px 0 0
    }
    .blogList .blog .content {
        width: 100%;
        padding: 25px 15px 0
    }
    .blogList .blog:nth-child(3n) {
        margin-right: 0 !important
    }
    .lists ul li:not(:nth-child(1)) {
        /* margin-left:28.5px; */
    }
    .lists ul li:nth-child(7) {
        margin-left: 0
    }
    .lists ul li:nth-child(9) {
        margin-top: 18px
    }
    .cta .content {
        padding-right: 15px;
        width: 640px
    }
    .para .contents p {
        width: 650px
    }
}
@media screen and (max-width: 1100px) {
    .container,
    .ac {
        /* max-width:1000px; */
    }
    .cta .ctaImg {
        display: none
    }
    .cta .content {
        float: none;
        width: 90%;
        padding-left: 30px;
        padding-right: 30px;
        margin: 0 auto;
        text-align: center;
    }
    .btns .trial,
    .btns .req-demo {
        font-size: 16px;
        padding: 12px 15px
    }
    .tabContainer .tabs {
        /* background:#371b88; */
        /* height:180px; */
        /* border-radius:7px; */
    }
    .tabContainer .tabs {
        /* overflow: hidden; */
    }
    .tabContainer .tabs ul {
        white-space: nowrap;
        overflow: hidden;
        overflow-x: auto;
    }
    .tabContainer .tabs ul li {
        display: inline-block;
        padding: 18px 15px 12px 15px;
    }
    .tabContainer .tabs ul li span {
        font-size: 14px;
        font-weight: 500;
    }
    .rhs,
    .stick {
        /* margin-left:50px; */
    }
    .para .contents p {
        width: 600px
    }
    .tabContainer {
        transform: translateY(0);
        margin-bottom: 50px;
    }
    .tabContainer .container {
        max-width: 100%;
    }
    .tabContainer .tabs {
        border-radius: 0;
    }
    .banner .content h1 {
        padding: 55px 0;
        font-size: 40px;
    }
    .tabContainer .tabs ul li {
        margin: 0 !important;
    }
}
@media screen and (max-width: 1024px) {
    .para .lhs {
        width: 100%;
        padding: 0 20px
    }
    .para .contents {
        padding-right: 0
    }
    .container {
        /* max-width:992px; */
    }
    .demo .img-demo {
        display: none
    }
    .demo .content {
        width: 710px;
        padding: 25px 30px;
        float: none;
        margin: 0 auto
    }
    .ac {
        max-width: 950px
    }
    .para .contents p {
        width: 100%
    }
    .para .rhs,
    .stick {
        width: 100%;
        position: relative;
        right: 0;
        top: 0;
        margin: 0
    }
    .ela-img {
        display: none
    }
    .download .ela {
        padding: 30px;
        text-align: center
    }
    .download p {
        margin: 0
    }
    .cta {
        padding-top: 50px;
        margin-bottom: 20px;
    }
}
@media screen and (max-width: 1000px) {
    .container,
    .blogs .container {
        /* max-width:800px; */
    }
    .blogs .container {
        max-width: 870px
    }
    .blogList .blog .blogImg {
        float: left
    }
    .lists ul li:not(:nth-child(1)) {
        /* margin-left:35px; */
    }
    .lists ul li:nth-child(6) {
        margin-left: 0
    }
}
@media screen and (max-width: 970px) {
    .ac {
        max-width: 900px
    }
}
@media screen and (max-width: 920px) {
    .ac {
        max-width: 820px
    }
}
@media screen and (max-width: 900px) {
    .blogs .container {
        max-width: 90%
    }
    .blogList .blog .blogImg {
        float: left
    }
    .lists ul li:not(:nth-child(1)) {
        /* margin-left:35px; */
    }
    .lists ul li:nth-child(5) {
        margin-left: 0;
        margin-top: 20px
    }
    .lists ul li:nth-child(9) {
        margin-left: 0
    }
    .blogList ul li {
        width: 50%
    }
    .blogList .blog {
        width: 284px;
    }
}
@media screen and (max-width: 840px) {
    .ac {
        max-width: 90%
    }
    .cont-banner img {
        display: none
    }
    .cont-banner {
        background: #191033;
        height: auto;
        position: relative;
        padding: 75px 0 35px
    }
    .cont-banner .content {
        padding: 0 30px
    }
    .cont-banner .content p {
        margin-top: 0
    }
    .cont-banner .content h1 {
        margin-top: 15px;
        padding: 0 20px
    }
    .cont-banner.content .info {
        margin-top: 30px
    }
    .para .contents p {
        width: 100%
    }
}
@media screen and (max-width: 800px) {
    .container,
    .ac {
        max-width: 768px
    }
    .demo .content {
        width: 85%;
        padding: 20px;
        float: none;
        margin: 0 auto
    }
}
@media screen and (max-width: 768px) {
    .container,
    .ac {
        max-width: 90%
    }
    .banner img {
        display: none
    }
    .cta .content {
        padding: 40px;
        width: 100%;
    }
    .banner {
        background: #191033;
        position: relative;
        padding: 35px 0 0 0;
        /* margin-top:20px; */
    }
    .banner .content h1 {
        padding: 0;
        font-size: 30px
    }
    .lists {
        /* margin-top:10px; */
        margin-bottom: 20px;
    }
    .lists ul li:not(:nth-child(1)) {
        /* margin-left:9px; */
    }
    .tabContainer .tabs ul {
        /* display:none; */
        width: 100%;
        padding-left: 0;
    }
    #title {
        /* display:block; */
        /* width:100%; */
        /* padding:20px; */
        /* margin-top:80px; */
        /* border-radius:5px; */
    }
    .tabContainer .tabs {
        /* background:#fff; */
        /* width:100%; */
        /* height:auto; */
        padding: 15px;
    }
    .lists ul li {}
    .lists ul li:nth-child(5) {
        margin-left: 0 !important;
        margin-right: 10px
    }
    .lists ul li:nth-child(9) {
        margin-left: 0 !important
    }
    .demo .content p {
        font-size: 28px;
        line-height: 45px
    }
    .btns .trial,
    .btns .req-demo {
        font-size: 15px;
        padding: 10px
    }
}
@media screen and (max-width: 650px) {
    .blogs .container {
        max-width: 100%
    }
    .blogList .blog {
        margin: 0 auto;
        display: table
    }
    .lists ul li {}
    .lists ul li:not(:nth-child(3n + 1)) {
        /* margin-left:30px!important; */
    }
    .blogList ul li {
        width: 100%;
        padding: 0 0 15px
    }
}
@media screen and (max-width: 620px) {
    .para h2 {
        line-height: 26px
    }
}
@media screen and (max-width: 595px) {
    .lists ul li {
        /* width:37%!important; */
        /* margin:10px 0!important; */
    }
    .lists ul li:not(:nth-child(3n + 1)) {
        /* margin-left:0!important; */
    }
    .lists ul li:nth-child(even) {
        /* margin-left:25px!important; */
    }
}
@media screen and (max-width: 570px) {
    .btns .trial,
    .btns .req-demo {
        display: block;
        width: 100%;
        margin-left: 0;
        padding-left: 9px;
        padding-right: 9px
    }
    .btns .req-demo {
        margin-top: 15px;
        padding-left: 7px;
        padding-right: 7px
    }
}
@media screen and (max-width: 512px) {
    .blogs .tabs ul li {
        display: block;
        width: max-content;
        left: 50%;
        transform: translate(-50%);
        margin-left: 0 !important
    }
    .cta .content p {
        font-size: 24px;
        line-height: 36px;
        margin-right: 0;
        text-align: center;
    }
    .cta {
        padding-top: 40px
    }
    .btns .trial,
    .btns .req-demo {
        width: 100%;
    }
}
@media screen and (max-width: 475px) {
    .cont-banner .content h1 {
        font-size: 26px;
        line-height: 35px
    }
}
@media screen and (max-width: 400px) {
    .banner .content h1 {
        font-size: 28px
    }
    .btns .trial,
    .btns .req-demo {
        font-size: 13px;
    }
}
@media screen and (max-width: 376px) {
    .lists ul li {
        /* width:41%!important; */
        /* padding:7px 12px; */
        /* font-size:14px; */
    }
    .lists ul li:nth-child(even) {
        /* margin-left:6px!important; */
    }
}
@media screen and (max-width: 348px) {
    .cont-banner .content h1 {
        font-size: 25px
    }
}
@media screen and (max-width: 340px) {
    .lists ul li {
        /* width:90%!important; */
    }
    .cta .content p {
        font-size: 24px;
        line-height: 38px
    }
}
.head {
    background: #fff;
    border-bottom: 1px solid #ececec;
    padding: 8px 0
}
.head .logo {
    width: 140px;
    height: 53px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-size: 415px;
    display: inline-block;
    float: left
}
.head ul {
    float: right;
    padding-top: 5px
}
.head ul li {
    float: left
}
.head ul li a {
    color: #000;
    font-size: 15px;
    display: inline-block;
    padding: 10px 12px
}
.head ul li a.act:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 3px;
    background: #0ca4ff;
    left: 0;
    right: 0;
    bottom: -13px;
    opacity: 0
}
.head ul li:last-child a {
    background: #d22222;
    color: #fff;
    padding: 8px 34px;
    cursor: pointer;
    font-weight: 500;
    border-radius: 2px;
    margin-left: 10px
}
.head ul li:last-child a:hover {
    background: #bb1818
}
.ban {
    background: url(../images/expert-talk-ban-bg.jpg) no-repeat center;
    background-size: cover;
    padding: 135px 0 0;
    text-align: center;
    margin-bottom: 100px;
    background-position: center center
}
.ban h1 {
    padding-bottom: 100px;
    font-size: 46px;
    font-weight: 300;
    line-height: 70px;
    text-align: left
}
.ban h1 span {
    display: block;
    font-size: 45px;
    font-weight: 600;
    line-height: 54px
}
.ban ul {
    background: #fff;
    border-radius: 5px;
    margin: 0 auto;
    display: table;
    width: 80%;
    margin-bottom: -30px;
    box-shadow: 0 5px 21px -11px #33333370;
    z-index: 3
}
.ban ul li {
    display: inline-table
}
.ban ul li a {
    color: #000;
    font-size: 14px;
    display: block;
    padding: 18px 40px;
    border-bottom: 3px solid #d9dade;
    text-transform: uppercase
}
.ban ul li a.act {
    color: #0ca4ff;
    border-bottom: 3px solid #0ca4ff;
    font-weight: 500
}
.ban ul li a:hover {
    color: #0ca4ff;
    border-bottom: 3px solid #0ca4ff
}
.sli {
    margin: 0 auto;
    display: table;
    width: 88%
}
.sli ul li {
    float: left;
    width: 100%
}
.box {
    float: left;
    width: 100%;
    border: 1px solid #c1c1c1;
    padding: 15px;
    border-radius: 5px
}
.im {
    float: left;
    width: 50%;
    padding: 0 25px 0 0
}
.im img {
    width: 100%;
    float: left;
    border-radius: 4px
}
.con {
    float: left;
    width: 50%;
    padding: 35px 25px 23px
}
.tit {
    padding-bottom: 25px
}
.tit h2 {
    font-size: 32px;
    font-weight: 600
}
.ban1 {
    margin-bottom: 0;
    padding-top: 150px
}
.tsec .tit {
    position: relative
}
.wam-form {
    width: 100%;
    margin: 0 auto 0 0;
    display: table
}
.wam-form.shake {
    animation: shake .82s cubic-bezier(.36, .07, .19, .97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px
}
@keyframes shake {
    10%,
    90% {
        transform: translate3d(-1px, 0, 0)
    }
    20%,
    80% {
        transform: translate3d(2px, 0, 0)
    }
    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0)
    }
    40%,
    60% {
        transform: translate3d(4px, 0, 0)
    }
}
.wam-form ul {
    margin: 0;
    padding: 0
}
.wam-form ul li {
    list-style-type: none;
    float: left;
    background: #fff;
    width: 190px
}
.wam-form ul li input {
    width: 100%;
    height: 40px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 15px;
    outline: none;
    color: #2b2b2b;
    background: none;
    font-family: 'Zoho_Puvi_Medium'
}
.wam-form ul li select {
    height: 40px;
    border: 0;
    padding: 0 10px;
    box-sizing: border-box;
    border-radius: 0;
    font-size: 15px;
    outline: none;
    background: #fff;
    margin: 0;
    background: none;
    z-index: 9;
    position: relative;
    color: #6e6e6e;
    font-size: 12px;
    opacity: 0;
    -moz-appearance: none;
    -webkit-appearance: none;
    cursor: pointer;
    width: 100%;
}
.fform1 .selectedCountry {
    width: 54px;
    height: 39px;
    position: absolute;
    /* left:-7px; */
    top: 0;
    background: #fff;
    color: #6e6e6e;
    font-size: 15px;
    line-height: 1.7;
    padding: 8px 0 0 9px;
    text-align: left;
}
.wam-form ul li input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 0 20px;
    font-size: 15px;
    cursor: pointer;
    font-weight: 600;
    text-transform: capitalize;
    height: 41px;
    font-family: 'Zoho_Puvi_Medium';
    transition: all .5s ease;
    border-radius: 3px;
    border: 1px solid #000
}
.wam-form ul li input[type="submit"]:hover {
    background: #c11313
}
.wam-form-first ul li input[type="submit"] {
    background: #000;
    color: #fff;
    padding: 0 20px;
    font-size: 18px;
    cursor: pointer
}
.wam-form ul li:nth-child(1) {
    width: calc(100% - 300px);
    border-right: 0;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
    position: relative;
    border: 1px solid #000;
    border-right: 0
}
.wam-form ul li:nth-child(1):before {
    content: '';
    position: absolute;
    width: 23px;
    height: 16px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-position: -246px -11px;
    background-size: 380px;
    left: 12px;
    top: 12px;
    transition: all .5s ease
}
.wam-form ul li:nth-child(1) input {
    padding: 0 10px 0 44px
}
.wam-form ul li:nth-child(2) {
    width: 56px;
    position: relative;
    border: 1px solid #000;
    border-left: 0;
    border-radius: 0 3px 3px 0
}
.wam-form ul li:nth-child(3) {
    width: 170px;
    border-radius: 0 3px 3px 0;
    margin-left: 10px
}
.wam-form ul li:nth-child(3) select {
    color: #000;
    border-radius: 0 3px 3px 0;
    opacity: 1;
    font-size: 15px;
    font-weight: 500
}
.wam-form ul li:nth-child(3) {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}
.wam-form ul li:nth-child(4) {
    background: none;
    width: 100%;
    margin-top: 10px;
    border: 0
}
.wam-form ul li:last-child {
    padding-top: 0;
    width: 100%;
    background: none;
    border: 0
}
#meGDPRMessage {
    color: #000;
    line-height: 17px;
    font-size: 14px;
    margin-top: 0;
    margin-bottom: 10px
}
#meGDPRMessage label {
    color: #000;
    font-size: 12px;
    line-height: 20px
}
#meGDPRMessage label a {
    font-size: inherit;
    line-height: inherit
}
.dwn-priv {
    color: #000;
    font-size: 12px;
    line-height: 20px;
    margin-left: 2px
}
.dwn-priv a {
    font-size: 12px;
    color: #000;
    text-decoration: underline
}
.errMsg3 {
    display: none;
    font-size: 12px;
    position: absolute;
    margin-left: 0;
    line-height: 18px;
    top: -18px;
    background: #d22222;
    color: #fff;
    padding: 0 5px
}
.msg1 {
    display: none
}
.fform .wam-form .msg1 h2 {
    color: #219864;
    font-size: 20px;
    line-height: 30px;
    text-align: left;
    margin-bottom: 0;
    padding: 0 0 15px;
    font-weight: 400;
}
.fform .msg1 p {
    margin: 0
}
.fform .msg1 p a {
    color: #fff;
    text-decoration: underline
}
.additional-data,
.hidden-data {
    display: none !important;
}
.msg1 span {
    color: #000
}
.wam-form ul li:nth-child(2):before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #adadad;
    margin: 19px 0 0 33px;
    z-index: 1;
}
#meGDPRMessage {
    width: 100%;
    text-align: left
}
.dwn-priv {
    display: block !important;
    text-align: left;
    margin-top: 4px;
}
.dwn-priv strong {
    font-family: "Zoho_Puvi_SemiBold"
}
.price-prev {
    margin-top: 5px
}
.dwn-priv a {
    float: none;
    padding: 0;
    background: none
}
#meGDPRMessage {
    margin-top: 10px
}
.wam-form.showing-state {
    width: 100%;
    max-width: 530px;
}
.wam-form.showing-state ul li #headerCountryListItem:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #1e0437;
    z-index: 0;
    right: 7px;
    top: 23px
}
.wam-form.showing-state ul li:nth-child(1) {
    margin-left: 0;
    width: 225px
}
.wam-form.showing-state ul li .commonselect {
    /* margin-left:8px; */
}
.wam-form.showing-state ul li .selectedCountry:after {
    display: block
}
.wam-form.showing-state ul li input[type=submit] {
    padding: 0 20px
}
.wam-form.showing-state ul li:nth-child(2) {
    width: calc(100% - 405px);
}
.wam-form.showing-state ul li:nth-child(2) .selectedCountry {}
.wam-form.showing-state ul li:nth-child(2) select.cont {
    width: 50px;
}
.wam-form.showing-state ul li:nth-child(2) select.commonselect {
    width: calc(100% - 50px);
    opacity: 1;
    font-size: 12px;
    color: #6e6e6e;
    padding: 0 2px;
}
.wam-form.showing-state .ffw-country-list {
    position: relative
}
.wam-form.showing-state .ffw-country-list:after {
    content: "";
    position: absolute;
    right: 4px;
    top: 19px;
    width: 13px;
    height: 13px;
    z-index: 1;
    zoom: .95
}
@media screen and (max-width: 680px) {
    .wam-form.showing-state {
        width: 100% !important
    }
    .wam-form.showing-state ul li select.commonselect {
        margin-left: 0;
        padding: 0 10px;
        font-size: 12px
    }
}
.form-box {
    background: #ffcb74;
    padding: 50px;
    border-radius: 10px;
    margin: 0 auto;
    margin-top: -170px;
    margin-bottom: 50px;
    display: table
}
.form-box .lhs {
    float: left;
    width: calc(100% - 530px);
    padding-right: 40px;
    padding-top: 12px
}
.form-box .lhs h4 {
    font-size: 32px;
    font-weight: 600
}
.form-box .lhs p {
    font-size: 18px
}
.form-box .lhs span {
    color: #333;
    text-decoration: underline;
    font-size: 16px
}
.form-box .rhs {
    float: left;
    width: 530px;
    padding-top: 15px
}
.form-box:before {
    content: '';
    position: absolute;
    width: 200px;
    height: 111px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-position: -94px -127px;
    background-size: 500px;
    left: 29%;
    bottom: 0
}
.fform {
    padding: 80px 0 80px;
    position: relative
}
.fform1 {
    background: #f8f8f8;
    border-top: 1px solid #ececec;
    margin-top: 60px;
}
.fform .lhs {
    float: left;
    width: 50%;
    padding-right: 40px
}
.fform .lhs h2 {
    font-size: 30px;
    font-weight: 600;
    padding-bottom: 8px;
    line-height: 40px;
    margin-top: 0;
}
.fform .lhs h2 br {
    display: none;
}
.fform .rhs {
    float: left;
    width: 50%;
    margin: 0
}
.fform .rhs .inn {
    width: 30%;
    float: left;
}
.fform .rhs .inn:nth-child(2) {
    width: 40%;
}
.fform .rhs h4 {
    text-transform: uppercase;
    font-size: 14px;
    padding-bottom: 20px;
    margin: 0;
    font-weight: 500;
    text-align: left;
}
.fform .rhs ul li {
    float: left;
    width: 100%;
    padding: 0 10px 14px 0;
    text-align: left;
}
.fform .rhs ul li a {
    color: #333;
    font-size: 14px;
}
.fform .rhs ul li a:hover {
    color: #058de2;
    text-decoration: underline
}
.foot-full {
    float: left;
    width: 100%;
    padding-top: 25px
}
.foot-full ul {
    width: 140px
}
.foot-full ul li a {
    width: 26px;
    height: 26px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-size: 450px;
    display: inline-block;
    background-position: -156px -54px;
    float: left;
    margin: 0 3px;
    border-radius: 50px
}
.foot-full ul li:nth-child(2) a {
    background-position: -199px -54px
}
.foot-full ul li:nth-child(3) a {
    background-position: -243px -55px
}
.foot-full ul li:nth-child(4) a {
    background-position: -286px -55px
}
.cr {
    border-top: 1px solid #e8e8e8;
    text-align: center
}
.cr p {
    color: #797979;
    font-weight: 300;
    font-size: 13px
}
span#backToTop {
    display: none !important;
    opacity: 0 !important
}
.tsec .tit a:before {
    content: '';
    position: absolute;
    width: 13px;
    height: 18px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-position: -327px -15px;
    background-size: 420px;
    right: 22px;
    top: 6px
}
.heading-menu,
.bg-l-grey,
.sec-pTB.bg-l-grey {
    display: none
}
.zsiq_floatmain {
    display: none !important
}
.ban-inn .inn h1 {
    font-size: 30px
}
.ban-inn .inn {
    background: #fff;
    border-radius: 4px;
    box-shadow: 0 1px 11px 5px #3333331c;
    z-index: 9;
    padding: 40px 40px 30px;
    width: 70%;
    margin: 0 auto;
    display: table;
    margin-bottom: -40px
}
.ban-inn .inn h1 {
    font-size: 35px;
    line-height: 42px;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 12px
}
.ban-inn .inn .shar ul li {
    margin: 0 1px;
    display: inline-block
}
.ban-inn .inn .shar ul li a {
    width: 32px;
    height: 32px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-size: 450px;
    display: inline-block;
    background-position: -331px -51px;
    float: left;
    margin: 0 1px
}
.ban-inn .inn .shar ul li:nth-child(2) a {
    background-position: -365px -51px
}
.ban-inn .inn .shar ul li:nth-child(3) a {
    background-position: -399px -51px
}
.blog .inn {
    float: left;
    width: 100%
}
.blog .lhs {
    float: left;
    width: 68%;
    padding-right: 15px
}
.blog .rhs {
    float: left;
    width: 32%;
    padding-left: 40px
}
.bred {
    width: 100%;
    float: left;
    padding-bottom: 25px
}
.bred ul li {
    float: left;
    padding: 0 28px 0 0
}
.bred ul li a {
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 300
}
.bred ul li:before {
    content: '>';
    position: absolute;
    right: 12px;
    top: 1px;
    transition: all .5s ease;
    color: #6f6f75
}
.blog .bred ul li:last-child:before {
    display: none
}
.bred.bred1 ul li:before {
    color: #ccc6c6
}
.bred.bred1 ul li:last-child:before {
    display: none
}
.blog-main h2 {
    float: left;
    width: 100%;
    padding-bottom: 15px;
    font-weight: 600;
    font-size: 28px
}
.blog-main h3 {
    font-weight: 600;
    font-size: 24px;
    margin-top: 30px
}
.blog-main h4 {
    font-weight: 500;
    font-size: 18px;
    margin-top: 30px
}
.blog-main h4+ul {
    margin-top: 30px
}
.blog-main p a {
    color: #0683d0;
    text-decoration: underline
}
.blog-main p strong {
    font-weight: 600
}
.blog-main ol {
    list-style: decimal;
    padding-left: 40px;
    margin: 16px 0
}
.blog-main ol li {
    list-style: unset
}
.blog-main .hig {
    background: #fff1da;
    padding: 20px;
    margin-top: 20px;
    font-size: 15px
}
.blog-main .hig p {
    margin: 0
}
.blog-main .hig a {
    font-size: 15px;
    color: #0899f3;
    text-decoration: underline
}
.bred.bred1 {
    background: #f7f7f7;
    z-index: 2
}
.bred.bred1 ul {
    position: absolute;
    padding-top: 50px
}
.bred.bred1 ul li a {
    color: #aba7a7;
    font-size: 12px
}
.rhs-com {
    margin-bottom: 30px
}
.rhs-com h4 {
    font-size: 20px;
    font-weight: 600;
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 20px
}
.rhs-ban {
    background: #fbfbfb;
    border: 1px solid #efefef;
    padding: 60px 30px;
    margin-bottom: 30px
}
.rhs-ban:after {
    content: '';
    position: absolute;
    width: 140px;
    height: 175px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-size: 400px;
    background-position: -268px -96px;
    bottom: 0;
    right: 0
}
.rhs-ban h4 {
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 15px;
    line-height: 28px
}
.rhs-ban a {
    background: #fe0000;
    color: #fff;
    display: inline-block;
    padding: 8px 20px;
    border-radius: 5px;
    font-size: 14px
}
.rhs-ban a:hover {
    background: #d20606;
    box-shadow: 0 5px 7px -1px #3333334a
}
.rhs-posts h4 {
    border: 0;
    margin-bottom: 0
}
.rhs-posts ul li a {
    color: #333;
    font-weight: 400;
    border-bottom: 1px solid #edf1f7;
    padding: 10px 0;
    display: inline-block
}
.rhs-posts ul li a:hover {
    color: #048bdc
}
.rhs-prod ul li {
    margin-bottom: 15px
}
.rhs-prod ul li a {
    background: #fbfbfb;
    border: 1px solid #efefef;
    padding: 18px 20px;
    display: inline-block;
    width: 100%;
    font-weight: 500;
    color: #333;
    font-size: 16px;
    position: relative
}
.rhs-prod ul li a:before {
    content: '';
    position: absolute;
    width: 17px;
    height: 16px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-position: -332px -11px;
    background-size: 380px;
    right: 20px;
    top: 22px;
    transition: all .5s ease
}
.rhs-prod ul li a:hover {
    background: #fff;
    border: 1px solid #3db51c;
    box-shadow: 0 0 4px 0 #3db51c66
}
.gsliderimg {
    content: '';
    position: relative;
    width: 120px;
    height: 120px;
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-size: 585px;
    background-position: -134px -727px;
    margin: 0 auto;
    display: table;
    margin-bottom: 15px
}
.gsliderimg2 {
    background-position: -251px -724px
}
.gsliderimg3 {
    background-position: -206px -800px;
    background-size: 560px;
    width: 153px
}
.cus-slider ul {
    position: relative;
    display: inline-block;
    width: 100%
}
#slicus .gslider p {
    font-size: 18px;
    line-height: 28px
}
.ad-give-s2 .cus-slider {
    margin-top: 40px
}
.ad-give-s2 h2 {
    margin-bottom: 25px
}
.full-slider {
    position: relative;
    background: #e6faff;
    background: -webkit-linear-gradient(to top, #fc6767, #e6faff);
    background: linear-gradient(to top, #fff, #e6faff);
    padding: 80px 0
}
.ad-give-s2 {
    float: left;
    width: 100%;
    padding-top: 40px;
    border-top: 1px solid #ebebeb;
    margin-top: 60px;
    overflow: hidden;
    padding-bottom: 60px;
}
#slilock .flex-direction-nav {
    position: absolute
}
#slilock .flex-direction-nav li {
    list-style-type: none
}
#slilock ul {
    position: relative;
    display: inline-block;
    width: 100%;
    padding: 0;
    margin: 0
}
.flex-control-paging {
    position: relative;
    margin: 0 auto;
    display: table;
    padding-left: 0;
    margin-top: 40px
}
.flex-control-paging li {
    float: left;
    padding: 0 3px;
    list-style-type: none
}
.flex-control-paging li a {
    width: 11px;
    height: 11px;
    display: block;
    background: #c3badb;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    -moz-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
    color: red !important
}
.flex-control-paging li a.flex-active {
    background: #371b88;
    cursor: default;
    width: 20px
}
#slilock .gslider {
    width: 80%;
    margin: 0 auto
}
#slilock .gslider img {
    width: 100%
}
#slilock .gslider p {
    text-align: center;
    font-size: 18px;
    line-height: 30px;
    margin-top: 30px
}
.slick-arrow {
    text-decoration: none;
    display: block;
    width: 50px;
    height: 50px;
    margin: 0;
    position: absolute;
    bottom: -53px;
    z-index: 7;
    cursor: pointer;
    color: #000;
    -webkit-transition: all .3s ease;
    -moz-transition: all .3s ease;
    transition: all .3s ease;
    background: none;
    font-size: 0;
    border-radius: 50px;
    left: -1px;
    opacity: 1;
    opacity: 1
}
.slick-arrow.slick-next {
    left: auto;
    right: 10px;
    float: right;
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}
.slick-arrow {
    position: absolute;
    font-size: 40px;
    display: inline-block;
    width: 40px;
    height: 40px;
    background: url(../images/logging-guide.png) no-repeat -83px -50px #371b88;
    background-size: 620px;
    border-radius: 0;
    border: 1px solid #e8e8e8;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    color: transparent;
}
.slick-arrow.slick-disabled {
    opacity: .3
}
.slick-list.draggable {
    overflow: hidden
}
#slilock .flex-direction-nav a.flex-prev:before {
    transform: rotate(180deg)
}
#slilock .flex-direction-nav a.flex-next:before {
    transform: rotate(180deg)
}
.slick-dots {
    margin: 0 auto !important;
    display: table !important;
    width: 105px !important;
    bottom: -36px
}
.slick-dots li {
    float: left;
    display: inline-block;
    margin: 0 2px
}
.slick-dots li button {
    width: 11px;
    height: 11px;
    display: block;
    background: #c3badb;
    cursor: pointer;
    text-indent: -9999px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    -o-border-radius: 20px;
    border-radius: 20px;
    color: #3330;
    border: 0;
    transition: all .5s ease-in-out
}
.slick-dots li.slick-active button {
    background: #371b88;
    cursor: default;
    width: 20px
}
.slides .blogImg {
    width: 263px;
    height: 160px
}
.slides .content {
    float: left;
    width: 100%;
    padding: 15px 20px
}
.slides .content .desc {
    width: auto
}
.blog-main .main-sublist {
    padding-left: 40px
}
.blog-main ul {
    padding-left: 40px
}
.blog-main ul li {
    list-style: disc
}
.blog-main .main-sublist li {
    list-style: disc;
    margin-bottom: 15px
}
.blog-main table {
    width: 100%;
    border-collapse: collapse
}
.blog-main table td {
    border: 1px solid #ccc;
    padding: 10px 20px;
    vertical-align: top
}
.blog-main table td strong {
    font-weight: 600
}
.blog-main .main-sublist li strong {
    font-weight: 600
}
.blog-main img {
    max-width: 100%
}
.dwn-priv strong {
    color: #000
}
.table-style-1 {
    margin-bottom: 45px;
    margin-top: 25px
}
.table-style-1 tbody tr.mob {
    display: none
}
.table-style-1 thead tr th,
.table-style-1 tbody tr td {
    background-color: #fff1da;
    border: #ccc1ae solid 1px;
    padding: 18px 30px
}
.table-style-1 thead tr th,
.table-style-1 tbody tr.mob td {
    font-weight: 600;
    font-size: 19px;
    text-align: left
}
.table-style-1 tbody tr td ul {
    padding-left: 21px
}
.blog-main ul.checklist {
    padding-left: 0;
    padding-left: 0
}
.blog-main ul.check-list {
    padding-left: 0
}
.blog-main ul.check-list li {
    list-style: none;
    margin-bottom: 17px;
    position: relative;
    padding-left: 27px
}
.blog-main ul.check-list li::before {
    content: "";
    background: url(../images/expert-talk-sprite.png) no-repeat;
    background-position: -283px -233px;
    background-size: 300px;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 4px;
    left: 4px
}
.blog-main ul.check-list ol li::before {
    display: none
}
.blog-main ul.check-list ol li {
    list-style: decimal;
    padding-left: 10px
}
.table-style-1 tbody tr td ul li {
    margin-top: 10px
}
.table-style-1 tbody tr td ul li:first-child {
    margin-top: 0
}
.mt-9 {
    margin-top: 9px !important
}
.fcli {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%
}
.misc-field {
    width: 100%;
    float: left
}
.ffw-errmsg {
    display: none;
    color: #ED211C;
    font-size: 12px;
    margin-top: -20px;
    position: absolute;
    font-weight: 300;
    padding: 0 1px;
    line-height: 20px
}
.siem-com .wam-form ul li:last-child {
    width: 170px
}
.contents ul {
    padding: 0 0 0 5px;
    float: left;
    width: 100%;
}
.contents ul+.Demo-footer-form-container {
    margin-top: 20px
}
.contents h3 {
    font-size: 20px;
    font-weight: 500;
    color: #000;
    margin-top: 30px;
    margin-bottom: 14px
}
.contents h2+ul,
.contents h3+ul {
    padding-top: 20px
}
.contents h2+h3 {
    margin-top: 10px;
}
.contents p+h3 {
    margin: 15px 0 10px 0;
}
.contents p strong {
    font-weight: 500
}
.contents strong {
    font-weight: 500
}
.contents ol {
    margin-top: 20px;
    float: left;
    width: 100%
}
.contents ol.num li {
    margin-left: 18px;
    list-style-type: decimal;
    float: left;
    width: calc(100% - 18px);
}
.contents ol.num li p {
    margin-top: 0;
}
.contents ul li {
    padding: 0 0 10px 15px;
    position: relative;
    list-style-type: none;
    float: left;
    width: 100%
}
.contents code {
    word-break: break-all;
    box-sizing: border-box;
    font-weight: 300;
    background: #f1fdff;
    border-radius: 0;
    padding: 30px;
    position: relative;
    border: 1px solid #cce3e7;
    display: inline-block;
    margin: 30px 0;
    float: left;
    width: 100%
}
.contents p+.sys code,
.contents h4+.sys code {
    margin-top: 0;
    margin-bottom: 16px
}
.contents ul li:before {
    content: '';
    position: absolute;
    width: 6px;
    height: 6px;
    background: #0195fa;
    border-radius: 10px;
    left: 0;
    top: 8px
}
.scrn-shot+ul {
    margin-top: 25px;
}
.contents ul li ul.numlist {
    margin-top: 0;
}
.contents ul li strong,
.contents ul li b {
    font-weight: 500;
}
.contents ul li ul {
    margin-top: 15px
}
.lhsBottom {
    margin-top: 50px;
    border-top: 1px dashed #e0e0e0;
    float: left;
    width: 100%
}
.lhsBottom h3+p {
    font-size: 13px;
    line-height: 22px
}
.contentCta a {
    text-decoration: none;
    font-size: 13px
}
.contentCta a:first-of-type {
    padding: 10px 20px 10px 35px;
    background: #ea252b;
    color: #fff;
    position: relative
}
.contentCta a:last-child {
    margin-left: 25px;
    color: #0099ce
}
.contentCta a:first-of-type::before {
    content: "";
    position: absolute;
    height: 20px;
    width: 20px;
    top: 6px;
    left: 14px;
    background: url(../images/bulk-kb-icon-sprite.png) no-repeat;
    background-size: 70px
}
.contents ul.numlist li {
    list-style-type: decimal;
    margin-left: 15px
}
.contents ul.numlist li:before {
    opacity: 0
}
.contents ol.alpha li {
    list-style-type: lower-alpha;
}
.slick-list li {
    list-style-type: none;
    padding: 0 15px 0 0
}
.slick-list li div.blog {
    border: 1px solid #d7d9da;
    border-radius: 5px 5px 0 0
}
.slick-list li div.blog .blogImg {
    width: 100%;
    border-radius: 5px 5px 0 0
}
.slick-list li div.blog .content {
    padding: 15px;
    float: left;
    width: 100%;
}
.slick-list li div.blog .content .info span:nth-child(1) {
    padding: 4px 8px;
    font-size: 13px
}
.slick-list li div.blog .content h4 {
    margin: 12px 0 0;
    font-size: 15px;
    overflow: hidden;
}
.shar-pop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: #0000007d;
    display: none;
    z-index: 1
}
.shar-pop .inn {
    width: 450px;
    margin: 0 auto;
    display: table;
    background: #fff;
    padding: 35px;
    margin-top: 150px;
    border-radius: 5px
}
.shar-pop span {
    width: 80px;
    float: left;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    background: #27c352;
    color: #fff;
    padding: 6px;
    height: 38px;
    border-radius: 0 5px 5px 0;
    cursor: pointer
}
.shar-pop input {
    padding: 10px;
    width: 300px;
    float: left;
    font-size: 13px;
    color: #333;
    border: 1px solid #dfdfdf;
    height: 38px;
    border-radius: 5px 0 0 5px;
    border-right: 0;
    outline: none
}
.shar-pop i {
    position: absolute;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
    z-index: 1;
    font-style: initial;
    right: -15px;
    top: -15px;
    width: 30px;
    height: 30px;
    background: #2d495d;
    border-radius: 50px;
    text-align: center;
    line-height: 28px;
    cursor: pointer
}
.copied {
    position: absolute;
    top: -15px;
    left: 0;
    background: #0a64db;
    padding: 1px 15px;
    border-radius: 2px;
    color: #fff;
    font-size: 12px;
    transition: all .4s ease;
    opacity: 0
}
.copied.act {
    opacity: 1
}
.nxt-art {
    transition: all .7s ease-in-out;
    left: 0;
    position: fixed;
    top: 30%;
    z-index: 1;
    display: none;
}
.pre-art {
    left: -270px
}
.nxt-art.act {
    left: 0
}
.nxt-art-con {
    background: #333;
    padding: 25px;
    width: 270px;
    position: relative
}
.nxt-art-con:before {
    content: '';
    position: absolute;
    background: url(../images/logging-guide.png) no-repeat -857px -25px;
    background-size: 1158px;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    bottom: 0
}
.nxt-pre-art .content h4 {
    color: #fff
}
.nxt-pre-art .content h4:before {
    display: none
}
.nxt-art-btn {
    writing-mode: tb-rl;
    position: absolute;
    right: -34px;
    background: #f8f8f8;
    top: 0;
    bottom: 0;
    text-align: center;
    padding: 5px;
    text-transform: uppercase;
    font-size: 13px;
    font-weight: 500;
    cursor: pointer;
    transition: all .4s ease;
    box-shadow: 0 0px 8px 4px #3333331a;
}
.nxt-pre-art .content .read {
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    padding: 5px 20px;
    transition: all .5s ease
}
.nxt-art-btn:hover {
    background: #ffee9a
}
.nxt-art.act .nxt-art-btn {
    background: #ffee9a
}
.nxt-pre-art .content .read:before {
    display: none
}
.nxt-art-main {
    right: -270px;
    left: initial
}
.nxt-art-main.act {
    right: 0;
    left: initial
}
.nxt-art-main .nxt-art-btn {
    left: -34px;
    right: initial
}
.pro-tip {
    box-sizing: border-box;
    font-weight: 300;
    background: #fdf9e6;
    border-radius: 0;
    padding: 30px 100px 30px 30px;
    position: relative;
    margin: 40px 0;
    border: 1px solid #faeaa1;
    float: left;
    width: 100%
}
.pro-tip:before {
    content: '';
    position: absolute;
    display: inline-block;
    background: url(../images/logging-guide.png) no-repeat -9px -34px;
    width: 35px;
    height: 79px;
    background-size: 600px;
    right: 0;
    bottom: -8px
}
.pro-tip h4 {
    margin: 0;
    font-size: 18px;
    font-weight: 600
}
.slick-slide {
    display: inline-block
}
/* SYSLOG TABLE */
.para table {
    width: 100%;
    margin-bottom: 20px;
    overflow: scroll;
    display: block;
    border: 1px solid #ddd;
}
.para table>thead>tr>th {
    border: 1px solid #ddd;
    padding: 5px 10px;
    font-weight: 500;
    background: #f9f9f9;
}
.para table>tbody>tr>td {
    padding: 10px;
    border: 1px solid #ddd;
}
.para table.table-dashed>tbody>tr:nth-child(even)>td {
    background-color: #f9f9f9;
}
.para table.table-sm>tbody>tr>td {
    padding: 5px 10px;
}
@media screen and (max-width: 767px) {
    .siem-com .wam-form ul li:last-child {
        width: 100%
    }
    .wam-form.showing-state ul li:nth-child(1) {
        width: calc(100% - 165px);
    }
    .wam-form.showing-state ul li:nth-child(2) {
        width: 165px;
    }
    #slilock .flex-direction-nav {
        display: none
    }
}
@media screen and (max-width:550px) {
    .wam-form.showing-state ul li:nth-child(1) {
        width: 100%;
        border: 1px solid #000;
        border-radius: 3px;
    }
    .wam-form.showing-state ul li:nth-child(2) {
        width: 100%;
        margin-top: 10px;
        border: 1px solid #000;
        border-radius: 3px;
    }
    .fform .rhs .inn {
        width: 100%;
        padding: 20px 0 20px 0;
    }
}
@media screen and (max-width:1350px) {
    .ac {
        max-width: 90%
    }
}
@media screen and (max-width:1250px) {
    .ac {
        max-width: 88%
    }
    .fform .lhs {
        width: 65%;
    }
    .fform .rhs {
        width: 35%;
    }
}
@media screen and (max-width:1100px) {
    .ac {
        max-width: 90%
    }
    .wam-form ul li:nth-child(1) {
        width: calc(100% - 240px);
    }
}
@media screen and (max-width:1024px) {
    .slides .blogImg {
        width: 280px
    }
    .flex-viewport ul li div.blog {
        width: 32%
    }
    #slilock .flex-direction-nav,
    .ad-give-s2 .read {
        display: none
    }
    .ad-give-s2 {
        padding-right: 0
    }
    .tabContainer .tabs ul li span {}
}
@media screen and (max-width:992px) {
    .ban {
        padding: 50px 0 0;
        margin-bottom: 90px
    }
    .att-ban {
        padding: 50px 0;
        text-align: center
    }
    .att-ban h1 {
        padding-bottom: 20px !important;
        text-align: center
    }
    .att-ban h4 {
        text-align: center
    }
    .ban1 {
        margin-bottom: 0
    }
    .ban h1 span b {
        border-bottom: 0 solid #0060c0
    }
    .mob-hide {
        display: none
    }
    .ban h1 {
        font-size: 32px;
        line-height: 40px;
        padding-bottom: 40px
    }
    .ban h1 span {
        font-size: 36px;
        line-height: 40px
    }
    .form-box .lhs {
        width: 100%;
        padding-right: 0;
        padding-bottom: 40px;
        text-align: center
    }
    .form-box .rhs {
        width: 100%;
        padding-top: 0
    }
    .wam-form {
        width: 490px;
        margin: 0 auto;
        display: table
    }
    .form-box:before {
        width: 180px;
        background-position: -120px -127px;
        left: 0
    }
    .fform .lhs {
        width: 100%;
        text-align: center;
        padding: 0 25px
    }
    .fform .rhs {
        width: 100%;
        text-align: center;
        padding-top: 40px;
        border-top: 1px solid #e4e4e4;
        margin-top: 35px
    }
    .fform .rhs ul li {
        width: initial;
        padding: 0 10px 10px 0
    }
    .fform {
        padding: 80px 0 70px;
    }
    .ban-inn .inn {
        width: 90%
    }
    .ban-inn .inn h1 {
        font-size: 24px !important;
        line-height: 30px
    }
    .blog .lhs {
        width: 100%;
        padding-right: 0;
        padding-bottom: 30px
    }
    .blog .rhs {
        width: 100%;
        padding-left: 0;
        padding-bottom: 30px
    }
    .breadCrumb {
        padding-left: 25px
    }
    .para .rhs {
        padding: 60px 30px 0 30px
    }
    .download p span {
        font-size: 22px;
        line-height: 30px
    }
    .foot-full ul {
        margin: 0 auto;
    }
}
@media screen and (max-width:767px) {
    .ban h1 {
        font-size: 26px;
        line-height: 30px
    }
    .ban h1 span {
        font-size: 28px
    }
    .head ul li a {
        font-size: 13px;
        padding: 10px 5px
    }
    .ban ul {
        width: 90%
    }
    .im {
        width: 100%;
        padding: 0 0 25px
    }
    .con {
        width: 100%;
        padding: 10px 25px 15px
    }
    .wam-form {
        width: 100%
    }
    .wam-form ul li:nth-child(1) {
        width: calc(100% - 57px);
    }
    .wam-form ul li:nth-child(3) {
        margin: 10px 0 0;
        width: 100%
    }
    .fform .lhs h2 {
        font-size: 22px;
        line-height: 32px;
    }
    .footer-stripe {
        background: none
    }
    .mob-foot,
    .ad-give-s2 {
        padding-right: 0
    }
}
@media screen and (max-width:500px) {
    .ds-list li {
        width: 100%
    }
    .head .logo {
        float: initial;
        margin: 0 auto;
        display: table
    }
    .head {
        padding: 8px 0 0
    }
    .head ul {
        float: initial;
        margin: 0 auto;
        display: table;
        background: #f8f8fb;
        width: 100%;
        text-align: center;
        margin-top: 10px
    }
    .head ul li {
        float: left;
        display: contents
    }
    .head .ac {
        max-width: 100%
    }
    .head ul li a {
        padding: 6px 5px
    }
    .table-style-1 thead tr th,
    .table-style-1 tbody tr td {
        display: block;
        width: 100%;
        border-bottom: none
    }
    .table-style-1 thead tr th.desk {
        display: none
    }
    .table-style-1 {
        border-bottom: #ccc1ae solid 1px
    }
    .table-style-1 tbody tr.mob {
        display: block
    }
    .table-style-1 thead tr th,
    .table-style-1 tbody tr.mob td {
        font-size: 16px
    }
    .share-button ul li a {
        margin: 0 auto 10px
    }
    .info:before,
    .bred {
        display: none
    }
    .ban-inn .inn h1 {
        padding-top: 0
    }
    .share-button ul {
        width: 80%
    }
    .shar-pop .inn {
        width: 85%
    }
    .shar-pop .inn input {
        width: 100%;
        border: 1px solid #dfdfdf;
        border-radius: 5px
    }
    .shar-pop .inn span {
        width: 100%;
        border-radius: 4px;
        margin-top: 10px
    }
}
.foot-cta-demo a {
    padding: 8px 40px;
    position: relative;
    transition: .3s ease-in;
    display: inline-block;
    font-size: 17px;
    font-weight: 500;
    border-radius: 3px;
    color: #fff;
    background: #dd002c;
    border: 1px solid #dd002c;
    text-decoration: none;
    line-height: 27px;
    box-sizing: border-box;
}
.foot-form-sec {
    display: none;
}
.Demo-footer-form-container {
    box-sizing: border-box;
    font-weight: 300;
    background: #fdf9e6;
    border-radius: 0;
    padding: 35px 173px 35px 45px;
    position: relative;
    margin: 50px 0;
    border: 1px solid #faeaa1;
    float: left;
    width: 100%
}
.Demo-footer-form-container:before {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    background: url(../images/logging-guide.png) no-repeat -346px 0;
    background-size: 1000px;
    width: 308px;
    height: 274px
}
.para .contents .Demo-footer-form-container p {
    font-size: 16px;
    line-height: 32px;
    margin: 0;
    color: #000;
    display: block;
    width: 100%;
}
.Demo-footer-form-container.tnkshow {
    padding: 40px
}
.Demo-footer-form-container.tnkshow:before {
    display: none
}
.Demo-footer-form-container #quoteIp {
    background: transparent;
    font-size: 20px;
    color: #055367;
    border-bottom: 2px solid #000;
    position: relative;
    top: -8px;
    width: 80px;
    text-align: center
}
.Demo-footer-form-container select.commonselect {
    width: 138px;
    color: #000;
    padding-left: 20px;
    position: relative;
    top: auto;
    float: inherit;
    background: none;
    border-radius: 0
}
.Demo-footer-form-container .quote_btn {
    color: #fff;
    border-radius: 0;
    background: #d5231a;
    border: none;
    padding: 12px 24px;
    cursor: pointer;
    margin-top: 18px;
    margin-bottom: 14px;
    font-size: 17px;
    font-weight: 500;
    transition: .3s ease-in
}
.Demo-footer-form-container .quote_btn:hover {
    background: #bb0d0f
}
.Demo-footer-form-container span .getQuoteGDPR {
    line-height: 0
}
.Demo-footer-form-container #meGDPRMessage .checkmarkgdpr {
    vertical-align: middle;
    margin-top: -3px
}
h2.Demo-footer-form-thanks-msg {
    font-size: 20px;
    font-weight: 400;
    line-height: 35px;
    display: none;
    text-align: center
}
h2.Demo-footer-form-thanks-msg b {
    font-weight: 500
}
.Demo-footer-form-container textarea {
    display: none
}
.Demo-footer-form-container .ffw-field input,
.Demo-footer-form-container .ffw-field select {
    border: none;
    background: none;
    border-bottom: 1px solid #000;
    font-size: 16px;
    height: 30px;
    padding: 0 10px
}
.Demo-footer-form-container .ffw-field select {
    background: url(../images/log360-demo-ban-arrow.png);
    background-size: 10px;
    background-repeat: no-repeat;
    background-position: right center;
    height: 30px;
    color: transparent;
    appearance: none;
    -webkit-appearance: none;
    text-align: left
}
.Demo-footer-form-container .ffw-field select.commonselect {
    color: #000
}
.Demo-footer-form-container .ffw-field .country {
    width: 70px;
    margin-left: -50px;
    position: relative;
    z-index: 1
}
.Demo-footer-form-container .ffw-field .country option {
    color: #333;
}
.Demo-footer-form-container .selectedCountry {
    width: 65px;
    position: relative;
    display: inline-block;
    text-align: center
}
.Demo-footer-form-container .us-country:before {
    content: '';
    width: 1px;
    height: 60%;
    background: #adadad;
    position: absolute;
    right: -14px;
    top: 20%;
    display: none;
}
.Demo-footer-form-container .ffw-datepicker {
    width: 100px
}
.Demo-footer-form-container .ffw-email {
    width: 230px;
    margin-top: 7px;
}
.Demo-footer-form-container .ffw-field {
    position: relative;
    top: -6px
}
.Demo-footer-form-container .ffw-field .ffw-errmsg {
    width: 100%;
    position: absolute;
    left: 0;
    color: Red;
    font-size: 11px;
    line-height: 12px;
    display: block;
    top: 52px;
    word-break: keep-all;
    white-space: nowrap;
    display: none
}
.Demo-footer-form-container .dwn-priv,
#meGDPRMessage {
    font-size: 11px;
    color: #3a3a3a;
    line-height: 21px;
    padding-right: 200px
}
.Demo-footer-form-container .dwn-priv strong {
    font-weight: 500
}
.Demo-footer-form-container .dwn-priv a {
    color: inherit;
    text-decoration: underline;
    font-size: 11px;
}
#meGDPRMessage .checkmarkgdpr {
    height: 12px !important;
    width: 12px !important;
}
.Demo-footer-form-container #meGDPRMessage {
    margin-bottom: 10px
}
.Demo-footer-form-container .ffw-field input:focus,
.Demo-footer-form-container .ffw-field select:focus {
    outline: 0
}
.Demo-footer-form-container.form-success {
    padding: 20px
}
.Demo-footer-form-container.form-success:before {
    display: none
}
.Demo-footer-form-container div#meGDPRMessage {
    width: 85%;
    padding-right: 5%;
}
@media screen and (max-width: 992px) {
    .Demo-footer-form-container {
        padding: 25px
    }
    .Demo-footer-form-container .dwn-priv br {
        display: none
    }
}
@media screen and (max-width: 767px) {
    .Demo-footer-form-container {
        padding: 16px
    }
    .Demo-footer-form-container p,
    .Demo-footer-form-container input,
    .Demo-footer-form-container select {
        font-size: 14px
    }
    .Demo-footer-form-container .ffw-field input,
    .Demo-footer-form-container .ffw-field select {
        font-size: 14px
    }
    .Demo-footer-form-container .quote_btn {
        padding: 10px 20px
    }
    .Demo-footer-form-container:before {
        background-position: -278px 0;
        background-size: 804px;
        width: 232px;
        height: 212px
    }
    .Demo-footer-form-container .dwn-priv,
    #meGDPRMessage {
        padding-right: 32%
    }
    .Demo-footer-form-container p {
        line-height: 35px !important
    }
    .scrn-shot img {
        width: 100%
    }
    .slick-dots {
        display: none !important
    }
    .cta .container {
        max-width: 100%;
    }
}
@media screen and (max-width: 550px) {
    .Demo-footer-form-container:before {
        display: none
    }
    .Demo-footer-form-container .dwn-priv,
    #meGDPRMessage {
        padding-right: 0
    }
    .Demo-footer-form-container .quote_btn {
        width: 100%
    }
    .Demo-footer-form-container div#meGDPRMessage {
        padding: 0;
        width: 100%;
    }
}
@media screen and (max-width: 450px) {
    .slick-list li div.blog {
        overflow: hidden
    }
    .ad-give-s2 {
        padding: 0 30px 40px 30px;
    }
}
@media screen and (max-width: 420px) {
    .slick-list li div.blog .blogImg {
        margin-left: 0;
        width: 100%
    }
    .slick-list li {
        padding: 0
    }
}
@media screen and (max-width: 380px) {
    .ad-give-s2 {
        padding: 0 15px 40px 15px;
    }
}