/** [HFG Development] Version: 1.0.0 - 7:21:06 PM **/
* { border:0; outline: none; }
 @-ms-viewport{
    width:device-width
}
.visible-lg,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block,.visible-md,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-sm,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-xs,.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block{
    display:none!important
}
@media (max-width:767px){
    .visible-xs{
        display:block!important
    }
    table.visible-xs{
        display:table
    }
    tr.visible-xs{
        display:table-row!important
    }
    td.visible-xs,th.visible-xs{
        display:table-cell!important
    }
}
@media (max-width:767px){
    .visible-xs-block{
        display:block!important
    }
}
@media (max-width:767px){
    .visible-xs-inline{
        display:inline!important
    }
}
@media (max-width:767px){
    .visible-xs-inline-block{
        display:inline-block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm{
        display:block!important
    }
    table.visible-sm{
        display:table
    }
    tr.visible-sm{
        display:table-row!important
    }
    td.visible-sm,th.visible-sm{
        display:table-cell!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-block{
        display:block!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-inline{
        display:inline!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .visible-sm-inline-block{
        display:inline-block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md{
        display:block!important
    }
    table.visible-md{
        display:table
    }
    tr.visible-md{
        display:table-row!important
    }
    td.visible-md,th.visible-md{
        display:table-cell!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-block{
        display:block!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline{
        display:inline!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .visible-md-inline-block{
        display:inline-block!important
    }
}
@media (min-width:1200px){
    .visible-lg{
        display:block!important
    }
    table.visible-lg{
        display:table
    }
    tr.visible-lg{
        display:table-row!important
    }
    td.visible-lg,th.visible-lg{
        display:table-cell!important
    }
}
@media (min-width:1200px){
    .visible-lg-block{
        display:block!important
    }
}
@media (min-width:1200px){
    .visible-lg-inline{
        display:inline!important
    }
}
@media (min-width:1200px){
    .visible-lg-inline-block{
        display:inline-block!important
    }
}
@media (max-width:767px){
    .hidden-xs{
        display:none!important
    }
}
@media (min-width:768px) and (max-width:991px){
    .hidden-sm{
        display:none!important
    }
}
@media (min-width:992px) and (max-width:1199px){
    .hidden-md{
        display:none!important
    }
}
@media (min-width:1200px){
    .hidden-lg{
        display:none!important
    }
}
.visible-print{
    display:none!important
}
@media print{
    .visible-print{
        display:block!important
    }
    table.visible-print{
        display:table
    }
    tr.visible-print{
        display:table-row!important
    }
    td.visible-print,th.visible-print{
        display:table-cell!important
    }
}
.visible-print-block{
    display:none!important
}
@media print{
    .visible-print-block{
        display:block!important
    }
}
.visible-print-inline{
    display:none!important
}
@media print{
    .visible-print-inline{
        display:inline!important
    }
}
.visible-print-inline-block{
    display:none!important
}
@media print{
    .visible-print-inline-block{
        display:inline-block!important
    }
}
@media print{
    .hidden-print{
        display:none!important
    }
}
.container{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
@media (min-width:768px){
    .container{
        width:750px
    }
}
@media (min-width:992px){
    .container{
        width:970px
    }
}
@media (min-width:1200px){
    .container{
        width:1100px
    }
}
.container-fluid{
    margin-right:auto;
    margin-left:auto;
    padding-left:15px;
    padding-right:15px
}
.row{
    margin-left:-15px;
    margin-right:-15px
}
.col,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    position:relative;
    min-height:1px;
    padding-left:15px;
    padding-right:15px
}
.col,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12{
    float:left
}
.col-xs-12{
    width:100%
}
.col-xs-11{
    width:91.66666667%
}
.col-xs-10{
    width:83.33333333%
}
.col-xs-9{
    width:75%
}
.col-xs-8{
    width:66.66666667%
}
.col-xs-7{
    width:58.33333333%
}
.col-xs-6{
    width:50%
}
.col-xs-5{
    width:41.66666667%
}
.col-xs-4{
    width:33.33333333%
}
.col-xs-3{
    width:25%
}
.col-xs-2{
    width:16.66666667%
}
.col-xs-1{
    width:8.33333333%
}
.col-xs-pull-12{
    right:100%
}
.col-xs-pull-11{
    right:91.66666667%
}
.col-xs-pull-10{
    right:83.33333333%
}
.col-xs-pull-9{
    right:75%
}
.col-xs-pull-8{
    right:66.66666667%
}
.col-xs-pull-7{
    right:58.33333333%
}
.col-xs-pull-6{
    right:50%
}
.col-xs-pull-5{
    right:41.66666667%
}
.col-xs-pull-4{
    right:33.33333333%
}
.col-xs-pull-3{
    right:25%
}
.col-xs-pull-2{
    right:16.66666667%
}
.col-xs-pull-1{
    right:8.33333333%
}
.col-xs-pull-0{
    right:auto
}
.col-xs-push-12{
    left:100%
}
.col-xs-push-11{
    left:91.66666667%
}
.col-xs-push-10{
    left:83.33333333%
}
.col-xs-push-9{
    left:75%
}
.col-xs-push-8{
    left:66.66666667%
}
.col-xs-push-7{
    left:58.33333333%
}
.col-xs-push-6{
    left:50%
}
.col-xs-push-5{
    left:41.66666667%
}
.col-xs-push-4{
    left:33.33333333%
}
.col-xs-push-3{
    left:25%
}
.col-xs-push-2{
    left:16.66666667%
}
.col-xs-push-1{
    left:8.33333333%
}
.col-xs-push-0{
    left:auto
}
.col-xs-offset-12{
    margin-left:100%
}
.col-xs-offset-11{
    margin-left:91.66666667%
}
.col-xs-offset-10{
    margin-left:83.33333333%
}
.col-xs-offset-9{
    margin-left:75%
}
.col-xs-offset-8{
    margin-left:66.66666667%
}
.col-xs-offset-7{
    margin-left:58.33333333%
}
.col-xs-offset-6{
    margin-left:50%
}
.col-xs-offset-5{
    margin-left:41.66666667%
}
.col-xs-offset-4{
    margin-left:33.33333333%
}
.col-xs-offset-3{
    margin-left:25%
}
.col-xs-offset-2{
    margin-left:16.66666667%
}
.col-xs-offset-1{
    margin-left:8.33333333%
}
.col-xs-offset-0{
    margin-left:0
}
@media (min-width:768px){
    .col,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12{
        float:left
    }
    .col-sm-12{
        width:100%
    }
    .col-sm-11{
        width:91.66666667%
    }
    .col-sm-10{
        width:83.33333333%
    }
    .col-sm-9{
        width:75%
    }
    .col-sm-8{
        width:66.66666667%
    }
    .col-sm-7{
        width:58.33333333%
    }
    .col-sm-6{
        width:50%
    }
    .col-sm-5{
        width:41.66666667%
    }
    .col-sm-4{
        width:33.33333333%
    }
    .col-sm-3{
        width:25%
    }
    .col-sm-2{
        width:16.66666667%
    }
    .col-sm-1{
        width:8.33333333%
    }
    .col-sm-pull-12{
        right:100%
    }
    .col-sm-pull-11{
        right:91.66666667%
    }
    .col-sm-pull-10{
        right:83.33333333%
    }
    .col-sm-pull-9{
        right:75%
    }
    .col-sm-pull-8{
        right:66.66666667%
    }
    .col-sm-pull-7{
        right:58.33333333%
    }
    .col-sm-pull-6{
        right:50%
    }
    .col-sm-pull-5{
        right:41.66666667%
    }
    .col-sm-pull-4{
        right:33.33333333%
    }
    .col-sm-pull-3{
        right:25%
    }
    .col-sm-pull-2{
        right:16.66666667%
    }
    .col-sm-pull-1{
        right:8.33333333%
    }
    .col-sm-pull-0{
        right:auto
    }
    .col-sm-push-12{
        left:100%
    }
    .col-sm-push-11{
        left:91.66666667%
    }
    .col-sm-push-10{
        left:83.33333333%
    }
    .col-sm-push-9{
        left:75%
    }
    .col-sm-push-8{
        left:66.66666667%
    }
    .col-sm-push-7{
        left:58.33333333%
    }
    .col-sm-push-6{
        left:50%
    }
    .col-sm-push-5{
        left:41.66666667%
    }
    .col-sm-push-4{
        left:33.33333333%
    }
    .col-sm-push-3{
        left:25%
    }
    .col-sm-push-2{
        left:16.66666667%
    }
    .col-sm-push-1{
        left:8.33333333%
    }
    .col-sm-push-0{
        left:auto
    }
    .col-sm-offset-12{
        margin-left:100%
    }
    .col-sm-offset-11{
        margin-left:91.66666667%
    }
    .col-sm-offset-10{
        margin-left:83.33333333%
    }
    .col-sm-offset-9{
        margin-left:75%
    }
    .col-sm-offset-8{
        margin-left:66.66666667%
    }
    .col-sm-offset-7{
        margin-left:58.33333333%
    }
    .col-sm-offset-6{
        margin-left:50%
    }
    .col-sm-offset-5{
        margin-left:41.66666667%
    }
    .col-sm-offset-4{
        margin-left:33.33333333%
    }
    .col-sm-offset-3{
        margin-left:25%
    }
    .col-sm-offset-2{
        margin-left:16.66666667%
    }
    .col-sm-offset-1{
        margin-left:8.33333333%
    }
    .col-sm-offset-0{
        margin-left:0
    }
}
@media (min-width:992px){
    .col,.col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-10,.col-md-11,.col-md-12{
        float:left
    }
    .col-md-12{
        width:100%
    }
    .col-md-11{
        width:91.66666667%
    }
    .col-md-10{
        width:83.33333333%
    }
    .col-md-9{
        width:75%
    }
    .col-md-8{
        width:66.66666667%
    }
    .col-md-7{
        width:58.33333333%
    }
    .col-md-6{
        width:50%
    }
    .col-md-5{
        width:41.66666667%
    }
    .col-md-4{
        width:33.33333333%
    }
    .col-md-3{
        width:25%
    }
    .col-md-2{
        width:16.66666667%
    }
    .col-md-1{
        width:8.33333333%
    }
    .col-md-pull-12{
        right:100%
    }
    .col-md-pull-11{
        right:91.66666667%
    }
    .col-md-pull-10{
        right:83.33333333%
    }
    .col-md-pull-9{
        right:75%
    }
    .col-md-pull-8{
        right:66.66666667%
    }
    .col-md-pull-7{
        right:58.33333333%
    }
    .col-md-pull-6{
        right:50%
    }
    .col-md-pull-5{
        right:41.66666667%
    }
    .col-md-pull-4{
        right:33.33333333%
    }
    .col-md-pull-3{
        right:25%
    }
    .col-md-pull-2{
        right:16.66666667%
    }
    .col-md-pull-1{
        right:8.33333333%
    }
    .col-md-pull-0{
        right:auto
    }
    .col-md-push-12{
        left:100%
    }
    .col-md-push-11{
        left:91.66666667%
    }
    .col-md-push-10{
        left:83.33333333%
    }
    .col-md-push-9{
        left:75%
    }
    .col-md-push-8{
        left:66.66666667%
    }
    .col-md-push-7{
        left:58.33333333%
    }
    .col-md-push-6{
        left:50%
    }
    .col-md-push-5{
        left:41.66666667%
    }
    .col-md-push-4{
        left:33.33333333%
    }
    .col-md-push-3{
        left:25%
    }
    .col-md-push-2{
        left:16.66666667%
    }
    .col-md-push-1{
        left:8.33333333%
    }
    .col-md-push-0{
        left:auto
    }
    .col-md-offset-12{
        margin-left:100%
    }
    .col-md-offset-11{
        margin-left:91.66666667%
    }
    .col-md-offset-10{
        margin-left:83.33333333%
    }
    .col-md-offset-9{
        margin-left:75%
    }
    .col-md-offset-8{
        margin-left:66.66666667%
    }
    .col-md-offset-7{
        margin-left:58.33333333%
    }
    .col-md-offset-6{
        margin-left:50%
    }
    .col-md-offset-5{
        margin-left:41.66666667%
    }
    .col-md-offset-4{
        margin-left:33.33333333%
    }
    .col-md-offset-3{
        margin-left:25%
    }
    .col-md-offset-2{
        margin-left:16.66666667%
    }
    .col-md-offset-1{
        margin-left:8.33333333%
    }
    .col-md-offset-0{
        margin-left:0
    }
}
@media (min-width:1200px){
    .col,.col-lg-1,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-10,.col-lg-11,.col-lg-12{
        float:left
    }
    .col-lg-12{
        width:100%
    }
    .col-lg-11{
        width:91.66666667%
    }
    .col-lg-10{
        width:83.33333333%
    }
    .col-lg-9{
        width:75%
    }
    .col-lg-8{
        width:66.66666667%
    }
    .col-lg-7{
        width:58.33333333%
    }
    .col-lg-6{
        width:50%
    }
    .col-lg-5{
        width:41.66666667%
    }
    .col-lg-4{
        width:33.33333333%
    }
    .col-lg-3{
        width:25%
    }
    .col-lg-2{
        width:16.66666667%
    }
    .col-lg-1{
        width:8.33333333%
    }
    .col-lg-pull-12{
        right:100%
    }
    .col-lg-pull-11{
        right:91.66666667%
    }
    .col-lg-pull-10{
        right:83.33333333%
    }
    .col-lg-pull-9{
        right:75%
    }
    .col-lg-pull-8{
        right:66.66666667%
    }
    .col-lg-pull-7{
        right:58.33333333%
    }
    .col-lg-pull-6{
        right:50%
    }
    .col-lg-pull-5{
        right:41.66666667%
    }
    .col-lg-pull-4{
        right:33.33333333%
    }
    .col-lg-pull-3{
        right:25%
    }
    .col-lg-pull-2{
        right:16.66666667%
    }
    .col-lg-pull-1{
        right:8.33333333%
    }
    .col-lg-pull-0{
        right:auto
    }
    .col-lg-push-12{
        left:100%
    }
    .col-lg-push-11{
        left:91.66666667%
    }
    .col-lg-push-10{
        left:83.33333333%
    }
    .col-lg-push-9{
        left:75%
    }
    .col-lg-push-8{
        left:66.66666667%
    }
    .col-lg-push-7{
        left:58.33333333%
    }
    .col-lg-push-6{
        left:50%
    }
    .col-lg-push-5{
        left:41.66666667%
    }
    .col-lg-push-4{
        left:33.33333333%
    }
    .col-lg-push-3{
        left:25%
    }
    .col-lg-push-2{
        left:16.66666667%
    }
    .col-lg-push-1{
        left:8.33333333%
    }
    .col-lg-push-0{
        left:auto
    }
    .col-lg-offset-12{
        margin-left:100%
    }
    .col-lg-offset-11{
        margin-left:91.66666667%
    }
    .col-lg-offset-10{
        margin-left:83.33333333%
    }
    .col-lg-offset-9{
        margin-left:75%
    }
    .col-lg-offset-8{
        margin-left:66.66666667%
    }
    .col-lg-offset-7{
        margin-left:58.33333333%
    }
    .col-lg-offset-6{
        margin-left:50%
    }
    .col-lg-offset-5{
        margin-left:41.66666667%
    }
    .col-lg-offset-4{
        margin-left:33.33333333%
    }
    .col-lg-offset-3{
        margin-left:25%
    }
    .col-lg-offset-2{
        margin-left:16.66666667%
    }
    .col-lg-offset-1{
        margin-left:8.33333333%
    }
    .col-lg-offset-0{
        margin-left:0
    }
}
.clearfix,.clearfix:after,.clearfix:before,.container-fluid:after,.container-fluid:before,.container:after,.container:before,.row:after,.row:before{
    content:" ";
    display:table
}
.clearfix:after,.container-fluid:after,.container:after,.row:after{
    clear:both
}
.center-block{
    display:block;
    margin-left:auto;
    margin-right:auto
}
.pull-right{
    float:right!important
}
.pull-left{
    float:left!important
}
*,:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
/*! sanitize.css v4.1.0 | CC0 License | github.com/jonathantneal/sanitize.css */
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{
    display:block
}
audio,canvas,progress,video{
    display:inline-block
}
audio:not([controls]){
    display:none;
    height:0
}
[hidden],template{
    display:none
}
*,:after,:before{
    background-repeat:no-repeat;
    box-sizing:inherit
}
:after,:before{
    text-decoration:inherit;
    vertical-align:inherit
}
html{
    box-sizing:border-box;
    cursor:default;
    font-family:sans-serif;
    line-height:1.5;
    -ms-text-size-adjust:100%;
    -webkit-text-size-adjust:100%
}
code,kbd,pre,samp{
    font-family:monospace,monospace;
    font-size:1em
}
hr{
    height:0;
    overflow:visible
}
nav ol,nav ul{
    list-style:none
}
abbr[title]{
    border-bottom:1px dotted;
    text-decoration:none
}
b,strong{
    font-weight:inherit;
    font-weight:bolder
}
dfn{
    font-style:italic
}
mark{
    background-color:#ff0;
    color:#000
}
progress{
    vertical-align:baseline
}
small,sub,sup{
    font-size:83.3333%
}
sub,sup{
    line-height:0;
    position:relative;
    vertical-align:baseline
}
sub{
    bottom:-.25em
}
sup{
    top:-.5em
}
::-moz-selection{
    background-color:#b3d4fc;
    color:#000;
    text-shadow:none
}
::selection{
    background-color:#b3d4fc;
    color:#000;
    text-shadow:none
}
audio,canvas,iframe,img,svg,video{
    vertical-align:middle
}
img{
    border-style:none
}
svg{
    fill:currentColor
}
svg:not(:root){
    overflow:hidden
}
a{
    background-color:transparent;
    -webkit-text-decoration-skip:objects
}
a:hover{
    outline-width:0
}
table{
    border-collapse:collapse;
    border-spacing:0
}
button,input,select,textarea{
    background-color:transparent;
    border-style:none;
    color:inherit;
    font-size:1.1em;
    margin:0
}
button,input{
    overflow:visible
}
button,select{
    text-transform:none
}
[type=reset],[type=submit],button,html [type=button]{
    -webkit-appearance:button
}
::-moz-focus-inner{
    border-style:none;
    padding:0
}
:-moz-focusring{
    outline:1px dotted ButtonText
}
fieldset{
    border:1px solid silver;
    margin:0 2px;
    padding:.35em .625em .75em
}
legend{
    display:table;
    max-width:100%;
    padding:0;
    white-space:normal
}
textarea{
    overflow:auto;
    resize:vertical
}
[type=checkbox],[type=radio]{
    padding:0
}
::-webkit-inner-spin-button,::-webkit-outer-spin-button{
    height:auto
}
[type=search]{
    -webkit-appearance:textfield;
    outline-offset:-2px
}
::-webkit-search-cancel-button,::-webkit-search-decoration{
    -webkit-appearance:none
}
::-webkit-input-placeholder{
    color:inherit;
    opacity:.54
}
::-webkit-file-upload-button{
    -webkit-appearance:button;
    font:inherit
}
[aria-busy=true]{
    cursor:progress
}
[aria-controls]{
    cursor:pointer
}
[aria-disabled]{
    cursor:default
}
[tabindex],a,area,button,input,label,select,textarea{
    -ms-touch-action:manipulation;
    touch-action:manipulation
}
[hidden][aria-hidden=false]{
    clip:rect(0,0,0,0);
    display:inherit;
    position:absolute
}
[hidden][aria-hidden=false]:focus{
    clip:auto
}
.v-align-top{
    vertical-align:top!important
}
.center-mrgn{
    margin-left:auto;
    margin-right:auto
}
.center-transform{
    top:50%;
    left:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.center-transform--v{
    top:50%;
    -webkit-transform:translateY(-50%);
    -moz-transform:translateY(-50%);
    transform:translateY(-50%)
}
.center-transform--h{
    left:50%;
    -webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%)
}
.is-hidden{
    display:none
}
.no-overflow{
    overflow:hidden
}
.list--none{
    list-style:none;
    margin:0;
    padding:0
}
.list--decimal{
    list-style-type:decimal
}
.list--disc{
    list-style-type:disc
}
.align--left{
    text-align:left
}
.align--center{
    text-align:center
}
.align--right{
    text-align:right
}
.display--inline-block{
    display:inline-block
}
.display--block{
    display:block
}
.display--none{
    display:none
}
.mt-10{
    margin-top:10px
}
.mt-20{
    margin-top:20px
}
.mt-0{
    margin-top:0!important
}
.mg-0{
    margin:0!important
}
.mb-20{
    margin-bottom:20px
}
.pad-30{
    padding:30px!important
}
.no-padding {
    padding: 0 !important;
}
.no-border{
    border:none!important
}
.xs-show{
    display:none!important
}
p{
    font-size:17px;
    /*font-size:1.1rem;*/
    color:#1f3386
}
.heading{
    color:#1b3d8d;
    font-weight:800;
    line-height:1.2;
    margin:0
}
a{
    text-decoration:none
}
.truncate{
    max-width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    word-wrap:normal
}
.t-fw--thin{
    font-weight:100
}
.t-fw--light{
    font-weight:300
}
.t-fw--regular{
    font-weight:400
}
.t-fw--medium{
    font-weight:500
}
.t-fw--bold{
    font-weight:700
}
.t-fw--black{
    font-weight:900
}
.color-pink{
    color:#ffb2d2!important
}
.color-blue{
    color:#1c3c8b!important
}
.cl-green{
    color:#47b7b8!important
}
.fz-14{
    font-size:15px!important
}
.fw-bold{
    font-weight:700!important
}
.fw-ebold{
    font-weight:800
}
.subheading{
    font-size:21px;
    /*font-size:1.25rem;*/
    color:#1c3c8b;
    font-weight:700;
    display:block;
    text-align:center
}
.mfp-bg{
    z-index:1042;
    overflow:hidden;
    background:#0b0b0b;
    opacity:.8
}
.mfp-bg,.mfp-wrap{
    top:0;
    left:0;
    width:100%;
    height:100%;
    position:fixed
}
.mfp-wrap{
    z-index:1043;
    outline:none!important;
    -webkit-backface-visibility:hidden
}
.mfp-container{
    text-align:center;
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    padding:0 8px;
    box-sizing:border-box
}
.mfp-container:before{
    content:"";
    display:inline-block;
    height:100%;
    vertical-align:middle
}
.mfp-align-top .mfp-container:before{
    display:none
}
.mfp-content{
    position:relative;
    display:inline-block;
    vertical-align:middle;
    margin:0 auto;
    text-align:left;
    z-index:1045
}
.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{
    width:100%;
    cursor:auto
}
.mfp-ajax-cur{
    cursor:progress
}
.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{
    cursor:-moz-zoom-out;
    cursor:-webkit-zoom-out;
    cursor:zoom-out
}
.mfp-zoom{
    cursor:pointer;
    cursor:-webkit-zoom-in;
    cursor:-moz-zoom-in;
    cursor:zoom-in
}
.mfp-auto-cursor .mfp-content{
    cursor:auto
}
.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{
    -webkit-user-select:none;
    -moz-user-select:none;
    user-select:none
}
.mfp-loading.mfp-figure{
    display:none
}
.mfp-hide{
    display:none!important
}
.mfp-preloader{
    color:#ccc;
    position:absolute;
    top:50%;
    width:auto;
    text-align:center;
    margin-top:-.8em;
    left:8px;
    right:8px;
    z-index:1044
}
.mfp-preloader a{
    color:#ccc
}
.mfp-preloader a:hover{
    color:#fff
}
.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{
    display:none
}
button.mfp-arrow,button.mfp-close{
    overflow:visible;
    cursor:pointer;
    background:transparent;
    border:0;
    -webkit-appearance:none;
    display:block;
    outline:none;
    padding:0;
    z-index:1046;
    box-shadow:none;
    touch-action:manipulation
}
button::-moz-focus-inner{
    padding:0;
    border:0
}
.mfp-close{
    width:44px;
    height:44px;
    line-height:44px;
    position:absolute;
    right:0;
    top:0;
    text-decoration:none;
    text-align:center;
    opacity:.65;
    padding:0 0 18px 10px;
    color:#fff;
    font-style:normal;
    font-size:29px;
    font-family:Arial,Baskerville,monospace
}
.mfp-close:focus,.mfp-close:hover{
    opacity:1
}
.mfp-close:active{
    top:1px
}
.mfp-close-btn-in .mfp-close{
    color:#333
}
.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{
    color:#fff;
    right:-6px;
    text-align:right;
    padding-right:6px;
    width:100%
}
.mfp-counter{
    position:absolute;
    top:0;
    right:0;
    color:#ccc;
    font-size:13px;
    line-height:18px;
    white-space:nowrap
}
.mfp-arrow{
    position:absolute;
    opacity:.65;
    margin:0;
    top:50%;
    margin-top:-55px;
    padding:0;
    width:90px;
    height:110px;
    -webkit-tap-highlight-color:transparent
}
.mfp-arrow:active{
    margin-top:-54px
}
.mfp-arrow:focus,.mfp-arrow:hover{
    opacity:1
}
.mfp-arrow:after,.mfp-arrow:before{
    content:"";
    display:block;
    width:0;
    height:0;
    position:absolute;
    left:0;
    top:0;
    margin-top:35px;
    margin-left:35px;
    border:medium inset transparent
}
.mfp-arrow:after{
    border-top-width:13px;
    border-bottom-width:13px;
    top:8px
}
.mfp-arrow:before{
    border-top-width:21px;
    border-bottom-width:21px;
    opacity:.7
}
.mfp-arrow-left{
    left:0
}
.mfp-arrow-left:after{
    border-right:17px solid #fff;
    margin-left:31px
}
.mfp-arrow-left:before{
    margin-left:25px;
    border-right:27px solid #3f3f3f
}
.mfp-arrow-right{
    right:0
}
.mfp-arrow-right:after{
    border-left:17px solid #fff;
    margin-left:39px
}
.mfp-arrow-right:before{
    border-left:27px solid #3f3f3f
}
.mfp-iframe-holder{
    padding-top:40px;
    padding-bottom:40px
}
.mfp-iframe-holder .mfp-content{
    line-height:0;
    width:100%;
    max-width:900px
}
.mfp-iframe-holder .mfp-close{
    top:-40px
}
.mfp-iframe-scaler{
    width:100%;
    height:0;
    overflow:hidden;
    padding-top:56.25%
}
.mfp-iframe-scaler iframe{
    position:absolute;
    display:block;
    top:0;
    left:0;
    width:100%;
    height:100%;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#000
}
img.mfp-img{
    width:auto;
    max-width:100%;
    height:auto;
    display:block;
    box-sizing:border-box;
    padding:40px 0;
    margin:0 auto
}
.mfp-figure,img.mfp-img{
    line-height:0
}
.mfp-figure:after{
    content:"";
    position:absolute;
    left:0;
    top:40px;
    bottom:40px;
    display:block;
    right:0;
    width:auto;
    height:auto;
    z-index:-1;
    box-shadow:0 0 8px rgba(0,0,0,.6);
    background:#444
}
.mfp-figure small{
    color:#bdbdbd;
    display:block;
    font-size:13px;
    line-height:14px
}
.mfp-figure figure{
    margin:0
}
.mfp-bottom-bar{
    margin-top:-36px;
    position:absolute;
    top:100%;
    left:0;
    width:100%;
    cursor:auto
}
.mfp-title{
    text-align:left;
    line-height:18px;
    color:#f3f3f3;
    word-wrap:break-word;
    padding-right:36px
}
.mfp-image-holder .mfp-content{
    max-width:100%
}
.mfp-gallery .mfp-image-holder .mfp-figure{
    cursor:pointer
}
@media screen and (max-height:300px),screen and (max-width:800px) and (orientation:landscape){
    .mfp-img-mobile .mfp-image-holder{
        padding-left:0;
        padding-right:0
    }
    .mfp-img-mobile img.mfp-img{
        padding:0
    }
    .mfp-img-mobile .mfp-figure:after{
        top:0;
        bottom:0
    }
    .mfp-img-mobile .mfp-figure small{
        display:inline;
        margin-left:5px
    }
    .mfp-img-mobile .mfp-bottom-bar{
        background:rgba(0,0,0,.6);
        bottom:0;
        margin:0;
        top:auto;
        padding:3px 5px;
        position:fixed;
        box-sizing:border-box
    }
    .mfp-img-mobile .mfp-bottom-bar:empty{
        padding:0
    }
    .mfp-img-mobile .mfp-counter{
        right:5px;
        top:3px
    }
    .mfp-img-mobile .mfp-close{
        top:0;
        right:0;
        width:35px;
        height:35px;
        line-height:35px;
        background:rgba(0,0,0,.6);
        position:fixed;
        text-align:center;
        padding:0
    }
}
@media (max-width:900px){
    .mfp-arrow{
        -webkit-transform:scale(.75);
        transform:scale(.75)
    }
    .mfp-arrow-left{
        -webkit-transform-origin:0;
        transform-origin:0
    }
    .mfp-arrow-right{
        -webkit-transform-origin:100%;
        transform-origin:100%
    }
    .mfp-container{
        padding-left:6px;
        padding-right:6px
    }
}
.animated{
    animation-duration:1s;
    animation-fill-mode:both
}
.animated.infinite{
    animation-iteration-count:infinite
}
.animated.delay-1s{
    animation-delay:1s
}
.animated.delay-2s{
    animation-delay:2s
}
.animated.delay-3s{
    animation-delay:3s
}
.animated.delay-4s{
    animation-delay:4s
}
.animated.delay-5s{
    animation-delay:5s
}
.animated.fast{
    animation-duration:.8s
}
.animated.faster{
    animation-duration:.5s
}
.animated.slow{
    animation-duration:2s
}
.animated.slower{
    animation-duration:3s
}
@media (prefers-reduced-motion){
    .animated{
        animation:unset!important;
        transition:none!important
    }
}
@-webkit-keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
@keyframes pulse{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    50%{
        -webkit-transform:scale3d(1.05,1.05,1.05);
        transform:scale3d(1.05,1.05,1.05)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.pulse{
    -webkit-animation-name:pulse;
    animation-name:pulse
}
@-webkit-keyframes rubberBand{
    0%{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
    30%{
        -webkit-transform:scale3d(1.25,.75,1);
        transform:scale3d(1.25,.75,1)
    }
    40%{
        -webkit-transform:scale3d(.75,1.25,1);
        transform:scale3d(.75,1.25,1)
    }
    50%{
        -webkit-transform:scale3d(1.15,.85,1);
        transform:scale3d(1.15,.85,1)
    }
    65%{
        -webkit-transform:scale3d(.95,1.05,1);
        transform:scale3d(.95,1.05,1)
    }
    75%{
        -webkit-transform:scale3d(1.05,.95,1);
        transform:scale3d(1.05,.95,1)
    }
    to{
        -webkit-transform:scaleX(1);
        transform:scaleX(1)
    }
}
.slick-slider{
    box-sizing:border-box;
    -webkit-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none;
    -webkit-touch-callout:none;
    -khtml-user-select:none;
    -ms-touch-action:pan-y;
    touch-action:pan-y;
    -webkit-tap-highlight-color:transparent
}
.slick-list,.slick-slider{
    position:relative;
    display:block
}
.slick-list{
    overflow:hidden;
    margin:0;
    padding:0
}
.slick-list:focus{
    outline:none
}
.slick-list.dragging{
    cursor:pointer;
    cursor:hand
}
.slick-slider .slick-list,.slick-slider .slick-track{
    -webkit-transform:translateZ(0);
    -moz-transform:translateZ(0);
    -ms-transform:translateZ(0);
    -o-transform:translateZ(0);
    transform:translateZ(0)
}
.slick-track{
    position:relative;
    top:0;
    left:0;
    display:block;
    margin-left:auto;
    margin-right:auto
}
.slick-track:after,.slick-track:before{
    display:table;
    content:""
}
.slick-track:after{
    clear:both
}
.slick-loading .slick-track{
    visibility:hidden
}
.slick-slide{
    display:none;
    float:left;
    height:100%;
    min-height:1px
}
[dir=rtl] .slick-slide{
    float:right
}
.slick-slide img{
    display:block
}
.slick-slide.slick-loading img{
    display:none
}
.slick-slide.dragging img{
    pointer-events:none
}
.slick-initialized .slick-slide{
    display:block
}
.slick-loading .slick-slide{
    visibility:hidden
}
.slick-vertical .slick-slide{
    display:block;
    height:auto;
    border:1px solid transparent
}
.slick-arrow.slick-hidden{
    display:none
}
@font-face{
    font-family:slick;
    font-weight:400;
    font-style:normal;
    src:url(.//fonts/slick.eot);
    src:url(.//fonts/slick.eot?#iefix) format("embedded-opentype"),url(.//fonts/slick.woff) format("woff"),url(.//fonts/slick.ttf) format("truetype"),url(./img/slick.svg#slick) format("svg")
}
@font-face{
    font-family:Mulish;
    font-weight:400;
    font-style:normal;
    src:url(.//fonts/mulish-v10-latin-regular.eot);
    src:url(.//fonts/mulish-v10-latin-regular.eot?#iefix) format("embedded-opentype"),url(.//fonts/mulish-v10-latin-regular.woff) format("woff"),url(.//fonts/mulish-v10-latin-regular.ttf) format("truetype")
}
.slick-next,.slick-prev{
    font-size:0;
    line-height:0;
    position:absolute;
    top:50%;
    display:block;
    width:20px;
    height:20px;
    padding:0;
    -webkit-transform:translateY(-50%);
    -ms-transform:translateY(-50%);
    transform:translateY(-50%);
    cursor:pointer;
    border:none
}
.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{
    color:transparent;
    outline:none;
    background:transparent
}
.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{
    opacity:1
}
.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{
    opacity:.25
}
.slick-next:before,.slick-prev:before{
    font-family:slick;
    font-size:21px;
    line-height:1;
    opacity:.75;
    color:#fff;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-prev{
    left:-25px
}
[dir=rtl] .slick-prev{
    right:-25px;
    left:auto
}
.slick-prev:before{
    content:"\2190"
}
[dir=rtl] .slick-prev:before{
    content:"\2192"
}
.slick-next{
    right:-25px
}
[dir=rtl] .slick-next{
    right:auto;
    left:-25px
}
.slick-next:before{
    content:"\2192"
}
[dir=rtl] .slick-next:before{
    content:"\2190"
}
.slick-dotted.slick-slider{
    margin-bottom:30px
}
.slick-dots{
    position:absolute;
    bottom:-25px;
    display:block;
    width:100%;
    padding:0;
    margin:0;
    list-style:none;
    text-align:center
}
.slick-dots li{
    position:relative;
    display:inline-block;
    margin:0 5px;
    padding:0
}
.slick-dots li,.slick-dots li button{
    width:20px;
    height:20px;
    cursor:pointer
}
.slick-dots li button{
    font-size:0;
    line-height:0;
    display:block;
    padding:5px;
    color:transparent;
    border:0;
    outline:none;
    background:transparent
}
.slick-dots li button:focus,.slick-dots li button:hover{
    outline:none
}
.slick-dots li button:focus:before,.slick-dots li button:hover:before{
    opacity:1
}
.slick-dots li button:before{
    font-family:slick;
    font-size:7px;
    line-height:20px;
    position:absolute;
    top:0;
    left:0;
    width:20px;
    height:20px;
    content:"\2022";
    text-align:center;
    opacity:.25;
    color:#000;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale
}
.slick-dots li.slick-active button:before{
    opacity:.75;
    color:#000
}
.hover-in{
    transition:.3s ease-out
}
.hover-out{
    transition:.3s ease-in
}
.checkbox-area .input,.checkbox-area .input label{
    width:100%;
    float:left;
    position:relative
}
.checkbox-area .input{
    overflow:hidden;
    border-radius:2px;
    color:#fff;
    transition:.3s;
    -webkit-transition:.3s;
    -ms-transition:.3s
}
.checkbox-area .input input{
    display:none
}
.checkbox-area .input label{
    font-weight:400;
    color:#1c3c8b;
    cursor:pointer;
    padding:0 10px;
    font-size:16px;
    z-index:3;
    transition:.3s;
    -webkit-transition:.3s;
    -ms-transition:.3s;
    height:40px;
    line-height:40px;
    border:1px solid #e1e1e1
}
.checkbox-area .input:checked label{
    color:red
}
.checkbox-area .input:hover{
    box-shadow:0 2px 2px 0 rgba(0,0,0,.18),0 4px 15px 0 rgba(0,0,0,.15)
}
.checkbox-area .input label:hover{
    letter-spacing:.8px
}
.checkbox-area .input.is-active{
    position:relative
}
.checkbox-area .input.is-active label{
    color:#fff
}
.checkbox-area .input.is-active:before{
    content:"";
    width:17px;
    height:17px;
    position:absolute;
    right:10px;
    top:12px;
    background:url(./img/checked.png) no-repeat;
    z-index:1
}
.click-efect{
    position:absolute;
    top:0;
    left:0;
    background:#ffb2d2;
    border-radius:50%
}
/*! * Datepicker for Bootstrap v1.6.4 (https://github.com/eternicode/bootstrap-datepicker) * * Copyright 2012 Stefan Petre * Improvements by Andrew Rowls * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */
.datepicker{
    padding:4px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    direction:ltr
}
.datepicker-inline{
    width:220px
}
.datepicker.datepicker-rtl{
    direction:rtl
}
.datepicker.datepicker-rtl table tr td span{
    float:right
}
.datepicker-dropdown{
    top:0;
    left:0
}
.datepicker-dropdown:before{
    content:"";
    display:inline-block;
    border-left:7px solid transparent;
    border-right:7px solid transparent;
    border-bottom:7px solid #999;
    border-top:0;
    border-bottom-color:rgba(0,0,0,.2);
    position:absolute
}
.datepicker-dropdown:after{
    content:"";
    display:inline-block;
    border-left:6px solid transparent;
    border-right:6px solid transparent;
    border-bottom:6px solid #fff;
    border-top:0;
    position:absolute
}
.datepicker-dropdown.datepicker-orient-left:before{
    left:6px
}
.datepicker-dropdown.datepicker-orient-left:after{
    left:7px
}
.datepicker-dropdown.datepicker-orient-right:before{
    right:6px
}
.datepicker-dropdown.datepicker-orient-right:after{
    right:7px
}
.datepicker-dropdown.datepicker-orient-bottom:before{
    top:-7px
}
.datepicker-dropdown.datepicker-orient-bottom:after{
    top:-6px
}
.datepicker-dropdown.datepicker-orient-top:before{
    bottom:-7px;
    border-bottom:0;
    border-top:7px solid #999
}
.datepicker-dropdown.datepicker-orient-top:after{
    bottom:-6px;
    border-bottom:0;
    border-top:6px solid #fff
}
.datepicker table{
    margin:0;
    -webkit-touch-callout:none;
    -webkit-user-select:none;
    -khtml-user-select:none;
    -moz-user-select:none;
    -ms-user-select:none;
    user-select:none
}
.datepicker td,.datepicker th{
    text-align:center;
    width:20px;
    height:20px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border:none
}
.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{
    background-color:transparent
}
.datepicker table tr td.day.focused,.datepicker table tr td.day:hover{
    background:#eee;
    cursor:pointer
}
.datepicker table tr td.new,.datepicker table tr td.old{
    color:#999
}
.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{
    background:0 0;
    color:#999;
    cursor:default
}
.datepicker table tr td.highlighted{
    background:#d9edf7;
    border-radius:0
}
.datepicker table tr td.today,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today:hover{
    background-color:#fde19a;
    background-image:-moz-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image:-ms-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));
    background-image:-webkit-linear-gradient(180deg,#fdd49a,#fdf59a);
    background-image:-o-linear-gradient(to bottom,#fdd49a,#fdf59a);
    background-image:linear-gradient(180deg,#fdd49a,#fdf59a);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fdd49a",endColorstr="#fdf59a",GradientType=0);
    border-color:#fdf59a #fdf59a #fbed50;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#000
}
.datepicker table tr td.today.active,.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled.disabled,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover.disabled,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today.disabled:hover:hover,.datepicker table tr td.today.disabled:hover[disabled],.datepicker table tr td.today.disabled[disabled],.datepicker table tr td.today:active,.datepicker table tr td.today:hover,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover.disabled,.datepicker table tr td.today:hover:active,.datepicker table tr td.today:hover:hover,.datepicker table tr td.today:hover[disabled],.datepicker table tr td.today[disabled]{
    background-color:#fdf59a
}
.datepicker table tr td.today.active,.datepicker table tr td.today.disabled.active,.datepicker table tr td.today.disabled:active,.datepicker table tr td.today.disabled:hover.active,.datepicker table tr td.today.disabled:hover:active,.datepicker table tr td.today:active,.datepicker table tr td.today:hover.active,.datepicker table tr td.today:hover:active{
    background-color:#fbf069\9
}
.datepicker table tr td.today:hover:hover{
    color:#000
}
.datepicker table tr td.today.active:hover{
    color:#fff
}
.datepicker table tr td.range,.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range:hover{
    background:#eee;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.datepicker table tr td.range.today,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today:hover{
    background-color:#f3d17a;
    background-image:-moz-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:-ms-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#f3c17a),to(#f3e97a));
    background-image:-webkit-linear-gradient(180deg,#f3c17a,#f3e97a);
    background-image:-o-linear-gradient(to bottom,#f3c17a,#f3e97a);
    background-image:linear-gradient(180deg,#f3c17a,#f3e97a);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#f3c17a",endColorstr="#f3e97a",GradientType=0);
    border-color:#f3e97a #f3e97a #edde34;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0
}
.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled.disabled,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover.disabled,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today.disabled:hover:hover,.datepicker table tr td.range.today.disabled:hover[disabled],.datepicker table tr td.range.today.disabled[disabled],.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover.disabled,.datepicker table tr td.range.today:hover:active,.datepicker table tr td.range.today:hover:hover,.datepicker table tr td.range.today:hover[disabled],.datepicker table tr td.range.today[disabled]{
    background-color:#f3e97a
}
.datepicker table tr td.range.today.active,.datepicker table tr td.range.today.disabled.active,.datepicker table tr td.range.today.disabled:active,.datepicker table tr td.range.today.disabled:hover.active,.datepicker table tr td.range.today.disabled:hover:active,.datepicker table tr td.range.today:active,.datepicker table tr td.range.today:hover.active,.datepicker table tr td.range.today:hover:active{
    background-color:#efe24b\9
}
.datepicker table tr td.selected,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected:hover{
    background-color:#9e9e9e;
    background-image:-moz-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:-ms-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#b3b3b3),to(grey));
    background-image:-webkit-linear-gradient(180deg,#b3b3b3,grey);
    background-image:-o-linear-gradient(to bottom,#b3b3b3,grey);
    background-image:linear-gradient(180deg,#b3b3b3,grey);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#b3b3b3",endColorstr="#808080",GradientType=0);
    border-color:grey grey #595959;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled.disabled,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover.disabled,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected.disabled:hover:hover,.datepicker table tr td.selected.disabled:hover[disabled],.datepicker table tr td.selected.disabled[disabled],.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover.disabled,.datepicker table tr td.selected:hover:active,.datepicker table tr td.selected:hover:hover,.datepicker table tr td.selected:hover[disabled],.datepicker table tr td.selected[disabled]{
    background-color:grey
}
.datepicker table tr td.selected.active,.datepicker table tr td.selected.disabled.active,.datepicker table tr td.selected.disabled:active,.datepicker table tr td.selected.disabled:hover.active,.datepicker table tr td.selected.disabled:hover:active,.datepicker table tr td.selected:active,.datepicker table tr td.selected:hover.active,.datepicker table tr td.selected:hover:active{
    background-color:#666\9
}
.datepicker table tr td.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active:hover{
    background-color:#006dcc;
    background-image:-moz-linear-gradient(to bottom,#08c,#04c);
    background-image:-ms-linear-gradient(to bottom,#08c,#04c);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image:-webkit-linear-gradient(180deg,#08c,#04c);
    background-image:-o-linear-gradient(to bottom,#08c,#04c);
    background-image:linear-gradient(180deg,#08c,#04c);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c",endColorstr="#0044cc",GradientType=0);
    border-color:#04c #04c #002a80;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td.active.active,.datepicker table tr td.active.disabled,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled.disabled,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover.disabled,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active.disabled:hover:hover,.datepicker table tr td.active.disabled:hover[disabled],.datepicker table tr td.active.disabled[disabled],.datepicker table tr td.active:active,.datepicker table tr td.active:hover,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover.disabled,.datepicker table tr td.active:hover:active,.datepicker table tr td.active:hover:hover,.datepicker table tr td.active:hover[disabled],.datepicker table tr td.active[disabled]{
    background-color:#04c
}
.datepicker table tr td.active.active,.datepicker table tr td.active.disabled.active,.datepicker table tr td.active.disabled:active,.datepicker table tr td.active.disabled:hover.active,.datepicker table tr td.active.disabled:hover:active,.datepicker table tr td.active:active,.datepicker table tr td.active:hover.active,.datepicker table tr td.active:hover:active{
    background-color:#039\9
}
.datepicker table tr td span{
    display:block;
    width:23%;
    height:54px;
    line-height:54px;
    float:left;
    margin:1%;
    cursor:pointer;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px
}
.datepicker table tr td span.focused,.datepicker table tr td span:hover{
    background:#eee
}
.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{
    background:0 0;
    color:#999;
    cursor:default
}
.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{
    background-color:#006dcc;
    background-image:-moz-linear-gradient(to bottom,#08c,#04c);
    background-image:-ms-linear-gradient(to bottom,#08c,#04c);
    background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));
    background-image:-webkit-linear-gradient(180deg,#08c,#04c);
    background-image:-o-linear-gradient(to bottom,#08c,#04c);
    background-image:linear-gradient(180deg,#08c,#04c);
    background-repeat:repeat-x;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#08c",endColorstr="#0044cc",GradientType=0);
    border-color:#04c #04c #002a80;
    border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);
    filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,.25)
}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled.disabled,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover.disabled,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active.disabled:hover[disabled],.datepicker table tr td span.active.disabled[disabled],.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover.disabled,.datepicker table tr td span.active:hover:active,.datepicker table tr td span.active:hover:hover,.datepicker table tr td span.active:hover[disabled],.datepicker table tr td span.active[disabled]{
    background-color:#04c
}
.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{
    background-color:#039\9
}
.datepicker table tr td span.new,.datepicker table tr td span.old{
    color:#999
}
.datepicker .datepicker-switch{
    width:145px
}
.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{
    cursor:pointer
}
.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{
    background:#eee
}
.datepicker .cw{
    font-size:11px;
    width:12px;
    padding:0 2px 0 5px;
    vertical-align:middle
}
.input-append.date .add-on,.input-prepend.date .add-on{
    cursor:pointer
}
.input-append.date .add-on i,.input-prepend.date .add-on i{
    margin-top:3px
}
.input-daterange input{
    text-align:center
}
.input-daterange input:first-child{
    -webkit-border-radius:3px 0 0 3px;
    -moz-border-radius:3px 0 0 3px;
    border-radius:3px 0 0 3px
}
.input-daterange input:last-child{
    -webkit-border-radius:0 3px 3px 0;
    -moz-border-radius:0 3px 3px 0;
    border-radius:0 3px 3px 0
}
.input-daterange .add-on{
    display:inline-block;
    width:auto;
    min-width:16px;
    height:20px;
    padding:4px 5px;
    font-weight:400;
    line-height:20px;
    text-align:center;
    text-shadow:0 1px 0 #fff;
    vertical-align:middle;
    background-color:#eee;
    border:1px solid #ccc;
    margin-left:-5px;
    margin-right:-5px
}
.datepicker.dropdown-menu{
    position:absolute;
    top:100%;
    left:0;
    z-index:1000;
    float:left;
    display:none;
    min-width:160px;
    list-style:none;
    background-color:#fff;
    border:1px solid #ccc;
    border:1px solid rgba(0,0,0,.2);
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    -webkit-box-shadow:0 5px 10px rgba(0,0,0,.2);
    -moz-box-shadow:0 5px 10px rgba(0,0,0,.2);
    box-shadow:0 5px 10px rgba(0,0,0,.2);
    -webkit-background-clip:padding-box;
    -moz-background-clip:padding;
    background-clip:padding-box;
    *border-right-width:2px;
    *border-bottom-width:2px;
    color:#333;
    font-size:14px;
    line-height:20px
}
.datepicker.datepicker-inline td,.datepicker.datepicker-inline th,.datepicker.dropdown-menu td,.datepicker.dropdown-menu th{
    padding:4px 5px
}
:after,:before{
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box
}
html{
    font-size:17px
}
.container--small{
    width:780px
}
.container--tiny{
    width:430px
}
.container--login{
    width:470px
}
.container--smc{
    width:520px
}
.container--large{
    width:1170px
}
.container--fair{
    width:1040px
}
.row{
    *zoom:1
}
.row:after,.row:before{
    content:"";
    display:table
}
.row:after{
    clear:both
}
.row.row--super{
    margin-left:-25px;
    margin-right:-25px
}
body{
    margin:0;
    padding:0;
    font-family:Raleway,sans-serif;
    position:relative;
    overflow-x:hidden
}
a,button,input,select,textarea{
    outline:none
}
a,button{
    cursor:pointer!important
}
.aligner{
    display:flex;
    align-items:center;
    justify-content:center
}
figure{
    margin:0
}
.shadow-card{
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35)
}
.u-pad-v--20{
    padding:20px 0
}
.mrgn-0{
    margin:0!important
}
.btn-grad,.uppercase{
    text-transform:uppercase
}
.btn-grad{
    background:url(./img/btn-grad.png) repeat-x;
    padding:8px 20px;
    letter-spacing:1px;
    line-height:1;
    font-size:13px;
    color:#fff;
    -webkit-border-radius:20px;
    border-radius:20px;
    background-clip:padding-box
}
.triangle{
    width:0;
    height:0;
    border-style:solid;
    border-width:8px 0 8px 8px;
    border-color:transparent transparent transparent #1c3c8b;
    display:inline-block;
    margin-right:2px
}
@-webkit-keyframes blink{
    0%{
        opacity:.5
    }
    to{
        opacity:1
    }
}
@-moz-keyframes blink{
    0%{
        opacity:.5
    }
    to{
        opacity:1
    }
}
@-o-keyframes blink{
    0%{
        opacity:.5
    }
    to{
        opacity:1
    }
}
@keyframes blink{
    0%{
        opacity:.5
    }
    to{
        opacity:1
    }
}
.button{
    -webkit-border-radius:20px;
    border-radius:20px;
    background-clip:padding-box;
    background:#1c3c8b;
    color:#fff;
    padding:10px 25px;
    font-size:15px;
    /*font-size:.875rem;*/
    line-height:1;
    display:inline-block;
    font-weight:700
}
.button:hover{
    background:#ffb2d2;
    color:#1c3c8b
}
.button.button--green{
    background:#47b7b8;
    color:#fff
}
.button.button--green:hover{
    background:#1c3c8b;
    color:#fff
}
.button.button--pink{
    background:#ffb2d2;
    color:#1c3c8b
}
.button.button--pink:hover{
    background:#1c3c8b;
    color:#fff
}
.button.button--white{
    background:#fff;
    color:#1c3c8b
}
.button.button--white:hover{
    background:#1c3c8b;
    color:#fff
}
.button.button--ghost{
    background:none;
    border:2px solid #1c3c8b;
    color:#1c3c8b
}
.button.button--ghost:hover{
    background:#1c3c8b;
    color:#fff
}
.button.button--gradient{
    background:#5995c2;
    background:-moz-linear-gradient(top,#5995c2 0,#1f3487 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#5995c2),color-stop(100%,#1f3487));
    background:-webkit-linear-gradient(top,#5995c2,#1f3487);
    background:-o-linear-gradient(top,#5995c2 0,#1f3487 100%);
    background:-ms-linear-gradient(top,#5995c2 0,#1f3487 100%);
    background:linear-gradient(180deg,#5995c2 0,#1f3487);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5995c2",endColorstr="#1f3487",GradientType=0)
}
.button.button--gradient,.button.button--gradient:hover{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.button.button--gradient:hover{
    color:#fff;
    background:#5995c2;
    background:-moz-radial-gradient(center,ellipse cover,#5995c2 0,#1f3487 100%);
    background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(0,#5995c2),color-stop(100%,#1f3487));
    background:-webkit-radial-gradient(center,ellipse cover,#5995c2 0,#1f3487 100%);
    background:-o-radial-gradient(center,ellipse cover,#5995c2 0,#1f3487 100%);
    background:-ms-radial-gradient(center,ellipse cover,#5995c2 0,#1f3487 100%);
    background:radial-gradient(ellipse at center,#5995c2 0,#1f3487 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#5995c2",endColorstr="#1f3487",GradientType=1)
}
.socmed{
    text-align:left;
    display:block
}
.socmed .socmed-icon{
    width:40px;
    height:40px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    display:inline-block;
    color:#fff;
    margin-right:10px;
    font-size:25px;
    line-height:40px;
    text-align:center
}
.socmed .socmed-icon:last-child{
    margin-right:0
}
.socmed .socmed-icon.facebook{
    background:#2031a3
}
.socmed .socmed-icon.twitter{
    background:#67d3f7
}
.socmed .socmed-icon.instagram{
    background:#b789cc
}
.socmed .socmed-icon.youtube{
    background:#d93c25
}
.socmed .socmed-icon.whatsapp{
    background:#3db222
}
.socmed .socmed-icon.gplus{
    background:#ff3625
}
.heading-cat{
    color:#47b7b8;
    font-size:13px;
    text-transform:uppercase
}
.heading-title{
    font-weight:700;
    margin:0
}
.heading-title,.section-title{
    font-size:21px;
    font-size:1.25rem
}
.section-title{
    text-transform:uppercase;
    font-weight:800
}
.activity-card{
    display:block;
    -webkit-border-radius:20px;
    border-radius:20px;
    background-clip:padding-box;
    overflow:hidden
}
.activity-card .overlay{
    position:absolute;
    width:100%;
    height:100%;
    background:rgba(71,183,184,.5);
    top:0;
    left:0;
    opacity:0;
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in
}
.activity-card .overlay:before{
    content:"";
    position:absolute;
    top:50%;
    left:50%;
    width:46px;
    height:46px;
    margin-left:-23px;
    margin-top:-23px;
    background:url(./img/zoom.png) no-repeat
}
.activity-card a{
    display:block;
    position:relative
}
.activity-card a img{
    width:100%
}
.activity-card figcaption{
    padding:20px;
    color:#1c3c8b;
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in
}
.activity-card a.heading-title{
    color:#1c3c8b
}
.activity-card .article-desc{
    /*margin-top:5px;
    font-weight:500;
    height: 210px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 10;*/
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
}
.activity-card .article-desc .button{
    width: 50%;
}
.activity-card .article-desc p {
     margin: 5px 0;
     text-align: left !important;
}
.activity-card .article-desc b, strong {
    /*font-weight: normal;*/
}
.activity-card:hover .article-desc,.activity-card:hover .meta-article,.activity-card:hover a.heading-title,.activity-card:hover figcaption{
    /*color:#fff;*/
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in
}
.activity-card:hover figcaption{
    /*background:#47b7b8*/
}
.activity-card:hover .overlay{
    opacity:1;
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in
}
.article-heading{
    font-size:37px;
    font-size:2.25rem
}
.rounded{
    -webkit-border-radius:15px;
    border-radius:15px;
    background-clip:padding-box
}
.widget{
    padding:20px 15px;
    background:#fff
}
.widget .widget-title{
    color:#1c3c8b;
    font-size:17px;
    font-weight:700;
    margin-top:0;
    margin-bottom:20px
}
.widget-join{
    background:#fab9d5;
    background:-moz-linear-gradient(top,#fab9d5 0,#f49bc2 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#fab9d5),color-stop(100%,#f49bc2));
    background:-webkit-linear-gradient(top,#fab9d5,#f49bc2);
    background:-o-linear-gradient(top,#fab9d5 0,#f49bc2 100%);
    background:-ms-linear-gradient(top,#fab9d5 0,#f49bc2 100%);
    background:linear-gradient(180deg,#fab9d5 0,#f49bc2);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#fab9d5",endColorstr="#f49bc2",GradientType=0);
    color:#fff;
    font-size:14px;
    margin-bottom:30px
}
.widget-join h3{
    font-size:21px;
    /*font-size:1.25rem;*/
    color:#1c3c8b;
    font-weight:700;
    display:block;
    margin-top:0;
    margin-bottom:10px
}
.widget-join a{
    color:#fff;
    font-weight:700;
    display:block;
    margin-top:19px;
    font-size:15px
}
.input-label{
    font-size:15px;
    color:#7e7e7e
}
.sm-article-thumbnail{
    background:#fff;
    padding:20px;
    margin-bottom:20px
}
.sm-article-thumbnail.hide{
    width:0;
    opacity:0;
    transition:all .1s
}
.sm-article-thumbnail:first-child{
    margin-top:0
}
.sm-article-thumbnail img{
    max-width:100%
}
.sm-article-thumbnail .sm-article-img{
    margin-right:-20px;
    margin-left:-20px
}
.sm-article-thumbnail .sm-article-header{
    *zoom:1;
    color:#9c9c9c;
    font-size:14px;
    margin-bottom:20px;
    line-height:1.4;
    display:flex;
    align-items:center;
    justify-content:center
}
.sm-article-thumbnail .sm-article-header:after,.sm-article-thumbnail .sm-article-header:before{
    content:"";
    display:table
}
.sm-article-thumbnail .sm-article-header:after{
    clear:both
}
.sm-article-thumbnail .sm-article-header .sm-left-header{
    margin-right:auto
}
.sm-article-thumbnail .socmed{
    display:inline-block;
    margin-left:5px
}
.sm-article-thumbnail .socmed .socmed-icon{
    width:26px;
    height:26px;
    font-size:16px;
    line-height:26px;
    margin-right:0
}
.sm-article-thumbnail .avatar{
    width:35px;
    height:35px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    position:absolute;
    top:0;
    left:0
}
.sm-article-thumbnail .name{
    display:block;
    color:#1c3c8b;
    font-size:14px
}
.sm-article-thumbnail .sm-left-header{
    position:relative;
    padding-left:50px
}
.sm-article-thumbnail .sm-article-title{
    font-size:18px;
    /*font-size:1.0625rem;*/
    font-weight:700;
    margin-bottom:0;
    color:#1c3c8b;
    margin-top:20px;
    display:block
}
.sm-article-thumbnail p{
    color:#393939;
    margin-top:10px;
    font-size:15px
}
.sm-article-thumbnail .sm-article-footer{
    margin-top:30px
}
.sm-article-thumbnail .heading-cat{
    font-size:11px;
    font-weight:700
}
.sm-meta-article{
    color:#9c9c9c;
    font-size:14px;
    display:inline-block;
    vertical-align:middle;
    margin-right:7px
}
.sm-meta-article.last-child{
    margin-right:0
}
.sm-meta-article.expert{
    color:#1c3c8b;
    font-weight:700
}
.sm-meta-article i{
    color:#47b7b8;
    margin-right:2px
}
.notification{
    position:absolute;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -webkit-border-radius:15px;
    border-radius:15px;
    background-clip:padding-box;
    overflow:hidden;
    top:60%;
    left:50%;
    margin-left:-150px;
    opacity:0;
    visibility:hidden
}
.notification .notif-content{
    display:block;
    background:#fff;
    font-size:15px;
    width:300px;
    padding:20px;
    position:relative;
    padding-left:60px;
    border-bottom:1px solid #ebebeb;
    color:#1c3c8b
}
.notification .notif-content:last-child{
    border-bottom:none
}
.notification .notif-content .avatar{
    width:30px;
    height:30px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    position:absolute;
    left:20px;
    top:20px
}
.notification .notif-content:focus{
    background:#47b7b8
}
.notification.is-active{
    opacity:1;
    top:140%;
    visibility:visible;
    -webkit-transition:.4s ease-in;
    -moz-transition:.4s ease-in;
    transition:.4s ease-in
}
.file-upload{
    display:none
}
.profile-pic-uploader{
    width:100%;
    height:188px;
    background:#47b7b8 url(./img/uploader-img.png) no-repeat 50%;
    position:relative;
    margin-top:10px
}
.profile-pic-uploader img{
    max-width:100%;
    display:none
}
.profile-pic-uploader.is-active{
    height:auto
}
.profile-pic-uploader.is-active img{
    display:block
}
.label-upload{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0
}
.like-btn{
    border:1px solid #47b7b8;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-clip:padding-box;
    color:#1c3c8b;
    padding:5px 10px;
    font-size:15px
}
.like-btn i{
    color:#47b7b8
}
.like-btn.is-active{
    background:#47b7b8;
    color:#fff
}
.like-btn.is-active i{
    color:#fff
}
.sm-right-header{
    font-size:14px;
    color:#9c9c9c;
    text-transform:capitalize
}
.sm-article-sharer{
    padding-bottom:20px;
    margin-bottom:15px;
    border-bottom:1px solid #47b7b8;
    display:flex;
    align-items:center;
    justify-content:center
}
.sm-article-sharer .pull-left{
    margin-right:auto
}
.comment-form{
    background: #f3f9ff;
    background-clip: padding-box;
    padding: 15px;
    margin-top: 20px;
    display: flex;
}
.comment-form,.comment-form textarea{
    -webkit-border-radius:15px;
    border-radius:15px
}
.comment-form textarea{
    background-clip: padding-box;
    background: transparent;
    padding: 20px;
    display: block;
    width: 100%;
    font-size: 15px;
    color: #e1e1e1;
    color: #1c3c8b;
    min-height: 120px;
    border-bottom: 1px solid #e1e1e1;
    border-radius: 0;
    margin-right: 22px;
}
.comment-form .btn-submit{
    background:#fff;
    color:#1c3c8b;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    padding:10px 20px;
    display:block;
    margin-left:auto;
    margin-top:15px
}
.comment-form .btn-submit:hover{
    background:#1c3c8b;
    color:#fff
}
.comments{
    margin-top:30px
}
.comments .comments-wrapper{
    background:#fff;
    -webkit-border-radius:20px;
    border-radius:20px;
    background-clip:padding-box;
    overflow:hidden;
    padding:20px 0px;
    margin-top:10px;
    display:block
}
.comments .comments-wrapper .sm-article-thumbnail{
    padding:0
}
.comments .comments-wrapper .sm-article-thumbnail p{
    margin-bottom:5px
}
.comments .comment-count{
    display: block;
    margin: 0;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #00258F;
}
.comments .reply{
    text-transform:uppercase;
    color:#47b7b8;
    display:inline-block;
    margin:0 20px;
    font-size:14px;
    font-weight:700
}
.comments .view-replies{
    font-size:14px;
    font-weight:700;
    color:#a6a6a6
}
.comments .view-replies i{
    margin-left:10px;
    font-size:11px;
    display:inline-block
}
.comments hr{
    margin:25px 0
}
.comments .comment-replies{
    padding-left:40px;
    margin-top:20px
}
.comments .more-comments{
    font-size:14px;
    font-weight:700;
    display:block;
    text-align:center;
    color:#47b7b8
}
.blog-article p{
    margin-top:0;
    color:#121212
}
.blog-article .heading{
    color:#47b7b8;
    margin-bottom:10px;
    margin-top:20px;
    font-weight:700
}
.blog-navigation{
    margin-top:100px;
    display:flex
}
.blog-navigation h3{
    color:#47b7b8;
    font-weight:700
}
.blog-navigation .blog-nav{
    flex:1;
    padding-top:20px
}
.blog-navigation .blog-nav.next-blog{
    text-align:right
}
.input-text{
    display:block;
    width:100%;
    padding:10px;
    border:1px solid #e1e1e1;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-clip:padding-box;
    font-size:15px;
    color:#1c3c8b
}
.input-text.dob{
    background:url(./img/cal.png) no-repeat right 10px bottom 10px
}
.form-label{
    font-size:15px;
    /*font-size:.875rem;*/
    color:#787878;
    display:block;
    margin-bottom:5px
}
.form-group{
    margin-top:20px
}
.profile-form .heading{
    font-size:26px;
    font-size:1.5625rem
}
.profile-form .button{
    display:block;
    width:130px;
    margin:30px auto;
    color:#fff
}
.divider-form{
    margin-top:30px
}
.divider-form:first-child{
    margin-top:0
}
.pp{
    position:relative;
    color:#1c3c8b;
    font-weight:700;
    font-size:16px;
    /*font-size:.9375rem;*/
    display:block;
    line-height:50px;
    padding-left:75px;
    padding-bottom:15px;
    margin-top:-5px
}
.pp img{
    width:50px;
    height:50px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    position:absolute;
    top:0;
    left:15px
}
.pp-uploader{
    font-size:17px;
    color:#1c3c8b;
    font-weight:700
}
.pp-uploader .pp-upload{
    font-size:15px;
    color:#787878;
    font-weight:400
}
.pp-uploader .pp-upload img{
    display:inline-block;
    margin-left:5px
}
.pp-uploader .preview-pp{
    -webkit-border-radius:50%;
    border-radius:50%;
    margin:0 auto;
    margin-top:20px
}
.pp-uploader .preview-pp,select{
    background-clip:padding-box;
    display:block
}
select{
    background-color:#fff;
    width:100%;
    padding:10px;
    border:1px solid #e1e1e1;
    -webkit-border-radius:5px;
    border-radius:5px;
    font-size:15px;
    color:#1c3c8b;
    margin:0;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-appearance:none;
    -moz-appearance:none
}
select.minimal{
    background-image:linear-gradient(45deg,transparent 50%,gray 0),linear-gradient(135deg,gray 50%,transparent 0),linear-gradient(90deg,#ccc,#ccc);
    background-position:calc(100% - 20px) calc(1em + 2px),calc(100% - 15px) calc(1em + 2px),calc(100% - 2.5em) .5em
}
select.minimal,select.minimal:focus{
    background-size:5px 5px,5px 5px,1px 1.5em;
    background-repeat:no-repeat
}
select.minimal:focus{
    background-image:linear-gradient(45deg,#e1e1e1 50%,transparent 0),linear-gradient(135deg,transparent 50%,#e1e1e1 0),linear-gradient(90deg,#ccc,#ccc);
    background-position:calc(100% - 15px) 1em,calc(100% - 20px) 1em,calc(100% - 2.5em) .5em;
    outline:0
}
.tnc-agr{
    font-size:13px
}
.tnc-agr,.tnc-agr a{
    color:#787878
}
.checkbox-group input[type=checkbox]{
    display:none
}
.checkbox-group input[type=checkbox]+label{
    color:#787878
}
.checkbox-group input[type=checkbox]+label span{
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    background:#eef9f9 url(./img/check_radio.png) 0 0 no-repeat;
    cursor:pointer
}
.checkbox-group input[type=checkbox]:checked+label span{
    background:#eef9f9 url(./img/check_radio.png) -19px top no-repeat
}
.btn-login{
    padding:10px;
    border:1px solid #e1e1e1;
    display:block;
    text-align:center;
    -webkit-border-radius:6px;
    border-radius:6px;
    background-clip:padding-box;
    margin-top:10px;
    color:#787878;
    font-size:15px;
    position:relative
}
.btn-login:hover{
    background:#47b7b8;
    color:#fff
}
.btn-login:first-child{
    margin-top:0
}
.btn-login img{
    position:absolute;
    top:8px;
    left:10px
}
.text__first,.text__second{
    position:relative;
    display:inline-block
}
.text__word{
    opacity:0
}
.text__first-bg,.text__second-bg{
    display:block;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:100;
    transform-origin:left;
    transform:scaleX(0)
}
.text__first-bg{
    background-color:#1c3c8b
}
.text__second-bg{
    background-color:#ffb2d2
}
.fakeloader{
    height:100vh;
    width:100vw;
    background-size:100%;
    position:fixed;
    top:0;
    left:0;
    z-index:1000000;
    background:#fff
}
.fakeloader:before{
    content:"";
    background:url(./img/home-background.png) no-repeat 0 0;
    background-size:cover;
    height:350px;
    width:100%;
    left:0;
    top:-350px;
    z-index:100;
    position:absolute
}
.quotes-wrapper{
    overflow:hidden;
    display:inline-block
}
.quoteChar{
    display:block;
    line-height:1.2
}
.quoteChar.shine{
    text-shadow:#fff 0 0 175px,#fff 0 0 10px,#fff 0 0 1px,#003380 0 0 10px,#003380 0 0 10px
}
.splash-noda{
    background:url(./img/splash-antibau.png) no-repeat;
    background-size:contain;
    position:absolute;
    width:50vw;
    height:100vh;
    right:10%;
    transform-origin:center
}
.splash-noda img{
    display:block;
    margin-left:30px;
    width:280px;
    opacity:.5
}
.splash-easy{
    position:absolute;
    left:50%;
    top:80px;
    margin-left:-80px
}
.splash-easy img{
    display:block;
    max-width:320px
}
.header{
    display: block;
    /*padding: 25px 0;*/
    position: absolute;
    width: 100%;
    z-index: 1000;
}
.header .container{
    width: 100%;
    padding: 0px 43px;
    padding-left: 10px;
}
.header .container .flex{
    display: flex;
}
.header .container .notification_smc{
    background: #FFFFFF;
    box-shadow: 0px 2px 12px rgba(196, 226, 254, 0.3);
    border-radius: 100px;
    padding: 16px 28px;
    float: right;
}
.header .container .notification_smc p{
    font-family: 'Mulish';
    font-style: normal;
    font-size: 12px;
    line-height: 15px;
    color: #00258F;
    margin: unset;
}
.header .container .notification_smc i{
    color: #FFB0CD;
    font-size: 14px;
    margin-left: 10px;
}
.header .container .navigation{
    flex: 1;
}
.header .list--none{
    padding-top: 25px;
}
.header .list--none.pull-left{
    padding-left: 8px;
}
.header .list--none li a,.header .list--none li{
    font-size: 14px;
    font-family: 'Mulish';
    font-weight: bold;
}
.header .list-right{
    background: #C4E9FE;
    padding: 19px 19px;
    background: #C4E9FE;
    border-radius: 0px 0px 20px 20px;
    display: flex;
}
.header .hdr_no_bg{
    background: transparent;
}

.header .navigation .list-right li:before{
    content: unset;
}
.header .list-right li.no-mrgn{
    display: flex;
}
.header .list-right .list-smc{
    margin-right: 14px;
    font-size: 12px;
}
.header .list-right .list-smc a{
    font-size: 12px;
}
.logo{
    position:relative;
    /*left:50%;*/
    top: -15px;
    height: 82px;
    /*-webkit-transform:translateX(-50%);
    -moz-transform:translateX(-50%);
    transform:translateX(-50%)*/
}
.logo img{
    max-width:121px
}
.navigation{
    display:block
}
.navigation .search-form .input-text{
    position:absolute;
    background:#47b7b8;
    -webkit-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.5);
    -moz-box-shadow:inset 0 0 5px 0 rgba(0,0,0,.5);
    box-shadow:inset 0 0 5px 0 rgba(0,0,0,.5);
    right:0;
    padding:0;
    padding-bottom:0;
    border-radius:20px;
    padding-right:30px;
    width:0;
    height:33px;
    opacity:0;
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in;
    color:#fff
}
.navigation .search-form .input-text.is-active{
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in;
    opacity:1;
    width:270px;
    padding:7px;
    padding-left:15px;
    padding-bottom:8px
}
.navigation ul.pull-left{
    line-height:33px
}
.navigation li{
    display:inline-block;
    margin-right:21px;
    position:relative
}
.navigation li.no-mrgn{
    margin-right:5px
}
.navigation li:last-child{
    /*margin-right:0*/
}
.navigation li .circle-btn{
    background:#1c3c8b;
    color:#fff;
    width:33px;
    height:33px;
    line-height:33px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    display:inline-block;
    text-align:center;
    padding:0
}
.navigation li .notif{
    position:relative
}
.navigation li .notif:before{
    content:"";
    width:15px;
    height:15px;
    background:#ffb2d2;
    border:3px solid #fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    position:absolute;
    top:-4px;
    left:20px;
    opacity:1
}
.navigation li .notif:after{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:12px 10px 0;
    border-color:#47b7b8 transparent transparent;
    position:absolute;
    left:50%;
    margin-left:-10px;
    bottom:0;
    opacity:0
}
.navigation li .notif.is-active{
    background:#47b7b8
}
.navigation li .notif.is-active,.navigation li .notif.is-active:after{
    -webkit-transition:.3s ease-in;
    -moz-transition:.3s ease-in;
    transition:.3s ease-in
}
.navigation li .notif.is-active:after{
    bottom:-9px;
    opacity:1
}
.navigation li:before{
    content:"";
    position:absolute;
    height:5px;
    width:100%;
    background:#2E9AFF;
    top:100%;
    left:0;
    opacity:0
}
.navigation li:before,.navigation li:hover:before{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.navigation li:hover:before{
    margin-top:0px;
    opacity:1
}
.navigation li a{
    font-weight:400;
    color:#1c3c8b;
    position:relative
}
.navigation li .sub-nav{
    position:absolute;
    background:#fff;
    top:100%;
    left:-70%;
    padding:6px;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out;
    opacity:0
}
.navigation li .sub-nav:before{
    content:"";
    width:100%;
    height:20px;
    background:red;
    position:absolute;
    top:-15px;
    left:0;
    opacity:0
}
.navigation li .sub-nav li{
    display:block;
    margin-right:0
}
.navigation li .sub-nav li:before{
    display:none
}
.navigation li .sub-nav li a{
    padding:10px;
    display:block;
    white-space:nowrap;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box
}
.navigation li .sub-nav li a:hover{
    background:#ffb2d2
}
.navigation li .sub-nav li a:before{
    display:none
}
.navigation li.has-sub:hover .sub-nav{
    top:175%
}
.navigation li.has-sub:hover .mega-menu,.navigation li.has-sub:hover .sub-nav{
    opacity:1;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.navigation li.has-sub:hover .mega-menu{
    top:100%;
    visibility:visible
}
.navigation li .rounded-btn{
    -webkit-border-radius: 50px;
    border-radius: 50px;
    background-clip: padding-box;
    padding: 8px 17px;
    line-height: 1;
    background: #00258F;
    color: #fff;
    font-weight: 100;
    width: 77px;
    height: 32px;
}
.navigation li .rounded-btn:before{
    display:none
}
.navigation li .rounded-btn i{
    margin-right:5px
}
#btn-search{
    position:relative;
    z-index:10
}
.mega-menu{
    position:absolute;
    width:760px;
    /* background:hsla(0,0%,100%,.9); */
    background-color: white;
    border-radius:20px;
    left:0;
    margin-left:-200px;
    top:50%;
    margin-top:6px;
    visibility:hidden;
    opacity:0;
    color: #1c3c8b;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    text-align: center;
}
.mega-menu:before{
    /*content:"";*/
    width:100%;
    height:25px;
    position:absolute;
    top:-25px;
    left:0
}
.mega-menu .col-md-3{
    padding:20px 0;
    width:25%;
    min-width: 190px;
    padding-top: 0;
}
.mega-menu .col-md-3 a{
    border-right:1px solid #C4E9FE;
    padding: 0px 6px;
}
.mega-menu .col-md-3 a:before{
    display:none
}
.mega-menu .col-md-3:nth-child(3) img{
    margin-bottom:8px
}
.mega-menu .col-md-3:last-child a{
    border-right:none
}
.mega-menu span{
    font-size:25px
}
.mega-menu img{
    height:110px;
    display:block;
    margin:10px auto
}
.mega-menu a{
    display:block
}
.mega-menu h3{
    margin:0;
    white-space:nowrap;
    text-align:center;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    /* identical to box height */

    text-align: center;

    color: #00258F;
}
.mega-menu p{
    color:#787878;
    margin:0;
    font-size:13px;
    /*font-size:.75rem;*/
    line-height:1.2;
    font-weight:400;
    text-align:center
}

.mega-menu h5 { 
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;

    color: #55ACEE;
    text-transform: uppercase;
 }
.mega-menu hr { border: 1px solid #C4E9FE;border-top: unset; }

.navPewPel { width: 70%; margin:0 auto;}
.navPewPel img { height: 170px; width: auto; margin:0;  }
.navPewPel h3 { font-size: 25px; margin-top: 8px; margin-bottom: 5px; }
.navPewPel h4 { margin:0; padding:0; background-color:#fc769d; color: white; border-radius: 10px; width: 80px; text-align: center; margin: 0 auto; margin-top: 15px; }
.navPewPel p { font-size: 14px; line-height: 18px;}

.navPewPel .col-md-6{
    margin-top: 6px;
    margin-bottom: 17px;
    display: flex;
    height: 150px;
    align-items: center;
    padding: 0px 20px;
}

.hero{
    background:#ccf6f6;
    position:relative
}
.hero:before{
    content:"";
    background:url(./img/home-background.png) no-repeat 0 100%;
    background-size:cover;
    height:350px;
    z-index:100
}
.smartmom-register{
    background:url(./img/banner_scm_register.png) no-repeat 0 100%;
    background-size:cover;
    position: fixed;
    height: 100%;
    width: 100%;
}
.hero .slider-img,.hero:before{
    width:100%;
    left:0;
    bottom:0;
    position:absolute
}
.hero .heading{
    font-weight:800;
    font-size:50px;
    /*font-size:3.125rem;*/
    line-height:1.2;
    margin:0
}
.hero .hero-caption{
    padding:0;
    margin-top:15vh;
    margin-right:50px
}
.hero .btn-grad{
    margin-top:5px;
    display:inline-block
}
.hero .container{
    position:relative;
    width:100%;
    min-height:calc(100vh - 66px)
}
.hero .scroll-hint{
    position:absolute;
    right:0;
    top:35%;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    transform:rotate(90deg)
}
.hero .scroll-hint .hint-stagger{
    letter-spacing:2px;
    color:#1c3c8b;
    vertical-align:middle;
    font-size:13px
}
.hero .scroll-hint span{
    margin-left:10px;
    line-height:10px;
    display:inline-block
}
.product-intro{
    margin-top: 80px;
    position:relative;
    z-index:100
}
.product-intro .dec-round{
    width:550px;
    height:550px;
    background:#e5fafa;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    position:absolute;
    top:-200px;
    left:70%
}
.product-intro h2.heading{
    font-size:40px;
    /*font-size:2.5rem;*/
    margin-bottom:-5px
}
.product-intro p{
    margin-bottom:20px
}
.product-intro .thumbnail-video-small{
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    overflow:hidden;
    width:130px;
    height:130px
}
.product-intro .thumbnail-video-small a{
    position:relative;
    margin-top:0
}
.product-intro .thumbnail-video-small i{
    position:absolute;
    top:10px;
    right:10px;
    color:#fff;
    font-size:40px;
    font-size:2.5rem
}
.product-intro a{
    display:block;
    margin-top:23px;
    color:#fff;
    font-weight:700;
    font-size:15px;
    font-size:.875rem
}
.product-intro h3.heading{
    font-size:19px;
    /*font-size:1.125rem;*/
    color:#fff
}
.product-intro .attack-hitech{
    width:456px
}
.product-intro .attack-hitech .row{
    padding-right:0
}
.product-intro .attack-hitech .prod-desc{
    padding-left:10px
}
.product-intro .attack-hitech .prod-desc .inner{
    padding:20px;
    background:#47b7b8;
    color:#fff;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box
}
.product-intro .attack-hitech .prod-desc p, .product-intro .softener-care .prod-desc p{
    color:#fff;
    margin:5px 0;
    font-size:14px;
    font-size:.8125rem
}

.product-intro .softener-care .prod-desc .inner{
    padding:20px;
    background:#fc769d;
    color: white;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    margin-right: -20px;
}


.product-intro .softener-care h1.heading{
    font-size:33px;
    margin-top: 10px;
}

.softener-care {margin-top: -35px;}


.product-intro .batik-care{
    width:456px
}
.product-intro .batik-care .prod-desc{
    padding-left:10px
}
.product-intro .batik-care .prod-desc .inner{
    padding:20px;
    background:#ffbfdb;
    color:#1c3c8b;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box
}
.product-intro .batik-care .prod-desc p{
    color:#1c3c8b;
    margin:5px 0;
    font-size:14px;
    font-size:.8125rem
}
.product-intro .batik-care .prod-desc h3.heading{
    font-size:19px;
    /*font-size:1.125rem;*/
    color:#fff
}
.product-intro .batik-care .prod-desc a,.product-intro .batik-care .prod-desc h3.heading{
    color:#1c3c8b
}
.product-intro .hitech-prod-img{
    margin-top:-90px
}
.product-intro .batik-prod-img{
    margin-top:-30px
}
.product-intro .batik-wrapper{
    margin-top:100px
}

.product-intro .softener-wrapper{
    margin-top:100px;
    margin-bottom:150px;
}

    .softener-wrapper h2.heading { font-size: 25px; width: 270px; }

.category-cards{
    padding-top:100px;
    padding-bottom:100px;
    background:url(./img/bg2.png) no-repeat bottom;
    background-size:cover
}
.category-cards img{
    max-width:100%
}
.category-cards figure.cat-card{
    margin:0;
    min-height:380px;
    overflow:hidden;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    position:relative;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35)
}
.category-cards figure.cat-card figcaption{
    position:absolute;
    padding:20px;
    background:#fff;
    bottom:0;
    left:0;
    width:100%;
    color:#1c3c8b;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.category-cards figure.cat-card .cat-title{
    font-size:13px;
    /*font-size:.75rem;*/
    font-weight:700;
    display:block
}
.category-cards figure.cat-card h3{
    font-size:19px;
    /*font-size:1.125rem;*/
    font-weight:800;
    margin:0;
    margin-top:5px
}
.category-cards figure.cat-card .readmore{
    color:#ffb2d2;
    font-size:15px;
    /*font-size:.875rem;*/
    display:block;
    margin-top:10px
}
.category-cards figure.cat-card p{
    opacity:0;
    overflow:hidden;
    height:0;
    margin:0;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.category-cards figure.cat-card .overlay{
    background:rgba(255,178,210,.5);
    opacity:0;
    visibility:hidden;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1
}
.category-cards figure.cat-card:hover figcaption{
    background:none;
    z-index:10;
    bottom:30px;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.category-cards figure.cat-card:hover p{
    height:auto;
    margin:10px 0
}
.category-cards figure.cat-card:hover .overlay,.category-cards figure.cat-card:hover p{
    opacity:1;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.category-cards figure.cat-card:hover .overlay{
    visibility:visible;
    z-index:1
}
.category-cards figure.cat-card:hover .readmore{
    color:#1c3c8b;
    font-size:15px;
    /*font-size:.875rem;*/
    font-weight:800;
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.smartmom{
    height:220px;
    background:#ccf6f6;
    text-align:center;
    margin-bottom:30px;
    position:relative
}
.smartmom:before{
    content:"";
    width:0;
    height:0;
    border-style:solid;
    border-width:40px 40px 0;
    border-color:#ccf6f6 transparent transparent;
    position:absolute;
    bottom:-40px;
    left:50%;
    margin-left:-40px
}
.smartmom img{
    display:block;
    margin:0 auto
}
.smartmom p{
    font-size:14px;
    /*font-size:.8125rem;*/
    text-align:center
}
.latest-discussions{
    margin-top:60px
}
.latest-discussions .row{
    display:flex
}
.latest-discussions .discussion-article-thumbnail{
    border-right:1px solid #ebebeb
}
.latest-discussions .discussion-article-thumbnail .inner{
    padding:0 30px
}
.latest-discussions .discussion-article-thumbnail:last-child{
    border-right:none
}
.latest-discussions .disc-header{
    margin-top:20px;
    height:38px;
    overflow:hidden
}
.latest-discussions .disc-body p{
    color:#434343
}
.latest-discussions .disc-footer{
    color:#7d7d7d;
    font-size:14px;
    font-size:.8125rem
}
.latest-discussions .disc-footer a{
    margin-left:10px
}
.latest-discussions .avatar{
    margin:0;
    padding-left:50px;
    position:relative
}
.latest-discussions .avatar img{
    position:absolute;
    top:0;
    left:0;
    width:36px;
    height:36px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box
}
.latest-discussions .avatar figcaption{
    color:#b7b7b7;
    font-size:14px;
    /*font-size:.8125rem*/
}
.latest-discussions .ld-action{
    padding:45px 0
}
.product-hero{
    display:block;
    min-height:calc(100vh - 320px);
    background:url(./img/pattern-product.png) repeat-x
}
.product-hero .ph-img{
    display:block;
    margin:60px auto
}
.product-hero .ht-img{
    margin:0 auto;
    margin-top:90px;
    display:block;
    margin-bottom:20px
}
.product-hero .pr-right{
    text-align:center;
    color:#1c3c8b;
    font-size:38px;
    /*font-size:2.375rem;*/
    line-height:1.2;
    color:#0e5da3
}
.product-hero .pr-right h1{
    font-size:48px;
    /*font-size:3rem;*/
    margin:0;
    color:#1c3c8b
}
.product-hero .button{
    font-size:17px;
    /*font-size:1rem;*/
    line-height:1;
    margin-top:30px;
    padding:5px 20px
}
.product-hero .button i{
    font-size:29px;
    display:inline-block;
    vertical-align:middle;
    margin-top:-2px;
    margin-right:5px;
    margin-left:-10px
}
.product-anti-bau{
    background:url(./img/bg-antibau.png) no-repeat;
    background-size:100%;
    padding-bottom:100px;
    background-position-y:-150px
}
.product-easy{
    background:url(./img/bg-easy2.jpg) no-repeat;
    background-size:100%;
    padding-bottom:100px;
    background-position-y:-150px
}
.product-jaz{
    background:url(./img/bg-jaz.png) no-repeat;
    background-size:100%;
    padding-bottom:100px;
    background-position-y:-150px
}
.product-batik{
    background:url(./img/bg-batik.png) no-repeat;
    background-size:100%;
    padding-bottom:100px;
    background-position-y:-100px
}

.product-fresh-up {
    background:url(./img/bg-attack-softener-sakura.png) no-repeat;
    background-size:100%;
    padding-bottom:100px;
    background-position-y:-150px
}

.product-batik .product-main{
    min-height:80vh
}
.product-batik .product-main h2{
    color:#f65aa9;
    text-transform:capitalize
}
.product-batik .product-main h2 div{
    text-transform:capitalize
}
.product-batik h2{
    margin-top:20px!important;
    display:block
}
.product-batik .button-buy{
    margin-bottom:0!important
}
.product-batik .list-wrapper{
    display:block;
    width:100%
}
.product-batik .list-wrapper li{
    text-align:left;
    color:#1c3c8b
}
.product-batik h3{
    color:#1c3c8b;
    font-weight:700;
    font-size:17px
}
.product-batik .prod-batik-img{
    margin-top:150px
}
.product-batik .product-label{
    position:absolute;
    top:30px;
    right:-100px
}
.product-batik .prod-desc-content .inner{
    border:1px dashed #ffb2d2;
    border-bottom:none;
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    padding:20px
}
.product-batik .prod-desc-content .inner p{
    text-align:center;
    margin-bottom:0
}
.product-batik .prod-desc-content .inner h3,.product-batik .prod-desc-content .inner p,.product-batik .prod-desc-content .inner ul{
    color:#ffb2d2
}
.product-batik .prod-desc-content .inner ul{
    float:left
}
.product-main{
    min-height:100vh;
    padding-top:80px;
    text-align:center
}
.product-main .button-buy{
    display:block;
    margin-bottom:20px
}
.product-main .backlink{
    font-size:16px;
    /*font-size:.9375rem;*/
    color:#1c3c8b;
    text-align:center;
    margin-bottom:30px;
    display:block
}
.product-main h1,.product-main h2{
    margin:0;
    text-transform:uppercase;
    text-align:center;
    color:#1c3c8b
}
.product-main h1{
    font-size:50px;
    /*font-size:3.125rem;*/
    font-weight:800
}
.product-main h2{
    font-size:27px;
    /*font-size:1.625rem;*/
    font-weight:700;
    margin-bottom:20px
}
.product-main .prod-desc-title{
    color:#1a3f8e;
    font-weight:800;
    font-size:33px;
    font-size:2rem
}

    .product-fresh-up .prod-desc-title { font-size: 25px; width: 200px; margin: 0 auto; line-height: 28px; margin-top: 10px; }
    
    .product-fresh-up li { margin-bottom: 20px; }

.product-main .prod-desc-title span{
    color:#105aa1;
    font-size:27px;
    /*font-size:1.625rem;*/
    display:block;
    line-height:1
}
.product-main .prod-desc-content{
    padding:20px;
    border-top-left-radius:20px;
    border-top-right-radius:20px;
    position:relative;
    z-index:1;
    padding-bottom:30px;
    overflow:hidden
}
.product-main .prod-desc-content:before{
    content:"";
    position:absolute;
    width:100%;
    height:50%;
    background:#fff;
    top:0;
    left:0;
    z-index:-1
}
.product-main .prod-desc-content:after{
    content:"";
    position:absolute;
    width:100%;
    height:50%;
    background:url(./img/fade.png) no-repeat;
    background-size:cover;
    bottom:0;
    left:0;
    z-index:-1
}
.product-main .prod-desc-content p{
    /** font-size:16px; 
    font-size:1rem **/
    font-size: 15px;
}

    .product-main .prod-desc-content ul { font-size: 15px; }

.product-main .prod-desc-content ul{
    text-align:left;
    color:#1c3c8b
}
.product-main strong {
    font-weight: bolder;
}
.product-main .slider-nav-icon{
    width:70px!important;
    height:70px
}
.product-main .slider-nav-icon .inner{
    width:70px!important;
    height:70px;
    padding:12px 10px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    background:#fff;
    display:block;
    margin:0 auto;
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out
}
.product-main .slider-nav-icon img{
    display:block;
    margin:0 auto;
    max-height:90%
}
.product-main .slider-nav-icon:hover .inner{
    -webkit-transition:.5s ease-in-out;
    -moz-transition:.5s ease-in-out;
    transition:.5s ease-in-out;
    -webkit-box-shadow:inset 0 0 10px 20px #ffb2d2;
    -moz-box-shadow:inset 0 0 10px 20px #ffb2d2;
    box-shadow:inset 0 0 50px 100px #ffb2d2
}
.product-main .single-slider-2,.product-main .single-slider-2-jaz{
    width:60%;
    display:block;
    margin:0 auto;
    margin-top:100px
}
.product-main .single-slider-2 img,.product-main .single-slider-2-jaz img{
    max-width:100%
}
.product-easy .slider-nav .slick-current .slider-nav-icon .inner{
    border:2px solid #b44091
}
.product-jaz .slider-nav-jaz .slick-current .slider-nav-icon .inner{
    border:2px solid #f5050d
}
.slider-nav,.slider-nav-jaz{
    width:90%;
    display:block;
    margin:auto;
    margin-top:-39px
}
.slider-nav-jaz .slick-current .slider-nav-icon .inner,.slider-nav .slick-current .slider-nav-icon .inner{
    border:2px solid #47b7b8
}
.slider-nav-jaz .slick-arrow,.slider-nav .slick-arrow{
    width:40px;
    height:40px;
    line-height:40px;
    background:#fff;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box
}
.slider-nav-jaz .slick-arrow.slick-prev,.slider-nav .slick-arrow.slick-prev{
    margin-left:-20px
}
.slider-nav-jaz .slick-arrow.slick-next,.slider-nav .slick-arrow.slick-next{
    margin-right:-20px
}
.slider-nav-jaz .slick-prev:before,.slider-nav .slick-prev:before{
    content:"\F053";
    font-family:FontAwesome;
    color:#465fa0;
    font-size:21px;
    line-height:40px
}
.slider-nav-jaz .slick-next:before,.slider-nav .slick-next:before{
    content:"\F054";
    font-family:FontAwesome;
    color:#465fa0;
    font-size:21px;
    line-height:40px
}
.slider-nav-jaz .slick-track{
    text-align:center
}
.slider-nav-jaz .slick-slide{
    width:110px!important;
    display:inline-block;
    float:none!important
}
.related-product{
    margin-top:80px
}
.related-product .button{
    margin-top:0;
    padding:10px 40px
}
.magnetic-area{
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-60px;
    margin-left:-120px;
    padding:40px
}
.view-noda{
    width:100px;
    height:100px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    border:3px solid #fff;
    background:hsla(0,0%,100%,.3)
}
.view-noda span{
    font-size:14px;
    color:#47b7b8;
    text-transform:uppercase;
    margin-top:37px;
    display:block
}
.view-noda img{
    margin-top:14px
}
.product-category-card{
    position:relative;
    width:100%;
    height:300px;
    transition:.2s ease-out
}
.product-category-card.card-1 .layer-1{
    background-image:url(./img/cat-3dimg1.png);
    background-size:cover;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.product-category-card.card-1 .layer-2{
    width:90px;
    height:63px;
    top:30px;
    left:30px;
    background-image:url(./img/label1.png);
    background-size:cover;
    -webkit-transform:translateZ(30px);
    transform:translateZ(30px)
}
.product-category-card.card-1 .layer-3{
    width:77px;
    height:167px;
    right:10px;
    bottom:-10px;
    background-image:url(./img/cat-label11.png);
    background-size:cover;
    -webkit-transform:translateZ(20px);
    transform:translateZ(20px)
}
.product-category-card.card-2 .layer-1{
    background-image:url(./img/cat-3dimg2-2.png);
    background-size:cover;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.product-category-card.card-2 .layer-2{
    width:131px;
    height:125px;
    top:0;
    left:0;
    background-image:url(./img/label2.png);
    background-size:cover;
    -webkit-transform:translateZ(30px);
    transform:translateZ(30px)
}
.product-category-card.card-2 .layer-3{
    width: 70px;
    height: 152px;
    right: 10px;
    bottom: -26px;
    background-image:url(./img/cat-label2.png);
    background-size:cover;
    -webkit-transform:translateZ(20px);
    transform:translateZ(20px)
}
.product-category-card.card-3 .layer-1{
    background-image:url(./img/cat-3dimg3.png);
    background-size:cover;
    left:0;
    top:0;
    right:0;
    bottom:0
}
.product-category-card.card-3 .layer-2{
    width:120px;
    height:62px;
    top:0;
    left:0;
    background-image:url(./img/label3.png);
    background-size:cover;
    -webkit-transform:translateZ(30px);
    transform:translateZ(30px)
}
.product-category-card.card-3 .layer-3{
    width:128px;
    height:141px;
    right:10px;
    bottom:-10px;
    background-image:url(./img/cat-label3.png);
    background-size:cover;
    -webkit-transform:translateZ(20px);
    transform:translateZ(20px)
}
.product-category-card [class*=layer]{
    position:absolute;
    border-radius:10px
}
.rp-action{
    display:block;
    text-align:center;
    margin-top:40px
}
.video-page .video-wrapper{
    -webkit-border-radius:20px;
    border-radius:20px;
    background-clip:padding-box;
    overflow:hidden
}
.video-page .video-wrapper iframe{
    width:100%
}
.video-page .left-cont{
    padding-right:50px
}
.video-page .video-thumbnail-header{
    display:block
}
.video-page .video-thumbnail-header .heading{
    font-size:21px;
    /*font-size:1.25rem;*/
    text-transform:uppercase
}
.video-page .video-navigation{
    display:block;
    padding:10px 0;
    padding-right:50px;
    *zoom:1
}
.video-page .video-navigation:after,.video-page .video-navigation:before{
    content:"";
    display:table
}
.video-page .video-navigation:after{
    clear:both
}
.video-page .video-navigation a{
    color:#47b7b8;
    font-weight:700;
    font-size:13px;
    text-transform:uppercase
}
.video-page .video-navigation .col-md-8{
    padding-right:40px
}
.video-page .right-cont{
    padding:0
}
.video-page .right-cont h2{
    font-size:31px
}
.video-page .right-cont p{
    color:#1c3c8b;
    font-size:15px
}
.video-page .video-tag{
    background:#ffb2d2;
    font-size:12px;
    color:#fff;
    padding:5px 10px;
    line-height:1;
    text-transform:uppercase
}
.video-page .video-thumbnail-slider{
    margin-top:20px
}
.video-page .video-thumbnail-slider:last-child{
    border-bottom:none
}
.video-page .video-thumbnail-slider .slick-arrow{
    width:46px;
    height:46px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    background:#fff;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    z-index:100;
    font-family:FontAwesome;
    margin-top:-30px
}
.video-page .video-thumbnail-slider .slick-arrow.slick-disabled{
    display:none
}
.video-page .video-thumbnail-slider .slick-arrow.slick-prev{
    margin-left:20px
}
.video-page .video-thumbnail-slider .slick-arrow.slick-next{
    right:-10px
}
.video-page .video-thumbnail-slider .slick-arrow.slick-next:before,.video-page .video-thumbnail-slider .slick-arrow.slick-prev:before{
    font-family:FontAwesome;
    color:#47b7b8;
    font-size:41px;
    line-height:46px
}
.video-page .video-thumbnail-slider .slick-arrow.slick-prev:before{
    content:"\F104"
}
.video-page .video-thumbnail-slider .slick-arrow.slick-next:before{
    content:"\F105"
}
.video-page .total-video{
    color:#727272;
    font-size:15px;
    /*font-size:.875rem*/
}
.video-thumbnails{
    padding:30px 0;
    border-bottom:1px solid #ebebeb
}
.video-thumbnails:last-child{
    border-bottom:none
}
.thumb-vid .video-img{
    display:block
}
.thumb-vid .video-img img{
    width:100%
}
.thumb-vid .video-th-title{
    font-size:17px;
    /*font-size:1rem;*/
    color:#1c3c8b;
    display:block;
    font-weight:800;
    margin-top:10px
}
.thumb-vid .center-action .meta-article{
    margin-left:0;
    margin-right:10px
}
section.videos{
    background:#fff;
    padding-top:20px;
    padding-bottom:100px
}
.video-hero{
    background:url(./img/bg-video-page.png) no-repeat;
    background-size:cover
}
.attacktivity-hero,.video-hero{
    padding-top:100px;
    padding-bottom:50px
}
.attacktivity-hero{
    background:url(./img/bg-video-page.png) no-repeat;
    background-size:cover
}
.attacktivity-sample{
    background:url(./img/attack-sample-bg.png) no-repeat;
    background-size:cover;
    padding-top: 155px;
}
.attacktivity-hero .hero-desc{
    padding:0 50px
}

.attacktivity-sample .hero-desc{
    padding:0 0px;
}
.attacktivity-sample .hero-desc .txt-hero{
    max-width: 450px;
}
.attacktivity-hero .hero-desc .button{
    font-size:11px;
    font-weight:500;
    letter-spacing:2px
}
.attacktivity-hero p{
    font-size:15px;
    /*font-size:.875rem;*/
    color:#1b3d8d
}
.activity-articles{
    padding:32px 0
}
.activity-articles .heading{
    margin-bottom: 35px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;

    color: #00258F;
}
.activity-articles .col-md-4{
    padding:0 25px
}
.activity-articles .activity-card,.sm-articles .activity-card{
    /*margin-top:50px;*/
    display: flex;
}
.activity-articles .meta-article{
    margin-left:0
}
.activity-articles .row.row--super{
    margin-bottom:20px
}
.activity-articles figure{
    display: flex;
    margin-bottom: 21px;
}
.activity-articles figure > a,.sm-articles .activity-card > a{
    flex: 0 0 200px;
}
.activity-articles figure > a img{
    height: 200px;
    width: 200px;
    border-radius: 15px;
    object-fit: cover;
}
.activity-articles figure figcaption{
    flex: 1;
    padding-left: 22px;
    padding-top: unset;
}
.activity-articles a.button{
    border: 1px solid #C4E2FE;
    box-sizing: border-box;
    border-radius: 100px;
    background: transparent;

    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    /* identical to box height */

    text-align: center;

    color: #00258F;
}
.activity-articles figure figcaption a{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    color: #00258F;
}
.activity-articles figure figcaption p{
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical;
   margin: unset;
   margin-top: 8px;
}
.activity-articles figure figcaption span{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.3);
}

.meta-article{
    color:#47b7b8;
    font-size:12px;
    display:inline-block;
    margin-left:10px;
    font-weight:800
}
.meta-article i{
    font-size:19px;
    display:inline-block;
    vertical-align:bottom
}
.attacktivity-detail{
    padding-top:82px;
    padding-bottom: 79px;
}

.attacktivity-detail .act-detail-desc{
    padding-left:50px
}
.short-desc {
    max-height: 250px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    margin-bottom: 20px;
    font-size: 14px;
    padding-top: 10px;
}
.short-desc p,
.shor-desc ol li {
    font-size: 14px;
}
.short-desc p {
    text-overflow: ellipsis;
    margin: 5px 0;
}
.act-left{
    padding-right:0
}
.act-left span{
    color:#47b7b8;
    font-weight:700;
    font-size:12px;
    margin-top:20px
}
.act-left img{
    width:100%
}
.act-left .socmed{
    text-align:right;
    margin-top:10px
}
.act-left .socmed .socmed-icon{
    margin-right:5px
}
.act-desc-header{
    padding:35px 50px;
    background:#e5fafa;
    margin-left:-50px
}
.buynow-hero{
    padding-top:100px;
    padding-bottom: 50px;
}
.buynow-hero .heading{
    font-weight:800;
    font-size:41px;
    /*font-size:2.5rem;*/
    display:block;
    text-align:center
}
.buynow-hero p{
    text-align:center
}
.buynow-hero img{
    max-width:100%
}
.buynow-content{
    padding-top:150px;
    padding-bottom:60px;
    display:block;
    min-height:500px;
    background:url(./img/bg-buynow.png) no-repeat;
    background-size:100%
}
.buynow-content img{
    max-width:100%;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    overflow:hidden
}
.buynow-content .button{
    margin-top:10px
}
.glow{
    text-shadow:0 0 25px #fff,10px 0 25px #fff,0 10px 25px #fff
}
.ecom img{
    max-height:50px
}
.ecom a{
    margin-right: 16px;
    margin-bottom: 30px;
}
.ecom a:hover{
    background: #c4e9fe42;
}
.promo-slider{
    margin-bottom:0!important
}
.promo-slider .slick-dots{
    width:auto;
    right:270px;
    bottom:auto
}
.promo-slider .slick-dots li{
    width:10px;
    height:10px;
    background:#ebebeb;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    margin:0 3px
}
.promo-slider .slick-dots li button:before{
    display:none
}
.promo-slider .slick-dots li.slick-active{
    background:#47b7b8
}
.smartmom-hero{
    padding-top:70px;
    padding-bottom:0;
    background:#c3f3f3;
    background:-moz-linear-gradient(top,#c3f3f3 0,#9edcde 100%);
    background:-webkit-gradient(left top,left bottom,color-stop(0,#c3f3f3),color-stop(100%,#9edcde));
    background:-webkit-linear-gradient(top,#c3f3f3,#9edcde);
    background:-o-linear-gradient(top,#c3f3f3 0,#9edcde 100%);
    background:-ms-linear-gradient(top,#c3f3f3 0,#9edcde 100%);
    background:linear-gradient(180deg,#c3f3f3 0,#9edcde);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c3f3f3",endColorstr="#9edcde",GradientType=0);
    position:relative;
    min-height:77px
}
.smartmom-hero.no-bg:before{
    display:none
}
.smartmom-hero.create-discussion{
    height:188px
}
.smartmom-hero.create-discussion .backlink{
    font-weight:700;
    color:#1c3c8b;
    margin-top:30px;
    display:block
}
.smartmom-hero.create-discussion:before{
    display:none
}
.smartmom-hero{
    height: 480px;
    background: url(./img/banner_scm_register.png);
    background-size: cover;
    background-position-y: -25px;
    padding-top: 120px;
}
.smartmom-hero img{
    height: 100px;
    position: relative;
    left: -25px;
}
.smartmom-hero h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 53px;
    color: #00258F;
    margin: unset;
    margin-bottom: 15px;
}
.smartmom-hero p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
    margin: unset;
}
.smartmom-hero .col-md-6{
    max-width: 400px;
}
.smartmom-navigation{
    margin-top:40px
}
.smartmom-navigation a{
    font-size:16px;
    /*font-size:.9375rem;*/
    color:#1c3c8b;
    font-weight:700;
    display:inline-block;
    margin-right:30px;
    padding-bottom:20px;
    position:relative
}
.smartmom-navigation a:before{
    content:"";
    display:none;
    background:#ffb2d2;
    position:absolute;
    bottom:0;
    left:0;
    width:100%;
    height:8px
}
.smartmom-navigation a.is-active:before{
    display:block
}
.smartmom-navigation a:last-child{
    margin-right:0
}
.smartmom-content{
    padding:50px 0;
    /*background:#eef9f9;*/
    position:relative;
    z-index:1
}
.article-form-title{
    padding:20px 25px
}
.article-form-title .input-text::-webkit-input-placeholder{
    color:#7e7e7e;
    font-size:15px;
    /*font-size:.875rem;*/
    font-weight:500
}
.article-form-title .input-text::-moz-placeholder{
    color:#7e7e7e;
    font-size:15px;
    /*font-size:.875rem;*/
    font-weight:500
}
.article-form-title .input-text:-ms-input-placeholder{
    color:#7e7e7e;
    font-size:15px;
    /*font-size:.875rem;*/
    font-weight:500
}
.article-form-title .input-text:-moz-placeholder{
    color:#7e7e7e;
    font-size:15px;
    /*font-size:.875rem;*/
    font-weight:500
}
.article-form-title h1{
    font-weight:200;
    color:#1c3c8b;
    margin:0;
    font-size:31px;
    /*font-size:1.875rem*/
}
.article-form-title .char-counter{
    display:inline-block;
    color:#7e7e7e;
    margin-right:10px;
    position:absolute;
    right:40px;
    top:20px
}
.article-form-title form{
    position:relative;
    border-bottom:1px solid #e1e1e1;
    margin-bottom:20px
}
.article-form-title .submit-btn{
    color:#ffb2d2;
    font-size:15px;
    /*font-size:.875rem;*/
    position:absolute;
    right:0;
    top:20px
}
.article-form-title .input-text{
    width:100%;
    padding:15px 0;
    margin-top:5px;
    color:#7e7e7e;
    font-size:15px;
    border-bottom:1px solid #ebebeb;
    color:#1c3c8b;
    font-weight:700;
    font-size:21px
}
.profile-expert .backlink{
    font-size:16px;
    /*font-size:.9375rem;*/
    color:#1c3c8b;
    display:block;
    font-weight:700;
    margin-top:40px
}
.profile-expert .no-bg img{
    display:block;
    margin:0 auto
}
.profile-expert .smartmom-content{
    padding-top:0
}
.profile-expert .expert-profile{
    position:relative;
    padding:20px;
    padding-left:172px;
    color:#9c9c9c;
    font-size:14px;
    /*font-size:.8125rem;*/
    overflow:hidden;
    margin-top:50px;
    display:block
}
.profile-expert .expert-profile .avatar{
    width:132px;
    height:132px;
    top:20px;
    left:20px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box
}
.profile-expert .expert-profile .name{
    font-weight:700;
    color:#1c3c8b;
    font-size:21px;
    /*font-size:1.25rem*/
}
.profile-expert .expert-profile p{
    font-size:15px;
    color:#545454
}
.profile-expert .profile-footer{
    padding:5px;
    background:#ffe7f2;
    display:block;
    text-align:center;
    font-size:15px;
    /*font-size:.875rem;*/
    color:#1c3c8b;
    margin:20px -20px -20px -172px;
    font-weight:700
}
.profile-expert .profile-footer span{
    display:inline-block;
    font-size:31px;
    /*font-size:1.875rem*/
}
.profile-expert .profile-footer .col-md-6{
    padding-bottom:4px
}
.profile-expert .profile-footer .col-md-6:first-child{
    border-right:1px solid #f8d5e5
}
.profile-expert hr{
    margin-top:25px;
    margin-bottom:0
}
.profile-expert .comments .comment-replies{
    padding-left:50px
}
.profile-expert .comments .comment.sm-article-thumbnail{
    padding:0
}
.profile-expert .comments .comment.sm-article-thumbnail .sm-meta-wrap,.profile-expert .comments .comment.sm-article-thumbnail p{
    padding-left:5px
}
.profile-expert .comments .sm-article-thumbnail .sm-left-header{
    line-height:35px;
    margin-left:-45px
}
.sm-article-wrapper{
    margin-top:30px
}
.widget.filter{
    padding:20px 0
}
.widget.filter a{
    display:block;
    color:#1c3c8b;
    padding:13px 20px;
    font-size:15px;
    /*font-size:.875rem;*/
    position:relative
}
.widget.filter a.is-active{
    background:#dff9f9;
    border-left:5px solid #47b7b8;
    font-weight:700
}
.filter-artikel.widget a{
    border: 1px solid #C4E2FE;
    box-sizing: border-box;
    border-radius: 100px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #00258F;
    padding: 10px;
    padding: 6px 14px 8px 17px;
    margin-right: 7px;
}
.filter-artikel.widget a.is-active{
    background: rgba(46, 154, 255, 0.3);
    border-left: unset;
}
.widget.filter a i{
    position:absolute;
    top:20px;
    font-size:13px;
    right:15px
}
.sidebar .sm-article-thumbnail{
    padding:0
}
.sidebar .sm-article-thumbnail .sm-article-img{
    margin-left:-15px;
    margin-right:-15px
}
.sidebar .sm-article-thumbnail .sm-article-title{
    margin-top:10px;
    font-size:15px
}
.sidebar .widget:first-child{
    margin-top:0
}
.discussion-form{
    *zoom:1;
    margin-bottom:50px
}
.discussion-form:after,.discussion-form:before{
    content:"";
    display:table
}
.discussion-form:after{
    clear:both
}
.discussion-form textarea{
    color:#7e7e7e;
    margin-top:20px;
    min-height:300px;
    border-bottom:1px solid #e1e1e1;
    display:block;
    width:100%
}
.discussion-form .widget{
    padding:20px;
    font-size:14px;
    margin-bottom:20px
}
.discussion-form .button{
    display:block;
    margin:0 auto;
    width:120px;
    padding:12px;
    text-transform:uppercase;
    margin-top:40px
}
.checkbox-area,.checkbox-area .col-md-6{
    margin-top:10px
}
.single-article-wrapper .filter a{
    padding:5px 20px
}
.sm-article-detail .sm-meta-wrap{
    margin-top:10px
}
.sm-article-detail .sm-article-title{
    margin-top:15px
}
.article-title{
    font-size:31px;
    color:#1c3c8b;
    display:block;
    text-align:left;
    margin:15px 0px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 32px;
    line-height: 42px;
    color: #00258F;
}
.smartmom-hero-article{
    padding-bottom:100px
}
.smartmom-hero-article:before{
    display:none
}
.smartmom-hero-article .meta-posted{
    color:#47b7b8;
    font-size:17px;
    display:block;
    text-align:center;
}
.article-hero-img{
    /*margin:0 auto;*/
    display:block;
    -webkit-border-rad/*ius:5px;
    border-radius:5px;*/
    background-clip:padding-box;
    max-width:100%
}
.article-content{
    margin-top:59px;
}
.article-content .widget-title{
    margin-bottom:10px
}
.article-content .col-md-8{
    width:75%
}
.cat-title{
    text-transform:uppercase
}
.related-articles-list{
    margin-top:60px
}
.related-articles-list .row.row--super{
    margin-top:30px
}
.related-articles-list .cat-title{
    color:#ffb2d2;
    font-weight:700;
    font-size:11px;
    display:block
}
.related-articles-list .heading-title{
    font-size:19px;
    /*font-size:1.125rem*/
}
.related-articles-list figcaption{
    background:#eef9f9
}
.related-articles-list .button{
    display:block;
    margin:0 auto;
    margin-top:50px;
    text-align:center;
    width:220px
}
.related-articles-list .heading-cat{
    display: inline-block;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 10px;
    line-height: 13px;
    text-transform: uppercase;
    color: #2E9AFF;
    margin-left: 9px;
}
.floting-socmed{
    font-size:13px;
    width:60px;
    font-weight:700;
    color:#1c3c8b;
    text-align:center;
    border-top-right-radius:10px;
    border-bottom-right-radius:10px;
    -webkit-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    -moz-box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    box-shadow:0 0 5px 0 rgba(0,0,0,.35);
    padding:10px;
    position:fixed;
    left:0;
    top:50%;
    margin-top:-120px;
    background:#fff;
    z-index:1000
}
.floting-socmed .socmed{
    margin-top:10px
}
.floting-socmed .socmed .socmed-icon{
    display:block;
    margin:5px auto;
    width:30px;
    height:30px;
    font-size:19px;
    line-height:30px
}
.sm-article-list{
    padding-top:90px
}
.sm-article-list .smartmom-navigation{
    margin-top:60px
}
.sm-articles .widget .widget-title{
    margin-bottom:20px
}
.sm-articles .activity-card{
    margin-bottom:30px
}
.sm-articles .activity-card .overlay{
    background:rgba(255,178,210,.5)
}
.sm-articles .activity-card figcaption{
    background:#fff;
    padding-top: unset;
}
.ms-articles .activity-card .article-desc{
    margin-top: 8px;
    margin-bottom: 8px;
}
.sm-articles .activity-card:hover figcaption{
    /*background:#ffd4e7*/
}
.sm-articles .activity-card:hover a.heading-title{
    color:#1c3a8b
}
.sm-articles .button.button--green{
    width:160px;
    display:block;
    text-align:center;
    margin:0 auto
}
.sm-articles .widget{
    margin-bottom:25px
}
.sm-articles .related-articles-list{
    width:100%;
}
.masonry-layout{
    display:flex;
    flex-wrap:wrap;
    flex-direction:column
}
.masonry-layout__panel{
    /*width:33.3%;*/
    position:relative
}
.sm-about{
    padding:0
}
.sm-about:before{
    display:none
}
.sm-about .smartmom-navigation{
    margin-top:34px
}
.sm-about-content{
    padding-bottom:100px;
    background:url(./img/about.png) no-repeat;
    background-size:100%
}
.sm-about-content h1{
    font-size:41px;
    /*font-size:2.5rem;*/
    margin:0
}
.sm-about-content img{
    display:block;
    margin-top:10px;
    margin-bottom:40px
}
.sm-about-content p{
    font-size:17px;
    /*font-size:1rem;*/
    color:#393939
}
.iframe-wrapper{
    -webkit-border-radius:15px;
    border-radius:15px;
    background-clip:padding-box;
    overflow:hidden;
    margin-top:30px;
    width:420px
}
.iframe-wrapper iframe{
    max-width:100%
}
.register-form{
    margin-top: 140px
}
.register-form .widget{
    padding:30px;
    background: transparent;
    width: 425px;
    text-align: left;
    padding-top: 10px;
}
.register-form .widget h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #00258F;    
}
.checkbox-group .button{
    margin-top:0;
    margin-right:0
}
.login-form{
    margin-top:50px
}
.login-form hr{
    border-top-color:#d7d7d7
}
.login-form p{
    margin:20px auto;
    color:#787878
}
.homepage{
    position:relative;
    display:block;
    overflow:hidden
}
.noda-btn{
    right:0;
    background-clip:padding-box;
    -webkit-box-shadow:0 0 5px 0 #fff;
    -moz-box-shadow:0 0 5px 0 #fff;
    box-shadow:0 0 5px 0 #fff;
    -webkit-transform:scale(0);
    -moz-transform:scale(0);
    transform:scale(0)
}
.noda-btn,.noda-btn:before{
    position:absolute;
    -webkit-border-radius:50%;
    border-radius:50%;
    opacity:0
}
.noda-btn:before{
    content:"";
    width:100%;
    height:100%;
    background:rgba(71,183,184,.25) url(./img/zoom.png);
    background-repeat:no-repeat;
    background-position:50%;
    background-size:40px;
    top:0;
    left:0;
    background-clip:padding-box
}
.noda-btn:before,.noda-btn:hover:before{
    -webkit-transition:.3s ease-in-out;
    -moz-transition:.3s ease-in-out;
    transition:.3s ease-in-out
}
.noda-btn:hover:before{
    opacity:1
}
.noda-btn:first-of-type{
    top:55px;
    right:40px
}
.noda-btn:nth-of-type(2){
    top:200px;
    right:-20px
}
.noda-btn:nth-of-type(3){
    top:360px
}
.noda-btn:nth-of-type(3) span img{
    max-height:80px;
    margin-left:-20px
}
.noda-btn span{
    width:50px;
    position:absolute;
    bottom:0;
    left:-10px;
    z-index:10
}
.noda-btn span img{
    max-height:100px
}
.survey-sample{
    margin-top:50px
}
.thankyou{
    min-height:calc(100vh - 363px);
    padding:0;
    position:relative
}
.thankyou .container{
    width:700px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.leaderboard-hero{
    position:relative;
    min-height:345px
}
.leaderboard-hero .container{
    width:700px;
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%,-50%);
    -moz-transform:translate(-50%,-50%);
    transform:translate(-50%,-50%)
}
.leaderboard{
    padding:50px 0
}
.winners{
    background:#e2fafa;
    padding:20px;
    color:#1c3c8b;
    font-weight:700
}
.winners span{
    display:block;
    font-weight:500
}
.winner-nav a{
    display:block;
    font-weight:700;
    color:#1c3c8b;
    padding:20px;
    border-bottom:1px solid #ebebeb
}
.winner-nav a.is-active{
    background:#ffb2d2;
    -webkit-border-radius:10px;
    border-radius:10px;
    background-clip:padding-box;
    position:relative
}
.winner-nav a.is-active:before{
    content:"\F054";
    width:48px;
    height:48px;
    line-height:42px;
    text-align:center;
    font-size:15px;
    -webkit-border-radius:50%;
    border-radius:50%;
    background-clip:padding-box;
    position:absolute;
    right:-10px;
    top:9px;
    background:#fff;
    border:5px solid #ffb2d2;
    font-family:FontAwesome
}
.product-desc-slider{
    margin-top:30px;
}

.w-number div:nth-child(3) div{
    font-size:35px!important
}
.jaznum{
    font-size:70px
}
.tag{
    color:#47b7b8;
    font-size:13px;
    /*font-size:.75rem;*/
    display:block;
    margin-top:10px
}
.actions{
    display:block;
    text-align:center;
    *zoom:1
}
.actions:after,.actions:before{
    content:"";
    display:table
}
.actions:after{
    clear:both
}
.actions .backlink{
    float:left;
    color:#1c3c8b;
    font-weight:700
}
.actions .button{
    margin:0;
    margin-left:-70px;
    display:inline-block
}
.grid-item,.grid-sizer{
    width:33.333%
}
.footer{
    background:#f3f9ff;
    color:#fff;
    position: relative;
}
.footer .footer-top{
    display:block;
    border-bottom:1px solid #65c1c4;
    text-align:center
}
.footer .col-md-4{
    padding:40px 50px;
    border-right:1px solid #65c1c4
}
.smartmom-trending{
    font-weight:700;
    color:#fff;
    text-align:center;
    font-size:21px;
    /*font-size:1.25rem*/
}
.smartmom-trending .trending-topic{
    margin-top:15px
}
.smartmom-trending .trending-topic p{
    font-size:19px;
    /*font-size:1.125rem*/
}
.smartmom-trending p{
    font-weight:700;
    color:#fff;
    margin:0
}
.smartmom-trending .meta-publish{
    font-size:17px;
    /*font-size:1rem;*/
    font-weight:500;
    font-style:italic
}
.get-offers{
    font-size:21px;
    /*font-size:1.25rem;*/
    font-weight:700
}
.get-offers p{
    font-size:19px;
    /*font-size:1.125rem;*/
    color:#fff;
    font-weight:500
}
.get-offers a{
    font-size:17px;
    /*font-size:1rem*/
}
.footer-socmed{
    font-weight:700;
    font-size:21px;
    /*font-size:1.25rem*/
}
.footer-socmed .socmed{
    margin-top:15px
}
.footer-bottom{
    padding:10px 8px;
    display:block
}
.footer-bottom .copyright{
    font-size:12px;
    /*font-size:.6875rem*/
}
.footer-bottom .copyright a{
    display:inline-block;
    vertical-align:middle;
    margin-right:10px
}
.footer-bottom .copyright img{
    display:block
}
.footer-bottom .tnc{
    padding:6px 0;
    font-size:12px;
    /*font-size:.6875rem*/
}
.footer-bottom .tnc a{
    color:#00258F;
    font-size:12px;
    /*font-size:.6875rem;*/
    margin:0 10px;
    display:inline-block;
    vertical-align:middle
}
.footer-bottom .tnc a:last-child{
    margin-right:0
}
@media screen and (max-width:1320px){
    .hero .heading{
        font-size:39px;
        /*font-size:2.375rem*/
    }
    .hero .hero-caption{
        margin-top:50px
    }
    .home-slider p{
        font-size:15px;
        /*font-size:.875rem*/
    }
}
@media screen and (max-width:1024px){
    .container{
        max-width:100%
    }
    .hero{
        background-position-x:100%
    }
    .hero .hero-caption{
        display:block;
        width:50%;
        margin-left:auto;
        margin-right:auto;
        padding-left:0;
        margin-top:70px;
        padding-right:0;
        text-align:center;
        float:none!important
    }
    .hero .container{
        min-height:100vh
    }
    .sm-about-content{
        background-size:cover
    }
    .notification{
        left:auto;
        right:0;
        margin-left:0
    }
    .sm-create-discussion{
        width:100%
    }
    .video-slide .left-cont{
        width:58.33333333%;
        padding-right:30px
    }
    .video-slide .right-cont{
        width:41.66666667%
    }
    .video-navigation .col-md-8{
        width:58.33333333%
    }
}
@media screen and (max-width:768px){
    .video-slide{
        margin:0
    }
    .video-slide .left-cont{
        width:100%;
        float:none;
        padding:0;
        padding-right:0
    }
    .video-slide .right-cont{
        width:100%;
        padding:0;
        float:none;
        margin-top:20px
    }
    .video-navigation{
        padding-right:0!important;
        margin-top:50px
    }
    .video-navigation .col-md-8{
        width:100%
    }
    .navigation li{
        margin-right:10px
    }
    .navigation li a{
        font-size:13px;
        font-weight: 100;
    }
    .video-page .video-wrapper iframe{
        height:400px
    }
    .navigation li .circle-btn{
        width:28px;
        height:28px;
        line-height:28px;
        font-size:13px
    }
    .smartmom-hero{
        padding-top:50px
    }
    .smartmom-hero p{
        max-width:50%
    }
    .xs-hide{
        display:none!important
    }
    .xs-show{
        display:block!important
    }
    .pp-uploader.xs-show{
        margin-top:20px
    }
    .col-xs-12-i{
        width:100%!important
    }
    .col-xs-6-i{
        width:50%!important
    }
    .related-articles-list{
        padding:0 30px;
        padding-bottom:50px
    }
    .related-articles-list .heading-title{
        font-size:16px
    }
    .smartmom-hero{
        display:block;
        position:relative;
        overflow:hidden
    }
    .sm-article-list{
        padding-top:90px
    }
    .sm-about-content{
        background-position-x:60%
    }
    .product-hero .ht-img{
        margin-top:-50px
    }
    .product-hero .pr-right{
        padding-bottom:50px
    }
    .product-hero .ph-img{
        margin-top:0
    }
    .product-main .aligner{
        display:block
    }
    .product-category-card{
        height:220px
    }
    .product-main .single-slider-2,.product-main .single-slider-2-jaz{
        margin-top:30px
    }
    .product-main .single-slider-2 img,.product-main .single-slider-2-jaz img{
        max-width:none;
        max-height:200px;
        width:auto!important
    }
    .dec-round{
        display:none
    }
    .hero{
        min-height:0;
        background-position-x:0;
        background:#c3f3f3;
        background:-moz-linear-gradient(top,#c3f3f3 0,#9edcde 100%);
        background:-webkit-gradient(left top,left bottom,color-stop(0,#c3f3f3),color-stop(100%,#9edcde));
        background:-webkit-linear-gradient(top,#c3f3f3,#9edcde);
        background:-o-linear-gradient(top,#c3f3f3 0,#9edcde 100%);
        background:-ms-linear-gradient(top,#c3f3f3 0,#9edcde 100%);
        background:linear-gradient(180deg,#c3f3f3 0,#9edcde);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#c3f3f3",endColorstr="#9edcde",GradientType=0)
    }
    .hero .hero-caption{
        width:100%;
        margin-left:0;
        margin-top:0;
        padding:50px 100px
    }
    .hero .container{
        min-height:calc(100vh - 350px)
    }
    .product-intro .attack-hitech{
        width:50%
    }
    .product-intro .batik-prod-img,.product-intro .hitech-prod-img{
        margin-top:0;
        width:100%
    }
    .batik-wrapper .col-md-6.batik-care{
        width:65%;
        float:left
    }
    .batik-wrapper .col-md-6{
        width:35%;
        float:left
    }
    .hitech-wrapper .attack-hitech{
        width:65%;
        float:left
    }
    .hitech-wrapper .col-md-6.pull-right{
        width:35%;
        float:left
    }
    .homepage .category-cards figure.cat-card h3{
        font-size:14px
    }
    .homepage .category-cards figure.cat-card .cat-title{
        font-size:11px
    }
    .category-cards figure.cat-card .readmore{
        font-size:13px
    }
    .homepage .smartmom img.sm-bg-img{
        margin-left:-100px
    }
    .latest-discussions .disc-body p{
        font-size:13px
    }
    .latest-discussions .discussion-article-thumbnail .inner{
        padding:0
    }
    .act-left{
        padding-left:15px;
        padding-right:15px
    }
    .act-left .align--right.display--block,.act-left .socmed{
        display:none
    }
    .act-desc-header{
        margin-left:0
    }
    .attacktivity-detail .act-detail-desc{
        padding:0 15px
    }
    .activity-articles{
        padding:15px 25px
    }
    .activity-articles .col-md-4{
        padding:0 15px
    }
    .attacktivity-hero{
        margin-bottom:40px
    }
    .attacktivity-hero img{
        width:100%
    }
    .ecom{
        margin-bottom:20px
    }
    .ecom a{
        margin:0 15px
    }
    .ecom img{
        max-height:40px
    }
    .promo-slider .slick-dots{
        right:auto
    }
    .buynow-content{
        padding-top:100px;
        min-height:0
    }
}
/*# sourceMappingURL=app.css.map*/


/** additional **/

.productBottomBanner { margin-top: 50px;}


/* Style the video: 100% width and height to cover the entire window */
#homeBannerVideo {
  position: relative;
  right: 0;
  bottom: 0;
  min-width: 100%;
  min-height: 100%;
}

/* Add some content at the bottom of the video/page */
.content {
  position: fixed;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  color: #f1f1f1;
  width: 100%;
  padding: 20px;
}

.buyNowTable { font-size: 15px; }

.buyNowTable th { background-color: #1b3d8d; color: white; padding: 10px;  }

.buyNowTable td:nth-child(1) { width: 200px; text-align: center; }
.buyNowTable td:nth-child(4) { width: 200px; text-align: center; }

.buyNowTable td { padding: 10px; border-bottom: 1px solid #ccc; }

.alert p {
    font-size: 14px;
}

/** end additional **/
footer .new_footer{
    padding: 30px 0px;
}
footer .new_footer .row,footer .new_footer .footer-socmed{
    text-align: left;
}
footer .new_footer h6,footer .new_footer p,footer .new_footer li{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin: unset;
    line-height: 24px;
    color: #00258F;
}
footer .new_footer a{
    color: #00258F;
}
footer .footer-bottom,footer .footer-bottom a{
    color: #00258F;
}
footer .new_footer .footer_sample{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    margin: unset;
    line-height: 24px;
    color: #67d3f7;
    text-decoration: underline;
}
footer .new_footer ul{
    margin: unset;
    list-style: none;
    padding-left: unset;
}
footer .new_footer p,footer .new_footer li{
    font-weight: 400;
}
.mega-menu .clearfix{
    margin: auto;
}
.new_form input,.new_form select,.new_form textarea{
    border-color: rgba(46, 154, 255, 0.2);
    background: white;
}
#form-register .tnc-agr{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #00258F;
    display: inline;
}
#form-register .tnc-agr a{
    color: #00258F
}

#sample-request-form input,#sample-request-form select,#sample-request-form textarea{
    border-color: rgba(46, 154, 255, 0.2);
}
#sample-request-form label{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #00258F;
}
.new_form label{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #00258F;
}
#sample-request-form button, .sample_href, button.new_button{
    background: #00258F !important;
    border-radius: 100px;
    margin-left: 0;
    line-height: 24px;
}
.buynow-header{
    height: 319px;
    background: #F4F9FF;
}
.buynow-header .row{
    display: flex;
    align-items: end;
    height: 319px;
}
.buynow-header img{
    width: 100%;
    position: relative;
    bottom: -35px;
    max-width: 570px;
}
.buynow-header h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 42px;
    line-height: 53px;
    color: #00258F;
}
.buynow-header p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
    margin-top: unset;
    margin-bottom: 67px;
}
.ecom{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.ecom a{
    flex: 0 0 23%;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(196, 226, 254, 0.7);
    border-radius: 15px;
    width: 247px;
    height: 142px;
    padding: 42px;
    display: flex;
    align-items: center;
}
.ecom a img{
    height: auto;
    width: auto;
}
.smartmom-page .hr-login{
    background: linear-gradient(180deg, #F3F9FF 0%, #F4F9FF 69.27%);
}
.checkbox-group input[type=checkbox]+label span{
    display:inline-block;
    width:19px;
    height:19px;
    margin:-2px 10px 0 0;
    vertical-align:middle;
    border: 1px solid rgba(46, 154, 255, 0.2);
    cursor:pointer
}
.still_login label{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #00258F;
}
.forgot-password{
    text-align: right;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #2E9AFF !important;
}
.row-btn-login{
    display: flex;
    padding: 0px 16px;
}
.row-btn-login button{
    width: 44px;
    flex: 0 0 96px;
}
.row-btn-login a{
    border-radius: 50px;
    line-height: 22px;
    margin: unset;
    flex: 1;
    height: 44px;
    margin-left: 10px;
}
.blank_hr{
    height: 82px;
    width: 100%;
    border-bottom: 1px solid rgba(46, 154, 255, 0.3);
}
.attacktivity-detail .blank_hr{
    background: rgba(196, 226, 254, 0.2);
    border-bottom: unset;
    display: flex;
    align-items: center;
}
.attacktivity-detail .blank_hr .container{
    padding: unset;
    border: unset;
}
.attacktivity-detail .blank_hr h4{
    margin: unset;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;

    color: #00258F;
}
.container-breadcrumb{
    padding: unset;
    border: unset;
}
.breadcrumb ul{
    display: flex;
    list-style: none;
    padding-left: unset;
}
.attacktivity-detail .breadcrumb{
    margin-bottom: 49px;
}
.breadcrumb ul li{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 5px;
}
.breadcrumb ul li a{
    color: rgba(0, 0, 0, 0.3);
}
.breadcrumb ul li::after{
    content: ">";
    padding-left: 5px;
}
.breadcrumb ul li:last-child::after{
    content: unset;
}
.article-share {
    padding-top: 53px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    color: #2E9AFF;
}
.article-share .socmed{
    padding-top: 19px
}
.article-content .meta-posted, .related-articles-list .meta-posted, .attacktivity-detail .meta-posted, .widget-selected-article .meta-posted{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.3);
}
.meta-live{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    color: #2E9AFF;
    
    background: rgba(84, 223, 215, 0.3);
    border-radius: 5px;
    padding: 6px 7px;
}
.article-content .meta-category, .related-articles-list .meta-category{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    color: #2E9AFF;
    margin-left: 15px;
}
.article-content .blog-article{
    padding-top: 32px;
    font-family: 'Mulish';
}
hr.nice{
    border-bottom: 1px solid rgba(46, 154, 255, 0.2);
    margin: unset;
}
.related-articles-list{
    margin-bottom: 90px;
}
.related-articles-list h2{
    position: relative;

    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;

    color: #00258F;
}
.related-articles-list a.button{
    display: inline-block !important;
    float: right;
    margin: unset !important;
    border: 1px solid #C4E2FE;
    box-sizing: border-box;
    border-radius: 100px;
    width: auto;
    background: unset;
    text-transform: capitalize;
}
.related-articles-list .activity-card{
    border-radius: unset;
    border: unset;
}
.related-articles-list .activity-card > a{
    height: 230px;
}
.related-articles-list .activity-card a.heading-title{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #00258F;
    padding-top: 14px;
}
.related-articles-list .activity-card:hover a.heading-title{
    transition: unset;
    color: #00258F;
}
.related-articles-list .activity-card img{
    border-radius: 15px;
}
.related-articles-list .content_detail{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    overflow: hidden;
   text-overflow: ellipsis;
   display: -webkit-box;
   -webkit-line-clamp: 3;
           line-clamp: 3; 
   -webkit-box-orient: vertical;
   margin-top: 8px;
}
.related-articles-list .content_detail p{
    margin: unset;
}
.article-content .share-bottom,.article-content .share-bottom .socmed,.attacktivity-detail .share-bottom,.attacktivity-detail .share-bottom .socmed{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #2E9AFF;
    padding-top: unset;
    display: flex;
    align-items: center;
}
.article-share .socmed .socmed-icon,.attacktivity-detail .socmed .socmed-icon{
    width: 100%;
    text-align: left;
    height: 24px;
    line-height: 0px;
    font-style: 24px;
    margin-bottom: 14px;
    color: rgba(46, 154, 255, 0.5);
    background: unset;
}
.article-content .share-bottom .socmed,.attacktivity-detail .share-bottom .socmed{
    margin-left: 20px;
}
.article-content .share-bottom .socmed a,.attacktivity-detail .share-bottom .socmed a{
    margin: unset;
    margin-right: 16px;
}
.content-attacktivity p{
    margin-bottom: unset;
    font-family: 'Mulish';
    font-weight: bold;
}
.content-attacktivity{
    margin-bottom: 50px;
}
.content-attacktivity ol{
    margin: unset;
    font-family: 'Mulish';
    color: rgba(0, 0, 0, 0.7);
}
.content-attacktivity li{
    margin: unset;
    font-family: 'Mulish';
    color: rgba(0, 0, 0, 0.7);
}
.content-attacktivity ol li br{
    display: none;
}
.filter-artikel{
    display: flex;
    padding-top: unset !important;
}
.another-artikel{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 18px;
    line-height: 23px;
    color: #2E9AFF;
    margin-bottom: 17px;
}

.activity-articles .footer-socmed,.sm-articles .footer-socmed{
    border-bottom: 1px solid rgba(46, 154, 255, 0.2);
}
.activity-articles .footer-socmed h6 ,.sm-articles .footer-socmed h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #00258F;
    margin: unset;
}
.activity-articles .footer-socmed p ,.sm-articles .footer-socmed p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00258F;
}
.widget-joinsmccol3{
    background: #F4F9FF;
    border-radius: 15px;
    overflow: hidden;
    text-align: center;
    margin-top: 23px;
    /*padding: 19px 24px 17px 0px;*/
}
.widget-joinsmccol3 h2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #00258F;
}
.widget-joinsmccol3 a{
    background: rgba(46, 154, 255, 0.3);
    border-radius: 100px;
}
.widget-joinsmccol3 img{
    width: 100%;
}
.widget-search{
    border: 1px solid rgba(46, 154, 255, 0.2);
    box-sizing: border-box;
    border-radius: 50px;
    margin-bottom: 26px;
}
.widget-search form{
    display: flex;
    align-items: center;
    padding-right: 5px;
}
.widget-search input{
    flex: 1;
    border:unset;
}
.widget-search i{
    color: #2E9AFF;
}
.widget-selected-article{
    padding: unset;
}
.widget-selected-article .col-xs-4{
    padding: 0px 11px;
}
.widget-selected-article .sm-article-thumbnail .sm-article-img{
    margin: unset;
}
.widget-selected-article .sm-article-thumbnail img{
    min-height: 220px;
    min-width: 100%;
    border-radius: 15px;
}
.product-list-bottom{

}
.product-list-bottom h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    /* identical to box height, or 117% */

    text-align: center;

    color: #00258F;
}
.product-list-bottom .prd-list{
    display: flex;
    margin: 0px -10px;
    padding-top: 50px;
    align-items: flex-start;
}
.product-list-bottom .plb-p1, .product-list-bottom .plb-p2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
    color: #00258F;
    margin: unset;
    margin-top: 11px;
}
.product-list-bottom .prd-list > div{
    flex: 0 0 20%;
    width: 20%;
    margin: 0px 10px;
    text-align: center;
    padding: 0px 12px 30px;
    min-height: 275px;
}
.product-list-bottom .prd-list > div .button{
    background: #2E9AFF;
    border-radius: 100px;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 12px;
    line-height: 24px;
    align-items: center;
    text-align: center;
    color: #2e39a1ba;
    margin-top: 30px;
    padding: 3px 17px 5px 16px;
}
.product-list-bottom .prd-list > div:hover{
    transition: all 1s;
}
.product-list-bottom .prd-list > div:hover .button{
    display: inline-block !important;
}
.product-list-bottom .prd-list > div img{
    width: 100%;
}
.product-list-bottom .prd-list .plb-product{
    min-height: 200px;
    display: flex;
    align-items:flex-end; 
    margin-top: -70px;
}
.product-list-bottom .plb-c1{
    background: #EDF6FF;
    box-shadow: 0px 8px 20px rgba(196, 226, 254, 0.2);
    border-radius: 15px;
}
.product-list-bottom .plb-c2{
    background: rgba(230, 198, 255, 0.2);
    box-shadow: 0px 8px 20px rgba(196, 226, 254, 0.2);
    border-radius: 15px;
}
.product-list-bottom .plb-c3{
    background: rgba(255, 252, 176, 0.3);
    box-shadow: 0px 8px 20px rgba(196, 226, 254, 0.2);
    border-radius: 15px;
}
.product-list-bottom .plb-c4{
    background: rgba(254, 196, 196, 0.3);
    box-shadow: 0px 8px 20px rgba(196, 226, 254, 0.2);
    border-radius: 15px;
}
.product-list-bottom .plb-c5{
    background: rgba(255, 176, 214, 0.2);
    box-shadow: 0px 8px 20px rgba(196, 226, 254, 0.2);
    border-radius: 15px;
}
.widget-product-cmb{
    background:url(./img/bg-2.png) no-repeat;
    height: 430px;
    background-size: cover;
}
.widget-product-cmb h3{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    color: #00258F;
    margin: unset;
    margin-top: 63px;
}
.widget-product-cmb h3.highlight{
    font-weight: 800;
    font-size: 28px;
    line-height: 35px;
    margin-top: 8px;
}
.widget-product-cmb .prd-list{
    display: flex;
}
.widget-product-cmb .prd{
    width: 270px;
    margin-right: 20px;
    margin-top: 15px;
}
.widget-product-cmb .prd p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 18px;
    color: #00258F;
    margin: unset;
}
.widget-product-cmb .prd a{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    text-decoration-line: underline;
    color: #2E9AFF;
}
.widget-product-cmb .prd img{
    width: 100%;
}
.product-list-fresh-up{
    margin-bottom: 79px;
}
.product-list-fresh-up .prd-list{
    display: flex;
    margin: 0px -10px;
    padding-top: 50px;
    align-items: flex-start;
    position: relative;
}
.product-list-fresh-up .prd-list .plb-c1,
.product-list-fresh-up .prd-list .plb-c2,
.product-list-fresh-up .prd-list .plb-c3,
.product-list-fresh-up .prd-list .plb-c4,
.product-list-fresh-up .prd-list .plb-c5{
    margin: 0px 10px;
    flex: 1;
    display: flex;
    justify-content: center;
    position: relative;
}
.product-list-fresh-up h6 {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #00258F;
    margin-bottom: unset;
}
.product-list-fresh-up .prd-list img{
    width: 100%;
}
.product-list-fresh-up .prd-list .plb-text{
    position: absolute;
    bottom: 83px;
    max-width: 270px;
}
.product-list-antibau .prd-list .plb-text, .product-list-jaz1 .prd-list .plb-text{
    bottom: 24px;
}
.product-list-easy .prd-list .plb-text{
    top: 24px;
    bottom: unset;
}
.product-list-fresh-up .prd-list .plb-text p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    text-align: center;
    color: #00258F;
    margin: unset;
}
.product-list-fresh-up .prd-list .plb-text p:first-child{
    font-weight: bold;
    margin-bottom: 7px;
}
.product-list-fresh-up .prd-list .plb-text p:nth-child(3){
    font-weight: 400;
    font-size: 10px;
    line-height: 20px;
    margin-top: 15px;
}
.product-list-fresh-up .prd-list .plb-product{
    width: 100%;
}
.widget-product-video{
    text-align: center;
    margin-bottom: 40px;
}
.widget-product-video .prd-list{
    max-width: 750px;
    margin: auto;
}
.widget-product-badge{
    margin-top: 120px;
    margin-bottom: 60px;
}
.widget-product-badge .container > p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #00258F;
    margin: auto;
    margin-bottom: 16px;
    max-width: 750px;
}
.widget-product-badge .container > h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 28px;
    text-align: center;
    color: #00258F;
    margin: auto;
    margin-bottom: 16px;
    max-width: 750px;
}
.widget-product-badge .container .product-list-badge{
    display: flex;
    margin: 0px -24px;
}
.widget-product-badge .container .product-list-badge > div{
    flex: 1;
    margin: 0px 24px;
    text-align: center;
}
.widget-product-badge .container .product-list-badge > div img{
    width: 100%;
    max-width: 200px;
    padding: 0px 20px;
    margin-bottom: 24px;
}
.widget-product-badge .container .product-list-badge > div .img-contain{
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: flex-end;
    min-height: 210px;
}
.widget-product-badge .container .product-list-badge > div .p1{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 28px;
    text-align: center;
    color: #00258F;
    margin-bottom: 10px;
    margin-top: unset;
}
.widget-product-badge .container .product-list-badge > div .p2{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-align: center;
    color: #00258F;
    margin-bottom: 20px;
    margin-top: unset;
}
.widget-product-badge .container .product-list-badge > div .p3{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 16px;
    text-align: center;
    color: rgba(0, 0, 0, 0.5);
    margin: unset;
}

.product-main2{
    height: 480px;
    background-size: cover;
}
.product-main2 .product-text p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #00258F;
    margin: unset;
    margin-bottom: 28px;
}
.product-main2 .container{
    display: flex;
    align-items: flex-end;
    height: 480px;
}
.product-main2 .img-show{
    max-width: 550px;
    flex: 0 0 550px;
}
.product-main2 .img-show img{
    width: 100%;
    position: relative;
    bottom: -90px;
}
.product-antibau .product-main2 .img-show img{
    bottom: -30px;
}
.product-jaz1 .product-main2 .img-show img{
    bottom: -30px;
    max-width: 410px;
}
.product-batikcare .product-main2 .img-show img{
    bottom: -30px;
    max-width: 410px;
}
.product-main2 .product-text{
    flex: 1;
    margin-bottom: 100px;
    padding-left: 40px;
}
.product-main2 .product-text h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 48px;
    color: #00258F;
    margin: unset;
}
.product-main2 .product-text h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color: #00258F;
    margin: unset;
    margin-bottom: 13px;
}
.product-main2 .product-text p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 24px;
    color: #00258F;
    margin: unset;
    margin-bottom: 28px;
}


.widget-sub-main2{
    background-size: cover;
    margin-top: 100px;
}

.widget-sub-main2 .container{
    display: flex;
}
.widget-sub-main2 .img-show{
    max-width: 440px;
    flex: 0 0 440px;
}
.widget-sub-main2 .img-show img{
    width: 100%;
    position: relative;
}
.widget-sub-main2 .product-text{
    flex: 1;
    padding-right: 40px;
}
.widget-sub-main2 .product-text h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 48px;
    color: #00258F;
    margin: unset;
}
.widget-sub-main2 .product-text h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 36px;
    line-height: 48px;
    color: #00258F;
    margin: unset;
    margin-bottom: 13px;
}
.product-fresh-up,.product-antibau,.product-easy,.product-jaz1,.product-batikcare{
    background: white;
    padding-bottom: 100px;
}
.product-fresh-up .product-main2{
    background-image: url('./img/prd-banner-fresh.png');
}
.product-antibau .product-main2{
    background-image: url('./img/prd-banner-antibau.png');
}
.product-easy .product-main2{
    background-image: url('./img/prd-banner-easy.png');
}
.product-jaz1 .product-main2{
    background-image: url('./img/prd-banner-jaz1.png');
}
.product-batikcare .product-main2{
    background-image: url('./img/prd-banner-batikcare.png');
}
.banner-home{
}
.banner-home img{
    width: 100%;
}
.buy-nowhome h2{
    font-family: 'Mulish';
    font-style: italic;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;

    color: #00258F;
}
.buy-nowhome{
    background-image: url('./img/bg-laundry.png');
    min-height: 430px;
    background-size: cover;
}
.buy-nowhome p{
    margin-bottom: unset;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #00258F;
}
.widget-homesmc{
    background: rgba(196, 226, 254, 0.5);
    height: 600px;
    padding-top: 60px;
}
.widget-homesmc .col-xs-5 .logo{
    position: relative;
    left: -25px;
}
.widget-homesmc .col-xs-5 h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #00258F;
    margin-top: unset;
    margin-bottom: 27px;
}
.widget-homesmc .col-xs-5 p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #00258F;
}
.widget-homesmc .col-xs-5 .list-mom{
    display: flex;
}
.widget-homesmc .col-xs-5 .list-mom > div{
    margin-right: 5px;
}
.widget-homesmc .col-xs-5 .list-mom > div p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    color: #2E9AFF;
    margin: unset;
}
.widget-homesmc .col-xs-7 .lastest_chat{
    background: #FFFFFF;
    border-radius: 15px;
    padding: 6px 12px 9px 12px;
}
.widget-homesmc .col-xs-7 .lastest_chat p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #2E9AFF;
    margin: unset;
}
.widget-homesmc .col-xs-7 .lastest_chat span{
    float: right;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: #C4C4C4;
}
.widget-homesmc .col-xs-7 .list-category{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0px -10px;
}
.widget-homesmc .col-xs-7 .list-category .ctgry{
    flex: 0 0 33%;
    flex-basis: calc(33% - 20px);
    margin: 0px 10px;
    background: #FFFFFF;
    box-shadow: 0px 4px 20px rgba(46, 154, 255, 0.1);
    border-radius: 15px;
    padding: 23px;
    margin-bottom: 27px;
}
.widget-homesmc .col-xs-7 .list-category .ctgry .icon{
    width: 53px;
    height: 53px;
    border-radius: 50px;
    overflow: hidden;
    display: flex;
    align-items: center;
}
.widget-homesmc .col-xs-7 .list-category .ctgry .icon img{
    margin: auto;
}
.widget-homesmc .col-xs-7 .list-category .ctgry h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #00258F;
    margin: unset;
    margin-top: 4px;
}
.widget-homesmc .col-xs-7 .list-category .ctgry p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #2E9AFF;
    margin: unset;
    margin-top: 3px;
}
.widget-homesmc .col-xs-7 .lastest_chat .chat{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #00258F;
}

.homepage .product-list-bottom .prd-list > div{
    flex: unset;
}
.category-home .activity-card a{
    border-radius: 15px;
    overflow: hidden;
}
.category-home .activity-card img{
    border-radius: 15px;
}
.category-home .activity-card .heading-title{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #00258F;
}
.category-home .activity-card .article-desc{
    margin: unset;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00258F;
}
.category-home .activity-card .heading-cat{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 20px;
    color: #2E9AFF;
    margin-top: 7px;
}
.category-home .activity-card .heading-cat i{
    margin: 0px 12px;
    font-size: 7px;
    position: relative;
    bottom: 2px;
}
.category-home .activity-card .heading-cat span{
    text-decoration-line: underline;
}
.category-home h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 28px;
    line-height: 35px;
    color: #00258F;
    margin: unset;
    margin-bottom: 28px;
}
.widget-category-topic{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    padding-top: 20px;
    margin: 0px -11px;
}
.widget-category-topic .contain-ct{
    background: rgba(230, 198, 255, 0.2);
    border-radius: 15px;
    flex-basis: calc(33.33% - 22px);
    margin: 11px;
    padding: 25px 20px;
}
.widget-category-topic .contain-ct h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #00258F;
    margin-top: 9px;
    margin-bottom: unset;
}
.widget-category-topic .contain-ct .desc{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.5);
    margin-top: 6px;
    margin-bottom: unset;
}
.widget-category-topic .contain-ct .total_post{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #2E9AFF;
    margin-top: 24px;
    margin-bottom: unset;
}
.widget-category-topic .contain-ct .last_post{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.3);
    margin-top: 6px;
    margin-bottom: unset;
}
.widget-top-contribution .list-mom{
    display: flex;
}
.widget-top-contribution .list-mom > div{
    margin-right: 15px;
}
.widget-top-contribution .list-mom > div img{
    width: 64px;
    height: 64px;
    border-right: 50px;
}
.widget-top-contribution .list-mom > div p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 24px;
    text-align: center;
    color: #2E9AFF;
    margin: unset;
    margin-top: -9px;
}
.widget-top-contribution .list-mom > div p.total_post,.widget-top-contribution .list-mom > div p.love{
    text-align: center;
    color: rgba(0, 0, 0, 0.3);
}
.widget-top-contribution .list-mom > div p.love i{
    color: #FFB0CD;
    margin-right: 4px;
}
.widget-top-contribution .list-mom > div p.name{
    margin-top: unset;
}
.widget-list-discuss{

}
.widget-list-discuss > h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #00258F;
    margin: unset;
}
.widget-list-discuss .list-discuss{
    padding-top: 14px;
    padding-bottom: 14px;
    border-bottom: 1px solid #E5E5E5;
}
.widget-list-discuss  .list-discuss:last-child{
    border-bottom: unset;
}
.widget-list-discuss .list-discuss h6{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00258F;
    margin: unset;
}
.widget-list-discuss .list-discuss h6 a{
    color: #00258F;
}
.widget-list-discuss .category{
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.3);
    margin: unset;
}
.widget-list-discuss .category .ctgr{
    color: #2E9AFF;
    margin-right: 8px;
}
.widget-list-discuss .meta{
    display: flex;
    margin: unset;
}
.widget-list-discuss .meta span{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.3);
    margin-right: 13px;
    display: flex;
    align-items: center;
}
.widget-list-discuss .meta i{
    color: #FFB0CD;
    margin-right: 3px;
}

.textel2{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.sm-discussion-detail{
    background: #FFFFFF;
    border: 1px solid rgba(46, 154, 255, 0.2);
    box-sizing: border-box;
    border-radius: 15px;
    padding: 31px 29px;
}
.sm-discussion-detail .sm-article-sharer{
    border: unset;
    padding: unset;
    margin: unset;
    justify-content: left;
}
.sm-discussion-detail .sm-article-body p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.7);
}
.sm-discussion-detail .sm-article-body h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #00258F;
    margin: unset;
}
.sm-discussion-detail .sm-meta-wrap{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.3);
}
.sm-discussion-detail .sm-meta-wrap .sm-meta-article{
    margin-right: 21px;
}
.sm-discussion-detail .sm-meta-wrap .sm-meta-article i{
    color: #FFB0CD;
    margin-right: 3px;
}
.sm-discussion-detail .sm-article-footer .like-btn{
    border: unset;
}
.sm-discussion-detail .sm-article-footer .like-btn.is-active{
    background-color: white;
}
.sm-discussion-detail .sm-article-footer > div > div > a {
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 24px;
    color: #2E9AFF;
    padding: unset;
    margin-right: 21px;
}
.sm-discussion-detail .sm-article-footer > div > div > a {
}
.sm-discussion-detail .sm-article-footer > div > div > a i{
    color: #FFB0CD;
    padding-right: 3px;
}
.sm-discussion-detail .sm-article-footer .sm-right-header{
    position: relative;
}
.sm-discussion-detail .sm-article-footer .sm-right-header .socmed{
    position: absolute;
    left: 0;
    top: 29px;
    padding: 8px;
    border: 1px solid rgba(46, 154, 255, 0.2);
    background: white;
    border-radius: 15px;
    display: none;
}
.sm-discussion-detail .sm-article-footer .sm-right-header > a{
    padding-bottom: 20px;
}
.sm-discussion-detail .sm-article-footer .sm-right-header:hover .socmed{
    display: flex;
}
.sm-discussion-detail .sm-article-footer .sm-right-header .socmed a{
    margin-right: 10px;
}
.smc-discuss-comment a{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 12px !important;
    line-height: 24px;
    display: flex;
    align-items: center;
    text-align: center;
    color: #FFFFFF;
    flex: 0 0 122px !important;
}
.sm-discussion-detail .avatar_circle,.sm-discussion-comment .avatar_circle{
    background: #FFB0CD;
    width: 54px;
    height: 54px;
    position: absolute;
    left: 0;
    border-radius: 50px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    color: white;
    font-size: 24px;
}
.sm-discussion-comment .avatar_circle{
    left: -60px;
}
.sm-discussion-detail .sm-left-header{
    padding-left: 62px;
}
.sm-discussion-comment{
    padding-left: 62px !important;
}
.sm-discussion-comment .sm-left-header{
    padding-left: 0px;
}
.sm-discussion-comment .sm-left-header{
    display: flex;
}
.sm-discussion-comment .sm-article-header{
    margin: unset;
}
.sm-discussion-comment p{
    margin-top: 5px;
}
.sm-discussion-comment .sm-left-header .time{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.3);
    margin-left: 8px;
}
.sm-discussion-comment .sm-left-header .name{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: #2E9AFF;
}
.sm-discussion-comment-option i{
    color: #FFB0CD;
    margin-right: 2px;
}
.sm-discussion-comment-option > span, .sm-discussion-comment-option a{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400 !important;
    font-size: 12px !important;
    line-height: 24px;
    color: rgba(0, 0, 0, 0.3);
}
.category_topic{
    display: flex;
    align-items: center;
    height: 82px;
    justify-content: flex-end;
}
.category_topic .item_category_topic{
    flex: 0 0 70px;
    text-align: center;
    margin-right: 15px;
}
.category_topic .item_category_topic img{
    height: 30px;
}
.category_topic .item_category_topic span{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    line-height: 13px;
    color: #00258F;
    width: 100%;
    display: inline-block;
}
.color_smc_bersih,.bg_icon_smc_bersih{
    background: #FFD9F0;
}
.color_smc_parenting,.bg_icon_smc_parenting{
    background: rgba(255, 252, 176, 0.3) !important;
}
.color_smc_self,.bg_icon_smc_self{
    background: rgba(84, 223, 215, 0.15) !important;
}
.color_smc_financial,.bg_icon_smc_financial{
    background: rgba(255, 217, 240, 0.45) !important;
}
.color_smc_aktivitas,.bg_icon_smc_aktivitas{
    background: rgba(196, 226, 254, 0.2) !important;
}
.color_smc_rumpi,.bg_icon_smc_rumpi{
    background: rgba(230, 198, 255, 0.2) !important;
}
.topic_category_head{
    display: flex;
}
.topic_category_head .tch_icon img{
    height: 50px;
    margin-right: 15px;
}
.topic_category_head .tch_name h5{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 30px;
    color: #00258F;
    margin: unset;
}
.topic_category_head .tch_name p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: rgba(0, 0, 0, 0.7);
    margin: unset;
}
.comments-topic-category .comment{
    background: #FFFFFF;
    border: 1px solid rgba(46, 154, 255, 0.2);
    box-sizing: border-box;
    border-radius: 15px;
    padding: 24px 25px !important;
    padding-left: 75px !important;
}
.comments-topic-category .sm-left-header{
    flex-direction: column;
    flex-wrap: wrap;
}
.comments-topic-category .sm-left-header p{
    margin: unset;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 20px;
    color: #00258F;
    margin-bottom: unset !important;
}
.comments-topic-category .sm-left-header .ctc_meta_head{
    display: flex;
}
.comments-topic-category .sm-left-header .ctc_meta_head2{
    display: flex;
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.3);
}
.comments-topic-category .sm-left-header .ctc_meta_head2 span{
    margin-right: 5px;  
}
.comments-topic-category .sm-left-header .ctc_meta_head2 .name{
    color: rgba(0, 0, 0, 0.3);
}
.sm-create-discussion{

}
.sm-create-discussion .discussion-form .widget{
    padding: 20px 0px;
    margin-bottom: unset;
}
.sm-create-discussion .discussion-form .widget input,.sm-create-discussion .discussion-form .widget textarea,.sm-create-discussion .discussion-form .widget select{
    border: 1px solid rgba(46, 154, 255, 0.2) !important;
    box-sizing: border-box;
    border-radius: 5px;
}
.sm-create-discussion .discussion-form .widget textarea{
    padding: 10px;
    margin-top: unset;
}
.sm-create-discussion .discussion-form .widget select{
    -moz-appearance:auto; /* Firefox */
    -webkit-appearance:auto; /* Safari and Chrome */
    appearance:auto;
}
.sm-create-discussion .discussion-form .widget label{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    color: #00258F;
    margin-bottom: 8px;
    display: inline-block;
}
.sm-create-discussion .profile-pic-uploader{
    max-width: 150px;
    max-height: 150px;
}
.sm-create-discussion .actions{
    text-align: left;
}
.sm-create-discussion .actions .button{
    margin-left: unset;
    background: #00258F;
}
.topic_category_filter{
    display: flex;
    justify-content: space-between;
    margin-top: 36px;
}
.topic_category_filter .tcf_filter .button{
    border: 1px solid #C4E2FE;
    background-color: white;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 6px 17px;

    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #00258F;
    margin-right: 6px;
}
.topic_category_filter .tcf_filter span{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    color: rgba(0, 0, 0, 0.7);
}
.topic_category_filter .tcf_create .button{
    background: #2E9AFF;
    box-sizing: border-box;
    border-radius: 100px;
    padding: 6px 17px;

    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 14px;
    line-height: 24px;
    text-align: center;
    color: #FFFFFF;
}
.menu_profile a{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 700;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #00258F !important;
    padding: 11px 20px !important;
    display: flex !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.menu_profile a i{
    color: transparent;
    position: relative !important;
    top: unset !important;
    right: unset !important;
}
.menu_profile a.is-active{
    font-weight: 700 !important;
    background: #FFD9F0 !important;;
    border-left: unset !important;;
    border-radius: 100px !important;;
}
.menu_profile a.is-active i{
    color: white;
}
.profile-form .pp-uploader .preview-pp{
    margin-top: unset;
    margin-left: unset;
    margin-right: 16px;
}
.profile-form .pp-uploader .clearfix,.profile-form .pp-uploader .clearfix label{
    cursor: pointer;
}
.profile-form .pp-uploader{
    display: flex;
    align-items: center;
}

.profile-form .col-md-12 .button{
    margin: unset;
    margin-top: 36px;
    background: #00258F;
}
.notificaiton-list .comment{
    border: unset;
    border-radius: unset;
    border-bottom: 1px solid #E5E5E5;
    padding-left: 50px !important;
}
.notificaiton-list .comment p{
    font-family: 'Mulish';
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00258F;
    margin-bottom: 2px;
}
.notificaiton-list .comment .avatar_circle{
    width: 42px;
    height: 42px;
    left: -49px;
}
.notificaiton-list .comment .ctc_meta_head2 .time{
    margin-left: unset;
}

.loading-skeleton {
    display: block;
    background-color: rgba(0, 0, 0, 0.17);
    border-radius: 15px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.loading-skeleton:after{
    content: "";
    -webkit-animation: ssc-loading 1.3s infinite;
    animation: ssc-loading 1.3s infinite;
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    z-index: 1;
    background: -webkit-gradient(linear, left top, right top, from(transparent), color-stop(rgba(255, 255, 255, 0.3)), to(transparent));
    background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);
}

@-webkit-keyframes ssc-loading {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}
@keyframes ssc-loading {
  from {
    -webkit-transform: translateX(-100%);
            transform: translateX(-100%);
  }
  to {
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
}

#pagination_article, #pagination_attactivity{
    display: flex;
    width: 100%;
}
#pagination_article a,#pagination_article strong, #pagination_attactivity a, #pagination_attactivity strong{
    border: 1px solid #C4E9FE;
    border-radius: 50px;
    padding: 0px 12px;
    display: flex;
    height: 35px;
    align-items: center;
    justify-content: center;
    margin-right: 4px;
}
#pagination_article strong, #pagination_attactivity strong{
    background: #C4E2FE;
}

.bg-wordle{
    background:url(./img/costume/wordle/Background.png) repeat-x
}

.char_d,.char_b,.char_c,.char_q,.char_h{
    background: rgba(230, 198, 255) !important;
}
.char_v,.char_o,.char_p,.char_t,.char_f{
    background: rgba(255, 252, 176) !important;
}
.char_n,.char_i,.char_r,.char_e{
    background: rgba(84, 223, 215) !important;
}
.char_s,.char_m,.char_w,.char_y{
    background: rgba(255, 217, 240) !important;
}
.char_a,.char_u,.char_l,.char_x{
    background: rgba(196, 226, 254) !important;
}
.char_k,.char_g,.char_j,.char_z{
    background: rgba(230, 198, 255) !important;
}

.product-list-antibau2 > div > h6{
    font-style: normal;
    font-weight: 700;
    font-size: 24px;
    line-height: 28px;
    text-align: center;
    color: #00258F;
}
.prd-list-antibau{
    position: relative;
}

.prd-list-antibau .slickAntiBauNav{
    position: absolute;
    bottom: 30px;
    right: 0;
    max-width: 100%;
    width: 40%;
}
.prd-list-antibau .slickAntiBauNav .slick-active{
    cursor: pointer;
}
.prd-list-antibau .slickAntiBauNav .slick-current .borderSlickAntiBauNav{
    width: 100%;
    display: table-cell;
    background: #BAEBF6;
    box-shadow: 0px 4px 4px 4px rgb(0 0 0 / 2%);
    border-radius: 10px;
}
.prd-list-antibau .prd-antibau{
    display: flex;
}
.prd-list-antibau .prd-antibau .img{
    padding: 0px 40px;
    flex: 0 0 45%;
}
.prd-list-antibau .prd-antibau .right{
    position: relative;
}
.prd-list-antibau .prd-antibau p,.prd-list-antibau .prd-antibau h6{
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #00258F;
}
.prd-list-antibau .prd-antibau h6{
    font-weight: bold;
}
.sm-article-thumbnail .smc-discuss-img {
    margin-left: unset;
    margin-top: 40px;
    margin-bottom: 20px;
}