@import url(https://fonts.googleapis.com/css?family=Roboto:400,100,100italic,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
@font-face {
    font-family: "Schadow Blk BT";
    src: url(/fonts/SchadowBlackBT.ttf) format("truetype")
}
@font-face {
    font-family: "Coranto 2 Headline";
    src: url(/fonts/Coranto2Headline_Bold.otf) format("opentype")
}
@font-face {
    font-family: Georgia;
    src: url(/fonts/georgia.ttf) format("truetype")
}
html {
    position: relative;
    min-height: 100%
}
body {
    font-family: Roboto, sans-serif;
    font-weight: 400;
    background: #f5f5f5
}
a:hover {
    outline: 0;
    text-decoration: none
}
a:focus {
    outline: 0;
    outline-offset: 0
}
a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #084990
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: Roboto, sans-serif
}
.navbar-brand>img {
    padding-top: 5px
}
.center {
    display: block;
    margin: 0 auto
}
.table-center {
    display: table;
    margin: 0 auto;
    padding: 5px 0
}
.left {
    float: left
}
.right {
    float: right
}
.col-half-offset {
    margin-left: 4.166666667%
}
#content {
    padding: 30px 0
}
.container {
    padding-right: 0;
    padding-left: 0;
    margin-right: auto;
    margin-left: auto
}
.black-background-000 {
    background-color: #000
}
.white-background {
    background-color: #fff
}
.black-background {
    background-color: #372c2c
}
.grey-background {
    background-color: #f5f5f5
}
.clblue-background {
    background-color: #0092a9
}
.red {
    color: #da2128
}
.blue {
    color: #00684d
}
.darkblue {
    color: #00628a
}
.clblue {
    color: #0092a9
}
.white {
    color: #fff;

}
.white:hover {
    color: #fff;
}


.black {
    color: #000!important
}
.gold {
    color: #ad9963!important
}
.green {
    color: #00684d
}
.left-border {
    border-right: 1px solid #bdbdbd
}

.right-border {
    border-left: 1px solid #bdbdbd
}

.bottom-border {
    border-bottom: 1px solid #bdbdbd
}
.top-border {
    border-top: 1px solid #bdbdbd
}
.padding-t-5 {
    padding-top: 5px
}
.padding-t-10 {
    padding-top: 10px
}
.padding-t-20 {
    padding-top: 20px
}
.padding-t-30 {
    padding-top: 30px
}
.padding-t-40 {
    padding-top: 40px
}
.padding-t-50 {
    padding-top: 50px
}
.padding-t-60 {
    padding-top: 60px
}
.padding-t-70 {
    padding-top: 70px
}
.padding-t-80 {
    padding-top: 80px
}
.padding-b-5 {
    padding-bottom: 5px
}
.padding-b-10 {
    padding-bottom: 10px
}
.padding-b-20 {
    padding-bottom: 20px
}
.padding-b-30 {
    padding-bottom: 30px
}
.padding-b-40 {
    padding-bottom: 40px
}
.padding-tb-10 {
    padding: 10px 0
}
.padding-tb-40 {
    padding: 40px 0
}
.padding-tb-60 {
    padding: 60px 0
}
.padding-l-10 {
    padding-left: 10px
}
.padding-l-5 {
    padding-left: 5px
}
.padding-l-15-r-0 {
    padding-left: 15px;
    padding-right: 0
}
.padding-r-10 {
    padding-right: 10px
}
.padding-r-5 {
    padding-right: 5px
}
.padding-l-0{
  padding-left: 0px;    
}
.padding-r-0{
  padding-right: 0px;    
}
.padding-lr-0 {
    padding-left: 0px;
    padding-right: 0px;
}
.padding-lr-5 {
    padding: 0 5px
}
.padding-lr-10 {
    padding: 0 10px
}
.padding-lr-20 {
    padding: 0 20px
}
.padding-tb-20 {
    padding: 20px 0
}
.padding-tb-30 {
    padding: 30px 0
}
.padding-tb-5 {
    padding: 5px 0
}
.padding-tb-5-lr-10 {
    padding: 5px 10px
}
.padding-10 {
    padding: 10px
}
.padding-5 {
    padding: 5px
}
.margin-0 {
    margin: 0
}
.margin-tb-10 {
    margin: 10px 0
}
.margin-tb-20 {
    margin: 20px 0
}
.margin-tb-30 {
    margin: 30px 0
}
.margin-t-20 {
    margin-top: 20px
}
.margin-t-40 {
    margin-top: 40px
}
.margin-t-30 {
    margin-top: 30px
}
.margin-t-10 {
    margin-top: 10px
}
.margin-b-10 {
    margin-bottom: 10px
}
.margin-b-0 {
    margin-bottom: 0!important
}
.margin-l-10 {
    margin-left: 10px
}
.margin-r-10 {
    margin-right: 10px
}
.margin-l-20 {
    margin-left: 20px
}
.margin-r-20 {
    margin-right: 20px
}
.right-padding-col {
    padding-left: 0
}
.left-padding-col {
    padding-right: 0
}
.no-lr-padding-col {
    padding-left: 0;
    padding-right: 0
}
.text-align-center {
    text-align: center
}
.text-align-left {
    text-align: left
}
.text-align-right {
    text-align: right
}
.narrow-row {
    margin-left: 0;
    margin-right: 0;
    padding: 5px;
    padding-top: 7px
}
.mobile-show {
    display: none
}
.inline-block {
    display: inline-block
}
.pre-line {
    white-space: pre-line
}
.display-none {
    display: none
}
.load-more-btn {
    background-color: #da2128;
    color: #fff;
    border: transparent;
    margin: 20px auto
}
.bold-font {
    font-weight: 700
}
.form-control:focus {
    border-color: #fff;
    box-shadow: 0 1px #bdbdbd
}
.kh-col-9 {
    width: 90%
}
.kh-col-1 {
    width: 10%
}
.display-block {
    display: block
}
.text-align-right {
    text-align: right
}
.text-align-center {
    text-align: center
}
#load-more {
    display: block;
    width: 100px;
    margin: 20px auto;
    border-radius: 100px;
    border: 1px solid #787878;
    background-color: #fff;
    color: #787878;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.above-nav {
    background-color: #372c2c;
    z-index: 1300;
    position: relative;
    width: 100%
}
.above-nav .mobile-half-col a {
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .46px
}
.mega-dropdown {
    position: static!important
}
.top-sub-menu {
    width: 40%;
    float: right;
    padding: 15px 0
}
.top-sub-menu .sub-menu-item {
    display: block;
    padding-left: 30px;
    float: right;
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .46px
}
.mega-dropdown .menu-btn {
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .19px;
    position: absolute;
    bottom: 15px;
    right: 15px;
    text-decoration: none
}
.mega-dropdown .menu-btn span {
    cursor: pointer;
    vertical-align: bottom;
    display: inline-block;
    padding-bottom: 5px;
    margin-right: 10px;
    font-weight: 500
}
.mega-dropdown .menu-btn i {
    font-size: 30px
}
.mega-dropdown-menu {
    margin: 0;
    padding: 20px 0;
    width: 100%;
    height: 800px;
    background-color: #372c2c;
    border-color: #372c2c;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none
}
.mega-dropdown-menu>li>ul {
    padding: 0;
    margin: 0;
    padding-bottom: 30px
}
.mega-dropdown-menu>li>ul>li {
    list-style: none
}
.mega-dropdown-menu>li>ul>li>a {
    display: block;
    color: #b6b3b3;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding: 5px
}
.mega-dropdown-menu>li ul>li>a:focus,
.mega-dropdown-menu>li ul>li>a:hover {
    text-decoration: none
}
.mega-dropdown-menu .dropdown-header {
    padding: 10px 5px;
    color: #fff;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}
.mega-dropdown-menu .my_journal_head_image {
    width: 120px
}
.top-image-container {
    margin: 30px 0
}
.top-header-container {
    margin: 30px 0
}
.top-header-container .title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    display: block;
    width: 420px;
    margin: 0 auto
}
.options-menu {
    position: absolute;
    left: -225px;
    width: 250px;
    padding: 20px
}
.options-menu li {
    cursor: pointer
}
.options-menu>li>a {
    padding: 10px 0
}
.options-menu>li>a span {
    margin-left: 20px
}
.container .header-container {
    margin: 0
}
.container .header-container .breadcrumb {
    background-color: #fff
}
.container .header-container .breadcrumb a {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}
.container .header-container h1 {
    text-align: center;
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px
}
.container .header-container img {
    padding-bottom: 50px
}
@media (min-width: 1300px) {
    .container {
        width: 1300px
    }
}
@media (max-width: 1280px) and (min-width: 1270px) {
    .container {
        /*width: 1250px*/
        width: 1300px;
    }
    body{
        zoom: 95%;
    }
    .table-center div{
        zoom: 105%;        
    }
    /*.table-center div .img-ad{
        zoom: 95%;        
    }*/

    .table-center.desktop-big-ad div{
        margin-left: -5px !important;
        zoom: 101% !important;     
    }

   

/*    .padding-tb-5 .table-center div iframe{
        zoom: 105%;        
    }

    .padding-tb-5 .table-center div iframe .img_ad{
        zoom: 100%;        
    }*/


    



}
@media (max-width: 768px) {
    .narrow-row {
        padding: 4px 0
    }
    .footer-narrow-row {
        padding: 10px 0 0 0
    }
    .mega-dropdown-menu {
        height: auto;
        padding: 0
    }
    .mega-dropdown .menu-btn {
        font-size: 20px;
        bottom: 10px
    }
    .mega-dropdown .search-btn {
        font-size: 20px;
        bottom: 10px;
        position: absolute;
        color: #fff;
        right: 50px
    }
    .mega-dropdown .search-btn-search {
        font-size: 20px;
        bottom: 10px;
        position: absolute;
        color: #fff;
        right: 50px
    }
    .mega-dropdown .menu-btn span {
        display: none
    }
    .mega-dropdown .menu-btn i {
        font-size: 20px
    }
    .mega-dropdown .dropdown-backdrop {
        margin-top: 80px
    }
    .dropdown-menu .mobile-menu-panel .panel-default {
        border-bottom: 1px solid #fff;
        border-left: 0 solid #372c2c;
        border-right: 0 solid #372c2c;
        border-top: 0 solid #372c2c;
        border-radius: 0;
        margin-top: 0
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-heading {
        background-color: #372c2c;
        color: #fff;
        padding: 20px;
        border-radius: 0;
        padding-bottom: 10px
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-heading .panel-title .collapsed {
        display: inline
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-heading .panel-title span {
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        opacity: .7;
        width: 100%
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-collapse {
        background-color: #372c2c
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-collapse .panel-body {
        border-top: 0;
        padding: 20px;
        padding-top: 5px
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-collapse .panel-body li {
        padding: 5px 0
    }
    .dropdown-menu .mobile-menu-panel .panel-default .panel-collapse .panel-body a {
        color: #fff;
        opacity: .7;
        font-family: Roboto;
        font-size: 16px;
        font-weight: 400;
        line-height: 26px
    }
    .top-sub-menu {
        display: none
    }
    .container {
        margin: 0
    }
    .footer .copyright-row {
        margin-bottom: 50px
    }
    #content {
        padding: 0
    }
    .top-image-container img {
        width: 100%;
        padding: 20px 50px
    }
    .top-header-container .title {
        width: 100%;
        font-size: 24px;
        text-align: left;
        padding: 20px;
        line-height: 26px
    }
    .mobile-show {
        display: block
    }
    .desktop-show {
        display: none
    }
    .kh-col-9 {
        width: 100%
    }
    .kh-col-1 {
        width: 0
    }
}
.display-none {
    display: none
}
ul.label-checkout-list {
    list-style-type: none;
    padding-left: 0
}
ul.label-checkout-list li {
    display: inline-block;
    vertical-align: top;
    margin: 3px 5px
}
ul.label-checkout-list li input[type=checkbox][id^=label] {
    display: none
}




ul.label-checkout-list li label .label-text {
    padding: 0 5px;
    color: white;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-top: 1px
}



ul.label-checkout-list li label {
    background-color: #707070;
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0 10px;
    border: 1px solid #787878;
    border-radius: 100px;
    margin-right: 3px;
    height: 24px
}

ul.label-checkout-list li label.redeem_code_btn_unlock{
    height: 35px !important;
    border-radius: 0px;
    background-color: #70C2B4;    
}



ul.label-checkout-list li label:before {
    background-color: #fff;
    color: #fff;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: .4s;
    transform: scale(0)
}
ul.label-checkout-list li input:checked+label {
    border: 1px solid #10a98f;
    background-color: #10a98f
}
ul.label-checkout-list li input:checked+label:after {
    content: url(/images/white-checker.png);
    border-color: transparent;
    transform: scale(1);
    z-index: 1;
    top: 4px;
    color: #fff;
    background-color: transparent
}
ul.label-checkout-list li input:checked+label a {
    text-decoration: none;
    color: #fff
}
ul.label-checkout-list li input+label a {
    color: #787878
}
ul.label-checkout-list li input:checked+label .label-text {
    color: #fff;
    display: inline-block
}
ul.check-list-style-1 {
    display: inline-block;
    vertical-align: middle
}
ul.check-list-style-1 li label {
    font-size: 11px;
    padding: 0 10px;
    margin: 0
}
ul.check-list-style-1 li {
    vertical-align: middle
}
ul.label-checkout-list li input+label:after {
    content: url(/images/oval-3.png);
    border-color: transparent;
    transform: scale(1);
    z-index: 1;
    top: 0px;
    color: #fff;
    background-color: transparent;
    margin-top: 1px;
    float: right
}
ul.check-list-style-1 li label .label-text {
    display: inline-block
}
@media (max-width: 768px) {
    ul.image-checkout-list li {
        width: 49%
    }
    ul.check-list-style-1 {
        height: 22px;
        display: block
    }
    ul.check-list-style-1 li {
        vertical-align: top
    }
}
.center-box {
    width: 620px;
    margin: 0 auto
}
.block {
    margin-bottom: 20px;
    clear: both;
    display: block;
    width: 100%
}
.block.collapsed {
    overflow: hidden
}
.block .block-heading {
    background: 0 0;
    border-bottom: 1px solid #dedede;
    padding: 15px;
    margin: 0!important
}
.block .block-heading+.block-content-outer {
    border-top: 0!important
}
.block .block-heading,
.c-widget .c-widget-heading {
    float: left;
    color: #372c2c;
    font-weight: 900;
    line-height: 26px;
    font-size: 14px;
    width: 100%
}
.block .block-heading .h2,
.block .block-heading .main-text,
.c-widget .c-widget-heading .h2,
.c-widget .c-widget-heading .main-text {
    float: left;
    margin-top: 0;
    max-width: 70%;
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 22px;
    line-height: 26px
}
.block .block-heading .main-text .badge {
    margin-top: 6px
}
.block .block-heading .block-controls>a,
.block .block-heading .block-controls>button,
.block .block-heading .block-controls>div.btn-group {
    float: right;
    margin: 0 0 4px 4px
}
.block .block-heading .block-controls>.icon {
    float: right;
    opacity: .5;
    margin: 0 0 0 4px;
    cursor: pointer;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}
.block .block-heading .block-controls .icon:hover {
    opacity: 1
}
.block .block-content-outer {
    background: 0 0;
    padding: 15px;
    clear: both;
    position: relative
}
.block.collapsed .block-heading {
    -moz-border-radius: 0 0 5px 5px!important;
    -webkit-border-radius: 0 0 5px 5px!important;
    border-radius: 0 0 5px 5px!important
}
.block.collapsed .block-content-outer {
    display: none
}
.block.collapsed .block-heading .block-controls .icon.block-control-collapse {
    color: red;
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg)
}
.block.highlight-color-blue,
.block.highlight-color-green,
.block.highlight-color-lime,
.block.highlight-color-orange,
.block.highlight-color-purple,
.block.highlight-color-red,
.block.highlight-color-yellow {
    border-bottom: 0!important
}
.block .block-content-outer .block-content-inner {
    height: auto
}
.block.block-size-medium .block-content-outer .block-content-inner {
    height: 133px;
    overflow: hidden
}
.block.block-size-normal .block-content-outer .block-content-inner {
    height: 310px;
    overflow: hidden
}
.block.block-size-large .block-content-outer .block-content-inner {
    height: 620px;
    overflow: hidden
}
.news-block {
    min-height: 460px
}
.small-news-block {
 /* min-height: 360px*/
}
.news-block .block-content-outer {
    padding: 15px 0
}
.news-block .image-container {
    overflow: hidden;
    background-color: #333
}
.news-block .news-feed-image {
    height: 200px;
    width: 100%;/*width: auto;*/
    display: block;
    margin: 0 auto
}
.news-block .meta {
    margin: 5px 0
}
.news-block .meta .text {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px
}
.news-block .meta .control img {
    width: 20px;
    height: 20px
}
.news-block .title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 22px;
    line-height: 26px;
    display: inline-block;
    margin-bottom: 15px
}
.news-block .title a {
    color: #372c2c
}
.news-block .description {
    color: #372c2c;
    font-family: Georgia;
    font-size: 15px;
    font-weight: 400;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    line-height: 18px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical
}

.description a{
    color: #707070;
} 

.edit-interests-block {
    background-color: #f5f5f5;
    min-height: 460px
}
.edit-interests-block .sub-title {
    padding-bottom: 10px;
    border-bottom: 1px solid #bdbdbd
}
.edit-interests-block .sub-title .sub-title-text {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: .2px;
    font-family: Roboto
}
.edit-interests-block .article-list .article-list-item {
    margin: 10px 0;
    padding: 10px 0;
    border-bottom: 1px solid #bdbdbd
}
.edit-interests-block .article-list .article-list-item .article-title-text a {
    color: #372c2c;
    font-size: 16px;
    line-height: 20px;
    font-family: "Coranto 2 Headline"
}
.edit-interests-block .btn-container {
    margin: 20px 0
}
.edit-interests-block .btn-container .see-more-btn {
    color: #372c2c;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    width: 120px;
    border: 1px solid;
    border-radius: 30px
}
ul.image-checkout-list {
    list-style-type: none;
    padding-left: 0
}
ul.image-checkout-list li {
    display: inline-block;
    width: 20%;
    vertical-align: top
}
ul.image-checkout-list li input[type=checkbox][id^=writer] {
    display: none
}
ul.image-checkout-list li label {
    display: block;
    position: relative;
    margin: 10px;
    cursor: pointer;
    background-color: #f5f5f5;
    border: 1px solid #f5f5f5
}
ul.image-checkout-list li label:before {
    background-color: #fff;
    color: #fff;
    content: " ";
    display: block;
    border-radius: 50%;
    border: 1px solid grey;
    position: absolute;
    top: -5px;
    left: -5px;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 28px;
    transition-duration: .4s;
    transform: scale(0)
}
ul.image-checkout-list li label img {
    width: 148px;
    height: auto;
    transition-duration: .2s;
    transform-origin: 50% 50%;
    margin: 0 auto;
    display: block
}
ul.image-checkout-list li label .writer-caption {
    padding: 0 5px;
    min-height: 75px
}
ul.image-checkout-list li label .writer-caption .text {
    display: block;
    color: #787878;
    font-size: 14px;
    font-weight: 700;
    line-height: 20px;
    padding: 3px 5px
}
ul.image-checkout-list li label .writer-caption .title {
    display: block;
    color: #787878;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    font-weight: 100;
    padding: 3px 5px
}
ul.image-checkout-list li input:checked+label {
    border: 2px solid #10a98f
}
ul.image-checkout-list li input:checked+label:before {
    content: "✓";
    border-color: transparent;
    transform: scale(1);
    z-index: 1;
    margin-left: 5px;
    margin-top: 5px;
    color: #10a98f
}
ul.image-checkout-list li input:checked+label img {
    z-index: -1
}
ul.image-checkout-list li input:checked+label .writer-caption {
    background-color: #10a98f
}
ul.image-checkout-list li input:checked+label .writer-caption .text {
    color: #fff
}
ul.image-checkout-list li input:checked+label .writer-caption .title {
    color: #fff
}
ul.image-checkout-list li .image-container {
    background-color: #f5f5f5
}
ul.image-checkout-list li .image-container img {
    height: 118px;
    width: auto;
    display: block;
    margin: 10px auto
}
@media (max-width: 768px) {
    ul.image-checkout-list li {
        width: 49%
    }
    ul.image-checkout-list li label img {
        height: 100px
    }
}
@media only screen and (max-width: 375px) {
    ul.image-checkout-list li {
        width: 50%
    }
    ul.image-checkout-list li label img {
        height: 100px;
        width: 100px
    }
}
@media only screen and (max-width: 340px) {
    ul.image-checkout-list li {
        width: 49%
    }
    ul.image-checkout-list li label img {
        height: 75px;
        width: auto
    }
}
@media (max-width: 768px) {
    .news-block {
        margin-bottom: 10px;
        height: auto;
        min-height: auto
    }
    .center-box {
        width: 100%
    }
}
.nav-pills>li,
.tab-container .nav-tabs>li {
    float: none;
    display: inline-block;
    width: 200px;
    letter-spacing: .5px;
    font-weight: 700
}
.tab-container .nav-pills>li.active>a {
    color: #da2128;
    background-color: transparent;
    border-bottom: 2px solid;
    border-radius: 0
}
.nav-pills>li a,
.tab-container .nav-tabs>li {
    color: #787878
}
.nav-pills,
.tab-container .nav-tabs {
    text-align: center
}
.interest-sidebar-container .title {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px
}
.interest-sidebar-container .icon {
    margin-right: 5px
}
.interest-sidebar-container .nav-tabs>li .icon {
    width: 25px;
    height: auto;
    margin-right: 10px
}
.interest-sidebar-container .nav-tabs>li>a {
    color: #ad9963;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    padding: 10px 0
}
.interest-sidebar-container .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: transparent;
    color: #555
}
.news-feed-sidebar-container .title {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    padding-bottom: 10px
}
.news-feed-sidebar-container .sub-title {
    color: #372c2c;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 900;
    line-height: 20px;
    letter-spacing: .2px;
    padding: 15px 0 10px
}
.news-feed-sidebar-container .icon {
    margin-right: 5px
}
.news-feed-sidebar-container .nav-tabs>li>a {
    color: #372c2c;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    letter-spacing: .2px;
    padding: 10px 0;
    cursor: pointer
}
.news-feed-sidebar-container .nav-tabs>li>a.active {
    font-weight: 900
}
.news-feed-sidebar-container .nav-tabs>li>a:hover {
    background-color: #fff;
    border: 1px solid transparent
}
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover,
.news-feed-sidebar-container .nav-tabs>li.active>a {
    border: transparent
}
#collection .headline {
    width: 100%;
    display: block;
    width: 620px;
    height: 30px;
    margin: 0 auto
}
#collection .headline .text {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px
}
#collection .headline .text img {
    margin-left: 10px
}
#collection .collection-list {
    width: 100%;
    display: block;
    max-width: 620px;
    margin: 0 auto;
    list-style: none;
    padding: 0
}
#collection .collection-list .collection-list-item {
    width: 100%;
    padding: 15px 0;
    border-bottom: 1px solid #bdbdbd
}
#collection .collection-list .collection-list-item .text .title {
    color: #262626;
    font-size: 20px;
    font-weight: 700;
    line-height: 32px;
    display: inline;
    margin: 5px 0
}
#collection .collection-list .collection-list-item .text .meta {
    color: #ad9963;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    display: block;
    margin: 3px 0
}
.collection-line {
    padding: 5px 0
}
.collection-line span {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-left: 10px
}
@media (max-width: 768px) {
    .scrollx {
        overflow-x: scroll;
        padding: 10px 0
    }
    .scrollx .nav-stacked {
        width: 200%
    }
    .nav-pills,
    .tab-container .nav-tabs {
        width: 170%
    }
    .nav-pills>li,
    .tab-container .nav-tabs>li {
        width: auto;
        float: left
    }
    .news-feed-sidebar-container {
        display: none
    }
    .interest-sidebar-container .nav-stacked li {
        display: inline-block
    }
    .interest-sidebar-container .nav-tabs>li>a {
        padding: 10px 15px
    }
    .interest-sidebar-container .nav-tabs>li .icon {
        width: 30px;
        display: block;
        margin: 0 auto
    }
    .interest-sidebar-container .title {
        display: none
    }
    #edit_interests .left-nav-pane {
        padding: 0 0 15px
    }
    #collection .headline {
        width: 100%;
        padding: 10px
    }
    #collection .headline .left {
        display: none
    }
    #collection .collection-list {
        width: 100%;
        padding: 0 10px
    }
    #collection .collection-list .collection-list-item .text .title {
        color: #372c2c;
        font-family: "Coranto 2 Headline";
        font-size: 22px;
        font-weight: 700;
        line-height: 26px
    }
    #collection .collection-list .collection-list-item .text .title img {
        margin-top: 10px
    }
}
header#header-navdown {
    background: #da2128;
    height: 40px;
    top: 0;
    /*width: 100%;*/
    border-top: 1px solid #da2128;
    border-bottom: 1px solid #da2128
}
.nav-up {
    display: none
}
.nav-down {
    position: fixed;
    width: 1300px;
    z-index: 1102
}
.display-none {
    display: none
}
.scroll-left-box {
    padding: 10px;
    color: #fff;
    height: 40px
}
.scroll-left-box i {
    font-size: 18px;
    color: #fff
}
.scroll-right-box i {
    font-size: 18px;
    color: #fff
}
.scroll-left-box span {
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .46px;
    margin: 0 10px;
    vertical-align: text-bottom
}
.scroll-right-box {
    padding: 10px;
    color: #fff;
    height: 40px
}
.scroll-right-box span {
    color: #fff;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .46px;
    margin: 0 10px;
    vertical-align: text-bottom
}
.navbar {
    position: relative;
    min-height: 130px;
    margin-bottom: 0;
    border: 0 solid transparent;
    border-radius: 0
}
.navbar-default {
    background-color: #da2128;
    border-color: #da2128;
    z-index: 1102
}
.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .5px
}
.navbar-bottom-right {
    position: absolute;
    bottom: 0;
    right: 0
}
.navbar-top-right {
    position: absolute;
    top: 0;
    right: 0
}
@media (max-width: 768px) {
    header {
        display: none
    }
    .navbar {
        min-height: 50px;
        position: relative;
        width: 100%
    }
    .navbar-brand {
        padding: 8px 10px
    }
    .navbar-brand>img {
        padding-top: 0;
        width: 90px;
        height: 35px
    }
    .navbar-default .navbar-toggle {
        border-color: transparent;
        margin-top: 10px
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #fff
    }
    .after_login_nav {
        top: 0
    }
    .fixed-nav {
        position: fixed;
        width: 100%
    }
    .before_login_nav {
        top: 0px
    }
    .article-top-ad {
        display: none
    }
}
.subscribe-container .price-container {
    display: table;
    width: 80%;
    margin: 0 auto
}
.subscribe-container .other-price-container {
    display: table;
    width: 50%;
    margin: 0 auto
}
.subscribe-container .title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    line-height: 42px;
    text-align: center;
    padding: 30px 0
}
.subscribe-container .free-limit-title {
    padding: 40px 0 0;
    width: 40%;
    margin: 0 auto
}
.subscribe-container .sub-title {
    color: #262626;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 30px 0
}
.subscribe-container .free-limit-sub-title {
    padding: 10px 0 40px
}
.subscribe-container .icons {
    display: block;
    padding: 30px 0;
    width: 65%;
    margin: 0 auto
}
.subscribe-container .icons .icon {
    padding: 0 20px
}
.subscribepayment-but {
    float: left;
    width: 345px;
    font-family: open_sansregular;
    font-size: 21px;
    color: #fff;
    text-align: center
}
.subscribepayment-but a {
    float: left;
    width: 345px;
    background-color: #da2128;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none;
    cursor: pointer;
    font-family: "Myriad Pro Regular", Helvetica, Arial, sans-serif
}
.subscribepayment-but a:hover {
    float: left;
    width: 345px;
    background-color: #292a2f;
    color: #fff;
    padding: 15px 20px;
    text-decoration: none
}
@media only screen and (max-width: 1290px) {
    .subscribe-container .icons {
        width: 75%
    }
}
@media only screen and (max-width: 1024px) {
    .subscribe-container .icons {
        width: 85%
    }
}
.subscribe-container img.mobile-list {
    display: none
}
.other-price-container .block {
    background-color: #f5f5f5
}
.subscribe-container .block .block-heading .title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    padding: 0
}
.subscribe-container .block .block-heading .title-mobile {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 500;
    line-height: 32px;
    padding: 0;
    text-align: center;
    margin-left: 18px
}
.subscribe-container .block .block-heading .sub-title {
    color: #262626;
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    line-height: 20px;
    padding: 5px 0
}
.subscribe-container .block .block-heading .sub-title-mobile {
    color: #262626;
    font-family: Georgia;
    font-size: 18px;
    font-style: italic;
    line-height: 20px;
    padding: 5px 0;
    text-align: left;
    margin-left: 18px;
    white-space: normal
}
.subscribe-container .block .block-heading .price {
    color: #323232;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 5px 0
}
.subscribe-container .block .block-heading .price-mobile {
    color: #323232;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 5px 0;
    margin-left: 18px
}
.subscribe-container .general-block {
    margin-top: 15px;
    background-color: #f5f5f5
}
.sj-col .sj-block {
    background-color: #f5f5f5
}
.sj-col {
    padding-top: 15px
}
.subscribe-container .block .block-content-outer ul {
    list-style: none;
    margin-bottom: 20px
}
.subscribe-container .block .block-content-outer ul li {
    color: #262626;
    font-family: Roboto;
    font-size: 13.1px;
    font-weight: 400;
    padding: 10px 0 5px 30px;
    text-indent: -1.6em;
    list-style: square inside url(/images/combined-shape.png);
    padding-left: 10px
}
.subscribe-container .block .block-content-outer #unchecked li {
    color: #ccc;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    padding: 10px 0 5px 30px;
    text-indent: -1.6em;
    list-style: square inside url(/images/x_2.png);
    padding-left: 10px;
    word-wrap: normal
}
.subscribe-container .block .btn-container .join-btn {
    color: #fff;
    background-color: #da2128;
    font-weight: 800;
    width: 40%;
    border-radius: 40px
}
.subscribe-container .subscribe-link {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: .2px;
    text-align: center;
    margin: 0 auto;
    display: block
}
@media (max-width: 768px) {
    .subscribe-container .icons {
        display: none
    }
    .subscribe-container img.mobile-list {
        display: block
    }
    .subscribe-container .free-limit-title {
        width: 100%
    }
    .subscribe-container .block .btn-container .join-btn {
        width: 90%
    }
    .subscribe-container .other-price-container {
        width: 95%;
        margin: 0 auto;
        white-space: nowrap;
        overflow: auto;
        display: block
    }
    .subscribe-container .price-container {
        width: 95%;
        margin: 0 auto;
        overflow: auto;
        display: block
    }
    .subscribe-container .other-price-container .col-md-6 {
        padding-right: 10px;
        width: 90%;
        display: inline-block;
        vertical-align: top
    }
    .subscribe-container .price-container .col-md-4 {
        padding-right: 10px;
        width: 100%;
        display: inline-block;
        vertical-align: top
    }
    .subscribe-container .general-block {
        margin-top: 15px
    }
    .subscribe-container .block .block-content-outer ul li {
        white-space: normal
    }
    .subscribe-container .block .block-heading .sub-title {
        white-space: normal
    }
    .subscribe-container .sub-title {
        padding: 0 0 30px;
        width: 90%;
        margin: 0 auto
    }
}
form .error {
    color: #da2128
}
form .btn-form {
    border-radius: 100px;
    border-color: transparent;
    background-color: #da2128;
    color: #f5f5f5;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}
form .display-error {
    display: none
}
.login-panel {
    background-color: #fff
}
.login-panel .title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding-top: 48px
}
.login-panel .title .subtitle {
    color: #262626;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px
}
.login-panel .second-title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding-bottom: 48px
}
.mobilemodel .second-title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding-bottom: 48px
}
.login-panel .social-btns-container {
    text-align: center
}
.login-panel .g-recaptcha>div:first-child {
    display: block;
    margin: 0 auto
}
/*.login-panel .login-btn-emailmain {
    height: 36px;
    width: 193px;
    margin-top: 40px
}
.login-panel #login-btn-codemain {
    height: 36px;
    width: 193px;
    margin-top: 40px
}*/
.login-panel .social-btns-container .sign-btns {
    width: 200px;
    padding: 5px;
    margin: 0 10px;
    display: inline-block;
    border-radius: 20px;
    text-transform: uppercase;
    cursor: pointer;
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    letter-spacing: .5px;
    font-family: Roboto
}
.login-panel .social-btns-container .sign-btns i {
    float: left;
    margin-left: 5px;
    margin-top: 3px
}
.login-panel .social-btns-container #facebook-custom-login {
    background-color: #3c5a96;
    border: 1px solid #3c5a96
}
.login-panel .social-btns-container #twitter-custom-login {
    background-color: #4c98f7;
    border: 1px solid #4c98f7
}
.login-panel .social-btns-container #google-custom-login {
    background-color: #ca4b3f;
    border: 1px solid #ca4b3f
}
.login-panel .social-btns-container #youremail-custom {
    background-color: #3c763d;
    border: 1px solid #3c763d
}
.login-panel .social-btns-container #email-login {
    background-color: #3c763d;
    border: 1px solid #3c763d
}
hr.wide {
    margin: 48px 0;
    border-top: 1px solid #bdbdbd
}
.login-panel .login-btns-container {
    text-align: center;
    padding-bottom: 48px
}
.login-panel .login-btns-container ul li {
    margin: 0 20px
}
.login-panel .login-btns-container .sign-btns {
    width: 200px;
    padding: 5px;
    display: inline-block;
    border: 1px solid #787878;
    cursor: pointer;
    border-radius: 20px;
    color: #787878;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: transparent
}
.login-panel .login-btns-container ul .active a {
    background-color: #787878;
    color: #fff
}
.login-panel .login-btns-container ul>li.active>a:focus,
.login-panel .login-btns-container ul>li.active>a:hover {
    border: 1px solid #787878;
    background-color: #787878;
    color: #fff
}
.login-panel .signup-container {
    text-align: center;
    margin-bottom: 60px
}
.login-panel .signup-container .text a {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: .2px;
    cursor: pointer
}
.market-data-container {
    width: 500px
}
.market-data-container .data-chart {
    padding: 15px;
    background-color: #fff;
    margin-bottom: 15px
}
.form-container {
    width: 420px
}
.wide-form-container {
    width: 600px
}
.form-wide-container {
    width: 620px
}
.form-container form {
    padding-top: 10px;
    padding-bottom: 0
}
.form-container form .input-label {
    margin: 5px 0;
    color: #787878;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    font-family: Roboto
}
.form-container form input {
    -webkit-box-shadow: none;
    box-shadow: none;
    border-radius: 0;
    color: #292121;
    border-top: 0;
    border-left: 0;
    border-right: 0;
    border-bottom: 1px solid #bdbdbd;
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}
.form-container form input[type=text] {
    padding: 6px 0
}
.form-container form input[type=email] {
    padding: 6px 0
}
.form-container form input[type=password] {
    padding: 6px 0
}
.form-container form select {
    border: transparent;
    border-bottom: 1px solid #bdbdbd;
    border-radius: 0;
    -webkit-box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    box-shadow: inset 0 0 0 rgba(0, 0, 0, .075);
    padding-left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: url(/images/select-dropdown.png) no-repeat;
    background-position: 100% 5px;
    color: #292121
}
.form-container form input[type=radio],
input[type=checkbox] {
    height: 1.2em;
    width: 1.2em;
    border: 1px solid #000!important;
    vertical-align: middle;
    margin: 0 .4em .4em 0;
    background: #fff;
    -webkit-appearance: none;
    -webkit-transition: box-shadow .2s;
    -moz-appearance: none;
    -moz-transition: box-shadow .2s;
    box-shadow: inset 1px 1px 0 #fff, 0 1px 1px rgba(0, 0, 0, .1)
}
.form-container form input[type=radio] {
    -webkit-border-radius: 100%;
    border-radius: 100%
}
.form-container form input[type=checkbox] {
    -webkit-border-radius: 2px;
    border-radius: 2px
}
.form-container form input[type=radio]:active:not(:disabled),
input[type=checkbox]:active:not(:disabled) {
    background-image: -webkit-linear-gradient(#c2c2c2, #efefef);
    box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .2), inset -1px -1px 0 rgba(255, 255, 255, .6);
    border-color: rgba(0, 0, 0, .5)
}
.form-container form input[type=radio]:focus,
input[type=checkbox]:focus {
    outline: 0;
    box-shadow: 0 0 0 0 transparent
}
.form-container form input[type=radio]:checked,
input[type=checkbox]:checked {
    border-color: rgba(0, 0, 0, .5)
}
.form-container form input[type=radio]:checked:before {
    display: block;
    height: .5em;
    width: .5em;
    position: relative;
    left: .3em;
    top: .3em;
    background: rgba(0, 0, 0, .7);
    border-radius: 100%;
    content: ''
}
.form-container form input[type=checkbox]:checked:before {
    font-weight: 700;
    color: rgba(0, 0, 0, .7);
    /*content: '2713';*/
    -webkit-margin-start: 0;
    margin-left: 2px;
    font-size: .9em
}
.form-container form input:disabled {
    opacity: .6;
    box-shadow: none;
    background-color: transparent;
    box-shadow: none
}
.form-container form input:disabled+label {
    opacity: .6;
    cursor: default;
    -webkit-user-select: none
}
#save-btn,
.form-container form #login-btn {
    width: 200px;
    color: #fff;
    background-color: #da2128;
    border-radius: 20px;
    text-transform: uppercase;
    border-color: transparent
}
.form-container .email-alert-title,
.search-title {
    color: #000;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    text-align: center;
    padding: 20px 0
}
.form-container #save-btn-em-interests {
    border-radius: 100px;
    background-color: #da2128;
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border: 0
}
.form-container form ul.mailing-list {
    list-style-type: none;
    padding: 10px 0
}
.form-container form ul.mailing-list li.mailing-list-item {
    padding: 20px 0;
    border-top: 1px solid #bdbdbd
}
.form-container form ul.mailing-list li.mailing-list-item .mailing-duration {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    font-family: Georgia;
    font-style: italic;
    display: inline
}
.form-container form .newsletter-checkbox-label {
    width: 80%
}
.form-container form .policy-checkbox-label {
    width: 80%
}
.form-container form .policy-check-label {
    width: 90%
}
.form-container form.search-form button.search-btn {
    border: transparent;
    border-bottom: 1px solid #bdbdbd;
    height: 34px;
    font-size: 20px
}
.form-container form.search-form button.search-btn-search {
    font-size: 14px;
    white-space: nowrap
}
.search-btn-search {
    font-size: 14px
}
.form-container .form-check {
    margin: 10px 0
}
.form-container .form-check .form-check-label {
    width: 100%
}
.form-container .form-check input {
    vertical-align: top
}
.form-container .form-check span {
    display: inline-block;
    width: 95%;
    color: #372c2c;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}
.form-container .forget-password-container {
    text-align: center;
    margin: 10px 0
}
.form-container .forget-password-container .text a {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: .2px;
    cursor: pointer
}
.form-container #find-my-code-text a {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: .2px;
    cursor: pointer
}
.form-container .popular-topic-container .popular-topic-title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    padding: 20px 0
}
.form-container .popular-topic-container .popular-topic-subtitle {
    color: #262626;
    font-family: Georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    text-align: center
}
.form-container hr {
    border-top: 1px solid #bdbdbd;
    position: relative;
    width: 1300px;
    left: -440px;
    margin: 50px 0
}
.form-container .input-group-addon {
    background-color: transparent;
    border: 0;
    border-bottom: 1px solid #bdbdbd;
    padding: 0
}
.form-container form .expmonth {
    width: 30%;
    margin-right: 9px
}
.form-container form .expyear {
    width: 67%
}
.form-container .membership-form .step-btn {
    background-color: #ad9963;
    border-color: transparent;
    border-radius: 100px;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px
}
.form-container .membership-form .process-dots {
    padding-top: 20px;
    padding-bottom: 20px
}
.form-container .membership-form .review-label {
    margin: 5px 0
}
.form-container .cancel-link {
    text-align: center;
    color: #ad9963;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-decoration: underline;
    letter-spacing: .2px;
    cursor: pointer
}
.footer-order-summary {
    padding: 20px 10px 40px;
    background-color: #da2128;
    color: #fff
}
.footer-order-summary .back-link {
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px
}
.footer-order-summary .summary .title {
    color: #fff;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    padding: 5px 0 10px
}
.footer-order-summary .summary .options {
    color: #fff;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic
}
.footer-order-summary .summary .options span {
    font-style: normal;
    font-family: "Coranto 2 Headline";
    font-weight: 700;
    letter-spacing: .31px
}
.help-container {
    background-color: #da2128
}
.help-container .help-inner-container {
    width: 70%;
    display: table;
    margin: 0 auto;
    padding: 30px 0
}
.help-container .help-inner-container .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 34px;
    font-weight: 700;
    line-height: 32px;
    text-align: right
}
.help-container .help-inner-container .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 16px
}
.help-container .help-inner-container .call-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}
.form-modal-saved {
    width: 270px;
    top: 300px
}
@media (max-width: 768px) {
    .login-panel .title {
        padding: 20px 0
    }
    .login-panel hr.wide {
        margin: 20px 0
    }
    .login-panel .login-btns-container {
        text-align: center;
        padding: 20px 0
    }
    .login-panel .login-btns-container ul {
        width: 50%;
        display: block;
        margin: 0 auto
    }
    .login-panel .login-btns-container ul li {
        margin: 10px 0;
        width: 100%
    }
    .login-panel .social-btns-container .sign-btns {
        width: 48px;
        height: 48px;
        border-radius: 40px
    }
    .login-panel .login-btns-container .sign-btns {
        width: 50%;
        margin: 10px
    }
    .login-panel .social-btns-container .sign-btns span.text {
        display: none
    }
    .login-panel .social-btns-container .sign-btns i {
        float: none;
        margin: 10px 0 0
    }
    .market-data-container {
        width: 100%;
        padding: 0 20px
    }
    .form-container {
        width: 100%;
        padding: 0 20px
    }
    .form-container-saved {
        width: 100%
    }
    .form-modal-saved {
        width: 270px;
        top: 55px;
        left: 60px
    }
    .form-container .form-check span {
        width: 90%
    }
    .form-container form .expyear {
        width: 40%
    }
    .help-container .help-inner-container .bigtitle {
        margin: 10px 0;
        text-align: center
    }
    .help-container .help-inner-container .smalltitle {
        margin: 10px 0
    }
    .help-container .help-inner-container .call-btn {
        margin: 10px auto;
        display: block
    }
    .form-container hr {
        width: 100%;
        left: 0
    }
}
@media (max-width: 1301px) {
    .form-container hr {
        width: 100%;
        left: 0
    }
}
#box-table-b {
    border: 1px solid #ddd
}
#box-table-b thead {
    background-color: #d71e24;
    color: #fff
}
.welcome-container .welcome-box {
    width: 70%;
    display: block;
    margin: 30px auto
}
.welcome-container .title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding: 60px 0 10px;
    margin: 0 auto
}
.welcome-container .sub-title {
    color: #262626;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 10px 0
}
.welcome-container img.mobile-list {
    display: none
}
.welcome-container .icons {
    display: block;
    width: 65%;
    margin: 50px auto
}
.welcome-container .icons .icon {
    padding: 0 20px
}
.welcome-container .welcome-box .big-title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px;
    padding: 10px 0;
    text-align: left
}
.welcome-container .welcome-box .sub-title {
    color: #262626;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
    padding: 10px 0;
    text-align: left
}
.welcome-container .welcome-box .small-title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    text-align: center;
    padding-bottom: 20px
}
.welcome-container .welcome-box .welcome-icon {
    margin: 20px auto
}
.welcome-container .article-box {
    width: 46%;
    margin: 20px auto 30px
}
.welcome-container .article-box .article-image {
    display: inline-block;
    width: 50%
}
.welcome-container .article-box .article-content {
    display: inline-block;
    width: 40%;
    margin: 0 20px;
    vertical-align: top
}
.welcome-container .article-box .article-content span.text {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 18px;
    font-weight: 700;
    line-height: 1px
}
.welcome-container .article-box .article-content .article-content-control {
    margin: 0 0 10px
}
.welcome-container .article-box .article-content .article-content-control span.text {
    color: #372c2c;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    margin-left: 20px
}
.welcome-container .welcome-btn-group {
    display: block;
    margin: 0 auto;
    width: 50%
}
.welcome-container .welcome-btn-group .welcome-btn {
    display: block;
    margin: 0 auto;
    background-color: #da2128;
    border-radius: 30px;
    color: #fff;
    font-weight: 700
}
.welcome-container .welcome-box .mobile-list {
    display: none
}
@media (max-width: 768px) {
    .welcome-container .article-box {
        width: 100%
    }
    .welcome-container .article-box .article-image {
        display: none
    }
    .welcome-container .article-box .article-content {
        width: 85%
    }
    .welcome-container .welcome-box {
        width: 100%
    }
    .welcome-container .welcome-box .icons {
        display: none
    }
    .welcome-container .welcome-box .mobile-list {
        display: block;
        margin-bottom: 20px
    }
    .welcome-container img.mobile-list {
        display: block;
        margin-bottom: 10px
    }
    .welcome-container .icons {
        display: none
    }
}
.sticky {
    position: absolute;
    bottom: 0
}
.footer {
    width: 100%;
    color: #fff
}
.footer .container {
    background-color: #707070
}
.footer .footer-menu {
    padding: 0;
    margin-left: 5px
}
.footer-menu-desktop {
    padding: 10px 0 0 0 !important
}
.footer .footer-menu li {
    line-height: 20px;
    list-style: none;
    padding: 0
}
.footer .footer-menu li a {
    color: #fff;
    font-size: 12px
}
.footer .copyright-row {
    border-top: 1px solid #fff
}
.footer #copyright {
    font-size: 12px;
    display: block;
    padding: 15px 0
}
.footer .footer-links {
    font-size: 12px;
    display: block;
    padding: 15px 0;
    text-align: right
}
.footer .footer-links a {
    color: #fff;
    margin: 0 5px
}
.footer #copyright .copyright-title {
    display: inline-block;
    padding-right: 10px
}
.footer #copyright .copyright-name-address {
    display: inline-block;
    padding-left: 10px
}
.footer .footer-socials {
    display: inline-block;
    width: 150px;
    float: right;
    margin: 20px
}
.footer .footer-socials i {
    font-size: 26px;
    margin: 0 5px
}
.footer .footer-socials .footer-social-icons {
    margin: 0 5px
}
@media (max-width: 768px) {
    .footer #copyright .copyright-title {
        padding: 0
    }
    .footer #copyright .copyright-name-address {
        padding: 0
    }
    .footer .footer-socials {
        width: 150px;
        margin: 20px auto;
        display: block;
        float: none
    }
    .footer .footer-links {
        display: none
    }
}
#cancelModal .modal-dialog {
    width: 490px
}
#cancelModal .modal-dialog .modal-content .modal-header {
    padding-bottom: 0
}
#cancelModal .modal-dialog .modal-content .modal-body {
    padding-top: 0
}
#createCollectionModal .modal-dialog {
    margin-top: 20%;
    width: 420px
}
#createCollectionModal .modal-dialog .modal-content .modal-body {
    padding-top: 0
}
#createCollectionModal .modal-dialog .modal-content .modal-body .form-container {
    width: 100%
}
#createCollectionModal .modal-dialog .modal-content .modal-body .form-container form {
    padding-top: 0
}
#createCollectionModal .modal-dialog .modal-content .modal-body .form-container form #startcollection {
    border-radius: 100px;
    background-color: rgba(189, 189, 189, .5);
    color: #fff;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    display: block;
    margin: 0 auto;
    border: 0
}
#readmoreModal .modal-dialog {
    width: 100%;
    position: relative;
    bottom: 0;
    margin: 0;
    background: 0 0
}
#readmoreModal .modal-dialog .modal-content {
    width: 1300px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    border: 0
}






@media (max-width: 768px) {
    #runninglowModal .modal-dialog {
        width: 100%;
        position: fixed;
        bottom: 0;
        margin: 0;
        background: 0 0;
        padding-right: 10px
    }
}
@media (min-width: 768px) {
    #runninglowModal .modal-dialog {
        width: 100%;
        position: fixed;
        bottom: 0;
        margin: 0;
        background: 0 0;
        padding-right: 36px
    }
}




@media (max-width: 768px) {
    #runninglowModal .modal-dialog .modal-content {
        width: 100%; /*width: 1290px;*/
        display: block;
        margin: 0 auto;
        border-radius: 0;
        background-color: #da2128;
        box-shadow: 0 0 0;
        border: 0px;        
    }
}
@media (min-width: 768px) {
    #runninglowModal .modal-dialog .modal-content {
        width: 1290px; /*width: 100%;*/
        display: block;
        margin: 0 auto;
        border-radius: 0;
        box-shadow: 0 0 0;
        border: 0px;
    }
}









#runninglowModal .modal-dialog .modal-body {
    padding: 0
}
#runninglowModal .help-container {
    background-color: #da2128;
    width: 100%
}
#runninglowModal .help-container .help-inner-container {
    display: table;
    margin: 0 auto;
    padding: 0 0 20px
}
#runninglowModal .help-container .help-inner-container .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 34px;
    font-weight: 700;
    line-height: 32px;
    text-align: right
}
#runninglowModal .help-container .help-inner-container .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 16px
}
#runninglowModal .help-container .help-inner-container .call-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}
#zeroLeftModal .modal-dialog {
    width: 100%;
    position: fixed;
    bottom: 0;
    margin: 0;
    background: 0 0;
    padding-right: 17px
}

#memberplusModal .modal-dialog {
    width: 100%;
    position: fixed;
    bottom: 0;
    margin: 0;
    background: 0 0;
    padding-right: 17px
}

#incognitoModal .modal-dialog {
    width: 100%;
    position: fixed;
    bottom: 0;
    margin: 0;
    background: 0 0;
    padding-right: 17px
}


#zeroLeftModal .modal-dialog {
    width: 100%;
    position: fixed;
    bottom: 0;
    margin: 0;
    background: 0 0;
    padding-right: 17px
}

#memberplusModal .modal-dialog .modal-content {
    width: 1300px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    background-color: #da2128;
    box-shadow: 0 0 0;
    border: 0px; 
}

#incognitoModal .modal-dialog .modal-content {
    width: 1300px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    background-color: #da2128;
    box-shadow: 0 0 0;
    border: 0px; 
}


#zeroLeftModal .modal-dialog .modal-content {
    width: 1300px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    background-color: #da2128;
    box-shadow: 0 0 0;
    border: 0px;    
}

#zeroLeftModal .modal-dialog .modal-body {
    padding: 0
}
#memberplusModal .modal-dialog .modal-body {
    padding: 0
}

#incognitoModal .modal-dialog .modal-body {
    padding: 0
}

#memberplusModal .help-container {
    background-color: #da2128;
    width: 100%
}

#incognitoModal .help-container {
    background-color: #da2128;
    width: 100%
}


#zeroLeftModal .help-container {
    background-color: #da2128;
    width: 100%
}

#memberplusModal .help-container .help-inner-container {
    display: table;
    margin: 0 auto;
    padding: 30px 0
}

#incognitoModal .help-container .help-inner-container {
    display: table;
    margin: 0 auto;
    padding: 30px 0
}


#zeroLeftModal .help-container .help-inner-container {
    display: table;
    margin: 0 auto;
    padding: 30px 0
}


#memberplusModal .help-container .help-inner-container .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
    text-align: right
}


#incognitoModal .help-container .help-inner-container .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
    text-align: right
}



#zeroLeftModal .help-container .help-inner-container .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 40px;
    font-weight: 700;
    line-height: 32px;
    text-align: right
}


#memberplusModal .help-container .help-inner-container .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px
}

#incognitoModal .help-container .help-inner-container .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px
}


#zeroLeftModal .help-container .help-inner-container .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 20px;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 20px
}

#memberplusModal .help-container .help-inner-container .call-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}


#incognitoModal .help-container .help-inner-container .call-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}



#zeroLeftModal .help-container .help-inner-container .call-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}




#lastreadModal .modal-dialog {
    width: 100%;
    position: fixed;
    bottom: 0;
    margin: 0;
    background: 0 0;
    padding-right: 17px
}
#lastreadModal .modal-dialog .modal-content {
    width: 1300px;
    display: block;
    margin: 0 auto;
    border-radius: 0;
    background-color: #da2128
}
#lastreadModal .modal-dialog .modal-body {
    padding: 0
}
#lastreadModal .help-container {
    background-color: #da2128;
    width: 100%
}
#lastreadModal .help-container .help-inner-container {
    margin: 0 auto;
    padding: 0 0 20px
}
#lastreadModal .help-container .help-inner-container .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px;
    text-align: center
}
#lastreadModal .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px
}
#lastreadModal .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    text-align: center;
    width: 60%;
    margin: 0 auto
}
#runninglowModal .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px
}
#runninglowModal .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    text-align: center;
    width: 60%;
    margin: 0 auto
}
.btn_modal_article_footer {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}
#lastreadModal .help-container .help-inner-container .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    line-height: 20px;
    text-align: center;
    width: 60%;
    margin: 0 auto
}
#lastreadModal .help-container .help-inner-container .call-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border: transparent;
    border-radius: 400px
}
#lastreadModal .help-container .help-inner-container .link {
    text-align: center;
    cursor: pointer;
    padding: 20px 0
}
#savetoCollectionModal .modal-dialog {
    margin-top: 20%;
    width: 420px
}
#savetoCollectionModal .modal-video {
    margin-top: 20%;
    width: 590px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
#savetoCollectionModal .modal-video-mobile {
    margin-top: 20%;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}
.modal .modal-dialog .modal-content .modal-header {
    border-bottom: 0 solid transparent
}
.modal .modal-dialog .modal-content .modal-body .title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    text-align: center
}
.modal .modal-dialog .modal-content .modal-body .sub-title {
    color: #262626;
    font-family: Georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding: 0 70px
}
.modal .modal-dialog .modal-content .modal-body .back-line {
    display: table;
    margin: 10px auto
}
.modal .modal-dialog .modal-content .modal-body .back-line span {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px
}
.modal .modal-dialog .modal-content .modal-body .cancel-btn {
    color: #da2128;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #fff;
    border-color: #da2128;
    border-radius: 40px;
    margin: 20px auto 10px;
    display: block
}
.modal .modal-dialog .modal-content .modal-body .text {
    color: #da2128;
    font-size: 13px;
    font-weight: 400;
    line-height: 16px;
    text-align: center;
    padding: 0 50px
}
.modal .modal-dialog .modal-content .modal-footer {
    background-color: #da2128;
    height: 180px
}
.modal .modal-dialog .modal-content .modal-footer .bigtitle {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    padding: 10px 0
}
.modal .modal-dialog .modal-content .modal-footer .smalltitle {
    color: #fff;
    font-family: Georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding: 10px 40px
}
.modal .modal-dialog .modal-content .modal-footer .call-btn {
    border-radius: 100px;
    background-color: #fff;
    color: #da2128;
    border-color: transparent
}
@media (max-width: 1300px) {
    #memberplusModal {
        width: 100%
    }

    #incognitoModal {
        width: 100%
    }


    #zeroLeftModal {
        width: 100%
    }

    #memberplusModal .modal-dialog .modal-content {
        width: 100%
    }

    #incognitoModal .modal-dialog .modal-content {
        width: 100%
    }


    #zeroLeftModal .modal-dialog .modal-content {
        width: 100%
    }


}
@media (max-width: 768px) {
    #cancelModal .modal-dialog {
        width: auto
    }
    #createCollectionModal .modal-dialog {
        width: 100%;
        margin: 20% 0 0
    }
    #runninglowModal .help-container .help-inner-container .bigtitle {
        margin: 10px 0;
        text-align: center
    }
    #runninglowModal .help-container .help-inner-container .smalltitle {
        margin: 10px 0
    }
    #runninglowModal .help-container .help-inner-container .call-btn {
        margin: 10px auto;
        display: block
    }
    #memberplusModal .modal-dialog .modal-content {
        width: 100%
    }

    #incognitoModal .modal-dialog .modal-content {
        width: 100%
    }


    #zeroLeftModal .modal-dialog .modal-content {
        width: 100%
    }    

    #memberplusModal .modal-dialog {
        padding-right: 0
    }

    #incognitoModal .modal-dialog {
        padding-right: 0
    }


    #zeroLeftModal .modal-dialog {
        padding-right: 0
    }    

    #memberplusModal .help-container .help-inner-container .bigtitle {
        text-align: center;
        font-size: 30px;
        margin: 0
    }

    #incognitoModal .help-container .help-inner-container .bigtitle {
        text-align: center;
        font-size: 30px;
        margin: 0
    }


    #zeroLeftModal .help-container .help-inner-container .bigtitle {
        text-align: center;
        font-size: 30px;
        margin: 0
    }    



    #readmoreModal {
        padding-top: 90px
    }
    #readmoreModal .modal-dialog .modal-content {
        width: 100%;
        margin-top: 0!important;
        height: 700px
    }
    #memberplusModal .help-container .help-inner-container .smalltitle {
        font-size: 14px;
        line-height: 15px;
        margin: 5px 0
    }

    #incognitoModal .help-container .help-inner-container .smalltitle {
        font-size: 14px;
        line-height: 15px;
        margin: 5px 0
    }


    #memberplusModal .help-container .help-inner-container {
        padding: 10px 0;
        width: 90%
    }

    #incognitoModal .help-container .help-inner-container {
        padding: 10px 0;
        width: 90%
    }


    #memberplusModal .help-container .help-inner-container .call-btn {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0
    }

    #incognitoModal .help-container .help-inner-container .call-btn {
        display: inline-block;
        font-size: 12px;
        margin-bottom: 0
    }


    #mobileloginModal {
        z-index: 2000
    }
    #mobileregisterModal {
        z-index: 2000
    }
}
.nav-tabs {
    border-bottom: 0 solid #ddd
}
.nav-tabs .active a {
    background-color: transparent!important
}
.knowledgehub-container .header-container {
    margin: 0
}
.knowledgehub-container .header-container .breadcrumb {
    background-color: #fff
}
.knowledgehub-container .header-container .breadcrumb a {
    color: #333;
    font-size: 12px;
    font-weight: 400;
    line-height: 12px
}
.knowledgehub-container .header-container img {
    padding-bottom: 50px
}
.knowledgehub-container .knowledgehub-tools-block {
    background-color: #fff
}
.knowledgehub-container .knowledgehub-tools-block .block-desc {
    width: 200px;
    margin: 0 auto;
    text-align: center;
    height: 70px
}
.knowledgehub-container .knowledgehub-tools-block .block-content-outer {
    padding: 0
}
.knowledgehub-container .knowledgehub-tools-block .block-content-outer .block-content-inner {
    height: 350px
}
.knowledgehub-container .knowledgehub-tools-block .block-image {
    width: 100%;
    height: 175px
}
.knowledgehub-container .knowledgehub-tools-block .block-title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    padding: 10px 20px;
    text-align: center;
    height: 95px;
    margin: 0 auto;
    width: 260px
}
.knowledgehub-container .knowledgehub-tools-block .block-link {
    padding: 0
}
.knowledgehub-container .knowledgehub-tools-block .block-link a {
    display: block;
    margin: 0 auto;
    width: 165px
}
.knowledgehub-container .knowledgehub-tools-block .block-link a span {
    color: #ad9963;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px
}
.knowledgehub-container .knowledgehub-tools-block .block-link img {
    float: right
}
.knowledgehub-container .page-title {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 42px;
    text-align: center;
    padding: 20px 0 10px
}
.knowledgehub-container .page-sub-title {
    color: #292121;
    width: 396px;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    text-align: center;
    padding: 0 0 20px;
    margin: 0 auto
}
.knowledgehub-container #heifer_cal {
    width: 80%;
    margin: 0 auto
}
.knowledgehub-container .fillin-fields {
    padding: 10px
}
.knowledgehub-container .btn-fields {
    padding: 20px 0;
    display: inline-block;
    width: 100%
}
.knowledgehub-container .results-fields {
    padding: 10px
}
.knowledgehub-container .btn1 {
    border-radius: 108px;
    background-color: #ad9963;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-color: transparent;
    padding: 10px
}
.knowledgehub-container .btn2 {
    border-radius: 100px;
    background-color: #da2128;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    border-color: transparent;
    padding: 10px
}
.knowledgehub-container .btn-left {
    float: left;
    width: 47%
}
.knowledgehub-container .btn-right {
    float: right;
    width: 47%
}
.knowledgehub-container #total_target_weight {
    background-color: #fff;
    border-color: transparent;
    color: #10a98f;
    font-size: 28px;
    font-weight: 400
}
.knowledgehub-container #total {
    background-color: #fff;
    border-color: transparent;
    color: #10a98f;
    font-size: 28px;
    font-weight: 400
}
.knowledgehub-container .section {
    margin-bottom: 20px
}
.knowledgehub-container .span_1_of_3m2 {
    width: 15%;
    display: inline-block
}
.knowledgehub-container .span_1_of_3m {
    width: 68%;
    display: inline-block;
    height: 60px;
    vertical-align: top
}
.knowledgehub-container .span_1_of_3m .animal-price-field {
    width: 60%;
    margin: 0 auto
}
.knowledgehub-container .span_1_of_3m .animal-weight-field {
    width: 60%;
    margin: 0 auto
}
.knowledgehub-container .span_1_of_3m .animal-price-field #mart_euro {
    width: 20%;
    display: inline-block;
    color: #372c2c;
    font-weight: 700;
    font-size: 24px;
    text-align: right
}
.knowledgehub-container .span_1_of_3m .animal-price-field input {
    border-color: transparent;
    color: #372c2c;
    font-size: 38px;
    font-weight: 700;
    width: 70%
}
.knowledgehub-container .span_1_of_3m .animal-weight-field input {
    border-color: transparent;
    color: #372c2c;
    font-size: 38px;
    font-weight: 700;
    width: 70%;
    text-align: right
}
.knowledgehub-container .span_1_of_3m .animal-weight-field #mart_kg {
    width: 20%;
    display: inline-block;
    color: #372c2c;
    font-weight: 700;
    font-size: 24px;
    text-align: right;
    margin-left: -15px
}
.knowledgehub-container .label-title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    margin-bottom: 20px
}
.knowledgehub-container .mart_btn_right {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(/images/plus.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #d71e24;
    color: #fff;
    border: none;
    outline: 0;
    font-size: 5.5em;
    float: right;
    cursor: pointer
}
.knowledgehub-container .mart_btn_left {
    display: block;
    width: 60px;
    height: 60px;
    background-image: url(/images/mins.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #d71e24;
    color: #fff;
    border: none;
    outline: 0;
    font-size: 5.5em;
    float: left;
    cursor: pointer
}
.knowledgehub-container .marttotal {
    height: 90px;
    background-color: #372c2c;
    color: #fff;
    font-family: Roboto;
    font-size: 48px;
    font-weight: 700;
    width: 100%;
    text-align: center
}
.knowledgehub-container .footer-notes {
    display: block;
    width: 60%;
    margin: 20px auto;
    color: #372c2c;
    font-size: 12px;
    font-weight: 400;
    line-height: 14px;
    font-family: Roboto
}
.knowledgehub-container hr.wide {
    margin: 30px 0
}
.knowledgehub-container .panel-default .panel-heading {
    color: #000;
    background-color: #fff;
    border-color: transparent;
    padding: 20px;
    border-top: 1px solid #ddd
}
.knowledgehub-container .panel-default .panel-heading .panel-title {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}
.knowledgehub-container .panel-group .panel-default {
    margin-top: 0;
    border-color: transparent
}
.knowledgehub-container .panel-group .panel-default a {
    color: #000;
    text-decoration: none
}
.knowledgehub-container .panel-group .panel-default a.white {
    color: #f0f0f0;
    text-decoration: none
}
.knowledgehub-container .panel-group .panel-default .panel-body {}.knowledgehub-container .ration-container {
    padding: 0 10%
}
.knowledgehub-container ul.acc_list li {
    padding: 5px 0
}
.knowledgehub-container .ration-container .page-sub-title {
    width: 50%;
    display: block;
    margin: 0 auto;
    padding: 0 0 30px
}
.knowledgehub-container .panel-group .main-heading {
    padding: 20px 10px;
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    background-color: #fff
}
.knowledgehub-container .martdgrid {
    background-color: #fff;
    padding: 20px;
    display: inline-table;
    width: 49%;
    margin: 5px;
    clear: none;
    position: relative;
    min-height: 500px
}
.knowledgehub-container .martdgrid .martdirectorybox .martdirectorybox-title {
    color: #000;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}
.knowledgehub-container .martdgrid .martdirectorybox .martdays {
    margin-bottom: 20px
}
.knowledgehub-container .martdgrid .martdirectorybox .martdays .text {
    color: #ad9963;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    display: block
}
.knowledgehub-container .inbox {
    padding: 10px
}
.knowledgehub-container .inbox .box-title {
    color: #292121;
    font-family: Roboto;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px
}
.knowledgehub-container .results-field label {
    color: #ad9963;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px
}
.knowledgehub-container #sfptotal {
    width: 830px
}
.knowledgehub-container .buttons-field {
    width: 300px;
    display: table;
    margin-top: 15px;
    margin-bottom: 10px
}
.knowledgehub-container table.sfptable {
    width: 100%
}
.knowledgehub-container table.sfptable tr .numeric {
    vertical-align: center;
    border-right: 1px solid #bdbdbd;
    text-align: center
}
.knowledgehub-container table.sfptable tr .color-gold {
    color: #ad9963;
    padding-bottom: 10px;
    vertical-align: center
}
.knowledgehub-container table.sfptable tr .padding-botton {
    padding-bottom: : 10px
}
.knowledgehub-container table.sfptable tr .numeric input[type=text] {
    width: 90%;
    margin: 0 auto;
    background-color: transparent
}
.knowledgehub-container table.sfptable tr .numeric .sfptotals {
    background-color: transparent;
    border-color: transparent
}
.knowledgehub-container table.sfptable tr .numeric input[type=checkbox] {
    margin: 0 auto
}
.knowledgehub-container table.sfptable tr .noborder {
    border-color: transparent
}
.knowledgehub-container table.sfptable .sfplabel {
    text-align: center;
    display: block
}
.knowledgehub-container table.sfptable .sfplabel-color {
    color: #787878
}
.knowledgehub-container table.sfptable .sfptable-padding {
    padding-top: 10px
}
.knowledgehub-container .tbl-number {
    font-size: 20px
}
.knowledgehub-container .tbl-title {
    color: #292121;
    font-size: 20px;
    font-weight: 400;
    line-height: 24px;
    text-align: left
}
.knowledgehub-container .tbl-subtitle {
    color: #ad9963;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    text-align: left
}
.knowledgehub-container #sfptotal .sfptotals {
    color: #10a98f;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center
}
.knowledgehub-container .hide_print label {
    text-align: left;
    width: 100%;
    color: #787878;
    font-size: 13px;
    font-weight: 400;
    line-height: 13px;
    padding-top: 10px
}
.knowledgehub-container #print_btn {
    margin: 20px auto;
    display: block;
    width: 140px
}
.knowledgehub-container .fodder-container {
    width: 630px
}
.knowledgehub-container .fodder2-container {
    width: 960px
}
.knowledgehub-container .padding-row {
    padding-bottom: 20px
}
.knowledgehub-container .fodderbox2 {
    display: inline-block;
    width: 100%
}
.knowledgehub-container .nxt_button {
    margin: 10px auto;
    display: block;
    width: 140px;
    border-radius: 100px;
    background-color: #da2128;
    color: #fff;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    padding: 10px;
    border-color: transparent
}
.knowledgehub-container #totalresize {
    display: inline-block;
    width: 100%;
    padding: 0 10px
}
.knowledgehub-container #totalresize .disabled {
    background-color: #fff;
    border-bottom-color: transparent;
    color: #10a98f;
    font-size: 28px;
    font-weight: 400
}
.knowledgehub-container #totalresize .small {
    color: #10a98f;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    opacity: 1
}
.knowledgehub-container .back-line a {
    color: #000
}
.kh-sidebar-container .title {
    color: #ad9963;
    font-size: 14px;
    font-weight: 700;
    text-transform: capitalize;
    letter-spacing: .2px
}
.kh-sidebar-container .icon {
    margin-right: 5px
}
.kh-sidebar-container .nav-tabs>li>a {
    color: #ad9963;
    font-size: 16px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: .2px;
    padding: 10px 0;
    cursor: pointer
}
.kh-sidebar-container.nav-tabs>li>a:hover {
    background-color: #fff
}
.kh-sidebar-container .nav-tabs>li.active>a,
.nav-tabs>li.active {
    color: #000
}
.kh-sidebar-container .nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    border: transparent
}
.knowledgehub-container .farm-programmes-prime-col {
    padding-right: 0
}
.knowledgehub-container .farm-programmes-row {
    padding-right: 0;
    padding-left: 0
}
.knowledgehub-container .farm-programmes-prime-block {
    margin-bottom: 0
}
.knowledgehub-container .farm-programmes-prime-block .block-content-outer {
    padding-left: 0;
    padding-right: 0
}
.knowledgehub-container .farm-programmes-prime-block .block-image {
    width: 100%
}
.knowledgehub-container .farm-programmes-prime-block .block-title {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 32px;
    font-weight: 700;
    line-height: 38px;
    width: 100%;
    text-align: center;
    padding: 50px 0
}
.knowledgehub-container .farm-programmes-prime-block .block-desc {
    color: #fff;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    width: 100%;
    text-align: center;
    padding: 0 30px
}
.knowledgehub-container .farm-programmes-prime-block .block-link {
    color: #fff;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 50px 0
}
.knowledgehub-container .farm-programmes-prime-block .block-link a {
    display: block;
    margin: 0 auto;
    width: 125px
}
.knowledgehub-container .farm-programmes-prime-block .block-link a span {
    color: #ad9963;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px
}
.knowledgehub-container .farm-programmes-prime-block .block-link img {
    float: right
}
.knowledgehub-container .farm-programmes-block {
    margin-bottom: 0
}
.knowledgehub-container .farm-programmes-block .block-content-outer {
    padding-bottom: 0;
    padding-right: 0
}
.knowledgehub-container .farm-programmes-block .block-image {
    width: 100%
}
.knowledgehub-container .farm-programmes-block .block-title {
    color: #292121;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
    padding: 15px 0
}
.knowledgehub-container .farm-programmes-block .block-desc {
    color: #292121;
    font-family: Georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px;
    text-align: center;
    padding: 0 10px
}
.knowledgehub-container .farm-programmes-block .block-link {
    color: #fff;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 24px;
    padding: 38px 0
}
.knowledgehub-container .farm-programmes-block .block-link a {
    display: block;
    margin: 0 auto;
    width: 125px
}
.knowledgehub-container .farm-programmes-block .block-link a span {
    color: #ad9963;
    font-size: 17px;
    font-weight: 400;
    letter-spacing: .2px
}
.knowledgehub-container .farm-programmes-block .block-link img {
    float: right
}
.block .black-bg {
    background-color: #372c2c
}
.block .white-bg {
    background-color: #fff
}
.knowledgehub-container #charts .markets-col {
    padding-left: 15px;
    padding-right: 0
}
@media (max-width: 768px) {
    .knowledgehub-container .form-container {
        padding: 0 15px;
        width: 100%
    }
    .knowledgehub-container .fodder-container {
        width: 100%
    }
    .knowledgehub-container .ration-container {
        padding: 0 10px
    }
    .knowledgehub-container .ration-container .page-sub-title {
        width: 100%
    }
    .knowledgehub-container .martdgrid {
        background-color: #fff;
        padding: 20px;
        display: block;
        clear: none;
        position: relative;
        width: 100%;
        margin: 10px 0;
        min-height: auto
    }
    .knowledgehub-container .fodder2-container {
        width: 100%
    }
    .knowledgehub-container .span_1_of_3m {
        width: 60%
    }
    .knowledgehub-container .mart_btn_right {
        float: none
    }
    .knowledgehub-container .span_1_of_3m .animal-price-field input {
        font-size: 30px
    }
    .knowledgehub-container .span_1_of_3m .animal-weight-field input {
        font-size: 30px
    }
    .knowledgehub-container .span_1_of_3m .animal-weight-field #mart_kg {
        margin-left: 0
    }
    .knowledgehub-container .header-container img {
        width: 100%;
        padding: 40px 60px
    }
    .knowledgehub-container .header-container .breadcrumb {
        margin-bottom: 0
    }
    .knowledgehub-container #heifer_cal {
        width: 100%
    }
    .knowledgehub-container .footer-notes {
        width: 100%;
        padding: 10px
    }
    .knowledgehub-container #sfptotal {
        width: 100%;
        white-space: nowrap;
        overflow: auto
    }
    .knowledgehub-container #sfptotal .sfp-inline {
        width: 830px
    }
    .back-line {
        padding: 10px;
        border-bottom: 1px solid #dddd
    }
    .panel-body img {
        width: 100%
    }
    .kh-sidebar-container .nav-stacked li {
        display: inline-block
    }
    .kh-sidebar-container .nav-tabs>li>a {
        padding: 10px 15px
    }
    .kh-sidebar-container .nav-tabs>li .icon {
        width: 30px;
        display: block;
        margin: 0 auto
    }
    .kh-sidebar-container .title {
        display: none
    }
    .knowledgehub-container .breadcrumb {
        display: none
    }
    .knowledgehub-container .page-sub-title {
        width: 270px;
        margin: auto
    }
    .knowledgehub-container .buttons-field {
        width: 100%;
        padding: 0 15px
    }
    .knowledgehub-container .farm-programmes-prime-col {
        padding-right: 15px;
        padding-left: 15px
    }
    .knowledgehub-container .farm-programmes-row {
        padding-right: 15px;
        padding-left: 15px
    }
    .knowledgehub-container .farm-programmes-block .block-content-outer {
        padding-left: 0
    }
    .knowledgehub-container #charts .markets-col {
        padding-left: 15px;
        padding-right: 15px
    }
}
.sponsoredLabel {
    position: absolute;
    top: 0;
    background-color: #da2128;
    padding: 2px;
    color: #fff;
    font-size: 12px;
    font-weight: 700;
    left: 15px
}
.component-container .section {
    padding-top: 10px;
    display: inline-block;
    width: 100%;
}
@media (min-width: 768px) {/*desktop*/
    .component-container .section {
        padding-bottom: 20px;
    }
}
@media (max-width: 768px) { /*mobile*/
   .component-container .section {
        padding-bottom: 0px;
    }


    .ukraine-section {
        margin-bottom: 15px !important;
    }

}




.component-container .subsection-title {
    font-family: "Coranto 2 Headline";
    font-size: 62px;
    font-weight: 700;
    padding: 20px 15px;
    padding-bottom: 0
}
.subsection-title-movile {
    font-family: "Coranto 2 Headline";
    font-size: 52px;
    font-weight: 700;
    padding: 20px 15px
}
.component-container .collapse-btn {
    float: right;
    background-color: transparent;
    border-color: transparent;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .5px
}
.splash-main-title {
    font-family: "Coranto 2 Headline Regular"
}
.component-container .section .section-title {
    font-family: "Schadow Blk BT";
    /*font-size: 14px*/
    font-size: 20px;
}
.component-container .section .section-title-normal {
    font-family: "Schadow Blk BT";
    font-size: 20px
}
.component-container .section .section-big-title {
    font-family: "Schadow Blk BT";
    font-size: 20px
}
.component-container .section button.see-more {
    display: block;
    margin: 20px auto 0;
    border-radius: 100px;
    border: 1px solid #787878;
    background-color: #fff;
    color: #787878;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.component-container .section a.see-more {
    display: block;
    width: 100px;
    margin: 20px auto 0;
    border-radius: 100px;
    border: 1px solid #787878;
    background-color: #fff;
    color: #787878;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.component-container .section .sublink {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: .2px;
    vertical-align: bottom
}


/* old gold title */
.component-container .section .gold-title {
    /*background-color: #ad9963;*/
    background-color: transparent;
    color: #777;
    /*padding: 15px;*/
    padding: 5px;
    border-top: solid #DA2128;
}
.component-container .section .section-title.gold-title a {
    color: #777;
}
.component-container .section .gold-title a::after {
    content:url('/right-red-arrow.png')
}


/* old gold title */
.component-container .section .white-title {
    background-color: transparent;
    color: #FFF;
    padding: 5px;
    border-top: solid #DA2128;
}
.component-container .section .section-title.white-title a {
    color: #FFF !important;
}
.component-container .section .white-title a::after {
    content:url('/right-red-arrow.png')
}








.component-container .section .sponsored-articles-title{
    border-top: solid #DA2128;
}

.component-container .section .sponsored-articles-title a::after {
    content:url('/right-red-arrow.png');
}


.component-container .section .sub-news .title.title-sponsored{
    font-family: Roboto, Medium;
}    





/* old green title */
.component-container .section .green-title {
    /*background-color: #00684d;*/
    background-color: transparent;
    color: #777;
    /*padding: 15px*/
    padding: 5px;
    border-top: solid #DA2128;
}
.component-container .section .section-title.green-title a {
    color: #777;
}
.component-container .section .green-title a::after {
    content:url('/right-red-arrow.png')
}
/* old red title */
.component-container .section .red-title {
    /*background-color: #00684d;*/
    background-color: transparent;
    color: #777;
    /*padding: 15px*/
    padding: 5px;
    border-top: solid #DA2128;
}
.component-container .section .section-title.red-title a {
    color: #777;
}
.component-container .section .red-title a::after {
    content:url('/right-red-arrow.png')
}
/* old blue title */
.component-container .section .blue-title {
    /*background-color: #00684d;*/
    background-color: transparent;
    color: #777;
    /*padding: 15px*/
    padding: 5px;
    border-top: solid #DA2128;
}
.component-container .section .section-title.blue-title a {
    color: #777;
}
.component-container .section .blue-title a::after {
    content:url('/right-red-arrow.png')
}
/* old grey title */
.component-container .section .grey-title {
    /*background-color: #00684d;*/
    background-color: transparent;
    color: #777;
    /*padding: 15px*/
    padding: 5px;
    border-top: solid #DA2128;
}
.component-container .section .section-title.grey-title a {
    color: #777;
}
.component-container .section .grey-title a::after {
    content:url('/right-red-arrow.png')
}








.component-container .section .section-title a {
    /*color: #fff;*/
    color: #777;
    vertical-align: middle
}

.component-container .section .cl-blue-title {
    background-color: #0092a9;
    color: #fff;
    padding: 15px
}

@media (max-width: 768px) {
    .component-container .section .gold-title {
        padding: 1px 15px
    }
    .component-container .section .red-title {
        padding: 1px 15px
    }
    .component-container .section .blue-title {
        padding: 1px 15px
    }
    .component-container .section .cl-blue-title {
        padding: 1px 15px
    }
    .component-container .section .grey-title {
        padding: 1px 0
    }
    .component-container .section .green-title {
        padding: 1px 15px
    }
    .component-container .section .white-title {
        padding: 1px 15px
    }    
}
.component-container .section .main-news img {
    width: 100%;
    padding-bottom: 10px
}
.component-container .section .main-news .label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    display: table;
    padding: 0
}
.component-container .section .main-news .title {
    color: #292121;
    font-family: "Coranto 2 Headline";
    /*font-size: 32px;*/
    font-size: 40px;    
    /*line-height: 38px*/
    line-height: 44px;
}
.component-container .section .main-news .title-white {
    color: #FFFFFF;
    font-family: "Coranto 2 Headline";
    /*font-size: 32px;*/
    font-size: 40px;    
    /*line-height: 38px*/
    line-height: 44px;
}



@media (max-width: 768px) {
    .component-container .section .main-news .title {
        color: #292121;
        font-family: "Coranto 2 Headline";
        /*font-size: 40px;*/
        font-size: 26px;    
        /*line-height: 44px*/
        line-height: 28px;
    }
}
.component-container .section .main-news .summary {
    /*color: #292121;*/
    font-family: Georgia;
    font-size: 16px;
    font-weight: 400;
    line-height: 21px
}

.summary{
    color: #707070 !important;
}

.component-container .section .main-news .meta {
    width: 300px;
    height: 20px;
    color: #292121;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 20px;
    display: table
}
.component-container .section .main-news .meta .editor {
    font-family: Roboto;
    font-weight: 700;
    font-style: normal
}
.component-container .section .main-news .link {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    display: inline-block;
    vertical-align: top
}
.component-container .section .main-news .writer-profile {
    width: 70%
}
.component-container .section .sub-news .link {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    padding: 10px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 10px 10px 0
}
.component-container .section .sub-news .label {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    display: inline-block
}
.component-container .section .small-image {
    width: 100%
}
.component-container .section .sub-news .title {
    font-family: "Coranto 2 Headline";
    font-size: 22px;
    line-height: 28px;
    margin-bottom: 10px;    
}

.component-container .section .sub-news .title-desktop-most-read {
    font-family: "Coranto 2 Headline";
    font-size: 16px;
    line-height: 18px;
    margin-bottom: 10px;    
}




.component-container .section .sub-news .title-smallerline {
    font-family: "Coranto 2 Headline";
    /*font-size: 22px;*/
    font-size: 20px;
    line-height: 22px
}

.component-container .section .sub-news .big-title {
    font-size: 32px;
    line-height: 38px
}
.component-container .section .sub-news .summary {
    font-family: Georgia;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px
}
.summary-white {
    font-family: Georgia;
    font-size: 15px;
    font-weight: 400;
    line-height: 21px;
    color: white;
}

.component-container .section .sub-news .cl-summary {
    font-family: "Coranto 2 Headline";
    font-size: 18px;
    font-weight: 400;
    line-height: 21px
}

.component-container .section .sub-news .hero-image::after {
    display: block;
    position: relative;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #000 100%);
    margin-top: -150px;
    height: 150px;
    width: 100%;
    content: ''
}
.component-container .section .sub-news .meta {
    color: #292121;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 500;
    letter-spacing: .2px
}
.component-container .section .sub-news .meta .editor {
    color: #ad9963;
    font-weight: 700;
    letter-spacing: .2px;
    text-decoration: none;
    font-size: 14px
}
.component-container .section .sub-news img {
    width: 100%;
    object-fit: cover;
    background-position: 50% 50%
}
.component-container .section .sub-news .caption {
    position: absolute;
    bottom: 0;
    color: #fff;
    text-align: center;
    font-weight: 700;
    width: 100%;
    z-index: 1;
    padding-right: 15px
}
.component-container .section .sub-news .caption .meta {
    text-align: left;
    padding: 0 10px;
    color: #fff
}
.component-container .section .sub-news .caption .text {
    width: 100%;
    color: #fff;
    text-align: left;
    padding: 0 10px 10px;
    font-family: "Coranto 2 Headline";
    font-size: 32px;
    font-weight: 700;
    line-height: 38px
}
.component-container .section .sub-news .caption .video-text {
    color: #fff;
    font-family: Roboto;
    font-size: 26px;
    font-weight: 300;
    line-height: 30px
}
.component-container .section .editor-picks-block .editor-picks-inline .title {
    color: #fff;
    font-family: "Schadow Blk BT";
    font-size: 14px;
    text-transform: uppercase;
    padding: 10px
}
.component-container .section .editor-picks-block .editor-picks-inline .label {
    color: #ad9963;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    padding: 10px 0 0;
    display: inline-block
}

.component-container .section .editor-picks-block .editor-picks-inline .label a{
    color: #ad9963;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px;
    padding: 10px 0 0;
    display: inline-block
}

.component-container .section .editor-picks-block .editor-picks-inline .pick-item .title {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 20px;
    /*padding: 5px 0 20px;*/
    padding: 5px 0 10px;
    text-transform: none;
    line-height: 24px;
}

.component-container .section .editor-picks-block .editor-picks-inline .pick-item .title-mobile {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 18px;
    /*padding: 5px 0 20px;*/
    padding: 5px 0 0px;
    text-transform: none;
    line-height: 21px;
}

.component-container .section .editor-picks-block .editor-picks-inline .pick-item {
    margin: 0 9px
}
.component-container .section .breakingnews-block .breakingnews-block-inline .breakingnews-label {
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .5px;
    background-color: #da2128
}
.component-container .section .breakingnews-block .breakingnews-block-inline .title {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 60px;
    font-weight: 700;
    line-height: 68px
}
.component-container .section .breakingnews-block .breakingnews-block-inline .breakingnews-item .meta {
    color: #ad9963;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px
}
.component-container .section .breakingnews-block .breakingnews-block-inline .breakingnews-item .breakingnews-item-title {
    color: #fff;
    font-family: "Coranto 2 Headline";
    font-size: 22px;
    font-weight: 700;
    line-height: 26px
}
.component-container .livenews-section .livenews-item {
    display: inline-block
}
.component-container .section .kh-box {
    border-top: 2px solid #ad9963;
    height: 115px
}
.component-container .section .kh-box .text {
    color: #ad9963;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic
}
.component-container .section .kh-box .link {
    color: #292121;
    font-family: Roboto;
    font-size: 22px;
    font-weight: 300;
    line-height: 26px
}
.component-container .section .kh-box img {
    display: inline-block;
    vertical-align: top;
    width: 40px
}
.component-container .section .kh-box span {
    display: inline-block;
    width: 80%
}
.component-container .section .kh-box .kh-link {
    padding: 0 10px
}
.component-container .kh-section .kh-icon {
    width: 15%
}
.component-container .kh-title {
    font-family: Roboto;
    font-size: 32px;
    font-weight: 300
}
.component-container .kh-sub-title {
    color: #292121;
    font-family: Georgia;
    font-size: 16px;
    font-style: italic;
    line-height: 22px
}
.component-container .sound_container .soundsList_item {
    color: #fff;
    font-family: Roboto;
    font-size: 18px;
    font-weight: 300;
    line-height: 20px;
    cursor: pointer
}
.component-container .video-box {
    white-space: nowrap;
    overflow: auto
}
.component-container .video-box .video-item {
    display: inline-block;
    padding-right: 10px;
    width: 514px;
    height: 342px
}
.component-container .video-box iframe {
    display: inline-block;
    padding-right: 10px;
    width: 514px;
    max-height: 300px
}
.component-container .video-box .video-item .video-title {
    position: relative;
    bottom: 20px;
    color: #fff;
    font-family: Roboto;
    font-size: 26px;
    font-weight: 300;
    line-height: 30px
}
.component-container .cl-title {
    font-family: "Coranto 2 Headline";
    font-size: 26px;
    line-height: 28px;
    font-weight: 300
}
.component-container .viewp-box {
    display: inline-block;
    position: relative;
    width: 100%
}
.component-container .viewp-box .link {
    display: inline-block;
    width: 40%;
    position: absolute;
    bottom: 0;
    left: 0
}
.component-container .viewp-box .profile-img {
    display: inline-block;
    width: 50%;
    float: right
}
.component-container .viewp-box .profile-img-smaller {
    display: inline-block;
    width: 110px;
    float: right
}
.component-container .farm-programme-title {
    color: #292121;
    font-family: "Schadow Blk BT";
    font-size: 20px;
    font-weight: 900;
    text-transform: uppercase
}
.component-container .sponsore-news .news-image {
    width: 100%
}
.viewpoints-box {
    /*height: 340px*/
    height: 210px

}
.viewpoints-box .quota {
    /*display: inline-block;*/
    background-image: url(/images/quota.png);
    background-repeat: no-repeat
}
.viewpoints-box .quota .title {
    font-size: 28px!important;
    background-image: url(/images/quota.png);
    background-repeat: no-repeat;
    /*height: 150px*/
    height: 80px
}
.article-image-container {
    background-color: #000
}
.latest-hero-image-container {
    /*width: 640px;*/
    height: 420px;
    margin-bottom: 5px
}
.article-image-container img {
    display: block;
    margin: 0 auto
}
.image-1-container img {
    height: 420px
}
.image-2-container img {
    height: 360px
}
.image-4-container img {
    height: 215px;
    width: auto!important
}
.image-5-container {
    height: 155px;
    overflow: hidden
}
.image-6-container img {
    height: 90px
}
@media (max-width: 768px) {
    .component-container .cltitle {
        font-size: 52px
    }
}
@media (max-width: 768px) {
    .component-container .kh-section .kh-icon {
        width: 45%;
        padding-left: 15px
    }
    .component-container .section .sub-news .title {
        /*font-size: 22px;*/
        font-size: 18px;
        /*line-height: 24px;*/
        line-height: 21px;
        word-wrap: break-word
    }
    .component-container .sponsore-news .title {
        font-size: 16px!important;
        line-height: 20px!important
    }
    .component-container .section .small-title {
        font-size: 16px!important
    }
    ..small-title-movile {
        font-size: 10px!important
    }
    .component-container .video-box .video-item {
        width: 200px;
        height: auto
    }
    .component-container .video-box iframe {
        width: 280px;
        height: auto
    }
    .component-container .subsection-title {
        text-align: center;
        font-size: 42px;
        padding-bottom: 10px
    }
}
.div_under_video_box {
    background-color: #000;
    opacity: .5;
    -moz-opacity: .4;
    width: 100%;
    position: absolute
}
.topic-container .topic-title {
    font-family: "Coranto 2 Headline";
    font-size: 40px;
    font-weight: 700;
    padding: 20px 15px
}
.clsubhead {
    padding: 10px 15px;
    background-color: #0092a9;
    color: #fff;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: .38px;
    border-top: 1px solid #fff
}
.clsubhead a {
    color: #fff
}
.article-container .news-article {
    display: inline-block;
    width: 100%;
    /*padding: 60px 10px*/
    padding: 15px 10px
}
.article-container .news-article .cl-news-article-header {
    width: 620px
}
.article-container .news-article .cl-news-article-header .cl-news-article-date {
    text-align: center;
    color: #372c2c;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    text-transform: uppercase;
    letter-spacing: 1px
}
.article-container .news-article .cl-news-article-header .cl-news-article-title {
    color: #292121;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    text-align: center
}
.article-container .news-article .cl-news-article-header .cl-news-article-author {
    font-family: Roboto;
    font-weight: 700;
    letter-spacing: .2px;
    text-decoration: underline;
    text-align: center
}
.article-container .news-article .cl-news-article-header .cl-news-article-author-desc {
    text-align: center;
    color: #292121;
    font-family: Georgia;
    font-size: 14px;
    font-style: italic;
    line-height: 24px
}
.article-container .news-article .cl-news-article-header .cl-news-article-desc {
    text-align: center;
    color: #372c2c;
    font-family: Georgia;
    font-size: 20px;
    font-weight: 400;
    line-height: 28px;
    letter-spacing: -.2px
}
.article-container .news-article .cl-carousel {
    width: 950px;
    padding-left: 100px;
    vertical-align: bottom
}
.article-container .news-article .cl-article-image-caption {
    width: 194px;
    color: #372c2c;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 400;
    line-height: 17px;
    margin-left: 15px;
    padding-bottom: 10px;
    border-bottom: 1px solid #bdbdbd
}
.article-container .news-article .cl-news-article-body {
    width: 620px;
    color: #372c2c;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px
}
.article-container .news-article .cl-news-article-body::first-letter {
    color: #372c2c;
    font-family: Georgia;
    font-size: 66px;
    font-weight: 400;
    text-transform: uppercase;
    float: left;
    font-size: 5em;
    margin: 30px .2em 20px 0
}
.article-container .news-article .article-title {
    color: #292121;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    font-weight: 700;
    line-height: 40px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}
@media (max-width: 768px) {
    .article-container .news-article .article-title {
        color: #292121;
        font-family: "Coranto 2 Headline";
        font-size: 30px; /*font-size: 26px;*/
        font-weight: 700;
        line-height: 33px;
        margin-top: 0px !important;
        margin-bottom: 0px !important;        
    }
}
.article-container .news-article .article-desc {
    color: #292121;
    font-family: Roboto;
    font-size: 16px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;    
}
.article-container .news-article .article-info {
    position: absolute;
    top: -50px;
    left: 0
}
.article-container .news-article .article-info .article-breadcrumb {
    color: #da2128;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 700;
    text-transform: uppercase
}
.article-container .news-article .article-info .meta {
    color: #292121;
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    font-weight: 400;
    letter-spacing: .2px
}
.article-container .news-article .article-info .meta .editor {
    font-weight: 700;
    letter-spacing: .2px;
    text-decoration: underline;
    font-family: Roboto
}
.article-container .news-article .article-body {
    color: #372c2c;
    font-family: Georgia;
    font-size: 18px;
    font-weight: 400
}
/*line-height:26px*/
.article-container .news-article .article-image img {
    width: 100%
}
.article-container .news-article .article-image-caption {
    font-size: 13px;
    padding-top: 0px;
    font-family: Roboto
}
.carousel-inner .item .article-image {
    margin-bottom: 10px
}
.article-container .news-article .related-articles .title {
    color: #372c2c;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px
}
.article-container .news-article .related-articles .meta .editor {
    font-family: Roboto;
    font-size: 14px;
    font-weight: 400;
    font-weight: 400;
    letter-spacing: .2px;
    text-decoration: underline
}
.article-container .news-article .related-articles .related-article-title {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 16px;
    font-weight: 700;
    line-height: 20px
}
.article-container .news-article .related-topic-title {
    color: #372c2c;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px
}
.article-image {
    /*background-color: #000*/
    background-color: #FFF
}
.article-image img {
    display: block;
    margin: 0 auto;
    height: 400px;
   /* width: auto!important */
}
.article-dots {
    font-size: 20px
}
.carousel-control.left {
    background-image: none
}
.carousel-control.right {
    background-image: none
}
.news-article iframe {
    width: 100%
}
.share-btn {
    width: 30px;
    height: 30px;
    border-radius: 40px;
    padding: 5px 9px;
    margin: 10px 0;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer
}

.share-btn-2 {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    padding: 13px 9px;
    margin: 10px 0;
    display: inline-block;
    text-transform: uppercase;
    cursor: pointer
}


.share-fb {
    background-color: #3c5a96;
    border: 1px solid #3c5a96;
    color: #fff
}
.share-twitter {
    background-color: #4c98f7;
    border: 1px solid #4c98f7;
    color: #fff
}

.share-copy {
    background-color: #8F9CAD;
    border: 1px solid #8F9CAD;
    color: #fff
}


.share-whats {
    display: none
}
.share-mail {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    padding: 5px 7px
}
.share-list {
    font-size: 24px
}
@media (max-width: 768px) {
    .article-container .news-article {
        padding: 20px 0
    }
    .article-container .news-article .article-info {
        position: relative;
        top: 0
    }
    .article-image img {
        height: 200px
    }
}
@media (max-width: 768px) {
    .share-whats {
        display: inline-block;
        background-color: #1ebea5;
        border: 1px solid #1ebea5;
        color: #fff
    }
    .article-container .news-article .cl-news-article-header {
        width: 100%;
        padding: 0 15px
    }
    .article-container .news-article .cl-carousel {
        width: 100%;
        padding-left: 0
    }
    .article-container .news-article .cl-article-image-caption {
        width: 100%;
        padding: 0 15px;
        margin: 0
    }
    .article-container .news-article .cl-news-article-body {
        width: 100%;
        padding: 0 15px
    }
    .topic-container .topic-title {
        text-align: center
    }
}
.article-container .article-body links {
    color: #372c2c;
    font-family: Roboto;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: .2px
}
.article-container .article-body p a {
    font-family: Georgia;
    font-weight: 400;
    line-height: 20px;
    /*new 04 04 2020*/
    color: red;
}
.article-container .article-body p a:hover{
    /*new 04 04 2020*/
    color: red;
}



linkhd a {
    color: #000 !important;
    font-family: "Coranto 2 Headline"!important
}
@media (max-width: 768px) {
    .mobile-half-col {
        width: 49%;
        display: inline-block;
        vertical-align: top
    }
    .editor-picks-block .editor-picks-inline {
        white-space: nowrap;
        overflow: auto
    }
    .farm-programmes-section {
        white-space: nowrap;
        overflow: auto
    }
    .farm-programmes-section .farm-programmes-item {
        width: 70%;
        display: inline-block;
        vertical-align: top
    }
    .editor-picks-block .editor-picks-inline .pick-item {
        width: 70%;
        display: inline-block;
        vertical-align: top
    }
    .editor-picks-block .editor-picks-inline .pick-item .title {
        white-space: pre-line
    }
}
.tiny-II-image-container {
    height: 135px;
    overflow: hidden
}
.tiny-III-image-container {
    height: 85px;
    width: 130px;
    overflow: hidden
}
.small-image-container {
    height: 200px;
    overflow: hidden
}
.small-image-container-sponsored {
    height: 0;
    overflow: hidden
}
.middle-image-container {
    height: 420px;
    overflow: hidden
}
.middle-II-image-container {
    height: 250px;
    overflow: hidden;
    background-color: transparent
}
.hero-image {
    background-color: #333
}
.small-image-container img {
    height: 200px;
    width: auto
}
.mobilemodel .modal-dialog {
    margin-right: 0;
    margin-top: 0
}
.mobilemodel .modal-dialog .modal-content {
    border-radius: 0;
    border: 0
}
.mobilemodel.fade:not(.in).rightc .modal-dialog {
    -webkit-transform: translate3d(125%, 0, 0);
    transform: translate3d(125%, 0, 0)
}
.sponsore-section .section-title a {
    color: #da2128!important
}
quote {
    color: #372c2c;
    font-family: "Coranto 2 Headline";
    font-size: 40px;
    font-weight: 400;
    line-height: 47px;
    padding: 30px 0;
    display: block;
    border-top: 1px solid #bdbdbd;
    border-bottom: 1px solid #bdbdbd
}
quote:before {
    content: url(/images/quote-mark.png);
    margin-right: 0
}
.table-centerM {
    display: table;
    margin: 0 auto;
    padding: 5px 0;
    height: 205px;
}
@media (min-width: 320px) and (max-width: 480px) {
    .subscribe-container .block .block-content-outer ul li {
        padding-left: 0
    }
    .subscribe-container .block .block-content-outer #unchecked li {
        padding-left: 0
    }
    .option-list {
        padding-left: 20px
    }
    .subscribe-container .price-container .col-md-4 {
        width: 80%
    }
    .subscribe-container .block .block-heading .title-mobile {
        margin-left: 0
    }
    .subscribe-container .block .block-heading .sub-title-mobile {
        margin-left: 0
    }
    .subscribe-container .block .block-heading .price-mobile {
        margin-left: 0
    }
    .subscribe-container .block .btn-container .join-btn {
        margin-left: 3%
    }
}
.devices-header {
    font-family: 'Coranto 2 Headline';
    font-size: 36px
}
.devices-content {
    font-family: Georgia;
    font-size: 18px;
    line-height: 24px
}
.devices-table-header {
    font-family: Roboto;
    font-size: 16px;
    font-weight: 700
}
.devices-table-content {
    font-family: Roboto!important;
    font-size: 14px!important;
    font-weight: 700!important
}
.bg-cover {
    background-size: cover!important
}
h1.title {
    display: inline-block;
    font-family: "Coranto 2 Headline";
    font-size: 62px;
    font-weight: 700;
    padding-bottom: 0;
    margin: 0
}
.seooffdescription {
    color: #000;
    font-family: Georgia;
    font-size: 20px;
    line-height: 25px;
    font-weight: 400
}
#memberrequestModal .modal-dialog .modal-body .h1 {
    color: #262626;
    font-family: "Coranto 2 Headline";
    font-size: 28px;
    font-weight: 700;
    line-height: 32px;
    padding: 10px 20px;
    text-align: center;
    height: 110px;
    margin: 0 auto;
    display: block
}

.grey-title-2{
    color: #777;
    font-family: "Schadow Blk BT";
    font-size: 20px;    
}
.grey-title-2 a{
    color: #777;
    font-family: "Schadow Blk BT";
    font-size: 20px;    
}
.grey-title-2.right-arrow::after{
    content:url('/right-red-arrow.png');
} 


.grey{
    color: #777;
}

.right-arrow::after{
    content:url('/right-red-arrow.png');
}     

.top-stories-left {
    background-color: #70C2B4;
    border-radius: 28px 0px 0px 28px;
    font-size: 13px;
    font-family: Roboto;
    margin-top: 5px;
}
.top-stories-left a{
    color: white;
}
.top-stories-right {
    background-color: #000;
    border-radius: 0px 28px 28px 0px;
    font-size: 13px;
    font-family: Roboto;
    margin-top: 5px;     
}
.top-stories-right a{
    color: white;
}
.top-stories-center {
    /*width: 64%;*/
}


.white-important {
    color: white !important;
}

    .hp-subs-ads{
        line-height: 1.2;
        /*margin-left: -10px;*/
        background-color: #70C2B4 !important;
        height: 50px;
        font-weight: 700;
        display: flex;
        align-items: center; /*centraliza horizontalmente*/
        justify-content: center; /*cetraliza verticalmente*/
    }


@media only screen and (max-width: 321px){
 .top-stories-left {
    padding-left: 2%;
  }
 .top-stories-right {
    padding-left: 1%;
  }  
}

.div-mobile-img-inline {
    width: 95%;
    height: 120px;
    background-size: cover !important;
}

.desktop-padlock{
    float: right;
}

.subchannel-article-col{
    height: 425px;
}



/* modals start*/
.help-container{
    background-color: #70C2B4 !important;
}
#memberplusModal .help-container .help-inner-container .bigtitle.bigtitle_modal{
    text-align: center;
    font-size: 35px;
    color: black;
}

#incognitoModal .help-container .help-inner-container .bigtitle.bigtitle_modal{
    text-align: center;
    font-size: 35px;
    color: black;
}


#zeroLeftModal .help-container .help-inner-container .bigtitle.bigtitle_modal{
    text-align: center;
    font-size: 35px;
    color: black;
}

#memberplusModal .help-container .help-inner-container .smalltitle.smalltitle_modal{
    text-align: center;
    font-style: normal;
}

#incognitoModal .help-container .help-inner-container .smalltitle.smalltitle_modal{
    text-align: center;
    font-style: normal;
}


#zeroLeftModal .help-container .help-inner-container .smalltitle.smalltitle_modal{
    text-align: center;
    font-style: normal;
}

@media (min-width: 768px) {
    #zeroLeftModal .help-container .help-inner-container .smalltitle.smalltitle_modal{    
        padding-bottom: 20px;    
    }
}

.padlock_modals{
    margin-bottom: 6px;
    height: 23px;
    margin-right: 10px;
    filter: contrast(0.1);
}

.subs-signin{
    margin-right: -5px !important;
    font-family: Roboto;
    font-size: 13px;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: .46px;
    padding-top:7px; 
    padding-bottom:7px; 
    padding-left:15px; 
    margin-left:10px; 
    padding-right:15px;
    margin-right: 10px;
}

.subs-signin-gray{
    background-color: #707070
}

.subs-signin-yellow{
    background-color: #FFFF00
}
/* modals end*/

@media (max-width: 768px) {
    .row-btn-zero-left-modal{
        margin-top: 20px
    }

    .row-btn-zero-left-mobile{
        display: block;
    }
    .row-btn-zero-left-desktop{
        display: none;
    }

    .row-running-low-desktop{
        display: none;
    }
    .row-running-low-mobile{
        display: block;
        /*margin-left: -10px;
        margin-right: -11px;*/
        margin-left: 0px !important;
        margin-right: 0px !important;

    }

    .row-mplus-desktop{
        display: none;
    }
    .row-mplus-mobile{
        display: block;
    }

}

@media (min-width: 768px) {
    .row-btn-zero-left-mobile{
        display: none;
    }
    .row-btn-zero-left-desktop{
        display: block;
    }

    .row-running-low-desktop{
        display: block;
        margin-left: 0px;

    }
    .row-running-low-mobile{
        display: none;
    }    

    .row-mplus-desktop{
        display: block;
    }
    .row-mplus-mobile{
        display: none;
    } 
}

.article-body-gradient:after{
    content: "";
    width: 100%;
    height: 300px; /* 100%*/
    position: absolute;
    z-index: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0);
    background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 35%, white 76%);
    background-image: linear-gradient(to bottom,rgba(255, 255, 255, 0) 35%, white 104%);
}

.zeroleftModal-text{
    font-family: Roboto, Medium !important; 
    margin-bottom: 20px !important;
}

.memberplusModal-text{
    font-family: Roboto, Medium !important; 
    font-size: 16px !important;
}

.incognitoModal-text{
    font-family: Roboto, Medium !important; 
    font-size: 16px !important;
}

.menu-mobile-btn-unclicked-container{
    position: fixed; 
    bottom: 0; 
    margin-left:42%;
    z-index: 2000;
}

.menu-mobile-content{
    display: none;
    position: fixed;
    bottom: 0;
    overflow-y: scroll;
    right: 0;
    left: 0; 
    background-color: #372B2B;
    z-index: 2001;
}


.login-modal-title{
    color: white;
    font-family: "Coranto 2 Headline";
    font-size: 38px;
    line-height: 1.0;
}
.login-modal-title-1{
    color: white;
    font-family: "Coranto 2 Headline";
    font-size: 27px;
}

.login-modal-header-Failure .login-modal-title{
    color: white;
    font-family: "Coranto 2 Headline";
    font-size: 33px;
}

.linkLogin {cursor: pointer;}

#forgotten-password-btn {cursor: pointer;}

.btn_reset_password {cursor: pointer;}

.login-btn-emailmain {cursor: pointer;}

.login-2-attempt{display: none}





.modal-content-LoginModals{/*booth*/
    min-height: 373px;
}
@media (min-width: 768px) {/*desktop*/
    .modal-content-LoginModals{
        width: 80% !important;
    }
}
@media (max-width: 768px) { /*mobile*/
    .modal-content-LoginModals{
        width: 100% !important;        
    }
    .modal-content-LoginModals-TopMiddleIcon{
        margin-left: 8.5%;
    }

}


.collapse-btn{
    display: none;
}


.form-padding-left{
    padding-left: 10px !important;
}









.menu-mobile-line-link{
    height: 40px; padding-top: 10px; padding-left: 0px !important; padding-right: 0px !important; margin-left: 10px;margin-right: 10px; width: 94.6%    
}

@media (max-width: 360px) {
.menu-mobile-line-link{
    height: 40px; 
}
}

@media (min-width: 361px) {
.menu-mobile-line-link{
    height: 43px; 
}
}


.mega-dropdown-menu{
    height: 2000px; 
}
.mega-dropdown-menu-mobile{
    height: 600px /*height: 2000px;*/ 
}

.img-responsive {
    object-fit: cover;
    /*width: 100% !important;*/
}

.gadvertinlinestyling{
    background-color: #fff;
}

/* Contribly form configurations */
.contribute-form div.checkbox {
    overflow: revert;
}

.contribute-form form input[type=radio], input[type=checkbox] {
    -webkit-appearance: checkbox !important; 
    transform: scale(1.5); 
    box-shadow: none !important;
}


.social-media-header-footer{
    height: 35px;
}


.mega-dropdown .menu-btn i.header-desktop-icon.fa-times{
    font-size: 35px;
}

/*related to video component (More and Less)*/
.show-2-lines{
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;       
}

.right-arrow-2::after {
    content: url(/right-red-arrow-2.png);
}
.left-arrow-2::before {
    content: url(/left-red-arrow-2.png);
}   
/*related to video component*/

.components-tag {
        text-transform: uppercase;
}

.article-image-caption.inline-block {
    /*height: fit-content !important;*/
    height: fit-content;
    line-height: 1.2;
    padding-bottom: 10px;
}


#cpyModal{
    z-index: 999999 !important;
}
@media (min-width: 1200px)
.container {
     width: 1300px !important;
}

.border-top-components {
    border-top: solid #da2128;
}

@media (min-width: 768px) { /*desktop*/

    .gsc-input {
        width: 356px;
    }

    .gsc-search-button.gsc-search-button-v2 {
        text-align: initial;
        width: 44px;
    }

}

div.modal-backdrop.fade.in{
    display: none !important;
}

#farmersmarket-embed-code {
    height: 645px !important;
}






@media (min-width: 768px) { /*desktop*/
    #article-farmersmarket-embed-code {
        float: right;
        /*if not, whe not logged, will be to the right side*/
    }
}    

object > .item__spotlight:after {
    border-top: solid 4px yellow !important;
}


@media (max-width: 600px) { /* mobile  */
    #embedIframe {
        height: 1280px;
    }
}

@media (min-width: 601px) { /* desktop*/
    #embedIframe {
        height: 1040px;
    }
}




.article-image-container:hover,
.small-image:hover,
.custom-lazy:hover {
    opacity: .7;
}


.subs-box-content-price-form-textregular {
    display: none;
}