@import url('https://fonts.googleapis.com/css2?family=Readex+Pro:wght@500&display=swap');

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, tt, u, ul, var, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

blockquote:after, blockquote:before, q:after, q:before {
    content: '';
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, td, th {
    font-weight: 400;
    text-align: left
}

h1, h2, h3, h4, h5, h6 {
    clear: both
}

.h1like-mobile {
    display: none
}

html {
    font-size: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

a:focus {
    outline: thin dotted
}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    display: block
}

audio, canvas, video {
    display: inline-block
}

audio:not([controls]) {
    display: none
}

del {
    color: #333
}

ins {
    background: #fff9c0;
    text-decoration: none
}

hr {
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin: 24px;
    margin-bottom: 1.714285714rem
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

b, strong {
    font-weight: 700
}

small {
    font-size: smaller
}

img {
    border: 0;
    -ms-interpolation-mode: bicubic;
    vertical-align: middle;
    max-width: 100%
}

p img {
    max-width: 100%
}

.clear:after, .format-status .entry-header:after, .wrapper:after {
    clear: both
}

.clear:after, .clear:before, .format-status .entry-header:after, .format-status .entry-header:before, .wrapper:after, .wrapper:before {
    display: table;
    content: ""
}

.archive-title, .comment-content th, .entry-content th, .page-title, .widget-title {
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.181818182;
    font-weight: 500;
    text-transform: uppercase;
    color: #636363
}

.archive-title {
    font-size: 30px
}

.archive-subtitle-no-title {
    margin: 20px 0
}

.logo {
    margin: 0 auto;
    max-width: 1040px;
    margin-bottom: 15px
}

article.format-link footer.entry-meta, article.format-quote footer.entry-meta, article.format-status footer.entry-meta {
    font-size: 11px;
    font-size: .785714286rem;
    line-height: 2.181818182
}

button, input, textarea {
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 6px;
    padding: .428571429rem
}

button, input {
    line-height: normal;
    outline: 0;
    border: none
}

textarea {
    font-size: 100%;
    overflow: auto;
    vertical-align: top
}

input[type=checkbox], input[type=color], input[type=file], input[type=hidden], input[type=image], input[type=radio] {
    border: 0;
    border-radius: 0;
    padding: 0
}

.bypostauthor cite span, .menu-toggle, article.post-password-required input[type=submit], input[type=button], input[type=reset], input[type=submit] {
    padding: 6px 10px;
    padding: .428571429rem .714285714rem;
    font-size: 11px;
    font-size: .785714286rem;
    line-height: 1.428571429;
    font-weight: 400;
    color: #7c7c7c;
    background-color: #e6e6e6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -ms-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -webkit-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: -o-linear-gradient(top, #f4f4f4, #e6e6e6);
    background-image: linear-gradient(top, #f4f4f4, #e6e6e6);
    border: 1px solid #d2d2d2;
    border-radius: 3px;
    box-shadow: 0 1px 2px rgba(64, 64, 64, .1)
}

.menu-toggle, button, input[type=button], input[type=reset], input[type=submit] {
    cursor: pointer
}

button[disabled], input[disabled] {
    cursor: default
}

.menu-toggle:hover, article.post-password-required input[type=submit]:hover, button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:hover {
    color: #5e5e5e;
    background-color: #ebebeb;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -ms-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -webkit-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: -o-linear-gradient(top, #f9f9f9, #ebebeb);
    background-image: linear-gradient(top, #f9f9f9, #ebebeb)
}

.menu-toggle.toggled-on, .menu-toggle:active, button:active, input[type=button]:active, input[type=reset]:active, input[type=submit]:active {
    color: #757575
}

.bypostauthor cite span {
    color: #fff;
    background-color: #007bff;
    background-image: none;
    border: 1px solid #1f6f93;
    border-radius: 2px;
    box-shadow: none;
    padding: 0
}

.comment-content img, .entry-content img, .widget img {
    max-width: 100%
}

img[class*=align], img[class*=attachment-], img[class*=wp-image-] {
    height: auto
}

img.header-image, img.size-full, img.size-large, img.wp-post-image {
    max-width: 100%;
    height: auto
}

embed, iframe, object, video {
    max-width: 100%
}

.entry-content .twitter-tweet-rendered {
    max-width: 100% !important
}

.alignleft {
    float: left
}

.alignright {
    float: right
}

.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

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

.entry-caption, .gallery-caption, .wp-caption .wp-caption-text {
    font-style: italic;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    color: #757575
}

.rsswidget img, img.wp-smiley {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.entry-content dl.gallery-item {
    margin: 0
}

.gallery-caption, .gallery-item a {
    width: 90%
}

.gallery-item a {
    display: block
}

.gallery-caption a {
    display: inline
}

.gallery-columns-1 .gallery-item a {
    max-width: 100%;
    width: auto
}

.gallery .gallery-icon img {
    height: auto;
    max-width: 90%;
    padding: 5%
}

.gallery-columns-1 .gallery-icon img {
    padding: 3%
}

.site-content nav {
    clear: both;
    line-height: 2;
    overflow: hidden;
    margin-bottom: 20px
}

.nav-single {
    margin: 18px 0
}

#nav-above {
    padding: 24px 0;
    padding: 1.714285714rem 0
}

#nav-above {
    display: none
}

.paged #nav-above {
    display: block
}

.nav-previous, .previous-image {
    float: right;
    text-align: right;
    width: 50%
}

.nav-next, .next-image {
    float: left;
    width: 50%
}

#comment-nav-above, .nav-single + .comments-area {
    margin: 48px 0;
    margin: 3.428571429rem 0
}

.author .archive-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.author-info {
    border-top: 1px solid #ededed;
    margin: 24px 0;
    margin: 1.714285714rem 0;
    padding-top: 24px;
    padding-top: 1.714285714rem;
    overflow: hidden
}

.author-description p {
    color: #757575;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

.author.archive .author-info {
    border-top: 0;
    margin: 0 0 48px;
    margin: 0 0 3.428571429rem
}

.author.archive .author-avatar {
    margin-top: 0
}

html {
    font-size: 14px
}

body {
    font-size: 14px;
    font-size: 1rem;
    color: #444;
}

body.custom-font-enabled {
    font-family: "Roboto", Arial, sans-serif
}

a {
    outline: 0;
    /*color: #2c93ec;*/
    text-decoration: none;
    color: #21417c;
}

a:hover {
    text-decoration: underline
}
.content a {
    color: #21417c;
}
.assistive-text, .screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(50%);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.main-navigation .assistive-text:focus {
    background: #fff;
    border: 2px solid #333;
    border-radius: 3px;
    clip: auto !important;
    color: #000;
    display: block;
    font-size: 12px;
    padding: 12px;
    position: absolute;
    top: 5px;
    left: 5px;
    z-index: 100000
}

.site {
    background-color: #fff
}

#main-part > .container {
    margin-top: 30px
}

.site-content {
    margin: 0;
    min-height: 400px;
    padding-left: 0
}

.widget-area {
    margin: 0
}

.overflow-auto {
    overflow: auto
}

.site-header hgroup {
    background: url(https://cloudberrylab.com/images/block.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    color: #fff;
    height: 65px;
    padding-left: 24px;
    padding-top: 20px;
    width: 948px
}

.site-header .h1like, .site-header .h2like, .site-header h1, .site-header h2 {
    text-align: center
}

.site-header .h1like a, .site-header .h2like a, .site-header h1 a, .site-header h2 a {
    color: #fff;
    font-family: 'Roboto', arial, sans-serif;
    display: inline-block;
    text-decoration: none
}

.site-header .h1like a:hover, .site-header .h2like a:hover, .site-header h1 a:hover, .site-header h2 a:hover {
    color: #fff
}

.site-header h1 .site-header .h1like {
    font-size: 24px;
    font-size: 1.714285714rem;
    line-height: 1.285714286;
    margin-bottom: 14px;
    margin-bottom: 1rem
}

.site-header .h2like, .site-header h2 {
    font-weight: 400;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #757575
}

.main-navigation {
    text-align: center
}

.main-navigation li {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 1.42857143
}

.main-navigation a {
    color: #5e5e5e
}

.main-navigation a:hover {
    color: #007bff
}

.main-navigation div.nav-menu > ul, .main-navigation ul.nav-menu {
    display: none
}

.main-navigation ul.nav-menu.toggled-on, .menu-toggle {
    display: inline-block
}

section[role=banner] {
    margin-bottom: 48px;
    margin-bottom: 3.428571429rem
}

#sticky {
    width: 255px
}

.widget-area .widget {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    margin-bottom: 10px;
    word-wrap: break-word
}

.widget-area h3 {
    margin-bottom: 5px
}

.widget-area .widget .textwidget, .widget-area .widget li, .widget-area .widget p {
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846
}

.widget-area .widget p {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.widget-area .textwidget ul {
    list-style: disc outside;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem
}

.widget-area .textwidget li {
    margin-left: 36px;
    margin-left: 2.571428571rem
}

.widget-area .widget a {
    color: #757575
}

.widget-area .widget a:hover {
    color: #007bff
}

.widget-area .widget a:visited {
    color: #9f9f9f
}

.widget-area #s {
    width: 135px
}

article.sticky .featured-post {
    border-top: 4px double #ededed;
    border-bottom: 4px double #ededed;
    color: #757575;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 3.692307692;
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem;
    text-align: center
}

.site-content article {
    border-bottom: 4px double #ededed;
    margin-bottom: 48px;
    padding-bottom: 0;
    word-wrap: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto
}

.site-content .single-post article {
    border-bottom: none;
    margin-bottom: 0;
    padding-bottom: 20px;
    padding-top: 10px
}

.site-content .single-post article.type-page {
    border-bottom: none
}

.site-content .single-post footer.entry-meta {
    padding: 12px 0 0
}

footer.entry-meta {
    padding: 12px 0 0;
    border-top: 4px double #ededed;
    margin-top: 12px;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.846153846;
    color: #757575
}

footer[role=contentinfo] {
    border-top: 1px solid #ededed;
    clear: both;
    font-size: 12px;
    font-size: .857142857rem;
    line-height: 2;
    max-width: 960px;
    max-width: 68.571428571rem;
    margin-top: 24px;
    margin-top: 1.714285714rem;
    margin-left: auto;
    margin-right: auto;
    padding: 24px 0;
    padding: 1.714285714rem 0
}

footer[role=contentinfo] a {
    color: #686868
}

footer[role=contentinfo] a:hover {
    color: #007bff
}

.entry-meta {
    clear: both;
    background-color: #fff
}

.entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.entry-header .entry-thumbnail {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: 400;
    position: relative
}
.single .entry-header .entry-thumbnail{
    height: 250px;
}

.entry-header .entry-thumbnail div.entry-title-wrapper {
    position: absolute;
    top: 0;
    left: 350px;
    height: 250px;
    max-width: 475px
}

.entry-header .entry-thumbnail .entry-title {
    display: table-cell;
    vertical-align: middle;
    padding: 0 20px 0 0;
    color: #f8f8f8;
    font-size: 32px;
    line-height: 42px;
    font-weight: 400;
    height: 250px
}

.page-template-page-template-cli .col-xs-4 {
    width: auto;
    padding-left: 0;
    padding-right: 0
}

.page-template-page-template-video .entry-header .entry-thumbnail .entry-title {
    height: auto
}

.page-template-page-template-video .col-xs-4 {
    width: auto;
    padding-left: 0;
    padding-right: 0
}

.entry-header .entry-title {
    font-size: 20px;
    font-size: 1.428571429rem;
    line-height: 1.2;
    font-weight: 400
}

.entry-header .entry-title a {
    text-decoration: none;
    font-size: 30px;
    color: #0087cc
}

.entry-header .entry-format {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-weight: 400
}

.entry-header .comments-link {
    margin-top: 24px;
    margin-top: 1.714285714rem;
    font-size: 13px;
    font-size: .928571429rem;
    line-height: 1.846153846;
    color: #757575
}

.comments-link a {
    color: #757575
}

.entry-content, .entry-summary, .mu_register {
    line-height: 1.714285714
}

.comment-content .h1like, .comment-content .h2like, .comment-content h1, .comment-content h2, .comment-content h3, .comment-content h4, .comment-content h5, .comment-content h6, .entry-content .h1like, .entry-content .h2like, .entry-content h1, .entry-content h2, .entry-content h3, .entry-content h4, .entry-content h5, .entry-content h6, .comment-content .h5like, .entry-content .h5like, .comment-content .h6like, .entry-content .h6like{
    margin: 24px 0;
    line-height: 1.714285714
}

.comment-content .h1like, .comment-content h1, .entry-content .h1like, .entry-content h1 {
    font-size: 21px;
    line-height: 1.5
}

.comment-content .h2like, .comment-content h2, .entry-content .h2like, .entry-content h2, .mu_register .h2like, .mu_register h2 {
    font-size: 18px;
    line-height: 1.6
}

.comment-content h3, .entry-content h3 {
    font-size: 16px;
    line-height: 1.846153846
}

.comment-content h4, .entry-content h4 {
    font-size: 14px;
    line-height: 1.846153846
}

.comment-content h5, .entry-content h5,
.comment-content .h5like, .entry-content .h5like,
.comment-content h6, .entry-content h6,
.comment-content .h6like, .entry-content .h6like {
    font-size: 13px;
    line-height: 1.846153846
}

.comment-content h6, .entry-content h6 {
    font-size: 12px;
    line-height: 1.846153846
}

.comment-content p, .entry-content p, .entry-summary p, .msp-university__content p, .mu_register p {
    margin: 0 0 20px;
    line-height: 1.8
}

.entry-content p + ul {
    margin-top: -15px
}

.entry-content > p:first-child > img {
    display: none
}

.comment-content a, .entry-content a {
    /*color: #2c93ec;*/
    color: #21417c;
}

.comment-content ol, .comment-content ul, .entry-content ol, .entry-content ul, .msp-university__content ul, .mu_register ul {
    margin: 0 0 24px;
    line-height: 1.714285714
}

.comment-content ol ol, .comment-content ol ul, .comment-content ul ol, .comment-content ul ul, .entry-content ol ol, .entry-content ol ul, .entry-content ul ol, .entry-content ul ul {
    margin-bottom: 0
}

.entry-content ol ol, .entry-content ol ul, .entry-content ul ol, .entry-content ul ul {
    margin-left: 30px
}

.comment-content ul, .entry-content ul,  .mu_register ul {
    list-style: disc;
    padding-left: 18px;
}
.msp-university__content iframe{
    margin-left:auto;
    margin-right:auto;
    display: block;
    max-width: 560px;
    max-height: 314px;
}
.msp-university__content ul{
    padding-left: 40px;
}
.comment-content ul li, .entry-content ul li, .msp-university__content ul li, .mu_register ul li {
    list-style-type: disc;
    background: 0 0;
    display: list-item;
    line-height: 1.8
}

.comment-content ol, .entry-content ol, .msp-university__content ol {
    list-style: decimal inside
}

.entry-content ol li {
    margin: 0
}

.entry-content blockquote:before, .msp-university__content blockquote:before {
    content: url("data:image/svg+xml,%3Csvg width='30' version='1.1' fill='%233482ff' id='Capa_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 65 65' style='enable-background:new 0 0 65 65;' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M32.5,0C14.58,0,0,14.579,0,32.5S14.58,65,32.5,65S65,50.421,65,32.5S50.42,0,32.5,0z M32.5,61C16.785,61,4,48.215,4,32.5 S16.785,4,32.5,4S61,16.785,61,32.5S48.215,61,32.5,61z'/%3E%3Ccircle cx='33.018' cy='19.541' r='3.345'/%3E%3Cpath d='M32.137,28.342c-1.104,0-2,0.896-2,2v17c0,1.104,0.896,2,2,2s2-0.896,2-2v-17C34.137,29.237,33.241,28.342,32.137,28.342z '/%3E%3C/g%3E%3C/svg%3E%0A");
    float: left;
    margin-right: 10px
}

.comment-content blockquote, .entry-content blockquote, .msp-university__content blockquote {
    margin: 20px 0 20px 50px;
    padding: 18px 24px 15px 24px;
    /*background: #e7f4ff;*/
    background: rgba(231, 244, 255, .4);
    border-left: 3px solid #3482ff;
    font-size: 14px
}

.comment-content q, .entry-content q {
    margin: 20px 0;
    padding: 35px 50px;
    background: #ddeff5;
    display: block
}

.comment-content blockquote p, .comment-content q p, .entry-content blockquote p, .entry-content q p {
    padding-left: 40px;
    clear: none
}

.comment-content blockquote p:last-child, .comment-content q p:last-child, .entry-content blockquote p:last-child, .entry-content q p:last-child {
    margin-bottom: 0
}

.comment-content q img, .entry-content q img {
    background: #fff;
    padding: 30px;
    box-shadow: 1px 1px 3px #b2b2b2
}

.comment-content code, .entry-content code {
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    line-height: 2;
    display: block;
    margin: 10px 0 0 30px;
    padding: 2px 15px;
    color: #104fff;
    background: #f5f5f5
}

.comment-content pre, .entry-content pre {
    border: 1px solid #ededed;
    color: #666;
    font-family: Consolas, Monaco, Lucida Console, monospace;
    font-size: 12px;
    line-height: 1.714285714;
    margin: 24px 0;
    overflow: auto;
    padding: 24px;
    background: #f5f5f5
}

.comment-content pre code, .entry-content pre code {
    display: block;
    margin: 0;
    padding: 2px 15px;
    color: #104fff;
    background: 0 0
}

.comment-content abbr, .comment-content acronym, .comment-content dfn, .entry-content abbr, .entry-content acronym, .entry-content dfn {
    border-bottom: 1px dotted #666;
    cursor: help
}

.comment-content address, .entry-content address {
    display: block;
    line-height: 1.714285714;
    margin: 0 0 24px;
    margin: 0 0 1.714285714rem
}

.wp-caption.alignnone, img.alignnone {
    margin: 9px 24px 12px 0
}

.wp-caption.alignleft, img.alignleft {
    margin: 9px 24px 12px 0
}

.wp-caption.alignright, img.alignright {
    margin: 9px 0 12px 24px
}

.wp-caption.aligncenter, img.aligncenter {
    clear: both;
    margin-top: 12px;
    margin-bottom: 12px
}

.entry-content embed, .entry-content iframe, .entry-content object, .entry-content video {
    margin-bottom: 24px
}

.comment-content dl, .entry-content dl {
    margin: 0 24px;
    margin: 0 1.714285714rem
}

.comment-content dt, .entry-content dt {
    font-weight: 700;
    line-height: 1.714285714
}

.comment-content dd, .entry-content dd {
    line-height: 1.714285714;
    margin-bottom: 24px
}

.comment-content table, .entry-content table {
    border-bottom: 1px solid #ededed;
    color: #757575;
    font-size: 12px;
    line-height: 2;
    margin: 0 0 24px;
    width: 100%
}

.comment-content table caption, .entry-content table caption {
    font-size: 16px;
    margin: 24px 0
}

.comment-content tr:hover, .entry-content tr:hover {
    background: #f3f3f3
}

.comment-content td, .entry-content td {
    border-top: 1px solid #ededed;
    border-left: 1px solid #ededed;
    padding: 6px 10px 6px 10px
}

.comment-content td:first-of-type, .entry-content td:first-of-type {
    border-left: none
}

.post-ratings {
    padding: 0 0 12px
}

.page-links {
    clear: both;
    line-height: 1.714285714
}

.single-author .entry-meta .by-author {
    display: none
}

.mu_register h2 {
    color: #757575;
    font-weight: 400
}

.archive-header, .page-header {
    margin-bottom: 48px;
    padding-bottom: 0;
    border-bottom: 1px solid #ededed
}

.archive-meta {
    color: #757575;
    font-size: 12px;
    line-height: 2;
    margin-top: 22px
}

.article.attachment {
    overflow: hidden
}

.image-attachment div.attachment {
    text-align: center
}

.image-attachment div.attachment p {
    text-align: center
}

.image-attachment div.attachment img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100%
}

.image-attachment .entry-caption {
    margin-top: 8px
}
.msp-university__content ul{
    margin: 20px 0;
}
.msp-university__content ol{
    background: 0 0;
    line-height: 1.8;
    margin: 40px 0 40px 0;
    padding-left: 40px;
}
.msp-university__content table{
    margin-top: 40px;
    margin-bottom: 40px;
}
.msp-university__content table td{
    border:1px solid #ccc;
}
.msp-university__content ol {
    list-style: none;
    counter-reset: my-awesome-counter;
}
.msp-university__content ol li {
    counter-increment: my-awesome-counter;
}
.msp-university__content ol li::marker {
    content: counter(my-awesome-counter) ". ";
}


article.format-aside h1 article.format-aside .h1like {
    margin-bottom: 24px
}

article.format-aside .h1like a, article.format-aside h1 a {
    text-decoration: none;
    color: #4d525a
}

article.format-aside .h1like a:hover, article.format-aside h1 a:hover {
    color: #2e3542
}

article.format-aside .aside {
    padding: 24px 24px 0;
    background: #d2e0f9;
    border-left: 22px solid #a8bfe8
}

article.format-aside p {
    font-size: 13px;
    line-height: 1.846153846;
    color: #4a5466
}

article.format-aside blockquote:last-child, article.format-aside p:last-child {
    margin-bottom: 0
}

article.format-image footer .h1like, article.format-image footer h1 {
    font-size: 13px;
    line-height: 1.846153846;
    font-weight: 400
}

article.format-image footer h2 {
    font-size: 11px;
    line-height: 2.181818182
}

article.format-image footer a h2 {
    font-weight: 400
}

article.format-link header {
    padding: 0 10px;
    float: right;
    font-size: 11px;
    line-height: 2.181818182;
    font-weight: 700;
    font-style: italic;
    text-transform: uppercase;
    color: #848484;
    background-color: #ebebeb;
    border-radius: 3px
}

article.format-link .entry-content {
    max-width: 80%;
    float: left
}

article.format-link .entry-content a {
    font-size: 22px;
    line-height: 1.090909091;
    text-decoration: none
}

article.format-quote .entry-content p {
    margin: 0;
    padding-bottom: 24px
}

article.format-quote .entry-content blockquote {
    display: block;
    padding: 24px 24px 0;
    font-size: 15px;
    line-height: 1.6;
    font-style: normal;
    color: #6a6a6a;
    background: #efefef
}

.format-status .entry-header {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

.format-status .entry-header header {
    display: inline-block
}

.format-status .entry-header .h1like, .format-status .entry-header h1 {
    font-size: 15px;
    font-weight: 400;
    line-height: 1.6;
    margin: 0
}

.format-status .entry-header h2 {
    font-size: 12px;
    font-weight: 400;
    line-height: 2;
    margin: 0
}

.format-status .entry-header header a {
    color: #757575
}

.format-status .entry-header header a:hover {
    color: #007bff
}

.format-status .entry-header img {
    float: left;
    margin-right: 21px
}

.comments-title {
    margin-bottom: 48px;
    font-size: 16px;
    line-height: 1.5;
    font-weight: 400
}

.comments-area article {
    margin: 24px 0
}

.comments-area article header {
    margin: 0 0 48px;
    overflow: hidden;
    position: relative
}

.comments-area article header img {
    float: left;
    padding: 0;
    line-height: 0
}

.comments-area article header cite, .comments-area article header time {
    display: block;
    margin-left: 85px
}

.comments-area article header cite {
    font-style: normal;
    font-size: 15px;
    line-height: 1.42857143
}

.comments-area cite b {
    font-weight: 400
}

.comments-area article header time {
    line-height: 1.714285714;
    text-decoration: none;
    font-size: 12px;
    color: #5e5e5e
}

.comments-area article header a {
    text-decoration: none;
    color: #5e5e5e
}

.comments-area article header a:hover {
    color: #007bff
}

.comments-area article header cite a {
    color: #444
}

.comments-area article header cite a:hover {
    text-decoration: underline
}

.comments-area article header h4 {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 400;
    color: #fff;
    background-color: #0088d0;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009cee, #0088d0);
    background-image: -ms-linear-gradient(top, #009cee, #0088d0);
    background-image: -webkit-linear-gradient(top, #009cee, #0088d0);
    background-image: -o-linear-gradient(top, #009cee, #0088d0);
    background-image: linear-gradient(top, #009cee, #0088d0);
    border-radius: 3px;
    border: 1px solid #007cbd
}

.comments-area .bypostauthor cite span {
    position: absolute;
    margin-left: 5px;
    padding: 2px 5px;
    font-size: 10px
}

.comments-area .bypostauthor cite b {
    font-weight: 700
}

a.comment-edit-link, a.comment-reply-link {
    color: #686868;
    font-size: 13px;
    line-height: 1.846153846
}

a.comment-edit-link:hover, a.comment-reply-link:hover {
    color: #007bff
}

.commentlist .pingback {
    line-height: 1.714285714;
    margin-bottom: 24px
}

#respond {
    margin-top: 48px
}

#respond h3#reply-title {
    font-size: 16px;
    line-height: 1.5
}

#respond h3#reply-title #cancel-comment-reply-link {
    margin-left: 10px;
    font-weight: 400;
    font-size: 12px
}

#respond form {
    margin: 24px 0;
    margin: 1.714285714rem 0
}

#respond form p {
    margin: 11px 0;
    margin: .785714286rem 0
}

#respond form p.logged-in-as {
    margin-bottom: 24px;
    margin-bottom: 1.714285714rem
}

#respond form label {
    display: block;
    line-height: 1.714285714
}

#respond form input[type=text], #respond form textarea {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 12px;
    line-height: 1.714285714;
    padding: 10px;
    width: 100%
}

#respond form p.form-allowed-tags {
    margin: 0;
    font-size: 12px;
    line-height: 2;
    color: #5e5e5e
}

.required {
    color: red
}

.entry-page-image {
    margin-bottom: 14px
}

.template-front-page .site-content article {
    border: 0;
    margin-bottom: 0
}

.template-front-page .widget-area {
    clear: both;
    float: none;
    width: auto;
    padding-top: 24px;
    border-top: 1px solid #ededed
}

.template-front-page .widget-area .widget li {
    margin: 8px 0 0;
    font-size: 13px;
    line-height: 1.714285714;
    list-style-type: square;
    list-style-position: inside
}

.template-front-page .widget-area .widget li a {
    color: #757575
}

.template-front-page .widget-area .widget li a:hover {
    color: #007bff
}

.template-front-page .widget-area .widget_text img {
    float: left;
    margin: 8px 24px 8px 0
}

.widget-area .widget ul ul {
    margin-left: 12px
}

.widget_rss li {
    margin: 12px 0
}

.widget_recent_entries .post-date, .widget_rss .rss-date {
    color: #aaa;
    font-size: 11px;
    margin-left: 12px
}

#wp-calendar {
    margin: 0;
    width: 100%;
    font-size: 13px;
    line-height: 1.846153846;
    color: #686868
}

#wp-calendar caption, #wp-calendar td, #wp-calendar th {
    text-align: left
}

#wp-calendar #next {
    padding-right: 24px;
    text-align: right
}

.widget_search label {
    display: block;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.846153846
}

.widget_twitter li {
    list-style-type: none
}

.widget_twitter .timesince {
    display: block;
    text-align: right
}

img#wpstats {
    display: block;
    margin: 0 auto 24px
}

@-ms-viewport {
    width: device-width
}

@viewport {
    width: device-width
}

@media print {
    body {
        background: 0 0 !important;
        color: #000;
        font-size: 10pt
    }

    footer a[rel=bookmark]:link:after, footer a[rel=bookmark]:visited:after {
        content: " [" attr(href) "] "
    }

    a {
        text-decoration: none
    }

    .author-avatar img, .comment-content img, .entry-content img, img.wp-post-image {
        border-radius: 0;
        box-shadow: none
    }

    .site {
        clear: both !important;
        display: block !important;
        float: none !important;
        max-width: 100%;
        position: relative !important
    }

    .site-header {
        margin-bottom: 72px;
        margin-bottom: 5.142857143rem;
        text-align: left
    }

    .site-header .h1like, .site-header h1 {
        font-size: 21pt;
        line-height: 1;
        text-align: left
    }

    .site-header h2 {
        color: #000;
        font-size: 10pt;
        text-align: left
    }

    .site-header .h1like a, .site-header h1 a, .site-header h2 a {
        color: #000
    }

    #colophon, #respond, .author-avatar, .commentlist .comment-edit-link, .commentlist .reply, .entry-header .comments-link, .entry-meta .edit-link a, .main-navigation, .page-link, .site-content nav, .widget-area, img.header-image {
        display: none
    }

    .wrapper {
        border-top: none;
        box-shadow: none
    }

    .site-content {
        margin: 0;
        width: auto
    }

    .singular .entry-header .entry-meta {
        position: static
    }

    .singular .comments-title, .singular .entry-content, .singular .entry-header, .singular .site-content, .singular footer.entry-meta {
        margin: 0;
        width: 100%
    }

    .entry-header .entry-title, .entry-title, .singular .entry-title {
        font-size: 21pt
    }

    footer.entry-meta, footer.entry-meta a {
        color: #444;
        font-size: 10pt
    }

    .author-description {
        float: none;
        width: auto
    }

    .commentlist > li.comment {
        background: 0 0;
        position: relative;
        width: auto
    }

    .commentlist .avatar {
        height: 39px;
        left: 2.2em;
        top: 2.2em;
        width: 39px
    }

    .comments-area article header cite, .comments-area article header time {
        margin-left: 50px;
        margin-left: 3.57142857rem
    }
}

html {
    height: 100%;
    margin: 0;
    padding: 0;
    font-size: 16px
}

body {
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #fff;
    color: #404040;
    font-size: 16px;
    font-size: 1rem;
    line-height: normal;
    position: relative;
    min-width: 320px
}

body.menu-opened {
    height: 100vh;
    overflow: hidden
}

.wrapper {
    display: table;
    height: 100%;
    width: 100%
}

.content {
    display: table-row;
    height: 100%
}
.main-body{
    position: relative;
    z-index:1;
}
#footer .container, .main-body .container {
    position: relative
}

img {
    border: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
    color: #04192d
}

.h1like, h1 {
    font-size: 28px;
    font-size: 1.75rem;
    line-height: 36px;
    margin-bottom: 0;
    line-height: 64px;
    margin-top: 20px;
    font-size: 42px;
    color: #244d71;
    font-weight: 500
}

h2 {
    font-size: 32px;
    font-size: 2rem;
    line-height: 35px;
    margin: 20px 0 15px;
    color: #244d71
}

h3 {
    font-size: 24px;
    font-size: 1.5rem;
    margin: 10px 0 20px;
    color: #244d71;
}

h4 {
    font-size: 18px;
    font-size: 1.125rem
}

h5, .h5like {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555
}

h6, .h6like {
    font-size: 14px;
    text-transform: uppercase;
    color: #555555
}

a {
    outline: 0;
    color: #2c93ec;
    text-decoration: none
}

a:hover {
    text-decoration: underline
}

ol, ul {
    padding-left: 0
}

ol li {
    list-style-type: decimal;
    background: 0 0;
    display: list-item;
    padding: 0
}

p {
    padding: 0;
    margin: 0 0 15px
}

table {
    border-collapse: collapse
}

td, th {
    font-weight: 400;
    padding: 5px 10px
}

th {
    padding: 5px;
    background-color: #f2f2f2;
    font-weight: 700
}

.error {
    font-size: 13px;
    font-size: .8125rem;
    color: #bc302a;
    font-weight: 700;
    padding: 5px 0
}

hr {
    border-color: #ecede8;
    border-style: solid;
    border-width: 7px 0 0;
    padding: 0;
    margin: 8px 0
}

input {
    outline: 0
}

.btn {
    cursor: pointer;
    border: none;
    display: block;
    width: 185px;
    padding: 15px 0;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    font-size: .875rem;
    color: #fff;
    font-family: 'Roboto', Arial, sans-serif;
    font-weight: 600
}

.btn-small {
    border: none;
    cursor: pointer;
    display: block;
    width: 140px;
    padding: 7px 0;
    text-align: center;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none;
    font: bold 14px Arial, sans-serif;
    color: #fff
}

.orange-btn {
    background: #fcaf13;
    background: -moz-linear-gradient(top, #fcaf13 0, #fa8806 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fcaf13), color-stop(100%, #fa8806));
    background: -webkit-linear-gradient(top, #fcaf13 0, #fa8806 100%);
    background: -o-linear-gradient(top, #fcaf13 0, #fa8806 100%);
    background: -ms-linear-gradient(top, #fcaf13 0, #fa8806 100%);
    background: linear-gradient(to bottom, #fcaf13 0, #fa8806 100%)
}

.green-btn {
    background: #00bd5c;
    background: -moz-linear-gradient(top, #00bd5c 0, #00a651 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00bd5c), color-stop(100%, #00a651));
    background: -webkit-linear-gradient(top, #00bd5c 0, #00a651 100%);
    background: -o-linear-gradient(top, #00bd5c 0, #00a651 100%);
    background: -ms-linear-gradient(top, #00bd5c 0, #00a651 100%);
    background: linear-gradient(to bottom, #00bd5c 0, #00a651 100%)
}

.blue-btn {
    background: #0a97df;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhOTdkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDg3Y2MiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #0a97df 0, #0087cc 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0a97df), color-stop(100%, #0087cc));
    background: -webkit-linear-gradient(top, #0a97df 0, #0087cc 100%);
    background: -o-linear-gradient(top, #0a97df 0, #0087cc 100%);
    background: -ms-linear-gradient(top, #0a97df 0, #0087cc 100%);
    background: linear-gradient(to bottom, #0a97df 0, #0087cc 100%)
}

.blue-bordered-btn {
    border: 2px solid #0087cc;
    color: #0087cc
}

.btn.btn-wbday-request {
    background: #2eba2d;
    border: 1px outset #2eba2d;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font: bold 14px/1.42857143 Roboto, 'Roboto', sans-serif;
    margin: 5px 0;
    padding: 8px 10px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: auto;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.btn.btn-wbday-request.btn-orange {
    background: #f6871f;
    border: 1px outset #f6871f;
    font-size: 16px;
    font-size: 1rem;
    min-width: 270px;
    text-transform: none;
    width: 60%
}

.btn.btn-wbday-request:active, .btn.btn-wbday-request:focus, .btn.btn-wbday-request:hover, .btn.btn-wbday-request:visited {
    color: #fff
}

.notetext {
    font-size: 12px;
    font-size: .75rem;
    color: #666
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    display: inline-block
}

* html .clearfix {
    height: 1%
}

.clearfix {
    display: block
}

.clear {
    clear: both
}

.float-left {
    float: left
}

.float-right {
    float: right
}

.clearfix {
    padding: 0 0 425px 0;
    position: relative;
    z-index: 70
}

a:active, a:focus {
    outline: 0
}

.entry-header .comments-link {
    display: none
}

#header-title {
    background: #e3f2ff;
    min-height: 286px;
    background-position: center right;
    background: #e3f2ff;
    background: -moz-linear-gradient(top, #e3f2ff 0, #b2dcff 100%);
    background: -webkit-linear-gradient(top, #e3f2ff 0, #b2dcff 100%);
    background: linear-gradient(to bottom, #e3f2ff 0, #b2dcff 100%)
}

#header-title .container {
    height: 100%
}

#header-title .subheader {
    color: #244d71;
    display: inline-block;
    font-size: 48px;
    font-size: 3rem;
    font-weight: 300;
    vertical-align: middle;
    line-height: normal;
    margin: 0;
    text-align: center;
    display: block;
    padding: 55px 0 0
}

#header-title .subheader-description {
    color: #545454;
    font-size: 24px;
    font-size: 1.5rem;
    font-weight: 300;
    line-height: 36px;
    text-align: center;
    margin: 10px 0 20px 0
}

#header-title .rss-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

#header-title .rss-icon input[type=submit], #header-title .rss-icon input[type=submit]:active {
    background: #ed991d;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 40px 10px 0;
    width: 100px;
    padding: 0;
    height: 40px
}

#header-title .rss-icon input[type=submit]:hover {
    background: #dc8c15
}

.featured-block {
    margin-top: 30px;
    display: flex
}

.featured-block h2 {
    border-bottom: 1px solid #e9e9e9
}

.featured-article {
    padding-left: 0
}

.featured-article.col-md-12 {
    padding-right: 0
}

.featured-article .entry-header {
    margin-bottom: 0
}

.featured-article article {
    border: none;
    margin: 20px 0 0 0;
    padding: 0 0 30px 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    height: 390px;
}

.featured-article___inner {
    padding: 20px
}

.featured-article .entry-header .entry-thumbnail {
    height: 226px
}

.featured-article .entry-header .entry-thumbnail img {
    margin: 0 !important;
    max-width: 100%
}

.featured-article .entry-header .entry-thumbnail .article-type {
    position: absolute;
    top: 15px;
    left: 15px;
    color: #fff;
    font-size: 14px;
    font-size: .875rem;
    background: #244d71;
    padding: 6px 14px;
    text-transform: uppercase
}

.featured-article .entry-header .entry-thumbnail .min-to-read {
    position: absolute;
    top: 15px;
    right: 5px;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    padding: 3px 12px
}

.featured-article .entry-content img.size-full {
    display: none !important
}

.published-block {
    color: #555555;
    font-size: 14px
}

.published {
    display: inline-block;
    vertical-align: middle
}

.featured-article .entry-content .author-small-image {
    width: 30px;
    height: 30px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow: hidden;
    display: inline-block;
    vertical-align: middle;
    margin-left: 6px;
    margin-right: 4px
}

.author-featured-name {
    display: inline-block;
    vertical-align: middle;
    color: #21417c;
}

.featured-article .entry-content .author-small-image img {
    object-fit: cover
}

.author-featured-date {
    display: inline-block;
    vertical-align: middle;
    color: #21417c;
}

.featured-article .entry-content p {
    font-size: 15px;
    font-size: .9375rem
}

.rss-icon {
    display: inline-block;
    margin: 0;
    padding: 0;
    vertical-align: top
}

.rss-icon input[type=submit], .rss-icon input[type=submit]:active {
    background: #ed991d;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 10px;
    width: 100px;
    padding: 0;
    height: 40px
}

.rss-icon input[type=submit]:hover {
    background: #dc8c15
}

.subscribe-open {
    background: #ed991d;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 18px;
    font-size: 1.125rem;
    margin: 0 0 10px;
    width: 100px;
    padding: 0;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    text-align: center;
    text-decoration: none
}

.subscribe-open:hover {
    background: #dc8c15;
    text-decoration: none
}

.popular-articles-wr {
    padding-left: 30px;
    padding-right: 0
}

.popular-articles {
    margin-top: 20px;
    padding: 20px 20px 20px 20px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
}

.popular-articles ul {
    padding-left: 0;
    font-size: 15px;
    font-size: .9375rem
}

.popular-articles ul li {
    list-style-type: none;
    display: block;
    margin-bottom: 14px
}

.popular-articles ul li:after {
    content: "";
    display: block;
    clear: both
}

.popular-articles ul li img {
    max-width: 88px;
    float: left;
    margin: 0 10px 10px 0
}

.popular-articles ul li a {
    text-decoration: underline
}

.grid {
    margin-bottom: 40px
}

.grid a.more-link {
    display: none
}

.grid-changer .grid-changer__notice {
    text-transform: uppercase;
    color: #959595;
    font-size: 14px;
    vertical-align: middle
}

.grid-changer.grid-changer__index {
    position: relative;
    top: 38px
}

.grid-changer span {
    display: inline-block;
    color: #0087cc;
    padding: 0 0 0 20px;
    cursor: pointer;
    vertical-align: middle
}

.grid-changer span svg {
    vertical-align: middle
}

.grid-changer span #searchform #s {
    width: 200px
}

.grid div.col-xs-12, .grid div.col-xs-3, .grid div.col-xs-4, .grid div.col-xs-6 {
    border: none;
    margin: 0;
    padding: 0;
    color: #4f4f4f
}

.grid ul {
    padding-right: 20px
}

.group-title-wr {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.group-title {
    display: inline-block;
    font-size: 32px;
    margin-right: 6px;
    color: #2a4f6f
}

.link-more {
    display: inline-block;
    position: relative;
    color: #1583da;
    font-size: 17px;

}
.group-title-w-link .link-more {
    margin-bottom: 20px;
    display: block;
}

.link-more:before {
    content: "";
    display: block;
    width: 0;
    height: 2px;
    background: #1583da;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: -1px;
    text-decoration: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.link-more:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #1583da;
    border-bottom: 2px solid #1583da;
    position: absolute;
    right: -16px;
    top: 50%;
    transform: rotate(-45deg) translateY(-50%);
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.link-more:hover {
    text-decoration: none
}

.link-more:hover:before {
    width: 100%;
    left: 50%;
    transform: translateX(-50%)
}

.link-more:hover:after {
    width: 0;
    height: 0;
    right: -12px;
    border-color: transparent;
    top: 50%
}

.grid .entry-content {
    display: none
}

.grid .entry-header {
    margin-bottom: 60px;
    float: right
}

.grid .entry-header .entry-thumbnail {
    min-height: 500px;
    width: 350px;
    background: #fff;
    transition: box-shadow .3s;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .15)
}

.grid .entry-header .entry-thumbnail a {
    display: block;
    height: 100%;
    overflow: hidden
}

.grid .entry-header .entry-thumbnail:hover {
    box-shadow: 0 8px 20px rgba(0, 0, 0, .15)
}

.grid .entry-header .entry-thumbnail img {
    margin: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.grid .entry-header .entry-thumbnail:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05)
}

.grid .entry-header .entry-thumbnail .entry-tags {
    display: block;
    padding: 20px 25px 10px
}

.grid .entry-header .entry-thumbnail .article-type {
    display: inline-block;
    color: #fff;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 17px;
    background: #244d71;
    padding: 6px 14px;
    text-transform: uppercase
}

.grid .entry-header .entry-thumbnail .min-to-read {
    display: inline-block;
    color: #4f4f4f;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 17px;
    padding: 6px 0;
    float: right
}

.grid .entry-header .entry-thumbnail .entry-title {
    position: static;
    display: block;
    padding: 5px 25px 5px;
    font-size: 24px;
    font-size: 1.5rem;
    color: #4880b3;
    line-height: 24px;
    margin: 0;
    height: 130px;
    font-weight: 300
}

.grid .entry-header .entry-thumbnail .entry-title a {
    font-size: 24px;
    font-size: 1.5rem;
    color: #306a9c;
    line-height: 28px
}

.grid .entry-header .entry-thumbnail .entry-meta {
    display: block;
    padding: 10px 25px;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 16px;
    color: #a5a5a5
}

.grid .entry-header .entry-thumbnail .entry-meta span {
    display: inline-block;
    vertical-align: top
}

.grid .entry-header .entry-thumbnail .entry-meta .author {
    margin-right: 4px
}

.grid article {
    border: none;
    margin: 0;
    padding: 0;
    color: #4f4f4f
}

.grid article + article + article {
    margin-right: 0
}

.grid.plain article.col-xs-3, .grid.plain article.col-xs-4 {
    clear: both;
    width: 100%;
    float: none;
    box-shadow: 4px 4px 4px #f3f3f3;
    background: #fff;
    height: 250px
}

.grid.plain .entry-header {
    width: 350px;
    float: left;
    margin-bottom: 30px
}

.grid.plain .entry-header .entry-thumbnail {
    height: 250px;
    min-height: 250px;
    box-shadow: none
}

.grid.plain .entry-header .entry-thumbnail .article-type, .grid.plain .entry-header .entry-thumbnail .entry-meta, .grid.plain .entry-header .entry-thumbnail .entry-tags, .grid.plain .entry-header .entry-thumbnail .entry-title, .grid.plain .entry-header .entry-thumbnail .min-to-read {
    display: none
}

.grid.plain .entry-content {
    display: block;
    width: calc(100% - 350px);
    float: left;
    padding: 20px 30px 20px 30px;
    height: 250px;
    overflow: hidden
}

.grid.plain .entry-content .entry-description h2, .grid.plain .entry-content .entry-description h3, .grid.plain .entry-content .entry-description iframe, .grid.plain .entry-content .entry-description img.size-full {
    display: none !important
}

.grid.plain .entry-content .entry-description .video-list .video-list-item .video-description {
    display: block;
    width: 100%;
    float: none;
    padding-left: 0
}

.grid.plain .entry-content h2 {
    margin: 0 0 24px
}

.grid.plain .entry-content .article-type {
    display: inline-block;
    margin-right: 20px;
    font-size: 13px;
    font-size: .8125rem;
    text-transform: lowercase;
    color: #fff;
    line-height: 17px;
    background: #244d71;
    padding: 6px 14px;
    text-transform: uppercase
}

.grid.plain .entry-content .min-to-read {
    color: #4f4f4f;
    font-size: 15px;
    font-size: .9375rem
}

.grid.plain .entry-content .entry-title {
    margin: 18px 0 0
}

.grid.plain .entry-content .entry-title a {
    font-size: 24px;
    font-size: 1.5rem;
    color: #306a9c;
    line-height: 28px
}

.grid.plain .entry-content p {
    margin: 0 0 5px;
    line-height: 1.6;
    font-size: 15px;
    font-size: .9375rem
}

.grid.plain .entry-content .entry-description {
    max-height: 120px;
    overflow: hidden
}

.grid.plain .entry-content .entry-meta {
    display: block;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 17px;
    color: #555555;
    position: absolute;
    right: 30px;
    bottom: 12px
}

.articles-wr {
    margin-left: -45px
}

.plain .articles-wr {
    margin-left: 0
}

.articles-wr .guides_class:first-child {
    margin-top: 20px
}

.grid.plain .guides_class {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
    padding: 30px;
    transition: .3s
}

.grid.plain .guides_class.shown-guide {
    opacity: 1
}

.grid.plain .entry-content-wrapper {
    display: flex;
    flex-direction: row;
    height: 250px;
    justify-content: space-between
}

.right-articles-group {
    width: 350px;
    height: 100%;
    border-left: 1px solid #e1e6eb;
    padding-left: 24px;
    position: relative
}

.right-articles-group__title {
    font-size: 14px;
    color: #959595;
    text-transform: uppercase;
    width: calc(100% - 16px);
    left: 0;
    padding-left: 24px;
    z-index: 3;
    background: #fff;
    padding-bottom: 7px;
    position: absolute;
    top: 0
}

.grid.plain .guides_class.col-xs-3, .grid.plain .guides_class.col-xs-4 {
    height: auto;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, .2);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .2)
}

.grid.plain .guides_class .entry-header .entry-thumbnail .article-type {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3
}

.grid.plain .guides_class .entry-content .entry-description {
    overflow: hidden;
    height: auto;
    max-height: calc(100% - 74px);
    font-size: 15px
}

.grid .guides_class a.more-link {
    display: inline-block
}

.grid.plain .guides_class .entry-content {
    width: calc(100% - 726px);
    overflow: visible;
    height: auto;
    position: relative;
    padding: 0 45px 0 20px
}

.grid .guides_class .guides-read-more, .grid.plain .guides_class .guides-read-more {
    position: absolute;
    bottom: 0;
    left: 20px;
    color: #fff;
    background-color: #1583da;
    padding: 8px 45px;
    font-size: 17px;
    transition: .2s;
    text-align: center
}

.grid .guides_class .guides-read-more:hover, .grid.plain .guides_class .guides-read-more:hover {
    text-decoration: none;
    background-color: #1e70b1
}

.grid .guides_class .guides-read-more:hover:before, .grid.plain .guides_class .guides-read-more:hover:before {
    border-color: #1e70b1
}

.guide-title {
    font-size: 30px;
    color: #2a4f6f;
    display: block;
    margin: 20px 0
}

.right-articles-group__items {
    overflow-y: auto;
    position: relative;
    height: 350px;
}

.right-articles-group__item {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding-right: 16px
}

/*.right-articles-group__item:first-child {*/
    /*margin-top: 30px*/
/*}*/

.right-articles-group__item:last-child {
    margin-bottom: 0
}

.right-articles-group__item img {
    margin: 0 10px 0 0;
    max-width: 88px
}

.right-articles-group__item a {
    width: calc(100% - 98px)
}

.file-attachment {
    float: left;
    margin: 5px 20px 20px 0
}

.file-attachment > a {
    display: block
}

.file-attachment > a > img {
    box-shadow: none
}

.file-attachment .attachment-btn {
    background-color: #00a651;
    color: #fff;
    font-style: normal;
    font-weight: 700;
    margin-top: 5px;
    max-width: 189px;
    padding: 10px 5px;
    text-align: center
}

.file-attachment .attachment-btn:active, .file-attachment .attachment-btn:focus, .file-attachment .attachment-btn:visited {
    color: #fff
}

aside#text-2 {
    background: #f2f2f2;
    padding: 10px;
    display: none
}

aside#text-2 h3.widget-title {
    color: #63788b;
    font-size: 20px;
    font-size: 1.25rem;
    text-transform: none
}

aside#text-2 .email-input {
    border-radius: 0;
    font-size: 14px;
    font-size: .875rem;
    margin-bottom: 15px;
    width: 100%
}

aside#text-2 .btn.btn-orange {
    background: #f6871f;
    border: 0;
    border-radius: 0;
    color: #fff;
    font-size: 16px;
    font-size: 1rem;
    margin-bottom: 15px;
    max-width: 150px;
    padding: 5px
}

aside#text-2 .btn.btn-orange:focus {
    outline: 0
}

aside#text-2 .description {
    font-size: 11px;
    font-size: .6875rem;
    color: #9da5ad;
    line-height: normal;
    margin-bottom: 0
}

aside#text-4 img, aside#text-5 img, aside#text-6 img {
    background: #f2f2f2
}

.search-nothing-found {
    margin: 30px 0 0
}

.call-to-action {
    border: 1px solid #e0e0e0;
    display: flex;
    padding: 30px 60px;
    margin: 20px 0;
    align-items: center
}
.call-to-action img{
    height:auto;
}

.call-to-action__tag {
    font-size: 13px;
    line-height: 15px;
    text-transform: uppercase;
    color: #2a4f6f;
    display: inline-block;
    padding: 5px 10px;
    background-color: #e9e9e9;
    font-family: 'Roboto', arial, sans-Serif;
    margin-bottom: 20px;
    text-align: center
}

.call-to-action__title {
    color: #2a4f6f;
    font-size: 28px;
    line-height: 32px;

    font-family: 'Roboto', arial, sans-Serif
}
.call-to-action__title + p{
    margin-top: 14px;
}

.call-to-action__text {
    font-size: 17px;
    line-height: 25px;
    margin-bottom: 16px;
    font-family: 'Roboto', arial, sans-Serif
}

.call-to-action__text ul li {
    line-height: 20px;
    margin: 10px 0
}

.call-to-action__btn {
    color: #fff;
    background-color: #00c853;
    display: inline-block;
    font-size: 17px;
    padding: 8px 43px
}

.call-to-action__left {
    padding-right: 60px
}

#secondary .call-to-action {
    padding: 20px;
    margin-top: 0;
    flex-wrap: wrap;
    order: 0;
    justify-content: center
}

#secondary .call-to-action-full-width-img {
    padding: 0;
    /*height: 362px;*/
}

#secondary .call-to-action-full-width-img .call-to-action__left {
    padding: 0 20px 20px 20px
}

#secondary .call-to-action__title {
    font-size: 21px;
    text-align: center
}

#secondary .call-to-action__left {
    padding-right: 0;
    order: 2;
    display: flex;
    flex-direction: column
}

#secondary .call-to-action__right {
    order: 1;
    margin-bottom: 14px;
}
#secondary .call-to-action-full-width-img .call-to-action__right{
    height: 214px;
    width: 100%;
}
#secondary .call-to-action-full-width-img .call-to-action__left{
    min-height: 122px;
}

.single-post .entry-content {
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: 'Roboto', Arial, sans-serif
}

.single-post .entry-content h2, .single-post .entry-content h2 * {
    font-size: 28px;
    font-size: 1.75rem;
    font-weight: 500 !important;
    color: #244d71 !important
}

.single-post .entry-content h3, .single-post .entry-content h3 * {
    font-size: 22px;
    font-size: 1.375rem;
    font-weight: 500 !important;
    color: #244d71 !important;
    line-height: 2.3;
    margin: 0
}

.single-post .entry-content h4, .single-post .entry-content h4 * {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.3;
    margin: 10px 0 10px
}

.single-post .entry-content .related {
    font-size: 16px;
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 6px
}

h4, h5, h6 {
    font-size: 14px;
    font-size: .875rem
}

.single-post .entry-content strong {
    font-weight: 700
}

.single-post .entry-content b {
    font-weight: 600
}

.faq-list .faq-list-item {
    margin-bottom: 30px
}

.faq-list .faq-list-item .q {
    margin-bottom: 10px
}

.video-list {
    margin-top: 20px
}

.video-list .video-list-item {
    clear: both;
    margin-bottom: 20px;
    overflow: hidden
}

.video-list .video-list-item .video-code {
    width: 40%;
    float: left
}

.video-list .video-list-item .video-title {
    display: block;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 420px
}

.video-list .video-list-item .video-description {
    display: block;
    width: 60%;
    float: left;
    padding-left: 20px
}

.whitepaper-author {
    height: 250px;
    text-align: center;
    display: block;
    width: 100%
}

.whitepaper-author span {
    text-align: left;
    display: block;
    margin: 0 auto
}

.whitepaper-author img {
    margin: 0 auto
}

.webinar-presented-by {
    height: 250px;
    text-align: center;
    display: block;
    width: 100%
}

.webinar-presented-by span {
    text-align: center;
    display: block;
    margin: 0 auto
}

.webinar-presented-by img {
    margin: 0 auto;
    border-style: none;
    border-radius: 150px
}

.webinar-assets {
    text-align: center;
    display: inline-block;
    width: 100%
}

.webinar-assets > div {
    height: 150px
}

.webinar-assets span {
    text-align: left;
    display: block;
    margin: 0 auto
}

.webinar-assets img {
    margin: 0 auto;
    box-shadow: none;
    border-radius: 0
}

.webinar-register p {
    margin: 0;
    line-height: 1.8
}

.whitepaper-download p {
    margin: 0;
    line-height: 1.8
}

.whitepaper-download form._form button._submit {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAMAAABEpIrGAAAAe1BMVEUAAAD////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////NgkbwAAAAKHRSTlMABgwNExobKy0uMDg/YGNkZmhxgJaXmKSnqMbH0tjb4Ojx8/f4+vz+aeVHzgAAAOxJREFUeF6Fk2FPwjAURQ9uOlZgKjA6tRaYjN3//wuNEftcCOV87Wlu8t67GGXjQy/1wTcl18y7QYmhq5lSbEdNGNsCgyrqiliRWBx1jY6L9N/ep0Z1yY+6QSwA2MrYObeT0QLMRxkb2MgYa6DTbUEdlENOGEoa5QQ1+LzgCXkh0OeFHuUFmbD/L+xNSBGr9flPOK9XFhGSwPLwKxyWJCHgTeDp40d4f8QEb4OKDmYO3AxctEHZqE+vXHg52agny3orAB78ZFnUo2QxMP+crhtaSRbz/CWjvXty9482f/b3i2MUbb56QJ0pb7b+3w2bb50GBcT/AAAAAElFTkSuQmCC) !important;
    background-position: 10% 50% !important;
    background-repeat: no-repeat !important;
    width: 100%
}

.guide .image-block, .single-post .image-block {
    padding: 3px
}

.guide .image-block:hover, .single-post .image-block:hover {
    padding: 0;
    border: 3px solid
}

.guide .benefits {
    background: #45606e;
    height: 200px;
    padding: 40px 30px;
    margin: 30px 0 20px
}

.guide .benefits .benefit-image {
    float: left
}

.guide .benefits .benefit-text {
    color: #fff;
    height: 120px;
    vertical-align: middle;
    display: table-cell;
    padding-left: 15px
}

.guide .image-set {
    border: 1px dashed #999;
    display: table;
    width: 100%;
    padding: 30px 20px 20px;
    margin: 30px 0 20px
}

.guide .image-set .image-title {
    font-size: 16px;
    color: #696969;
    padding: 0 0 20px;
    font-size: 14px;
    font-weight: 700;
    text-align: center
}

.guide .image-set .image-caption {
    font-size: 14px;
    padding: 15px;
    background: #f2f2f2;
    margin: 20px 0 0
}

.guide .image-set .image-set-caption {
    clear: both;
    font-size: 16px;
    color: #696969;
    text-align: center;
    padding: 10px 0 0
}

.further-reading {
    padding: 3px 10px;
    font-size: 13px;
    line-height: 20px;
    height: 26px;
    background-color: #244d71;
    color: #fff;
    display: inline-block;
    position: relative;
    margin-right: 15px;
    vertical-align: middle
}

.further-reading:after {
    content: "";
    position: absolute;
    top: 0;
    width: 0;
    height: 0;
    border-image: none;
    border-style: solid none solid solid;
    border-width: 13px 0 13px 5px;
    border-color: transparent;
    -webkit-transform: rotate(.05deg);
    -moz-transform: scale(1.1);
    -o-transform: rotate(.05deg);
    transform: rotate(.05deg);
    right: -10px;
    border-width: 13px 0 13px 10px;
    border-left-color: #244d71
}

.guide ol {
    margin: 0;
    padding: 0;
    list-style-type: none
}

.guide ol li {
    counter-increment: step-counter;
    margin-bottom: 10px;
    list-style-type: none
}

.guide ol li::before {
    content: counter(step-counter);
    margin-right: 10px;
    font-size: 80%;
    background-color: #7d7d7d;
    color: #fff;
    font-weight: 700;
    padding: 3px 8px;
    border-radius: 3px
}

.guide ol li ol li ol li ol li::before, .guide ol li ol li ol li::before, .guide ol li ol li::before {
    display: none
}

.guide ol li ol li, .guide ol li ol li ol li, .guide ol li ol li ol li ol li {
    list-style-type: lower-alpha;
    counter-increment: none
}

.guide ol li ol li ol li ol li::before, .guide ol li ol li ol li::before, .guide ol li ol li::before {
    display: none
}

.guide .guide-nav, .post_with_add_nav .guide-nav {
    display: block;
    margin-top: 15px;
    font-size: 14px;
    line-height: 20px
}

.guide .guide-nav li:first-child, .post_with_add_nav .guide-nav li:first-child {
    margin-right: 20px
}

.guide .guide-nav li, .post_with_add_nav .guide-nav li {
    color: #ababab;
    text-transform: uppercase;
    display: inline-block;
    background: 0 0;
    padding: 0;
    margin: 0
}

.guide .guide-nav li a, .post_with_add_nav .guide-nav li a {
    margin: 0 20px 10px 0;
    font-size: 14px;
    text-transform: none;
    display: inline-block
}

.guide .guide-nav li.current_page_item a, .post_with_add_nav .guide-nav li.current_page_item a {
    background: #2c93ec;
    color: #fff;
    padding: 5px 10px
}

.guide .entry-content > .bottom-nav .guide-nav-title, .post_with_add_nav .entry-content > .bottom-nav .guide-nav-title {
    text-transform: uppercase;
    color: #717171
}

.guide .entry-content > .bottom-nav .guide-nav, .post_with_add_nav .entry-content > .bottom-nav .guide-nav {
    padding: 0;
    background: 0 0
}

.guide .entry-content > .bottom-nav .guide-nav li, .post_with_add_nav .entry-content > .bottom-nav .guide-nav li {
    border: 1px solid #d4d4d4;
    padding: 10px 20px;
    margin: 0 20px 0 0
}

.guide .entry-content > .bottom-nav .guide-nav li.current_guide_title, .guide .entry-content > .bottom-nav .guide-nav li.current_page_item, .post_with_add_nav .entry-content > .bottom-nav .guide-nav li.current_guide_title, .post_with_add_nav .entry-content > .bottom-nav .guide-nav li.current_page_item {
    display: none
}

.guide .entry-content > .bottom-nav .guide-nav li a, .post_with_add_nav .entry-content > .bottom-nav .guide-nav li a {
    margin: 0;
    font-size: 16px;
    color: #244d71;
    font-weight: 600
}

.guide .entry-content > .bottom-nav {
    font-size: 15px
}

.guide .entry-content > .bottom-nav ul li {
    display: block;
    margin: 0;
    width: calc(50% - 5px);
    float: left;
    margin: 10px 10px 10px 0;
    min-height: 120px
}

.guide .entry-content > .bottom-nav ul li:nth-of-type(2n) {
    margin: 10px 0 10px 0
}

.guide .entry-content > .bottom-nav ul li a {
    display: block;
    font-size: 17px
}

.post-nav {
    display: block;
    margin-top: 15px;
    font-size: 14px;

}

.post-nav span {
    color: #555555;
    display: inline;
    background: 0 0;
    padding: 0;
    margin: 0;
    font-weight:600;
    font-size: 15px;
}
.post-nav a{
    font-weight:600;
    font-size: 15px;
}

.post-nav span.post-nav-block {
    margin: 0 15px 0 0
}

.entry-meta .bottom-nav {
    border-top: 4px double #ededed;
    margin-top: 15px
}

.ratings-wrap {
    min-height: 55px
}

.ratings-wrap span {
    color: #ababab;
    margin: 0;
    padding: 0 3px 0 0;
    float: left;
    display: inline-block;
    line-height: 27px
}

.author-wrap .author-block-image {
    max-width: 150px
}

.author-wrap .author-block-title {
    text-transform: uppercase;
    font-size: 13px;
    line-height: 14px;
    display: inline-block;
    color: #bdbdbd;
    font-weight: 500
}

.author-wrap .author-block-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 13px 0;
    display: inline-block
}

.author-wrap .author-block-description {
    font-size: 15px
}

.author-profile {
    color: #757575;
    margin: 20px 0 0
}

.author-profile .author-block-image {
    max-width: 150px
}

.author-profile .author-block-title {
    text-transform: uppercase;
    font-size: 14px;
    line-height: 28px;
    display: inline-block;
    color: #bdbdbd;
    font-weight: 500
}

.author-profile .author-block-name {
    font-weight: 500;
    font-size: 18px;
    line-height: 18px;
    margin: 0 0 13px 0;
    display: inline-block
}

.author-profile .author-block-description {
    font-size: 18px;
    line-height: 32px;
    padding: 0
}

.steps p {
    border-bottom: 2px dashed #b3b3b3;
    margin: 0;
    padding: 30px 30px 30px 65px;
    background: #f2f2f2
}

.steps p:last-child {
    border-bottom: none;
    margin: 0 0 10px
}

.steps var {
    border-radius: 50%;
    height: 28px;
    line-height: 28px;
    width: 28px;
    background-color: grey;
    display: inline-block;
    text-align: center;
    color: #fff;
    margin-right: 10px;
    font-style: normal;
    font-weight: 700;
    margin-left: -38px
}

#breadcrumbs {
    color: #8d8d8d;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    font-size: 13px;
    margin-top: 10px;
    margin-bottom: 10px;
    list-style: none;
    margin: 10px 0;
    overflow: hidden
}

#breadcrumbs.breadcrumbs-not-visible {
    display: none
}

#breadcrumbs li {
    display: inline-block;
    vertical-align: middle;
    list-style-type: none;
    background: 0 0;
    margin: 0;
    padding: 0 10px 0 0
}

#breadcrumbs li strong {
    font-weight: 400
}

#breadcrumbs a {
    color: inherit
}

#breadcrumbs .separator {
    font-size: 18px;
    font-weight: 100;
    color: #ccc
}

table.featured {
    background: #f2f2f2;
    border: none !important;
    max-width: 800px
}

table.featured td {
    vertical-align: middle;
    border: none;
    padding: 20px 20px 10px 20px;
    max-width: 400px;
    width: 50%
}

table.featured td img {
    width: 100%
}

table.featured .featured_title {
    color: #63788b;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0
}

table.featured .featured_title b {
    font-size: 24px;
    font-size: 1.5rem
}

table.featured ul {
    font-size: 14px;
    font-size: .875rem;
    margin: 0 0 10px 0
}

table.featured ul li {
    margin: 0 0 0 20px;
    padding-left: 0
}

.promoted {
    background: #f2f2f2;
    max-width: 840px;
    margin-bottom: 20px
}

.promoted .widget-title {
    display: none
}

.promoted .promoted_img {
    max-width: 400px;
    width: 50%;
    float: left;
    padding: 20px 20px 10px;
    background: #f2f2f2
}

.promoted .promoted_img img {
    box-shadow: none !important
}

.promoted .promoted_text {
    max-width: 400px;
    width: 50%;
    float: left;
    padding: 50px 20px 10px 10px
}

.promoted .promoted_text .promoted_title {
    color: #63788b;
    font-size: 20px;
    font-size: 1.25rem;
    margin: 0
}

.promoted .promoted_text .promoted_title b {
    font-size: 24px;
    font-size: 1.5rem
}

.promoted .promoted_text ul {
    font-size: 16px;
    font-size: 1rem;
    margin: 5px 0 10px 0;
    color: #757575
}

.promoted .promoted_text ul li {
    margin: 0 0 0 20px;
    padding-left: 0
}

.promoted .btn.btn-wbday-request.btn-orange {
    font-size: 14px;
    font-size: .875rem;
    min-width: 230px;
    text-transform: uppercase;
    width: 70%
}

.widget-area .promoted {
    background: 0 0;
    margin-bottom: 2em;
    max-width: 255px
}

.widget-area .promoted_hidden {
    display: none
}

.widget-area .promoted .promoted_img {
    padding: 0;
    display: block;
    float: none;
    width: 100%
}

.widget-area .promoted .promoted_img img {
    margin: 0;
    border-radius: 0
}

.widget-area .promoted .widget-title {
    display: inline-block
}

.widget-area .promoted .promoted_text {
    background: #f2f2f2;
    text-align: center;
    padding: 9px 9px 1px;
    display: block;
    float: none;
    width: 100%
}

.widget-area .promoted .promoted_text .promoted_title, .widget-area .promoted .promoted_text .promoted_title_short {
    padding: 10px;
    font-size: 16px;
    font-size: 1rem
}

.widget-area .promoted .promoted_text .promoted_title b {
    font-size: 18px;
    font-size: 1.125rem
}

.widget-area .promoted .promoted_text ul {
    display: none;
    text-align: left;
    font-size: 13px;
    font-size: .8125rem
}

.widget-area .promoted .btn.btn-wbday-request {
    font-size: 13px !important;
    font-size: .8125rem !important;
    min-width: 220px
}

.a2a_svg {
    display: inline-block !important;
    margin-right: 8px !important
}

.related_articles {
    padding: 0 0;
    background: #fff;
}

.related_articles h2 {
    margin: 12px 0
}

.related_articles .widget-title {
    display: none
}

.related_articles ul {
    padding-left: 15px;
    margin-left: 5px
}

.related_articles ul li {
    margin-left: 2px;
    list-style-type: disc;
    padding-left: 0;
    background: 0 0;
    display: list-item;
    margin-bottom:10px;
    line-height: 1.5;
}

.widget-area .related_articles {
    background: 0 0;
    margin-bottom: 2em;
    max-width: 255px;
    line-height: 1.4
}

.widget-area .related_articles .widget-title {
    display: inline-block
}

.widget-area .related_hidden {
    display: none
}

.widget-area .table-of-content {
    margin: 0 0 40px 0;
    padding: 20px 10px 20px 20px;
    font-size: 14px;
    font-size: .875rem;
    font-family: 'Roboto', Arial, sans-serif;
    background: #fff;
    border: 1px solid #d4d4d4;
    box-shadow: none
}

.entry-content .table-of-content {
    display: inline-block;
    margin: 0 0 40px 0;
    padding: 40px 50px 24px 40px;
    font-size: 17px;
    font-size: 1.0625rem;
    font-family: 'Roboto', Arial, sans-serif;
    background: #f8f8f8;
    box-shadow: 4px 4px 4px #f3f3f3;
    border: none;
    max-width: 500px
}

.widget-area .table-of-content > .widget-title {
    margin: 0 0 9px
}

.widget-area .table-of-content > p {
    text-transform: uppercase;
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.18181;
    font-weight: 500;
    color: #ababab
}

.entry-content .table-of-content > p {
    font-size: 22px;
    font-size: 1.375rem;
    color: #244d71;
    border-bottom: 1px solid #dbdbdb
}

.widget-area .table-of-content ul {
    line-height: 1.35;
    margin: 0 !important
}

.entry-content .table-of-content ul {
    line-height: 1.714285714;
    margin: 0 !important
}

.entry-content .table-of-content > ul, .widget-area .table-of-content > ul {
    list-style: disc inside
}

.widget-area .table-of-content > ul > li {
    list-style-type: none !important;
    margin: 0;
    padding: 0 0 9px;
    background: 0;
    display: list-item
}

.entry-content .table-of-content > ul > li {
    list-style-type: disc;
    margin: 0;
    padding: 0;
    background: 0;
    display: list-item
}

.widget-area .table-of-content ul li ul li {
    list-style-type: circle;
    margin: 0 0 0 20px;
    padding: 5px 0 0;
    background: 0;
    display: list-item
}

.entry-content .table-of-content ul li ul li {
    list-style-type: circle;
    margin: 0 0 0 20px;
    padding: 0;
    background: 0;
    display: list-item;
    margin: 0 0 0 35px
}

.widget-area .table-of-content a, .widget-area .table-of-content a:visited {
    font-size: 14px;
    font-size: .875rem;
    color: #244d71 !important;
    font-weight: 400
}

.entry-content .table-of-content a, .entry-content .table-of-content a:visited {
    font-size: 16px;
    font-size: 1rem;
    color: #244d71 !important;
    font-weight: 400
}

.entry-content .table-of-content a:hover, .widget-area .table-of-content a:hover {
    text-decoration: underline;
    color: #2c93ec !important
}

.widget-area .table-of-content > ul > li > a {
    font-weight: 500;
    font-size: 15px;
    font-size: .9375rem
}

.entry-content .table-of-content > ul > li > a {
    font-weight: 500;
    font-size: 16px;
    font-size: 1rem
}

.entry-content .table-of-content a.content-toogle-icon, .widget-area .table-of-content a.content-toogle-icon {
    margin: 0 5px 0 0;
    width: 12px;
    display: inline-block
}

.entry-content .table-of-content li.no-bullet-list, .widget-area .table-of-content li.no-bullet-list {
    list-style-type: none
}

a.content-toogle-icon span.content-toogle-icon-right {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%23244D71' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
    display: block
}

a.content-toogle-icon span.content-toogle-icon-down {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='%23244D71' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/%3E%3C/svg%3E");
    width: 15px;
    height: 15px;
    display: block;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.fixed-menu, .is-sticky .subnav, .sticky-navigation {
    box-shadow: 0 0 7px 1px rgba(51, 51, 51, .4);
    left: 0;
    margin-top: 0;
    position: fixed !important;
    top: 0;
    width: 100%;
    z-index: 100
}

.fixed-menu ul, .sticky-navigation ul {
    position: relative;
    margin: 0 0 -3px 0
}

.nav-logo {
    background: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='%23fff' viewBox='0 0 512 512'%3E%3Cpath d='M256 16l-240 240h144v256h192v-256h144z'%3E%3C/path%3E%3C/svg%3E") 0 8px no-repeat;
    content: "";
    height: 46px;
    margin-right: 15px;
    margin-top: 0;
    opacity: 0;
    position: absolute;
    left: calc(100% - 60px);
    top: 4px;
    transition: visibility 0s linear 150ms, opacity 150ms linear 0s;
    visibility: hidden;
    width: 40px
}

.nav-logo_visible {
    cursor: pointer;
    opacity: 1;
    transition-delay: 0s;
    visibility: visible
}

#undefined-sticky-wrapper {
    height: auto
}

.search-block {
    overflow: hidden;
    position: absolute;
    max-height: 0;
    left: 0;
    top: calc(100% - 1px);
    width: 100%;
    z-index: 100;
    transition-duration: .5s
}

.search-block-inner {
    background-color: #f8f9fa
}

.search-block.shown {
    max-height: 148px;
    z-index: 9001;
    box-shadow: 0 6px 11px -10px #353535
}

.search-block.is-sticky {
    position: fixed
}

.search-open {
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin-top: 35px;
    transition: .3s;
    transform: scale(1)
}

.search-open.hide {
    transition: .3s;
    transform: scale(0)
}

.search-open:hover {
    -webkit-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1)
}

.search-submit {
    border: none;
    padding: 0;
    width: 20px;
    height: 20px;
    background-color: transparent;
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.search-submit svg {
    width: 100%;
    height: 100%
}

.search-submit:hover {
    background: 0 0
}

.search-field {
    border-radius: 0
}

.search-field::-webkit-input-placeholder {
    color: #555
}

.search-field:-ms-input-placeholder {
    color: #555
}

.search-field::placeholder {
    color: #555
}

.widget_search {
    width: 100%;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.search-form {
    min-height: 148px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-transition-timing-function: cubic-bezier(.14, .69, .2, .97);
    -o-transition-timing-function: cubic-bezier(.14, .69, .2, .97);
    transition-timing-function: cubic-bezier(.14, .69, .2, .97);
    -webkit-transition-duration: .5s;
    -o-transition-duration: .5s;
    transition-duration: .5s;
    width: 0
}

.search-form.shown {
    width: 100%
}

.search-field {
    width: 100%;
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
    margin: 0 16px;
    line-height: 18px;
    padding: 6px 0;
    color: #555;
    border-bottom: 1px solid #e9ecef;
    background: 0 0;
    font-size: 16px
}
.search-field input{
    width: 100%;
    background: transparent!important;
}

.search-field input:active {
    /*border-bottom: 1px solid #555;*/
    border-bottom: none;
}

.search-field input:focus {
    /*border-bottom: 1px solid #555;*/
    border-bottom: none;
}

.search-form-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.search-close {
    position: relative;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.search-close:before {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 0;
    background-color: #555;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.search-close:after {
    content: "";
    display: block;
    width: 20px;
    height: 2px;
    position: absolute;
    top: 9px;
    left: 0;
    background-color: #555;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.cat-title{
    color: #555;
    font-size: 30px;
    font-weight: 700;
    font-style: italic;
    line-height: 120%;
    padding-top: 65px;
}
.cat-title h1.cat-title-inner{
    color: #555!important;
    font-size: 30px!important;
    font-weight: 700!important;
    font-style: italic!important;
    line-height: 120%!important;
    padding-top: 0!important;
    margin-top: 0!important;
    height: 36px;
}

#submenu {
    position: relative
}

.subnav {
    background-color: #fff
}

.subnav-inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 85px;
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto
}

.search-open {
    margin-top: 35px
}

.subnav .nav-menu {
    margin-top: 35px
}

.slogan {
    color: #717171;
    font-size: 20px;
    line-height: 140%;
    padding-top: 65px;

}

.subnav ul {
    display: flex;
    position: relative
}

#submenu > .container-nav:after {
    content: "";
    display: block;
    width: calc(100% - 30px);
    height: 1px;
    position: absolute;
    left: 15px;
    bottom: 0;
    background-color: #ccc
}

.subnav ul li {
    position: relative
}

.subnav ul li.current-menu-item a {
    color: #424242
}

.subnav ul li.current-menu-item:after, .subnav ul li:hover:after {
    background-color: #fe9620;
    height: 3px;
    bottom: -1px;
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    left: 0;
    z-index: 3
}

.subnav li a {
    text-decoration: none;
    padding: 17px 25px 17px;
    display: inline-block;
    font-size: 16px;
    font-family: Arial,'Roboto', sans-serif;
    white-space: nowrap;
    height: 50px;
    width: 100%;
    position: relative;
    z-index: 2;
    color: #6c757d;
    text-transform: uppercase
}

.subnav li.menu-item-has-children a > span {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' fill='%23FFFFFF' viewBox='0 0 24 24'%3E%3Cpath d='M5 3l3.057-3 11.943 12-11.943 12-3.057-3 9-9z'/%3E%3C/svg%3E");
    width: 10px;
    height: 10px;
    display: inline-block;
    transition: transform .3s;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    margin-left: 3px
}

.is-sticky .subnav-inner {
    height: 50px
}

.is-sticky .subnav .nav-menu {
    margin-top: 0
}

.is-sticky .search-open {
    margin-top: 0
}

.default-page {
    padding-bottom: 30px
}

#secondary {
    float: right;
    margin-top: 10px
}

#footer {
    background-color: #073259;
    color: #fff;
    padding: 45px 0 0 0;
    width: 100%;
    list-style-type: none;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    line-height: 26px;
    margin-top: 30px
}

#footer ul {
    list-style-type: none;
    display: block;
    padding-bottom: 5px;
    margin-bottom: 0
}

#footer li {
    display: block;
    line-height: normal;
    padding: 0;
    margin: 0 0 5px 0;
    background: 0
}

#footer a {
    color: #87bbea;
    font-weight: 400;
    font-size: 14px;
    font-size: .875rem;
    text-decoration: none
}

#footer .menu-box1 a, #footer h4, #footer h4 a {
    color: #fff;
    font-weight: 500
}

#footer h4 {
    margin: 0 0 10px 0
}

#footer a:hover {
    text-decoration: underline
}

#footer-nav {
    float: left;
    margin-bottom: 20px;
    width: 100%
}

#footer-nav .menu-box1, #footer-nav .menu-box2, #footer-nav .menu-box3, #footer-nav .menu-box4 {
    float: left
}

#footer-nav .menu-box1 {
    width: 16.666667%
}

#footer-nav .menu-box2 {
    width: 25%
}

#footer-nav .menu-box3 {
    width: 33.333333%
}

#footer-nav .menu-box4 {
    width: 25%
}

#footer .partners-badges {
    font-size: 0;
    display: inline-block;
    height: 100%;
    margin: 25px 0
}

#footer .partners-badges img {
    padding: 0 25px 0 0;
    vertical-align: middle
}

footer.cbl-footer > .container {
    padding-left: 0!important;
    padding-right: 0!important;
}
.fullWidth.footer-bottom > .container {
    padding-left: 0!important;
    padding-right: 0!important;
}

#subscribe-form {
    margin: 0 0 25px 0
}

#subscribe-form .input {
    display: inline-block;
    color: grey;
    font-family: 'Roboto', arial, sans-serif;
    font-weight: 300;
    font-size: 14px;
    font-size: .875rem;
    line-height: 1.5em;
    padding-left: 15px;
    padding-right: 15px;
    width: 210px;
    height: 45px;
    vertical-align: top;
    border-radius: 0;
    border: none
}

#subscribe-form .input:focus {
    outline: 0
}

#subscribe-form .submit-btn {
    background: #1e90ff;
    border: none;
    color: #fff;
    cursor: pointer;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 400;
    height: 45px;
    position: relative;
    width: 125px;
    display: inline-block;
    margin-left: 7px;
    border-radius: 0
}

#subscribe-form .submit-btn:focus {
    outline: 0
}

#subscribe-form .submit-btn:hover {
    background-color: #0077ea
}

#subscribe-form .submit-btn:active {
    background-color: #004384;
    color: #fff;
    text-decoration: none
}

#subscribe-form .description {
    color: #97b5d0;
    font-family: 'Roboto', Arial, sans-serif;
    font-style: normal;
    font-variant: normal;
    line-height: normal;
    font-size: 13px;
    font-size: .8125rem;
    line-height: 17px
}

#subscribe-form a {
    font-size: 12px
}

#subscribeFormError {
    color: red;
    font-size: x-small;
    margin-bottom: 5px
}

#footer-bottom {
    background-color: #f4f8fc;
    padding: 15px 0;
    color: #5880a4;
    font-size: 12px;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5
}

#footer-bottom .copyright {
    color: #5880a4;
    font-size: 12px;
    font-size: .75rem;
    padding-top: 10px
}

#footer-bottom .copyright a {
    color: inherit !important
}

#footer-bottom .awards img {
    display: inline-block;
    padding: 0 10px;
    text-align: center;
    vertical-align: middle
}

#footer-bottom .social-icons {
    display: inline-block;
    text-align: right
}

#footer-bottom .social-icons a:hover {
    text-decoration: none
}

#footer-bottom .social-icons img {
    padding: 10px 10px;
    vertical-align: middle;
    display: inline-block
}

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

.mobile-menu-opener {
    display: none
}

#slidebox {
    background-color: #fff;
    border-top: 3px solid #e38934;
    position: fixed;
    bottom: 0;
    right: -460px;
    -moz-box-shadow: -2px 0 5px #aaa;
    -webkit-box-shadow: -2px 0 5px #aaa;
    box-shadow: -2px 0 5px #aaa;
    z-index: 222;
    max-width:448px;
    width: 0;
    overflow: hidden;
}
#slidebox .hs-cta-wrapper{
    padding: 10px 16px 10px 10px;
}

#slidebox .close{
    background: transparent url(https://cdn2.hubspot.net/hub/53/file-527841348-gif/close.gif) no-repeat top left;
    width: 13px;
    height: 13px;
    position: absolute;
    cursor: pointer;
    top: 10px;
    right: 10px
}

#slidebox .close:hover {
    background-position: 0 -13px
}

.success-story__sidebar {
    background-color: #fafafa;
    padding: 15px;
    color: #636363;
    font-size: 14px;
    line-height: 19px
}

.success-story__sidebar h2 {
    font-size: 14px;
    color: #244d71;
    text-transform: uppercase;
    font-weight: 500;
    margin-top: 0;
    position: relative
}

.success-story__sidebar h2:before {
    content: "";
    display: block;
    width: 100%;
    height: 1px;
    position: absolute;
    left: 0;
    bottom: 0;
    background-color: #dadada
}

.success-story__sidebar p {
    margin-top: 20px;
    margin-bottom: 20px
}

.success-story__sidebar ul {
    padding-left: 20px
}

.success-story__sidebar ul li {
    list-style-type: disc
}
/*.this_is_top_menu{*/
    /*min-height: 118px;*/
/*}*/
.cbl-top-menu__items{
    height: 31px;
}

@media screen and (max-width: 1200px) {
    .comment-content pre, .entry-content pre {
        max-width: calc(100vw - 60px);
        margin: 0 auto;
        overflow: auto
    }

    .grid.plain .col-xs-3:nth-of-type(3n+0), .grid.plain .col-xs-3:nth-of-type(3n-1), .grid.plain .col-xs-3:nth-of-type(3n-2), .grid.plain .col-xs-4:nth-of-type(3n+0), .grid.plain .col-xs-4:nth-of-type(3n-1), .grid.plain .col-xs-4:nth-of-type(3n-2) {
        padding-left: 0;
        padding-right: 0
    }

    .grid.plain .guides_class.col-xs-3:nth-of-type(3n+0), .grid.plain .guides_class.col-xs-3:nth-of-type(3n-1), .grid.plain .guides_class.col-xs-3:nth-of-type(3n-2), .grid.plain .guides_class.col-xs-4:nth-of-type(3n+0), .grid.plain .guides_class.col-xs-4:nth-of-type(3n-1), .grid.plain .guides_class.col-xs-4:nth-of-type(3n-2) {
        padding: 30px
    }

    .grid.plain .guides_class .entry-content {
        width: calc(100% - 706px);
        padding: 0 20px 0 20px
    }

    .right-articles-group {
        width: 310px
    }

    .featured-article .entry-header .entry-thumbnail {
        min-height: auto;
        height: auto
    }

    .grid .entry-header .entry-thumbnail {
        width: 100%;
        height: auto
    }

    .grid .entry-header .entry-thumbnail img {
        width: auto;
        max-height: 250px;
        max-width: 100%
    }

    .grid .entry-header {
        width: 310px
    }

    .grid .guides_class.col-xs-3, .grid .guides_class.col-xs-4, .grid.plain .guides_class.col-xs-3, .grid.plain .guides_class.col-xs-4 {
        padding: 20px
    }

    .grid .guides_class .guides-read-more, .grid.plain .guides_class .guides-read-more {
        padding: 8px 34px
    }

    .featured-article .entry-header .entry-thumbnail img, .page .entry-thumbnail img, .single-post .post .entry-header .entry-thumbnail img {
        overflow: hidden;
        max-width: 100% !important;
        height: auto;
        width: 100%
    }

    .featured-article .entry-header .entry-thumbnail .entry-title, .single-post .entry-header .entry-thumbnail .entry-title {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px
    }

    #subscribe-form .input {
        width: 100%;
        text-align: center
    }

    #subscribe-form .submit-btn {
        width: 100%;
        display: inline-block;
        margin: 10px 0 0 0
    }

    #footer .subscribe-block {
        padding-left: 40px
    }

    .grid.plain .entry-content .entry-description {
        max-height: 74px;
        position: relative;
        overflow: hidden
    }

    .grid.plain .entry-content .entry-description:after {
        content: "";
        display: block;
        width: 50%;
        height: 23px;
        position: absolute;
        bottom: 0;
        right: 0;
        z-index: 20;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, #fff 58%, #fff 100%);
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, #fff 58%, #fff 100%);
        background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0) 1%, #fff 58%, #fff 100%)
    }

    .featured-article .entry-header .entry-thumbnail a {
        height: 100%;
        display: block
    }

    .entry-header .entry-thumbnail div.entry-title-wrapper {
        height: auto;
        left: auto;
        right: 0;
        max-width: 60%;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .entry-header .entry-thumbnail .entry-title {
        height: auto;
        width: auto;
        display: block
    }

    .widget-area .promoted .btn.btn-wbday-request {
        min-width: 0;
        white-space: normal
    }

    .btn.btn-wbday-request.btn-orange {
        min-width: 0;
        white-space: normal
    }

    .cat-title {
        padding-top: 20px
    }

    .slogan {
        padding-top: 20px
    }
}

@media (max-width: 1199px) {
    #sticky {
        width: 205px
    }

    .articles-wr {
        margin-left: 0
    }

    .featured-article {
        padding-right: 5px
    }

    .popular-articles-wr {
        padding-left: 5px
    }
    #secondary .call-to-action-full-width-img {
        height: auto;
    }
    #secondary .call-to-action-full-width-img .call-to-action__right{
        height: auto;
    }
    #secondary .call-to-action-full-width-img .call-to-action__left{
        height: auto;
    }
}

@media (max-width: 1070px) {
    .subnav li a {
        padding: 15px;
        font-size: 14px
    }
}

@media screen and (max-width: 1055px) {
    body {
        font-size: 14px;
        font-size: .875rem
    }

    #breadcrumbs {
        display: none
    }

    .subnav li {
        max-width: 170px;
        width: auto
    }

    .subnav li li#menu-item-24307 {
        min-width: 230px
    }

    .widget-area .promoted .promoted_text .promoted_title b {
        font-size: 16px;
        font-size: 1rem
    }

    .widget-area .promoted .btn.btn-wbday-request {
        font-size: 12px !important;
        font-size: .75rem !important;
        min-width: 185px
    }
}

@media screen and (max-width: 1000px) {
    .grid-changer {
        display: none
    }

    .featured-article .entry-header .entry-thumbnail .entry-title, .single-post .entry-header .entry-thumbnail .entry-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px
    }

    #footer .subscribe-block {
        padding-left: 40px
    }

    h2 {
        font-size: 24px;
        font-size: 1.5rem
    }

    h3 {
        font-size: 20px;
        font-size: 1.25rem
    }
}

@media (max-width: 991px) {
    .grid.plain .entry-content-wrapper {
        flex-direction: column;
        height: auto;
        display: block
    }

    .right-articles-group {
        width: auto;
        height: auto;
        padding: 0;
        border-left: 0;
        clear: both
    }

    .grid.plain .guides_class .entry-content {
        padding: 0;
        display: block;
        text-align: left;
        margin-bottom: 20px;
        width: auto;
        float: right;
        width: calc(100% - 300px)
    }

    .grid .guides_class .guides-read-more, .grid.plain .guides_class .guides-read-more {
        position: relative;
        left: auto;
        width: 280px
    }

    .right-articles-group__title {
        padding-left: 0;
        position: static;
        top: auto;
        left: auto
    }

    .right-articles-group__item:first-child {
        margin-top: 0
    }

    .grid .guides_class .entry-content .entry-description, .grid.plain .guides_class .entry-content .entry-description {
        display: block;
        margin-bottom: 20px
    }

    .grid.plain .guides_class .entry-content .entry-description:after {
        display: none
    }

    .right-articles-group__items {
        overflow: visible;
        height: auto
    }

    #secondary .call-to-action {
        padding: 30px 60px;
        flex-wrap: nowrap;
        display: none
    }

    #secondary .call-to-action__left {
        padding-right: 60px;
        order: 1
    }

    #secondary .call-to-action__right {
        order: 2;
        margin-bottom: 0
    }

    .featured-block {
        flex-direction: column
    }

    .featured-article {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px
    }

    .popular-articles-wr {
        width: 100%;
        padding-left: 0;
        padding-right: 0;
        margin-bottom: 40px
    }

    #sticky {
        width: auto
    }

    .grid .col-xs-3:nth-of-type(3n+0), .grid .col-xs-4:nth-of-type(3n+0) {
        padding: 0
    }

    .grid .col-xs-3:nth-of-type(3n-1), .grid .col-xs-4:nth-of-type(3n-1) {
        padding: 0
    }

    .grid .col-xs-3:nth-of-type(3n-2), .grid .col-xs-4:nth-of-type(3n-2) {
        padding: 0
    }

    .grid .entry-header .entry-thumbnail .article-type, .grid .entry-header .entry-thumbnail .entry-meta, .grid .entry-header .entry-thumbnail .entry-tags, .grid .entry-header .entry-thumbnail .entry-title, .grid .entry-header .entry-thumbnail .min-to-read {
        display: none
    }

    .grid article {
        margin-bottom: 26px
    }

    .grid .entry-content {
        display: block;
        float: right
    }

    .grid article.col-xs-3, .grid article.col-xs-4 {
        width: 100% !important;
        float: none;
        clear: both;
        box-shadow: 4px 4px 4px #f3f3f3
    }

    .grid .guides_class.col-xs-3, .grid .guides_class.col-xs-4, .grid.plain .guides_class.col-xs-3, .grid.plain .guides_class.col-xs-4 {
        padding: 20px
    }

    .grid .entry-header {
        width: 280px;
        float: left;
        margin-bottom: 30px
    }

    .grid.plain .entry-header {
        width: 280px
    }

    .grid.plain .entry-content .entry-description {
        display: none
    }

    .grid .entry-content .entry-description {
        display: none
    }

    .grid .entry-content .min-to-read {
        font-size: .9375rem
    }

    .grid .entry-content .entry-title {
        margin: 18px 0 0
    }

    .grid .entry-content .entry-meta {
        display: block;
        font-size: 13px;
        font-size: .8125rem;
        line-height: 17px;
        color: #a5a5a5;
        position: absolute;
        right: 30px;
        bottom: 12px
    }

    .grid .entry-header .entry-thumbnail {
        min-height: 0
    }

    .grid .entry-content {
        height: 200px;
        width: calc(100% - 280px);
        float: left;
        padding: 20px 30px 20px 30px
    }

    .grid .entry-content .article-type {
        display: inline-block;
        margin-right: 20px;
        font-size: 13px;
        font-size: .8125rem;
        color: #fff;
        line-height: 17px;
        background: #244d71;
        padding: 6px 14px;
        text-transform: uppercase
    }

    .grid.plain article.col-xs-3, .grid.plain article.col-xs-4 {
        height: 200px
    }

    .grid article.col-xs-3, .grid article.col-xs-4 {
        height: 200px
    }

    .grid .entry-header .entry-thumbnail img {
        width: auto;
        max-width:100%;
        height: 200px
    }

    .grid.plain .entry-header .entry-thumbnail {
        min-height: 0;
        height: 100%
    }

    .grid.plain .entry-content {
        height: 200px;
        width: calc(100% - 280px)
    }

    .grid .entry-content .entry-title a {
        font-size: 24px;
        font-size: 1.5rem;
        color: #306a9c;
        line-height: 28px
    }

    #secondary {
        float: none;
        width: 100%
    }

    #secondary {
        padding-left: 0;
        padding-right: 0
    }

    .widget-area .promoted .btn.btn-wbday-request {
        min-width: 0;
        white-space: normal
    }
}

@media (max-width: 960px) {
    body.custom-background-empty {
        background-color: #fff
    }

    body.custom-background-empty .site, body.custom-background-white .site {
        padding: 0;
        margin-top: 0;
        margin-bottom: 0;
        box-shadow: none
    }

    body.custom-background {
        background-attachment: fixed;
        background-color: #63788b;
        background: url(https://cloudberrylab.com/images/body.gif) repeat-x scroll left top #63788b;
        background-position: center top;
        background-repeat: repeat-x
    }
}

@media screen and (max-width: 899px) {
    #secondary {
        float: none;
        width: 100%
    }

    .featured-article .entry-header .entry-thumbnail .entry-title, .single-post .entry-header .entry-thumbnail .entry-title {
        font-size: 28px;
        font-size: 1.75rem;
        line-height: 36px
    }

    .grid .col-xs-3, .grid .col-xs-4 {
        width: 50% !important
    }

    .grid.plain .col-xs-3, .grid.plain .col-xs-4 {
        width: 100% !important
    }

    .featured-article .entry-header .entry-thumbnail, .grid .entry-header .entry-thumbnail {
        width: 100%;
        height: auto
    }

    #primary.col-xs-9, .featured-article.col-xs-9, .popular-articles.col-xs-3 {
        width: 100%;
        float: none
    }

    #footer {
        padding: 30px 0 0 0
    }

    #footer .footer-nav {
        margin-bottom: 10px;
        padding: 0 10px;
        text-align: center;
        width: 100% !important;
        padding: 0
    }

    #footer .footer-nav .menu-box2, #footer .footer-nav .menu-box3, #footer .footer-nav .menu-box4 {
        display: none
    }

    #footer .footer-nav .menu-box1 {
        width: 100%
    }

    #footer .footer-nav h4 {
        display: none
    }

    #footer .footer-nav li {
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0
    }

    #footer .subscribe-block {
        border-left: 0;
        border-top: 1px solid #79838d;
        border-bottom: 1px solid #79838d;
        padding-top: 30px;
        width: 100%;
        padding-left: 0
    }

    #footer .subscribe-block #subscribe-form {
        width: 360px;
        margin: 0 auto
    }

    #footer .subscribe-block #subscribe-form .input {
        width: 210px
    }

    #footer .subscribe-block #subscribe-form .submit-btn {
        width: 125px;
        margin: 0 0 0 7px
    }

    #footer .partners-badges {
        text-align: center
    }

    #footer .partners-badges img {
        padding: 0 10px 0 0;
        width: 120px
    }

    #footer-bottom {
        text-align: center
    }

    #footer-bottom .copyright {
        padding: 10px 0
    }

    .entry-header .entry-thumbnail {
        min-height: 0
    }
}

@media (max-width: 767px) {
    .menu-blog-parents-menu-container, .menu-blog-articles-menu-container, .menu-blog-guides-menu-container{
        width:100%;
        background: #fff;
    }
    .menu-wrapper, .nav-menu {
        background: #fff;
        z-index: 2;
        box-shadow: 0 10px 20px -10px grey
    }

    .menu-wrapper, .nav-menu, .nav-menu li {
        width: 100%;
        max-width: 100%
    }

    .nav-menu li {
        text-align: center
    }

    .grid.plain .guides_class .entry-content {
        width: 56%
    }

    #secondary .call-to-action, .call-to-action {
        padding: 30px
    }

    #secondary .call-to-action__left, .call-to-action__left {
        padding-right: 30px
    }

    .grid article.col-xs-3, .grid article.col-xs-4, .grid.plain article.col-xs-3, .grid.plain article.col-xs-4 {
        height: auto;
        padding: 0;
        -webkit-box-shadow: none;
        -moz-box-shadow: none;
        box-shadow: none
    }

    .grid .guides_class.col-xs-3, .grid .guides_class.col-xs-4, .grid.plain .guides_class.col-xs-3, .grid.plain .guides_class.col-xs-4 {
        padding: 20px
    }

    .grid article.col-xs-3:after, .grid article.col-xs-4:after {
        content: '';
        display: block;
        clear: both
    }

    .grid .entry-content .entry-meta, .grid.plain .entry-content .entry-meta {
        position: static
    }

    .grid .entry-header, .grid.plain .entry-header {
        width: 40%
    }

    .grid .entry-header .entry-thumbnail {
        width: 100%
    }

    .grid .entry-header .entry-thumbnail a {
        width: 100%
    }

    .grid .entry-content, .grid.plain .entry-content {
        width: 60%;
        padding-top: 0;
        padding-bottom: 0;
        height: auto
    }

    .grid .entry-header .entry-thumbnail img {
        width: auto;
        height: auto
    }

    #header-title .subheader {
        font-size: 42px;
        font-size: 2.625rem
    }

    #header-title .rss-icon input[type=submit] {
        height: 40px
    }

    .entry-header .entry-title a {
        font-size: 24px;
        font-size: 1.5rem
    }

    .entry-header .entry-title {
        color: #0087cc
    }

    .featured-article .entry-header .entry-thumbnail .entry-title, .single-post .entry-header .entry-thumbnail .entry-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px
    }

    .featured-article {
        padding-right: 0
    }

    .group-title-wr {
        display: block
    }

    .grid-changer {
        display: none
    }

    #header-title {
        display: none
    }

    .mobile-menu-opener {
        display: block;
        width: 100%;
        background-color: #fff;
        color: #244d71;
        cursor: pointer;
        padding: 10px 8px;
        font-size: 20px;
        text-align: center
    }

    .mobile-menu-opener span {
        position: relative
    }

    .mobile-menu-opener span:before {
        content: "";
        display: block;
        width: 10px;
        height: 10px;
        position: absolute;
        right: -22px;
        top: 5px;
        border-left: 2px solid #244d71;
        border-bottom: 2px solid #244d71;
        transform: rotate(-45deg);
        transition: .3s
    }

    .search-block {
        box-shadow: none;
        max-height: none;
        height: auto;
        position: static;
        top: auto;
        left: auto;
        overflow: visible;
        /*margin-top: 20px*/
    }

    .search-form {
        min-height: 0;
        width: 100%
    }

    #submenu > .container-nav:after {
        display: none
    }

    .search-submit svg path {
        fill: #fe9620
    }

    .this_is_top_menu {
        box-shadow: 0 0 3px 3px #ccc;
        margin-bottom: 20px
    }

    #menu-resources {
        display: none
    }

    #menu-resources.opened, .subnav .nav-menu.opened {
        display: block
    }

    .mobile-menu-opener.opened span:before {
        transform: rotate(135deg);
        top: 10px
    }

    .featured-article .entry-header .entry-thumbnail .entry-title, .single-post .entry-header .entry-thumbnail .entry-title {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px
    }

    .subnav {
        height: auto
    }

    .subnav li a {
        padding: 10px 0;
        height: auto
    }

    .subnav-inner {
        height: auto;
        flex-direction: column;
        align-items: flex-start;
        margin-top: 20px
    }

    .subnav .nav-menu {
        flex-direction: column;
        display: none
    }

    .search-open {
        display: none
    }

    .search-close {
        display: none
    }

    .search-block-inner {
        background-color: #fff
    }

    .fixed-menu, .is-sticky .subnav, .sticky-navigation {
        box-shadow: none;
        position: relative !important;
        width: 100%;
        z-index: 100
    }

    .cbl-footer .row {
        margin: 0 !important
    }

    .h1like, h1 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 0
    }

    .entry-thumbnail-350 .h1like, .entry-thumbnail-350 h1 {
        font-size: 30px;
        line-height: 36px;
        margin-top: 0
    }

    .entry-thumbnail-350-detail .entry-title-wrapper, .entry-thumbnail-350-detail img, .entry-thumbnail-detail .entry-title-wrapper, .entry-thumbnail-detail img {
        display: none
    }

    .h1like-mobile {
        display: block
    }

    .cat-title {
        padding-top: 20px
    }

    .slogan {
        padding-top: 8px
    }

    .archive-subtitle-no-title {
        display: none
    }
}

@media screen and (max-width: 600px) {
    .author-avatar {
        float: left;
        margin-top: 8px
    }

    .author-description {
        float: right;
        width: 80%
    }

    .site {
        margin: 0 auto;
        width: 948px;
        overflow: hidden
    }

    .head {
        margin: 0 auto;
        width: 948px
    }

    body.attachment .site-content, body.full-width .site-content, body.template-front-page .site-content {
        width: 100%
    }

    .site-header .h1like, .site-header h1, .site-header h2 {
        text-align: left
    }

    .site-header .h1like, .site-header h1 {
        margin-bottom: 0;
        color: #fff;
        font-size: 24px;
        font-weight: 400
    }

    .main-navigation div.nav-menu > ul, .main-navigation ul.nav-menu {
        border-bottom: 1px solid #ededed;
        border-top: 1px solid #ededed;
        display: inline-block !important;
        text-align: left;
        width: 100%;
        padding-left: 24px
    }

    .main-navigation ul {
        margin: 0;
        text-indent: 0
    }

    .main-navigation li, .main-navigation li a {
        display: inline-block;
        text-decoration: none
    }

    .main-navigation li a {
        border-bottom: 0;
        color: #6a6a6a;
        line-height: 3.692307692;
        text-transform: uppercase;
        white-space: nowrap
    }

    .main-navigation li a:hover {
        color: #000
    }

    .main-navigation li {
        margin: 0 40px 0 0;
        margin: 0 2.857142857rem 0 0;
        position: relative
    }

    .main-navigation li ul {
        display: none;
        margin: 0;
        padding: 0;
        position: absolute;
        top: 100%;
        z-index: 1
    }

    .main-navigation li ul ul {
        top: 0;
        left: 100%
    }

    .main-navigation ul li:hover > ul {
        border-left: 0;
        display: block
    }

    .main-navigation li ul li a {
        background: #efefef;
        border-bottom: 1px solid #ededed;
        display: block;
        font-size: 11px;
        font-size: .785714286rem;
        line-height: 2.181818182;
        padding: 8px 10px;
        padding: .571428571rem .714285714rem;
        width: 180px;
        width: 12.85714286rem;
        white-space: normal
    }

    .main-navigation li ul li a:hover {
        background: #e3e3e3;
        color: #444
    }

    .main-navigation .current-menu-ancestor > a, .main-navigation .current-menu-item > a, .main-navigation .current_page_ancestor > a, .main-navigation .current_page_item > a {
        color: #636363;
        font-weight: 700
    }

    .menu-toggle {
        display: none
    }

    .entry-header .entry-title {
        font-size: 30px;
        color: #0087cc
    }

    #respond form input[type=text] {
        width: 46.333333333%
    }

    #respond form textarea.blog-textarea {
        width: 79.666666667%
    }

    .template-front-page.has-post-thumbnail article {
        float: left;
        width: 47.916666667%
    }

    .entry-page-image {
        float: right;
        margin-bottom: 0;
        width: 47.916666667%
    }

    .template-front-page .widget-area .widget, .template-front-page.two-sidebars .widget-area .front-widgets {
        float: left;
        width: 51.875%;
        margin-bottom: 24px;
        margin-bottom: 1.714285714rem
    }

    .template-front-page .widget-area .widget:nth-child(odd) {
        clear: right
    }

    .template-front-page .widget-area .widget:nth-child(even), .template-front-page.two-sidebars .widget-area .front-widgets + .front-widgets {
        float: right;
        width: 39.0625%;
        margin: 0 0 24px;
        margin: 0 0 1.714285714rem
    }

    .template-front-page.two-sidebars .widget, .template-front-page.two-sidebars .widget:nth-child(even) {
        float: none;
        width: auto
    }

    .commentlist .children {
        margin-left: 48px;
        margin-left: 3.428571429rem
    }

    .promoted .promoted_img, .promoted .promoted_text {
        display: block;
        float: none;
        margin: 0 auto;
        width: auto;
        max-width: auto;
        text-align: center;
        padding: 0 20px 10px 10px
    }

    .promoted .promoted_text ul {
        display: none
    }

    table.featured td {
        display: block;
        margin: 0 auto;
        width: auto
    }

    .grid.plain .guides_class .entry-content {
        width: 100%;
        float: none;
        clear: both
    }

    .grid .guides_class .entry-header, .grid.plain .guides_class .entry-header {
        width: auto;
        max-width: 280px
    }

    #header-title .subheader {
        font-size: 36px;
        font-size: 2.25rem
    }

    #header-title .rss-icon input[type=submit] {
        height: 34px
    }

    .featured-article .entry-header .entry-thumbnail .entry-title, .single-post .entry-header .entry-thumbnail .entry-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 26px
    }

    #header-title {
        padding-bottom: 20px
    }
}

@media (max-width: 560px) {
    #secondary .call-to-action, .call-to-action {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center
    }

    #secondary .call-to-action__left, .call-to-action__left {
        order: 2;
        padding-right: 0;
        width: 100% !important
    }

    #secondary .call-to-action__right, .call-to-action__right {
        order: 1;
        margin-bottom: 14px;
        width: 100% !important
    }

    #secondary .call-to-action__tag, .call-to-action__tag {
        display: none
    }

    #secondary .call-to-action__text, .call-to-action__text {
        display: none
    }
}

@media screen and (max-width: 520px) {
    .grid .entry-header, .grid.plain .entry-header {
        width: auto
    }

    .grid .entry-content, .grid.plain .entry-content {
        width: auto;
        padding: 0
    }

    #header-title .subheader {
        padding-top: 20px;
        text-align: center;
        width: 100%
    }

    #header-title .rss-icon {
        display: block;
        text-align: center
    }

    #header-title .rss-icon input[type=submit] {
        margin: 0 0
    }

    .entry-header {
        margin-bottom: 16px;
        margin-bottom: 1rem
    }

    h3 {
        margin: 20px 0 10px;
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 32px
    }

    .featured-article, .grid .entry-header .entry-thumbnail {
        width: 100%
    }

    .grid .col-xs-3, .grid .col-xs-4 {
        width: 100% !important
    }

    #header-title .container .h1-wrap {
        width: 90%
    }

    .steps {
        font-size: 13px;
        overflow: auto;
        max-width: calc(100vw - 46px)
    }

    .steps p {
        padding: 20px 20px 20px 45px
    }

    .entry-title-350 {
        font-size: 30px;
        line-height: 36px
    }

    .articles-wr .post {
        display: flex;
        flex-direction: column
    }

    .articles-wr .post .entry-header {
        order: 20
    }

    .articles-wr .post .entry-content {
        order: 10
    }

    .grid .entry-header .entry-thumbnail img {
        max-height: none
    }

    .grid .entry-content .entry-meta, .grid.plain .entry-content .entry-meta {
        margin: 10px 0
    }

    .entry-tags {
        display: none
    }
}

@media only screen and (max-device-width: 480px) {
    #slidebox {
        width: 100%;
    }
}
@media (max-width:480px){
    #slidebox .cta_button .hs-cta-img {
        height: auto!important;
    }
}


@media screen and (max-width: 370px) {
    #header-title .subheader {
        font-size: 30px;
        font-size: 1.875rem
    }

    .subheader {
        font-size: 26px;
        font-size: 1.625rem
    }

    #footer .subscribe-block #subscribe-form {
        width: 90%;
        margin: 0 auto
    }

    #footer .subscribe-block #subscribe-form .input {
        width: 100%
    }

    #footer .subscribe-block #subscribe-form .submit-btn {
        width: 100%;
        margin: 10px 0 0 0
    }

    #footer-bottom .social-icons img {
        padding: 10px 5px
    }
}

@media screen\0 {
    #footer .partners-badges__item img {
        width: 100%
    }
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    #editions-nav {
        margin: 0 0 -4px 0
    }
}
/* university */

.pr-0 {
    padding-right: 0
}
.university__card{
    color: #a6a6a6;
}
.university__card:hover{
    text-decoration: none;
}
.publish_date{
    font-size: 13px;
}
.university__item{
    border-radius: 6px;
    margin-bottom: 30px;
    height: 408px;
    transition: .3s;
    overflow: hidden;
    width:262px;
    position: relative;
    display: block;
    margin-left: auto;
    margin-right:auto;
}
.university__item:hover{
    box-shadow: 0px 4px 24px -14px rgba(0,0,0,.5);
    text-decoration: none;
}
.university__item .university__item-new{
    position: absolute;
    right:0;
    top:0;
    background-color: #FF3636;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 4px 10px;
    text-align: center;
    border-radius: 0 6px 0 6px;
    z-index:1;
}
.sorter{
    display: flex;
}
.msp-university-sorter{
    display: flex;
    align-items: center;
    margin-top: 4px;
    margin-bottom: 16px;
    justify-content: space-between;
}
.sort-link__wr{
    display: flex;
    margin-bottom:20px;
    margin-right: 20px;
    color: #6C757D;
}
.sort-link__wr:hover{
    text-decoration: none;
}
.sort-links{
    display: flex;
    flex-direction: column;
    margin-left: 6px;
}
.sort-link{
    margin-top: 2px;
    margin-bottom: 2px;
}
.sort-link__up{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid #ADB5BD;
}
.sort-link__wr.asc .sort-link__up{
    border-bottom: 7px solid #FF7527;
}
.sort-link__down{
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px solid #ADB5BD;
}
.sorter-favorites{
    margin-bottom: 20px;
    display: flex;
    align-items: center;
    color: #6C757D;
    cursor: pointer;
}
.sorter-favorites__ico{
    border-radius: 4px;
    border:1px solid #ccc;
    width: 36px;
    height: 36px;
    margin-left: 8px;
    display: flex;
    align-items: center;
    justify-content: center;

}
.sorter-favorites__ico svg{
    width: 26px;
    height: 26px;
}
.favorite-interact-ico{
    width: 20px;
    height:20px;
    cursor: pointer;
}
.favorite-interact-ico svg{
    width: 100%;
}
.favorite-interact-ico svg polygon{
    fill: #fff;
    stroke: #a6a6a6;
    stroke-width: 2px;
}
.university__card.active .favorite-interact-ico svg polygon{
    stroke: transparent;
    fill: #FE9620!important;
    stroke-width: 0;
}

.sort-link__wr.desc .sort-link__down{
    border-top: 7px solid #FF7527;
}
.university__item  .university__item-popular{
    position: absolute;
    right:0;
    top:0;
    background-color: #FF7527;
    color: #fff;
    text-transform: uppercase;
    font-size: 13px;
    padding: 4px 10px;
    text-align: center;
    border-radius: 0 6px 0 6px;
    z-index:5;
}
.msp-university-sorter__title{
    display: flex;
    margin-bottom: 20px;
    margin-right: 20px;
    color: #6c757d;
}
.university__item-title{
    color: #2A4F6F;
    font-size: 20px;
    line-height: 24px;
    font-weight: 500;
    font-family: 'Roboto', Arial, sans-serif
}

.university__item-title:hover{
    text-decoration: none;
}

.university__item-description {
    transition: .3s;
    padding-top: 30px;
    margin-bottom: 30px;
    font-size: 16px;
    line-height: 22px;
    height: 120px;
    color: #404040;
    font-family: 'Roboto', Arial, sans-serif
}

.university__item_link {
    font-size: 14px;
    color: #fff;
    background: linear-gradient(180deg, #f48414 0, #de6f00 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15), inset 0 1px 0 #ffa953, inset 0 -1px 0 #ca6703;
    border-radius: 4px;
    display: block;
    text-align: center;
    width: 130px;
    padding-top: 9px;
    padding-bottom: 8px;
    font-family: 'Roboto', Arial, sans-serif
}

.university__item_link:hover {
    text-decoration: underline
}

.university__item_lessons {
    position: absolute;
    bottom: 8px;
    left: 15px;
    width: calc(100% - 30px);
    display: flex;
    justify-content: space-between;
    color: #6c757d;
    font-size: 14px;
    line-height: 20px;
    font-family: 'Roboto', Arial, sans-serif
}

.msp-university__content {
    border-left: 1px solid #ddd;
    padding-left: 30px;
    padding-top: 30px;
    background-color: #fff;
    padding-bottom: 60px
}

.msp-university__content img {
    max-width: 795px
}

.msp-university__content .call-to-action img {
    max-width: 100%
}

.msp-university__content h1 {
    margin-top: 0;
    margin-bottom:30px;

}

/*.msp-university__content h1,*/
/*.university-detail__top-header h2{*/
    /*font-display: optional!important;*/
/*}*/

.msp-university__content h2 {
    margin-top: 30px
}

.other-guides {
    color: #244d71;
    font-size: 16px;
    line-height: 24px;
    padding-left: 22px;
    position: relative
}

.other-guides:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #244d71;
    border-bottom: 2px solid #244d71;
    transform: rotate(45deg) translateY(-50%);
    position: absolute;
    top: 50%;
    left: 3px
}

.university-detail__top {
    border-bottom: 1px solid #ddd;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.university__hide-bar {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    padding-top: 20px;
    display: flex;
    justify-content: flex-end;
    /*color: #fc8e26;*/
    color: #244d71;
    padding-right: 20px;
    height:59px;
}

.university__hide-bar-btn {
    position: relative;
    padding-right: 30px;
    cursor: pointer
}

.university__hide-bar-btn div {
    width: 24px;
    height: 24px;
    border: 1px solid #244d71;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0
}

.university__hide-bar-btn div:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #244d71;
    border-bottom: 2px solid #244d71;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    left: 5px
}

.university__hide-bar-btn div:after {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-left: 2px solid #244d71;
    border-bottom: 2px solid #244d71;
    transform: rotate(45deg);
    position: absolute;
    top: 7px;
    left: 12px
}

.hidden-bar .university__hide-bar-btn div:before {
    transform: rotate(-135deg);
    left: 3px
}

.hidden-bar .university__hide-bar-btn div:after {
    transform: rotate(-135deg);
    left: 10px
}

.university-detail__link {
    color: #555
}

.university-detail__name {
    margin-top: 10px
}

.university-detail__name a {
    color: #555;
    font-size: 16px;
    line-height: 20px
}

.university-detail__current {
    color: #fc8e26
}

.university-detail__current a {
    color: #fc8e26
}

.university-detail__item {
    border-bottom: 1px solid #ddd;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 25px;
    padding-right: 25px;
    width: 278px
}

.university-detail__sidebar {
    transition: .3s
}

.university-detail__sidebar-wrapper {
    transition: .3s;
    position: relative
}

.university-detail__sidebar-wrapper.hidden-bar-wrapper {
    width: 150px
}

.university-detail__sidebar {
    width: 100%;
    background-color: #fff;
    z-index: 4;
    position: relative
}

.university-detail__sidebar-wrapper.hidden-bar-wrapper .university-detail__sidebar-posts {
    opacity: 0;
    height: 0;
    overflow: hidden
}

.university-detail__sidebar-title {
    font-size: 16px;
    line-height: 24px;
    color: #6c757d;
    margin-bottom: 6px;
    position: relative
}

.university-detail__sidebar-title:before {
    content: "";
    display: block;
    width: 9px;
    height: 9px;
    border-right: 2px solid #fc8e26;
    border-bottom: 2px solid #fc8e26;
    position: absolute;
    transform: rotate(-45deg);
    top: 7px;
    left: -20px
}

.university-detail__current .university-detail__sidebar-title:before {
    transform: rotate(-135deg)
}

.university-detail__current .university-detail__sidebar-title {
    color: #fc8e26
}

.university__hide-bar.hidden-bar {
    border-bottom: none;
    justify-content: flex-start;
    transition: .3s
}

.university__hide-bar--hidden {
    display: none
}

.hidden-bar .university__hide-bar--visible {
    display: none
}

.hidden-bar .university__hide-bar--hidden {
    display: block
}

.hidden-bar-wrapper + .msp-university__content {
    border-left: none
}

.university-detail__sidebar-timeline {
    opacity: 0;
    transition: .3s;
    display: none
}

.hidden-bar-wrapper .university-detail__sidebar-timeline {
    opacity: 1;
    z-index: 3;
    display: block
}

.university-detail__sidebar-timeline-inner {
    margin-left: 10px;
    margin-top: 20px;
    width: 100px
}

.msp-university__nav-link.active .msp-university__nav-bullet {
    background-color: #fc8e26;
    border: 1px solid #fc8e26
}

.msp-university__nav-link.active .msp-university__nav-span {
    color: #fc8e26
}

.university-detail__sidebar-timeline-inner .msp-university__nav-link {
    position: relative;
    display: block;
    font-size: 12px;
    color: #6c757d;
    line-height: 15px
}

.university-detail__sidebar-timeline-inner .msp-university__nav-link.active {
    color: #fc8e26
}

.university-detail__sidebar-timeline-inner .msp-university__nav-span {
    display: block;
    height: 100%;
    padding-bottom: 20px;
    padding-left: 16px
}

.university-detail__sidebar-timeline-inner .msp-university__nav-span:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 2px;
    background-color: #ced4da;
    z-index: 0
}

.university-detail__sidebar-timeline-inner .msp-university__nav-bullet {
    background: #fc8e26;
    border: 1px solid #fc8e26
}

.university-detail__sidebar-timeline-inner .msp-university__nav-link:last-child .msp-university__nav-span:before {
    display: none
}

.university-detail__sidebar-timeline-inner .msp-university__nav-bullet {
    display: block;
    background: #f5f5f5;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    border: 1px solid #ced4da;
    position: absolute;
    left: -8px;
    top: 2px;
    cursor: pointer;
    z-index: 2
}

.university-detail__h3-container {
    padding-left: 30px
}

.university-detail__current .university-detail__h3-container .msp-university__nav-link {
    color: #555;
    font-size: 14px;
    line-height: 16px;
    position: relative;
    margin: 0;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block
}

.university-detail__current .university-detail__h3-container .msp-university__nav-link:before {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    position: absolute;
    top: 26px;
    left: -17px;
    background-color: #fc8e26
}

.university-detail__current .university-detail__h3-container .msp-university__nav-link:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    top: 22px;
    transform: translateY(-50%);
    border-radius: 50%;
    left: -22px;
    background-color: #fc8e26
}

.university-detail__current .university-detail__h3-container .msp-university__nav-link:last-child:before {
    display: none
}

.university-detail__sidebar-title-icon {
    position: absolute;
    right: -24px;
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background-color: #fc8e26;
    top: 2px;
}
.university-detail__sidebar{
    opacity:0;
    transition: opacity .4s;
}
.university-detail__sidebar.sidebar-visible{
    opacity:1;
}

.university-detail__sidebar-title-icon:before {
    content: "";
    display: block;
    width: 6px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(45deg);
    position: absolute;
    top: 2px;
    left: 5px
}

.university-detail__item-d .university-detail__sidebar-title::before, .university-detail__item-q .university-detail__sidebar-title::before {
    display: none
}

.university-detail__sidebar-lesson {
    position: relative
}

.university-detail__sticky-sidebar {
    max-height: 90vh;
    overflow-x: hidden;
    overflow-y: auto
}

.msp-university__demand {
    padding-bottom: 60px
}

.msp-university__demand h1 {
    text-align: center;
    margin-bottom: 30px
}

.msp-university__demand-item {
    display: flex;
    padding: 30px;
    background: #fff;
    box-shadow: 0 2px 6px rgba(18, 29, 51, .1);
    border-radius: 6px;
    margin-bottom: 30px;
    height: 158px;
}

.msp-university__demand-item p {
    display: flex;
    align-items: center;
    margin: 0
}

.msp-university__demand-pic {
    width: 80px;
    height: 100%
}

.msp-university__demand-pic img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.msp-university__demand-info {
    padding-left: 15px;
    width: calc(100% - 190px)
}

.msp-university__demand-tag {
    color: #2a4f6f;
    text-transform: uppercase;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px
}

.msp-university__demand-title {
    font-size: 20px;
    line-height: 24px;
    color: #545454;
    margin: 8px 0
}

.msp-university__demand-text {
    font-size: 16px;
    line-height: 20px;
    color: #555
}

.msp-university__demand-read {
    display: flex;
    align-items: center;
    color: #fc8e26;
    width: 78px;
    margin-left: 15px
}

.msp-university__demand-read span {
    position: relative;
    display: block
}

.msp-university__demand-read span:after {
    content: "";
    display: block;
    width: 10px;
    height: 10px;
    border-right: 2px solid #fc8e26;
    border-bottom: 2px solid #fc8e26;
    position: absolute;
    top: 7px;
    right: -20px;
    transform: rotate(-45deg)
}
.content .msp-university__demand-finish{
    color: #fff;
}
.msp-university__demand-finish {
    background: linear-gradient(180deg, #f48414 0, #de6f00 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15), inset 0 -1px 0 #ca6703, inset 0 1px 0 #ffa953;
    border-radius: 4px;
    color: #fff;
    margin: 30px auto;
    transition: .3s;
    padding: 12px 15px;
    width: 256px;
    display: block;
    text-align: center
}

.msp-university__demand-finish:hover {
    background: linear-gradient(180deg, #de6f00 0, #de6f00 100%);
    color: #fff;
    text-decoration: none
}

.university__item svg, .university__item .svg-border {
    position: absolute;
    left: 15px;
    top: 0;
    fill: none;
    border-radius: 5px;
    transition: .5s ease-in-out
}

.university__item svg, .university__item .svg-border {
    stroke: #fc8e26;
    stroke-dasharray: 1340 1970;
    stroke-dashoffset: 1970
}

.university__item.pressed svg, .university__item.pressed .svg-border {
    stroke-dashoffset: 0
}

.university__item-cats {
    margin-bottom: 8px
}

.university__item-cat {
    color: #fff;
    font-size: 11px;
    line-height: 13px;
    text-transform: uppercase;
    display: inline-block;
    padding: 4px 8px;
    border-radius: 4px;
    margin-right: 4px;
    margin-bottom: 4px
}

.university__item-top {
    padding: 25px 15px 10px 15px;
    background-repeat: no-repeat;
    background-position: center right;
    background-size: cover;
    height: 194px;
    position: relative
}

.university__item-bottom {
    height: 214px;
    padding: 0 15px 25px 15px;
    border-left: 1px solid #D1E3EC;
    border-right: 1px solid #D1E3EC;
    border-bottom: 1px solid #D1E3EC;
    border-radius: 0 0 6px 6px;
}
.favorite-interact-ico.active svg polygon{
    fill:#FE9620!important;
    stroke: none;
}

@media (max-width: 1200px) {
    .university__item svg {
        display: none
    }

    .msp-university__content img {
        max-width: 600px
    }
}

@media (max-width: 991px) {
    .msp-university__demand-item{
        height:auto;
    }
    .msp-university__content img {
        max-width: 100%
    }

    .hidden-bar-wrapper .msp-university__nav-span-text {
        display: none
    }

    .hidden-bar-wrapper .university-detail__sidebar-timeline-inner .msp-university__nav-span {
        height: 50px
    }

    .university-detail__sidebar-wrapper {
        z-index: 3;
        position: absolute
    }

    .hidden-bar .university__hide-bar--hidden {
        display: none
    }

    .hidden-bar .university__hide-bar-btn div {
        position: static;
        top: auto;
        transform: translateY(0);
        right: auto
    }

    .hidden-bar .university__hide-bar {
        padding-bottom: 0
    }

    .university-detail__sidebar-wrapper.hidden-bar-wrapper {
        width: 46px
    }

    .hidden-bar-wrapper .university-detail__sidebar-timeline-inner {
        width: auto
    }

    .hidden-bar-wrapper .university-detail__sidebar-timeline-inner .msp-university__nav-span {
        padding: 0;
        width: 0
    }

    .university-detail__sticky-sidebar {
        z-index: 10;
        background-color: #fff;
        border-right: 1px solid #ccc;
        border-bottom: 1px solid #ccc
    }

    .hidden-bar-wrapper .university-detail__sticky-sidebar {
        box-shadow: none;
        border: none
    }

    .hidden-bar-wrapper .university-detail__sticky-sidebar {
        width: 28px
    }

    .university-detail__item {
        width: 256px
    }

    .msp-university__content {
        border-left: none;
        padding-left: 60px
    }
}

@media (max-width: 600px) {
    .msp-university__content table {
        font-size: 10px
    }
}

@media (max-width: 540px) {
    .university__card {
        width: 100%
    }
}
/* LOAD MORE */
#true_loadmore{
    margin: 30px auto;
    color: #fff;
    padding: 15px;
    cursor: pointer;
    text-align: center;
    width: 200px;
    background: linear-gradient(180deg, #f48414 0, #de6f00 100%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, .15), inset 0 -1px 0 #ca6703, inset 0 1px 0 #ffa953;
    border-radius: 4px;
    clear: both
}

#true_loadmore:hover {
    background: linear-gradient(180deg, #de6f00 0, #de6f00 100%);
    color: #fff
}

.no-results {
    text-align: center;
    margin-top: 30px
}

.no-results__title {
    font-weight: 700;
    color: #20407b;
    font-size: 30px;
    line-height: 36px;
    margin-top: 50px;
    margin-bottom: 20px
}

.no-results__img {
    height: 197px
}
/*---Hide reCaptcha v3 visible seal---*/
.grecaptcha-badge {
    opacity:0 !important;
}
.container-youtube{
    margin-top:30px;
    margin-bottom: 30px;
}
.container-youtube .preview-youtube{
    max-width: 560px;
    max-height: 314px;
    border: 1px solid #ccc;
    margin-left: auto;
    margin-right: auto;
}

/*temp*/
.test{
    font-size: 30px;
    color: red;
    text-transform: uppercase;
    font-weight: bold;
    display: none;
}

/*university hero*/
.university-header {
    background-color: #EEF6FD;
    background-image: url('/resources/wp-content/themes/msp360-university/images/university-bg.jpg');
    background-size: cover;
    background-position: center;
    border-radius: 20px;
    overflow: hidden;
    margin-top: 56px;
    display: grid;
    grid-template-columns: 1fr;
    gap: 16px;
}
.university-header__content {
    padding: 32px;
    align-self: center;
}
.university-header__title {
    font-family: 'ReadexPro';
    font-size: 48px;
    line-height: 54px;
    font-weight: 700;
    margin-bottom: 32px;
    margin-top: 0;
}
.university-header__description {
    color: #555555;
    font-size: 18px;
    line-height: 24px;
}
.university-header__img-wrap {
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}

@media (min-width: 992px) {
    .university-header {
        grid-template-columns: 3fr 2fr;
    }
    .university-header__content {
        padding: 50px 30px;
    }
    .university-header__title {
        font-size: 56px;
        line-height: 64px;
    }
}
@media (min-width: 1200px) {
    .university-header {
        grid-template-columns: repeat(2, 1fr);
    }
    .university-header__content {
        padding: 20px 60px;
    }
}
/*university hero*/