@charset "utf-8";

@font-face {
    font-family:"effra-n3","effra";
    font-weight:300
}

@font-face {
    font-family:"effra-n7","effra";
    font-weight:700
}

@font-face {
    font-family:"effra-n9","effra";
    font-weight:900
}

* {
    margin:0 auto;
    padding:0
}

body {
    padding:0;
    margin:0;
    font-family:"effra-n3","effra";
    font-weight:300;
    font-size:14px
}

.morestyle {
    font-family:"effra-n3","effra";
    font-weight:300;
    font-size:13px;
    color:#ddd
}

.style1 {
    background:#0A1150;
    background:-webkit-linear-gradient(120deg,#0A1150,#2454AD);
    background:-o-linear-gradient(120deg,#0A1150,#2454AD);
    background:-moz-linear-gradient(120deg,#0A1150,#2454AD);
    background:linear-gradient(120deg,#0A1150,#2454AD);
    min-height:500px
}

.headerbg {
    background:#0A1150;
    background:-webkit-linear-gradient(120deg,#0A1150,#2454AD);
    background:-o-linear-gradient(120deg,#0A1150,#2454AD);
    background:-moz-linear-gradient(120deg,#0A1150,#2454AD);
    background:linear-gradient(120deg,#0A1150,#2454AD);
    min-height:82px
}

.navbar-fixed-top {
    background:#0A1150;
    background:-webkit-linear-gradient(120deg,#0A1150,#2454AD);
    background:-o-linear-gradient(120deg,#0A1150,#2454AD);
    background:-moz-linear-gradient(120deg,#0A1150,#2454AD);
    background:linear-gradient(120deg,#0A1150,#2454AD);
    border-width:0
}

.transparent-navbar-fixed-top {
    background:transparent
}

.navbar {
    border:0
}

.style1 .navbar-fixed-top,.headerbg .navbar-fixed-top {
    min-height:82px
}

.footerbg {
    background:#0A1150;
    background:-webkit-linear-gradient(120deg,#0A1150,#2454AD);
    background:-o-linear-gradient(120deg,#0A1150,#2454AD);
    background:-moz-linear-gradient(120deg,#0A1150,#2454AD);
    background:linear-gradient(120deg,#0A1150,#2454AD);
    min-height:300px
}

.menustyle1 {
    background-color:#2454ad;
    margin-left:-210%;
    left:0
}

.tft {
    border-bottom:2px solid #DB385A
}

.tft1 {
    border-bottom:3px solid #DB385A
}

.style3 {
    margin-top:20px
}

.style4 {
    margin-top:5px;
    font-family:"effra-n7","effra";
    font-weight:700;
    font-size:13px;
    letter-spacing:1.4px
}

.txt1 {
    color:#DB385A;
    font-size:32px;
    font-family:"effra-n9","effra";
    font-weight:900;
    letter-spacing:-1.5px;
    font-style:italic
}

.txt2 {
    color:#fff;
    font-size:13.5px;
    white-space:nowrap;
    font-family:"effra-n3","effra";
    font-weight:300
}

.txt3 {
    color:#fff;
    border:3.5px solid #C43152;
    font-size:13.5px;
    padding:8px 20px;
    border-radius:4px;
    font-family:"effra-n3","effra";
    font-weight:300
}

.b.active .txt3,
.txt3:hover {
    background-color:#C43152;
    color:#fff!important;
    text-align:center
}

.txt4 {
    color:#fff;
    font-size:48px;
    font-family:"effra-n9","effra";
    font-weight:900;
    line-height:1em
}

.txt5 {
    color:#fff;
    font-size:18px
}

.txt6 {
    color:#fff;
    font-size:24px;
    font-weight:900;
    line-height:1.4em;
    font-family:"effra-n9","effra"
}

.txt7 {
    color:#eee;
    font-size:16px;
    font-family:"effra-n3","effra";
    font-weight:300;
    line-height:1.4em
}

.txt999991 {
    font-family:"effra-n3","effra";
    font-weight:300;
    font-size:16px;
    line-height:1.5em;
    color:#040236
}

.txt8 {
    color:#040236
}

.b:hover {
    text-decoration:none
}

.slider {
    position:absolute;
    z-index:2;
    margin-top:-34%
}

.content {
    position:absolute;
    z-index:3;
    background-color:#fff;
    margin-top:-20px;
    padding:0
}

.bg2 {
    border:3px solid #2454AD;
    padding:20px;
    height:303px
}

.bg3 {
    background-color:rgba(7,80,201,0.7);
    min-height:303px;
    min-width:555px
}

.bg3:after {
    content:"";
    position:absolute;
    width:0;
    padding-left:40%;
    height:0;
    border-top:0 solid transparent;
    border-right:50px solid rgba(7,80,201,0.7);
    border-bottom:55px solid transparent;
    margin:48px auto 0
}

.k1 {
    display:none
}

.jk2 {
    display:none
}

.style5 {
    margin-top:40px;
    padding-left:35px
}

.i {
    display:block
}

.h {
    display:none
}

.jk1 {
    margin-top:70%
}

.pad2 {
    padding:0 30px
}

.glyphicon {
    color:#5A80B1;
    font-size:28px
}

.bg6 {
    background-color:#DB385A;
    padding:20px 0 0 20px;
    position:absolute;
    margin-top:-23px
}

.bg6:after {
    content:"";
    position:absolute;
    width:0;
    right:0;
    height:0;
    border-top:0 solid transparent;
    border-right:50px solid #DB385A;
    border-bottom:55px solid transparent;
    margin:-3px 18% 0 auto;
    z-index:5
}

.bg6style {
    border-top:3px solid #b33152;
    border-left:3px solid #b33152;
    padding:101.4px 106.72px 99.4px 92px
}

.bg7 {
    background-color:#E0E0E0;
    padding:20px 20px 0 0;
    min-height:100%;
    display:inline-block;
    margin-top:-20px
}

.bg8 {
    background-color:#E0E0E0;
    padding:0 0 20px 20px;
    position:relative;
    z-index:-2
}

.bg7style {
    border-top:3px solid #a7a7a7;
    border-right:3px solid #a7a7a7;
    padding:40px 75px
}

.bg8style {
    border-bottom:3px solid #a7a7a7;
    border-left:3px solid #a7a7a7;
    padding:68px 50px 40px 80px
}

.bg9 {
    background-color:#D6D6D6;
    padding:0 20px 20px 0;
    position:absolute
}

.bg9style {
    border-bottom:3px solid #a7a7a7;
    border-right:3px solid #a7a7a7;
    padding:64px 75px
}

.bg9:after {
    content:"";
    position:absolute;
    width:0;
    left:0;
    height:0;
    border-top:0 solid transparent;
    border-left:50px solid #D6D6D6;
    border-bottom:65px solid transparent;
    margin:0 0 0 25%;
    z-index:5
}

.bg10 {
    background-image:url(../images/bg3.jpg);
    background-repeat:no-repeat;
    min-height:670px;
    padding-top:200px;
    margin:0 auto;
    clear:both;
    background-position:center
}

.txt9 {
    color:#DB385A;
    font-size:24px;
    font-family:"effra-n9","effra";
    font-weight:900
}

.txt10 {
    line-height:1.8em;
    font-weight:600;
    color:#040236
}

.txt11 {
    color:#040236;
    font-size:24px;
    font-family:"effra-n9","effra";
    font-weight:900
}

.bg11 {
    padding:0;
    clear:both;
    margin-top:6%
}

.pad5 {
    padding:0
}

.style6 {
    background-color:#2454AD;
    padding:70px 80px 0;
    margin-top:-70px
}

.style7 {
    background-color:#474244;
    min-height:420px
}

.txt12 {
    color:#fff;
    font-size:28px;
    font-family:"effra-n9","effra";
    font-weight:900;
    margin-bottom:100px
}

.txt13 {
    color:#fff;
    font-size:20px;
    font-family:"effra-n9","effra";
    font-weight:900;
    margin-bottom:40px
}

.txt14 {
    color:#fff;
    font-size:15px;
    margin-bottom:40px
}

.bg12 {
    background-image:url(../images/bg4.jpg);
    min-height:376px;
    background-repeat:no-repeat;
    padding-top:12%;
    background-size:100%
}

.txt15 {
    font-size:28px;
    color:#2454AD;
    font-family:"effra-n9","effra";
    font-weight:900
}

.txt16 {
    color:#040236;
    font-size:22.5px;
    font-family:"effra-n9","effra";
    font-weight:900
}

.pad6 {
    margin-top:2%;
    text-align:center
}

.borderstyle {
    border:4px solid #ccc
}

.pad8 {
    margin-top:10%;
    margin-bottom:0
}

.pad9 {
    margin-top:80px
}

.pad10 {
    margin-top:60px
}

.pad11 {
    margin-top:118px
}

.pad15 {
    margin-top:118px
}

.pad12 {
    padding-left:10%
}

.txt17 {
    color:#fff;
    font-size:10.4px;
    font-weight:700;
    font-family:"effra-n7","effra"
}

.txt18 a {
    color:#fff;
    font-size:13.6px;
    font-weight:900;
    font-family:"effra-n9","effra";
    line-height:3em
}

.display5 {
    display:none
}

.bg16 {
    display:block
}

.bg17 {
    display:none
}

.bg4 {
    position:absolute;
    left:0;
    margin-left:615px;
    margin-top:-30px
}

.bg5 {
    margin-top:102px;
    position:absolute;
    /*margin-left:755px*/
    right:80px
}

.nm {
    display:none
}

.nm1 {
    display:block;
    margin-top:7px;
}

.wid28 {
    width:28%
}

.wid {
    width:30%
}

.widht5 {
    max-width:100%!important
}

.bg4 > img{
    width: 255px;
    height: 486px;
}

.bg5 > img{
    width: 255px;
    height: 501px;
}

.sme-le-toggle{
    cursor:pointer
}

::-webkit-input-placeholder {
    color:#888;
    font-size:15px;
    font-family:"effra-n3","effra";
    font-weight:300;
    margin-top:10%;
    display:block
}

:-moz-placeholder {
    color:#888;
    font-size:15px;
    font-family:"effra-n3","effra";
    font-weight:300;
    padding-top:10px;
    display:block
}

::-moz-placeholder {
    color:#888;
    font-size:15px;
    font-family:"effra-n3","effra";
    font-weight:300;
    padding-top:10px;
    display:block
}

:-ms-input-placeholder {
    color:#888;
    font-size:15px;
    font-family:"effra-n3","effra";
    font-weight:300;
    padding-top:10px;
    display:block
}

::-ms-input-placeholder {
    color:#888;
    font-size:15px;
    font-family:"effra-n3","effra";
    font-weight:300;
    padding-top:10px;
    display:block
}

:placeholder-shown {
    color:#888;
    font-size:14px;
    font-family:"effra-n3","effra";
    font-weight:300;
    padding-top:10px;
    display:block
}


.animate {
    max-width:50px;
    max-height:25px
}

.animate,.animate2,.animate3,.animateLeft {
    transition-duration:.5s
}

.animate:hover,.animate2:hover,.animate3:hover,.activateAnimate:hover .animate {
    -ms-transform:translatex(15px);
    -webkit-transform:translatex(15px);
    transform:translatex(15px)
}

.animateLeft:hover,.activateAnimate:hover .animateLeft {
    -ms-transform:translatex(-15px);
    -webkit-transform:translatex(-15px);
    transform:translatex(-15px)
}

.animate2 {
    -webkit-animation:arrow-jump 1s infinite;
    -moz-animation:arrow-jump 1s infinite;
    -o-animation:arrow-jump 1s infinite;
    animation:arrow-jump 1s infinite
}

.animate3:hover .animate {
    -webkit-animation:arrow-jump 1s infinite;
    -moz-animation:arrow-jump 1s infinite;
    -o-animation:arrow-jump 1s infinite;
    animation:arrow-jump 1s infinite
}

.responseAlert {
    display:none
}

.responseAlert.success .txt92{
    color: green;
    font-weight: 600;
}

.responseAlert.error .txt92{
    color: #DB385A;
    font-weight: 600;
}

.responseAlert.error {
    color:#DB385A
}

.navbar-links a.border{
    border-bottom: 3px solid transparent !important;
    background-color: transparent !important;
    padding-bottom: 9px !important;
}

.navbar-links:hover a.border{
    border-bottom: 3px solid #C43152 !important;
}

@media screen and (min-width: 100px) and (max-width: 249px) {
    .bg4 {
        display:none
    }

    .bg6style {
        padding:0 3% 5%;
        margin:20px 0 0 20px
    }
}

@media screen and (min-width: 250px) and (max-width:280px) {
    .bg6style {
        padding:3% 4% 8% 5%;
        margin:18px 0 0 18px
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:38%;
        margin-top:99px;
        padding-right:0;
        padding-left:30px
    }
}

@media screen and (min-width: 281px) and (max-width:299px) {
    .bg6style {
        padding:7% 6% 10% 7%;
        margin:20px 0 0 20px
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:45%;
        margin-top:-30px;
        padding-right:0;
        padding-left:30px
    }
}

@media screen and (min-width: 300px) and (max-width:330px) {
    .bg4 {
        position:absolute;
        left:0;
        margin-left:45%;
        margin-top:-30px;
        padding-right:0;
        padding-left:30px
    }
}

@media screen and (min-width: 331px) and (max-width:349px) {
    .bg4 {
        position:absolute;
        left:0;
        margin-left:43%;
        margin-top:-30px;
        padding-right:0;
        padding-left:30px
    }
}

@media screen and (min-width: 300px) and (max-width:349px) {
    .bg6style {
        padding:11% 8% 14% 9%;
        margin:25px 0 0 25px
    }
}

@media screen and (min-width: 100px) and (max-width: 299px) {
    .style1 {
        min-height:412px
    }
}

@media screen and (min-width: 100px) and (max-width: 420px) {
    .container.includePadding0 {
        padding:0
    }

    .bg3 {
        background-color:rgba(7,80,201,0.7);
        min-height:230px;
        min-width:50px
    }

    .slider {
        position:absolute;
        z-index:2;
        top:0;
        margin-top:100px
    }

    .txt4 {
        color:#fff;
        font-size:20px;
        font-family:"effra-n7","effra";
        font-weight:700;
        line-height:1.1em
    }

    .txt5 {
        color:#fff;
        font-size:15px
    }

    .bg3:after {
        margin:61px auto 0;
        padding-left:10%
    }

    .k {
        margin-top:25%
    }

    .challengeBox {
        margin-right:0;
        margin-left:0
    }
}

@media screen and (min-width: 350px) and (max-width: 646px) {
    .bg6 {
        padding-top:0
    }

    .bg6style {
        border-top:3px solid #b33152;
        border-left:3px solid #b33152;
        padding:18% 5%;
        margin:20px 0 0 30px
    }
}

@media screen and (max-width: 767px) {
    .navbar-links{
        padding-top: 10px;
    }
    .pad8 {
        margin-top:10%;
        margin-bottom:3%
    }

    .pad452 {
        margin-bottom:10%
    }

    .c {
        display:block
    }

    .footerbg {
        min-height:565px
    }

    .bg11 {
        margin-top:0!important
    }

    .style6 {
        margin-top:0;
        padding:70px 0 0
    }

    .txt12 {
        color:#fff;
        font-size:28px;
        font-family:"effra-n9","effra";
        font-weight:900;
        margin-bottom:40px;
        text-align:center
    }

    .txt13 {
        color:#fff;
        font-size:20px;
        font-family:"effra-n9","effra";
        font-weight:900;
        margin-bottom:40px;
        text-align:center
    }

    .txt14 {
        color:#fff;
        font-size:15px;
        margin-bottom:40px;
        text-align:center
    }

    .bg6 {
        background-color:#DB385A;
        position:absolute;
        margin-top:-50%;
        width:100%;
        display:inline-block;
        z-index:9
    }

    .txt16 {
        font-size:23px!important;
        text-align:center!important;
        float:none;
        font-weight:900!important
    }

    .k16 {
        padding:0
    }

    .txt3 {
        text-align:center;
        border:3px solid #DB385A!important;
        border-radius:6px;
        float:none;
        margin-top:8px
    }

    .bg7 {
        padding:0
    }

    .bg7style {
        border-top:none;
        border-right:none;
        border-bottom:3px solid #a7a7a7;
        padding:150px 60px 60px
    }

    .bg8 {
        padding:0
    }

    .bg8style {
        border-bottom:3px solid #a7a7a7;
        border-left:none;
        padding:80px 60px
    }

    .bg9 {
        background-color:#c5c5c5;
        padding:0;
        position:relative;
        margin-top:-51px
    }

    .bg9style {
        border-bottom:none;
        border-right:none;
        padding:80px 60px
    }

    .bg9:after {
        display:none
    }

    .display3 {
        display:none
    }

    .txt17 {
        white-space:nowrap
    }

    .display5 {
        display:block
    }

    .bg15 {
        background-color:#DB385A;
        padding:50px 0 20px!important;
        text-align:center
    }

    .bg10 {
        background-image:url(../images/bg3small.jpg);
        background-size:100%;
        background-repeat:no-repeat;
        padding-top:30%;
        margin:0 auto;
        clear:both
    }

    .pad3 {
        padding-left:0;
        text-align:center;
        padding-right:0;
        margin-left:0
    }

    .pad4 {
        padding-left:0;
        text-align:center;
        margin-left:0
    }

    .style7 {
        display:none
    }

    .bg12 {
        background-image:none;
        min-height:180px;
        background-repeat:no-repeat;
        padding-top:2%
    }

    .borderstyle {
        border:none
    }

    .bg16 {
        display:none
    }

    .bg17 {
        display:block
    }

    .pad15 {
        margin-top:0
    }

    .pad15 p {
        margin:0!important
    }

    .jk3 {
        width:100%!important
    }

    .content {
        position:absolute;
        z-index:3;
        background-color:#fff;
        margin-top:50px
    }

    .bg2 {
        border:3px solid #2454AD;
        padding:20px;
        height:220px
    }

    .bg5 {
        display:none
    }

    .j {
        display:none
    }

    .style5 {
        padding-left:8px
    }

    .h {
        display:block
    }

    .i {
        display:none
    }

    .k {
        width:auto;
        margin-left:0
    }

    .bg6 {
        padding:0
    }

    .bg6:after {
        content:"";
        position:absolute;
        width:0;
        right:0;
        height:0;
        border-top:0 solid transparent;
        border-right:50px solid #C43152;
        border-bottom:55px solid transparent;
        margin:0 18% 0 auto;
        z-index:5
    }

    .pad2 {
        padding:0
    }

    .display1 {
        display:none
    }

    .display2 {
        display:block
    }

    .txt16 {
        font-size:35px;
        text-align:center!important;
        float:none
    }

    .kop123 {
        text-align:center
    }

    .display1991 {
        display:block!important
    }

    .transparent-navbar-fixed-top #navbar {
        background:#0A1150;
        background:-webkit-linear-gradient(120deg,#0A1150,#2454AD);
        background:-o-linear-gradient(120deg,#0A1150,#2454AD);
        background:-moz-linear-gradient(120deg,#0A1150,#2454AD);
        background:linear-gradient(120deg,#0A1150,#2454AD);
        border-width:0;
        padding-right:25px
    }

    .try-it-free {
        float:right
    }

    .headerbg {
        min-height:52px
    }

    .style1 .navbar-fixed-top,.headerbg .navbar-fixed-top {
        min-height:52px
    }

    .navbar-default .navbar-nav a,.navbar-default .navbar-nav a:hover,.navbar-default .navbar-nav a:hover {
        width:auto
    }

    .navbar-default .navbar-nav > li > a {
        border-bottom:3px solid transparent
    }
}

@media screen and (min-width: 100px) and (max-width: 991px) {
    .nm a:hover {
        text-decoration:none!important;
        border:none!important;
        background:none!important;
        background-color:transparent!important
    }

    .nm a {
        text-decoration:none!important;
        border:none!important
    }
}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .display78990 {
        display:none
    }
}

@media screen and (min-width: 300px) and (max-width: 349px) {
    .style1 {
        min-height:432px
    }
}

@media screen and (min-width: 350px) and (max-width: 399px) {
    .style1 {
        min-height:482px
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:38%;
        margin-top:-30px;
        padding-right:0;
        padding-left:30px
    }
}

@media screen and (min-width: 400px) and (max-width: 420px) {
    .style1 {
        min-height:100%;
        height:555px;
        display:inline-block
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:38%;
        margin-top:-30px;
        padding-right:0;
        padding-left:30px
    }
}

@media screen and (min-width: 421px) and (max-width: 449px) {
    .style1 {
        min-height:100%;
        height:555px;
        display:inline-block
    }
}

@media screen and (min-width: 421px) and (max-width: 767px) {
    .k {
        width:auto;
        margin-top:10%
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:38%;
        margin-top:-30px;
        padding-right:0;
        padding-left:30px
    }

    .bg3 {
        background-color:rgba(7,80,201,0.7);
        min-height:230px;
        min-width:290px
    }

    .txt4 {
        color:#fff;
        font-size:26px;
        font-family:"effra-n7","effra";
        font-weight:700;
        line-height:1.1em
    }

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

    .bg3:after {
        margin:41px auto 0;
        padding-left:10%
    }

    .slider {
        position:absolute;
        z-index:2;
        top:0;
        margin-top:102px
    }
}

@media screen and (min-width: 450px) and (max-width: 499px) {
    .style1 {
        min-height:100%;
        height:660px;
        display:inline-block
    }
}

@media screen and (min-width: 500px) and (max-width: 579px) {
    .style1 {
        min-height:100%;
        height:740px;
        display:inline-block
    }
}

@media screen and (min-width: 550px) and (max-width: 767px) {
    .img-responsive {
        width:100%
    }
}

@media screen and (min-width: 580px) and (max-width: 649px) {
    .style1 {
        min-height:100%;
        height:780px;
        display:inline-block
    }
}

@media screen and (min-width: 647px) and (max-width: 767px) {
    .bg6 {
        padding-top:0
    }

    .bg6style {
        border-top:3px solid #b33152;
        border-left:3px solid #b33152;
        padding:22% 5%;
        margin:30px 0 0 30px
    }
}

@media screen and (min-width: 650px) and (max-width: 767px) {
    .style1 {
        min-height:100%;
        height:780px;
        display:inline-block
    }
}

@media screen and (min-width: 768px) and (max-width: 800px) {
    .bg6 {
        padding-top:0;
        min-height:100%;
        height:406px;
        display:inline-block
    }

    .bg6style {
        border-top:3px solid #b33152;
        border-left:3px solid #b33152;
        min-height:95.6%;
        display:inline-block;
        padding:12% 15% 9.2% 13%;
        margin:20px 0 0 10px
    }

    .k12 {
        width:auto
    }

    .k1112 {
        width:auto;
        padding:0
    }

    .jk1 {
        display:none
    }

    .jk2 {
        display:block
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:36%;
        margin-top:-30px
    }

    .bg5 {
        margin-top:102px;
        position:absolute;
        right:32px
    }
}

@media screen and (min-width: 768px) and (max-width: 861px) {
    .slider {
        position:absolute;
        z-index:2;
        margin-top:-415px
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .style101 {
        margin-top:-28px
    }

    .pad4 {
        padding-left:5%
    }

    .pad2 {
        padding:0 0 0 30px
    }

    .txt7 {
        font-size:18px
    }

    .bg6 {
        margin-top:-2px
    }

    .bg9style {
        padding:76px 64px
    }

    .tabwidth1 {
        width:52%
    }

    .tabwidth2 {
        width:48%
    }

    .bg7style {
        padding:44px 53px
    }

    .bg8style {
        padding:88px 50px 40px 80px
    }

    .style101 {
        margin-top:-20px
    }

    .k125 {
        width:103.4%!important;
        margin-left:0;
        margin-right:0;
        padding-right:0
    }

    .nm {
        display:block
    }

    .nm1 {
        display:none
    }

    .style3 {
        margin-top:0!important
    }

    .txt17 {
        white-space:nowrap
    }

    .pad12 {
        padding-left:6%
    }

    .bg3 {
        background-color:rgba(7,80,201,0.7);
        min-height:303px;
        min-width:330px;
    }

    .txt4 {
        color:#fff;
        font-size:25px;
        font-family:"effra-n9","effra";
        font-weight:900;
        line-height:1em
    }

    .txt5 {
        color:#fff;
        font-size:15px
    }

    .bg3:after {
        display: none;
    }

    .k {
        display:none
    }

    .cont1 {
        width:auto!important;
        padding:0!important;
        margin:0!important
    }

    .pad1 {
        padding-left:0!important
    }

    .style7 {
        display:none
    }

    .style6 {
        margin:30px
    }

    /*.style1 {
        height:660px
    }*/

    .bg10 {
        background-image:url(../images/bg3medium.jpg);
        background-size:100%;
        background-repeat:no-repeat;
        padding-top:23%
    }

    .bg12 {
        background-image:url(../images/bg4medium1.jpg);
        min-height:440px;
        background-repeat:no-repeat;
        background-size:100%;
        padding-top:18%;
        margin-bottom:3%
    }

    .bg18 {
        width:100%
    }

    /*.k1 {
        display:block;
        position:absolute;
        right:0
    }*/
    .k1{
        display: none;
    }

    .pad3 {
        margin-left:23%
    }

    .display1 {
        display:block
    }

    .display2 {
        display:none
    }

    .wid {
        width:28%!important
    }

    .txt1 {
        color:#ff3c7e;
        font-size:28px;
        font-family:"effra-n7","effra";
        font-weight:700;
        letter-spacing:-1.5px
    }

    .style4 {
        font-size:13px!important
    }

    .k12 {
        width:auto!important
    }
    .hs_webFirstImage{
        position: relative;
        right: 2%;
    }
    .hs_webSecondImg{
        position: absolute;
        top: 9%;
        left: 56%;
    }
    .lefticons,.righticons {
         opacity: 0;
    }
    .hs_background_2{
        width: 45.333333%;
    }
    .style5{
        padding-left: 10px;
    }
    .bg4{
        margin-left: 24%;
    }
    .bg5{
        display: none;
    }
}

@media screen and (min-width: 768px) and (max-width: 1199px) {
    .pad8 {
        margin-top:8%;
        margin-bottom:0
    }

    .display432 {
        display:block
    }
}

@media screen and (min-width: 768px) {
    .c {
        display:none
    }

    .try-it-free {
        min-width:135px;
        display:block;
        vertical-align:initial;
        margin-top:-9px;
    }
}

.style4 .active a {
    border-bottom:3px solid #C43152!important
}

.style3 .active {
    border-bottom:3px solid #C43152!important;
    padding-bottom:9px
}

@media screen and (min-width: 768px) and (max-width: 5000px) {
    .kop123 {
        text-align:right;
        margin-top:3%
    }
}

@media screen and (min-width: 801px) and (max-width: 851px) { 
    .jk1 {
        display:block
    }

    .jk2 {
        display:none
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:24%;
        margin-top:-5%;
    }

    .bg5{
        right:0
    }
    .hs_webFirstImage{
        right: 5%;
    }
}

@media screen and (min-width: 850px) and (max-width: 991px) {
    .bg6 {
        padding-top:0
    }

    .bg6style {
        border-top:3px solid #b33152;
        border-left:3px solid #b33152;
        margin:20px 0 0 10px
    }

    .jk1 {
        display:block
    }

    .jk2 {
        display:none
    }

    .bg4 {
        position:absolute;
        left:0;
        margin-left:25%;
        margin-top:-5%
    }

    .bg5 {
        margin-top:102px;
        position:absolute;
        right:0
    }
    .k1{
        display: none;
    }
    .hs_webFirstImage{
        right: 5%;
    }
    .hs_background_2 {
        width: 47.333333%;
    }
    .bg3 {
        min-width: 340px;
    }
}

@media screen and (min-width: 862px) and (max-width: 991px) {
    .slider {
        position:absolute;
        z-index:2;
        margin-top:-415px
    }
}

@media screen and (min-width: 768px) and (max-width: 1001px) {
    .k1112 {
        width:750px !important
    }
}

@media screen and (min-width: 992px) and (max-width: 1001px) {
    .k12 {
        width:auto
    }

    .k1112 {
        width:auto
    }

    .bg6 {
        margin-top:-25.8px
    }
}

@media screen and (min-width: 992px) and (max-width: 1010px) {
    .k12 {
        width:auto!important
    }

    .jk1 {
        display:block
    }

    .jk2 {
        display:none
    }

    .lefticons,.righticons {
        width:20.833333335%
    }
}

@media screen and (min-width: 992px) and (max-width: 1024px) {
    .bg5 {
        margin-left:650px!important
    }
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
    .k125 {
        width:99%!important;
        margin-left:15px
    }

    .txt17 {
        white-space:nowrap
    }

    .bg4 {
        margin-top:-30px;
        position:absolute;
        margin-left:500px;
        left:0
    }

    .bg5 {
        margin-top:102px;
        position:absolute;
        margin-left:669px;
        left:0
    }

    .pad3 {
        margin-left:20%
    }

    .pad4 {
        margin-left:25px
    }

    .display1 {
        display:block
    }

    .display2 {
        display:none
    }

    .bg10 {
        background-image:url(../images/bg3medium.jpg);
        background-size:100%;
        background-repeat:no-repeat;
        padding-top:20%
    }

    .bg12 {
        background-image:url(../images/bg4medium.jpg);
        min-height:458px;
        background-repeat:no-repeat;
        background-size:100%
    }

    .k17 {
        width:92%!important;
        margin-left:2.3%;
        padding-left:0
    }

    .bg6 {
        padding-top:0
    }

    .pad8999 {
        padding:0 15px
    }

    .bg6 {
        padding-top:0;
        min-height:100%;
        height:398px;
        display:inline-block
    }

    .bg6style {
        border-top:3px solid #b33152;
        border-left:3px solid #b33152;
        min-height:94.7%!important;
        display:inline-block;
        padding:15% 25% 20% 20%;
        margin:20px 0 0 16px
    }

    .wid {
        width:25%
    }

    .wid28 {
        width:22%
    }
    ul.hs_ig_leftTabs li a {
        padding: 20px 67px !important;
    
    }
    
}

@media screen and (min-width: 992px) {
    .slider {
        position:absolute;
        z-index:2;
        margin-top:-415px
    }
}

@media screen and (min-width: 1011px) and (max-width: 1050px) {
    .width45 {
        width:94%!important;
        display:inline-block;
        padding-left:65px!important;
        padding-right:0
    }

    .lefticons,.righticons {
        width:20.833333335%
    }
}

@media screen and (min-width: 1051px) and (max-width: 1099px) {
    .width45 {
        width:90%!important;
        padding-left:12px;
        padding-right:0
    }

    .lefticons,.righticons {
        width:20.833333335%
    }
}

@media screen and (min-width: 1100px) and (max-width: 1199px) {
    .width45 {
        width:85%!important;
        padding-left:45px;
        margin-bottom:70px
    }

    .k14 {
        width:96%!important
    }

    .lefticons,.righticons {
        width:20.833333335%
    }

    .bg4 {
        margin-top:-30px;
        position:absolute;
        margin-left:500px;
        left:0
    }

    .bg5 {
        margin-top:102px;
        position:absolute;
        margin-left:669px;
        left:0
    }
}

@media screen and (min-width: 1200px) {
    .k12 {
        width:984px!important
    }

    .hhh789 {
        display:none!important
    }

    .k14 {
        width:984px!important;
        margin-left:-12px
    }

    .display1 {
        display:block
    }

    .display2 {
        display:none
    }

    .pad4 {
        padding-left:10%
    }

    .pad3 {
        margin-left:13%
    }

    .display78990 {
        position:absolute;
        right:0;
        top:0;
        margin-top:200px;
        display:none
    }

    .display432 {
        display:none
    }

    .jk1 {
        margin-top:35%
    }

    .bg6style {
        padding:111.4px 106.72px 110.4px 92px
    }

    .k125 {
        width:1068px;
        margin-left:-10px
    }

    .wid28 {
        width:25%
    }
}

@media screen and (min-width: 1211px) {
    .k17 {
        padding-left:0
    }
}

@media screen and (min-width: 1366px) {
    .display998 {
        max-width:683px;
        max-height:502px;
    }

    .challenges1 {
        float:left!important
    }
    
    .challenges2 {
        float:right!important
    }
}

@media screen and (min-width: 1830px) {
    .bg71{
        width:1455px;
        float:none!important;
        margin:0px auto;
        position:relative;
        left:100px;
        min-height:550px!important;
    }
}
.hs-policy-body-container {
    position: relative;
    padding: 10em 0;
    width: 75%;
}
.hs-policy-body-container .hs-body-header-container h3 {
    font-weight: bold;
}
.hs-policy-body-container .hs-body-header-container {
    text-align: center;
    margin-bottom: 2em;
}
.hs-policy-body-container .hs-content-section {
    margin-bottom: 2em;
    font-size: 16px;
    overflow: auto;
}
.hs-policy-body-container .hs-section-header {
    font-size: 16px;
    border-bottom: 1px solid #d8d7d7;
    margin-bottom: 1em;
}
.hs-policy-body-container ul.hs-section-menu {
    margin-left: 3em;
}
.hs-policy-body-container li.hs-menu-item {
    margin: 5px 0;
}
.hs-policy-body-container .hs-section-content {
    text-align: justify;
}
.hs-policy-body-container .hs-section-menu .hs-section-header {
    border-bottom: 0;
}
.hs-policy-body-container .hs-contact-details {
    font-size: 14px;
}
.hs-policy-body-container span.hs-index-number {
    width: 40px;
    display: inline-block;
    float: left;
}
.hs-policy-body-container .hs-index-content {
    width: calc(100% - 40px);
    display: inline-block;
    float: left;
}
.hs-col{
    width: 20%;
    float: left;
    position: relative;
    min-height: 1px;
}
@media screen and (min-width: 1025px) and (max-width: 1060px){
    .hs-col{
        width: 21%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .superTitles{
        width: 16%;
    }
}
@media screen and (min-width: 992px) and (max-width: 1024px){
    .hs-col{
        width: 22%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .superTitles{
        width: 12%;
    }
}
@media screen and (min-width: 875px) and (max-width: 991px){
    .hs-col{
        width: 25%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .superTitles{
        display: none;
    }
}
@media screen and (min-width: 875px) {
    .pricingPage .packageDetails:not(:last-child){
        border-right: 1px solid transparent;
    }
}
@media screen and (min-width: 769px) and (max-width: 874px){
    .hs-col{
        width: 33%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .superTitles{
        display: none;
    }
    .pricingPage .packageDetails:not(:nth-child(3n+1)){
        border-right: 1px solid transparent;
    }
    .pricingPage .packageDetails:last-child{
        border-right: 1px solid #c7c7c7;
    }
}
@media screen and (min-width: 511px) and (max-width: 768px){
    .hs-col{
        width: 50%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .superTitles{
        display: none;
    }
    .pricingPage .packageDetails:nth-child(even){
        border-right: 1px solid transparent;
    }
}
@media screen and (max-width: 510px){
    .hs-col{
        width: 100%;
        float: left;
        position: relative;
        min-height: 1px;
    }
    .superTitles{
        display: none;
    }
}
.pricingPage .pricingTable{
    overflow: hidden;
    margin: 75px;
}
.pricingPage .superTitles{
    border: 1px solid #c7c7c7;
    border-right: 1px solid transparent;
    height: 100%;
    font-size: 17px;
    color: #3a3a3a;
    font-weight: 700;
}
.pricingPage .packageDetails{
    border: 1px solid #c7c7c7;
    margin-bottom: 15px;
}
.pricingPage .packageDetails:hover{
    border: 1px solid #0A1150;
}
.pricingPage .packageInfoBlock{
    height: 120px;
    border-bottom: 1px solid #c7c7c7;
    padding: 30px;
    text-align: center;
}
.pricingPage .packageInfoBlock .packageNameMain{
    font-size: 21px;
    font-style: italic;
    text-transform: uppercase;    
}
.pricingPage .packageName sup{
    font-size: 83%;
    vertical-align: sub;
    font-style: italic;
}
.pricingPage .superTitles .ratings_and_reviews,
.pricingPage .superTitles .customer_support_qa,
.pricingPage .superTitles .content_syndication,
.pricingPage .superTitles .user_identity,
.pricingPage .superTitles .basic_insights,
.pricingPage .superTitles .add_ons_utilities,
.pricingPage .superTitles .support_and_installation,
.pricingPage .superTitles .subscribeBtnBlock{
    padding: 10px;
}
.pricingPage .featureItem{
    height: 40px;
    border-bottom: 1px dashed #c7c7c7;
    padding: 10px 3px;
    font-weight: 600;
    color: #696868;
}
.pricingPage .featureItem.REVIEW_CONFIGURATION,
.pricingPage .featureItem.STP_FLOW,
.pricingPage .featureItem.INTELLIGENT_ANSWER_SUGGESTION,
.pricingPage .featureItem.QA_CONFIGURATION,
.pricingPage .featureItem.NO_OF_SOCIAL_CHANNELS,
.pricingPage .featureItem.NO_OF_ECOMMERCE_CHANNELS,
.pricingPage .featureItem.FEEDBACK_REQUEST_EMAILS{
    height: 50px;
}
.pricingPage .featureItem.FREE_TRIAL_PERIOD{
    height: 120px;
    padding-top: 0px;
}
.pricingPage .ratings_and_reviews .featureItem:last-child,
.pricingPage .customer_support_qa .featureItem:last-child,
.pricingPage .content_syndication .featureItem:last-child,
.pricingPage .user_identity .featureItem:last-child,
.pricingPage .basic_insights .featureItem:last-child{
    border-bottom: none;
}
.pricingPage .featureItem .cross{
    color: #bdbdbd;
}
.pricingPage .featureItem img{
    margin-right: 5px;
}
.pricingPage .featureItem .line-through{
    text-decoration: line-through;
}
.pricingPage .ratings_and_reviews{
    height: 250px;
    border-bottom: 1px dashed #c7c7c7;
}
.pricingPage .customer_support_qa{
    height: 190px;
    border-bottom: 1px dashed #c7c7c7;
}
.pricingPage .content_syndication{
    height: 140px;
    border-bottom: 1px dashed #c7c7c7;
}
.pricingPage .user_identity{
    height: 200px;
    border-bottom: 1px dashed #c7c7c7;
}
.pricingPage .basic_insights{
    height: 160px;
    border-bottom: 1px dashed #c7c7c7;
}
.pricingPage .add_ons_utilities{
    height: 90px;
    border-bottom: 1px dashed #c7c7c7;
}
.pricingPage .support_and_installation{
    height: 90px;
}
.pricingPage .subscribeBtnBlock{
    height: 80px;
    padding: 20px;
    text-align: center;
}
.pricingPage .subBtnBottomBlock{
    border-bottom: 1px dashed #c7c7c7;
    margin-bottom: 10px;
}
.pricingPage .subscribeBtnBlock .subscribeBtn{
    padding: 10px 40px;
    background-color: #DB385A;
    color: #FFF;
    text-align: center;
    border: none;
    font-weight: 600;
}
.pricingPage .subscribeBtnBlock .subscribeBtn:hover {
    background-color: #d6143d;
}
.pricingPage .subscribeBtnBlock .subscribeBtn:focus {
    outline: none;
}

.pricingPage .modal-dialog .hsmainContainer{
    text-align: left;
}
.pricingPage .modal-dialog .hscontent{
    width: 55%;
    margin: 0 auto; 
}
.pricingPage .modal-dialog .modalLabelDiv{
    overflow: hidden;
    margin-left: -25px;
    margin-right: -25px;
}
.pricingPage .modal-dialog .contact_form_icon{
    width: 20%;
    float: left;
}
.pricingPage .modal-dialog .modalLabel{
    width: 80%;
    float: left;
    margin-top: 19px;
}
.pricingPage .modal-dialog .modalLabelSuper{
    font-size: 23px;
    font-weight: 700;
    margin: 0;
    text-align: center;
}
.pricingPage .modal-dialog .modalLabelSub{
    font-size: 13px;
    margin: 0px;
    text-align: center;
}
.pricingPage .modal-dialog .submitBtn{
    padding: 10px 40px;
    background-color: #DB385A;
    color: #FFF;
    text-align: center;
    cursor: pointer;
    border: none;
}
.pricingPage .modal-dialog .submitBtn:hover{
    background-color: #d6143d;
}
.w100{
    width: 100%;
}
.pricingPage .modal-dialog .userNameCnt,
.pricingPage .modal-dialog .organizationNameCnt,
.pricingPage .modal-dialog .emailAddressCnt,
.pricingPage .modal-dialog .phoneNumberCnt,
.pricingPage .modal-dialog .submitBtn,
.pricingPage .modal-dialog .modalLabelDiv{
    margin-bottom: 24px;
}
.pricingPage .modal-dialog .userNameCnt,
.pricingPage .modal-dialog .organizationNameCnt,
.pricingPage .modal-dialog .emailAddressCnt,
.pricingPage .modal-dialog .phoneNumberCnt{
    position: relative;
}
.pricingPage .modal-dialog input{
    padding: 8px 15px 8px 48px;
    background-color: #f9f9f9;
    border: 1px solid #e2e2e2;
    outline: none;
    box-shadow: none;
}
.pricingPage .modal-dialog input.userName{
    background-image: url('../images/firstname_icon.png');
    background-repeat: no-repeat;
    background-position: 12px center;
}
.pricingPage .modal-dialog input.organizationName{
    background-image: url('../images/organization_icon.png');
    background-repeat: no-repeat;
    background-position: 12px center;
}
.pricingPage .modal-dialog input.emailAddress{
    background-image: url('../images/email_icon.png');
    background-repeat: no-repeat;
    background-position: 12px center;
}
.pricingPage .modal-dialog input.phoneNumber{
    background-image: url('../images/phone_icon.png');
    background-repeat: no-repeat;
    background-position: 12px center;
}
.pricingPage .modal-dialog .modal-header{
    border-bottom: none;
}
.pricingPage .modal-dialog .modal-footer{
    border-top: none;
}
.pricingPage .modal-dialog .close{
    border: 1px solid #000;
    border-radius: 15px;
    color: #000;
    opacity: 1;
    width: 30px;
    height: 30px;
    font-size: 20px;
}
.pricingPage .modal-dialog input.error{
    border: 1px solid #de365a;
}
.pricingPage .modal-dialog .errorText{
    position: absolute;
    bottom: -18px;
    /*padding-left: 5px;*/
    color: #de365a;
    display: none;
}
.pricingPage #subscriptionSubmitSuccess .modal-dialog {
    width: 500px;
}
.pricingPage .modal-dialog .success_icon{
    height: 130px;
    background-image: url('../images/success_icon.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.pricingPage .modal-dialog .modalLabelThanks{
    font-size: 45px;
    font-weight: 300;
    margin: 0;
    text-align: center;
}
.pricingPage .modal-dialog .modalLabelGetBack{
    font-size: 15px;
    margin-top: 5px;
    text-align: center;
}
.pricingPage #subscriptionSubmitFailure .hscontent{
    width: 90%;
}
.pricingPage #subscriptionSubmitFailure .hscontent > div{
    overflow: hidden;
}
.pricingPage #subscriptionSubmitFailure .modalLabelSorry{
    font-size: 60px;
    font-weight: 300;
    margin: 0;
    text-align: left;
}
.pricingPage #subscriptionSubmitFailure .modalLabelTryLater{
    font-size: 15px;
    margin-top: 5px;
    text-align: left;
}
.pricingPage #subscriptionSubmitFailure .modalFailureLabel{
    width: 50%;
    float: left;
}
.pricingPage #subscriptionSubmitFailure .failure_icon{
    height: 160px;
    width: 50%;
    float: right;
    background-image: url('../images/failure_icon.png');
    background-repeat: no-repeat;
    background-position: center center;
}
.pricingPage #subscriptionSubmitFailure .actionDiv{
    width: 60%;
}
.pricingPage .userExistsOuterCntr,
.pricingPage .orgExistsOuterCntr{
    display:none;
    /*border: 1px solid #ddd;
    padding: 10px;
    background-color: #dce2ff;*/
}
.pricingPage .userExistsOuterCntr .warningDiv,
.pricingPage .orgExistsOuterCntr .warningDiv{
    overflow: hidden;
    padding: 20px 10px;
    border: 1px solid #DB384A;
}
.pricingPage .userExistsOuterCntr .warningIcon,
.pricingPage .orgExistsOuterCntr .warningIcon{
    /*width: 32px;*/
    margin-right: 10px;
    float: left;
}
.pricingPage .userExistsOuterCntr .warningMsg,
.pricingPage .orgExistsOuterCntr .warningMsg{
    width: calc(100% - 75px);
    float:left;
    color: #DB384A;
}
.pricingPage .userExistsOuterCntr .actionBtns{
    padding: 20px 5px 10px;
    overflow: hidden;
}
.pricingPage .userExistsOuterCntr .actBtn{
    width: 50%;
    float: left;
    color: #fff;
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
}
.pricingPage .userExistsOuterCntr .ignoreBtn{
    background-color: #555;
    padding: 10px; 
    cursor: pointer;  
    color: #FFF; 
}
.pricingPage .userExistsOuterCntr .createBtn{
    background-color: #DB384A;
    padding: 10px;
    cursor: pointer;
    color: #FFF;
}

@media (min-width: 768px){
    .pricingPage .modal-dialog {
        margin: 100px auto;
    }
}

@media (max-width: 620px){
    .pricingPage .modal-dialog .contact_form_icon{
        width: 100%;
        text-align: center;
    }
    .pricingPage .modal-dialog .modalLabel{
        width: 100%;
        text-align: center;
    }
    .pricingPage .modal-dialog .modalLabelSuper{
        font-size: 23px;
        font-weight: 700;
        margin: 0;
    }
    .pricingPage .modal-dialog .modalLabelSub{
        font-size: 13px;
        margin: 0px;
    }
    .pricingPage #subscriptionSubmitFailure .modalFailureLabel{
        width: 100%;
        text-align: center;
    }
    .pricingPage #subscriptionSubmitFailure .failure_icon{
        width: 100%;
        text-align: center;
    }
    .pricingPage #subscriptionSubmitFailure .modalLabelSorry{
        text-align: center;
    }
    .pricingPage #subscriptionSubmitFailure .modalLabelTryLater{
        text-align: center;
    }
}
/*@media (max-width: 292px) {
    ul.hs_ig_leftTabs li a {
        padding: 20px 88px !important;
    }
}
@media (max-width: 288px) {
    ul.hs_ig_leftTabs li a {
        padding: 20px 86px !important;
    }
}
@media (max-width: 283px) {
    ul.hs_ig_leftTabs li a {
        padding: 20px 82px !important;
    }
}*/
.overlay {
    background: #e9e9e9;  
    display: none;        
    position: fixed;  
    top: 0;                 
    right: 0;               
    bottom: 0;
    left: 0;
    opacity: 0.5;
    z-index: 1100;
}
#loading-img{
    background: url('../images/loading-icon.gif') center center no-repeat;
    background-size: 100px;
    height: 100%;
}
.first_blank_block{
    /*border-top: 1px dashed #c7c7c7;*/
    padding: 22px 10px !important;
}
.ratingPadding{
    padding: 67px 0px !important;
}
body.modal-open {
    overflow: auto;
}
body.modal-open[style] {
    padding-right: 0px !important;
}

.modal::-webkit-scrollbar {
    width: 0 !important; 
}
.hs_ig_topHeadBar
{
    font-size: 22px;
    color: black;
    font-family: "effra-n9", "effra";
    font-weight: 900;
    margin-bottom: 20px;
}
.hs_ig_mainContent
{
    border:1px solid #ccc;
    border-radius: 3px;
    color: #4a4a4a;
    font-size: 18px;
}
.hs_ig_mcTop
{
    border-bottom: 1px solid #cccccc;
    background-color: #f5f5f5;
    padding: 20px 15px;
    font-weight: 600;
    font-size: 24px;
    color:#db385A;
}
.hs_ig_mcBody
{
    padding: 15px 15px;  
}
.hs_ig_img
{
    width:80%;
    border: 1px solid black;
    margin: 25px 0px;
}
.hs_ig_rColor
{
    color:#cd3351;
    word-wrap: break-word;
}
.hs_ig_bColor
{
    
    font-size: 18px;
}
.hs_ig_instructionSpace
{
    padding: 10px 30px;
    background-color: #f1f1f1; 
    word-wrap: break-word;
}
.hs_ig_ol
{
    padding: 0px 24px;
}
.hs_ig_ol li
{
    padding: 10px 0px;
    word-wrap: break-word;
}
.hs_ig_imgConfig
{
    width: 40%;
    border: 1px solid black;
    margin: 10px 0px;
}
.hs_ig_imgSaveConfig
{
    width:100%;
    border: 1px solid black;
    margin: 10px 0px;
}
.hs_ig_bottomP
{
    padding: 10px 0px; 
}
.hs_ig_code{
    padding: 20px 25PX;
    /*margin: -3% 0% 0% -65%;*/
    font-size: 18px;
    word-wrap: break-word;
}
.hs_ig_leftTabs
{
    list-style-type: none; 

}
ul.hs_ig_leftTabs {

    padding: 0px 0px;
    font-size: 18px;

}
ul.hs_ig_leftTabs li {

    padding: 0px;

}
ul.hs_ig_leftTabs li a {
    padding: 20px 50px;
    border-radius: 5px;
    display: block;
    word-wrap: break-word;
}
.hs_ig_leftTabs li a{
    list-style-type: none;
    background-color: #f5f5f5;
    color: #767676;
}
.hs_ig_sudoInstruction
{
    list-style-type: none;
    padding: 20px 25px;
    background: #f1f1f1;
    margin: 0px 24px 0px 23px;
    word-wrap: break-word;
}
.hs_ig_sudoInstruction li {

    padding: 5px 0px;
}
/*.hs_ig_leftTabs>li>a:focus {
    border-right: 1px solid red;
    color:black;
}*/
.hs_ig_leftTabs>li>a {
    border-right: 1px solid red;
    color:black;
}
.hs_ig_xmp {
    background: #f1f1f1;
}
.hs_ig_disable
{
    text-decoration: underline;
}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {
    
    background-color: unset !important;
}
@media screen and (min-width: 991px){
    .k1112 {
        width: 875px !important;
    }
    .hs_webFirstImage{
        position: relative;
        right: 26%;
    }
    .hs_webSecondImg{
        position: absolute;
        top: 14%;
        left: 56%;
    }
    .bg3:after{
        display: none;
    }
    .bg3{
        min-width: 384px;
    }
    .hs_background_2 {
        width: 47.333333%;
    }
    .lefticons,.righticons {
        opacity: 0;
    }
    .txt4{
        font-size: 37px;
    }
    .bg5 {
        margin-left: 520px!important;
    }
    .bg4{
        margin-left: 392px;
    }
    .style5{
        margin-left: 15px !important;
    }
}
@media screen and (min-width: 1200px){
    .k1112 {
        width: 1170px !important;
    }
    .hs_webFirstImage{
        position: relative;
        right: 25%;
    }
    .hs_webSecondImg{
        position: absolute;
        top: 14%;
        left: 56%;
    }
    .bg3:after{
        display: none;
    }
    .bg3{
        min-width: 531px;
    }
    .hs_background_2 {
        width: 47.333333%;
    }
    .lefticons,.righticons {
        opacity: 0;
    }
    .txt4{
        font-size: 37px;
    }
    .bg5 {
        left: 14%;
    }
    .bg4{
        margin-left: 531px;
    }
    .style5{
        margin-left: 15px !important;
    }
}