a, b, body, div, form, h1, h2, h3, h4, html, i, iframe, img, li, nav, p, span, ul {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
vertical-align: baseline;
text-decoration: none
}
nav { display: block }
.article-section-top h4, .cBlg-bnrTxtHD, .text-uppercase { text-transform: uppercase }
#eb .eb-tags { margin: 10px 0 0 }
#eb .eb-tags span {
display: inline-block;
vertical-align: middle
}
#eb .eb-tags .col-cell { vertical-align: top }
#eb .eb-tags .col-cell+.col-cell { padding: 0 5px }
#eb .eb-tags span::after { content: ", " }
@media only screen and (max-width:767px) {
.navbar-collapse .moduletable {
float: none;
margin-right: 0
}
.moduletable { padding: 0 25px }
.row { margin: 0 }
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 6px;
margin-bottom: 6px;
display: block
}
.cBlg-header .navbar-default {
margin: 0;
width: 100%
}
.navbar-collapse {
margin: 0;
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: rgba(31,36,54,.98);
padding-bottom: 30px
}
.navbar-collapse:after, .navbar-header:after {
content: "";
clear: both;
display: block
}
.navbar-header {
margin: 0 -15px 0 0;
float: right
}
.cBlg-heading1 { font-size: 24px }
.cBlg-ctntBlock { margin-top: 25px }
.hide, .navbar-collapse.hide { display: none }
.row.cBlg-featuredBlg> .col-sm-6 { margin-bottom: 15px }
.row.cBlg-featuredBlg> .col-sm-6:last-child { margin-bottom: 0 }
.cBlg-content { font-size: 13px }
.search-menu> ul> li {
float: none;
width: 100%;
text-align: center
}
.search-menu-toggle { display: block }
.search-menu> ul> li::before { display: none }
.row.cBlg-featuredBlg { margin: 0 -5px }
.row.cBlg-featuredBlg> .col-sm-6 {
width: 50%;
float: left;
padding: 0 5px
}
.cBlg-fbBx { padding: 20px 10px 3px }
.cBlg-ctntSecTrans { margin-bottom: 10px }
.cBlg-bnrTxtHD {
margin-bottom: 5px;
font-size: 26px
}
.cBlg-bnrTextBxIn p {
font-size: 14px;
line-height: 24px
}
.cBlg-ctntBlock .cBlg-heading1 {
font-size: 20px;
margin: 0 0 10px
}
.cBlg-featuredBlg .cBlg-fbBxHD { font-size: 16px }
}
.col-sm-6 { padding: 0 15px }
@media only screen and (max-width:991px) {
.cBlg-ctntBlock { margin-top: 35px }
}
@media only screen and (max-width:767px) {
body { padding-top: 75px }
.cBlg-content { padding: 30px 0 }
.row { margin: 0 }
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 6px;
margin-bottom: 6px;
display: block
}
.cBlg-header .navbar-default {
margin: 0;
width: 100%
}
.navbar-collapse:after, .navbar-header:after {
content: "";
clear: both;
display: block
}
.navbar-collapse.hide { display: none }
.cBlg-heading1 { font-size: 24px }
.cBlg-ctntBlock { margin-top: 25px }
}
#eb .col-cell {
display: table-cell;
vertical-align: middle
}
@media only screen and (max-width:568px) {
.cBlg-bnr, .eb-tags, .search-box { display: none }
}
*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
a, aside, b, body, div, form, h1, h2, h3, h4, html, i, iframe, img, li, nav, p, span, ul {
margin: 0;
padding: 0;
border: 0;
font-family: Arial, Helvetica, sans-serif;
vertical-align: baseline;
text-decoration: none
}
aside, nav { display: block }
body {
margin: 0;
padding: 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000;
letter-spacing: 1px !important; line-height: 1.6 !important;
}
:focus, :hover { outline: 0!important }
a, button, select {
outline: 0!important;
font-family: Arial, Helvetica, sans-serif
}
img { max-width: 100% }
select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
ul {
margin-top: 0;
margin-bottom: 10px
}
.article-section-top h4, .cBlg-bnrTxtHD, .cBlg-heading5, .contact-button a, .text-uppercase { text-transform: uppercase }
.cBlg-blgsMain:after, .container:after, .row:after { content: "" }
.cBlg-bnr, .cBlg-fbBxHD { overflow: hidden }
a { text-decoration: none }
.cBlg-bnrTextBxIn, .cBlg-fbBx { text-align: center }
.cBlg-bnrTextBx {
display: flex;
width: 100%;
text-align: center;
align-items: center;
height: 330px
}
.cBlg-bnrTextBxIn { padding: 40px 30px 30px; box-shadow: 0 7px 10px rgb(0 0 0 / 0.2); }
.cBlg-bnrTxtHD {
font-size: 48px;
font-weight: 700;
color: #AF110E;
line-height: normal;
margin-bottom: 10px;
display: block
}
.cBlg-bnrTextBxIn p {
font-size: 17px;
line-height: 34px;
color: #121f2c
}
.cBlg-header .navbar-default { float: right }
.cBlg-fbBxHD {
font-size: 20px;
font-weight: 500
}
.cBlg-ctntSecTrans { margin-bottom: 50px }
.cBlg-fbBx {
background: #fff;
padding: 40px 40px 35px
}
.cBlg-fbBxHD {
display: block;
color: #121f2c;
margin-bottom: 5px;
height: 30px
}
.cBlg-bnrText-mobile, .navbar-toggle { display: none }
.cBlg-fbBx p {
line-height: 21px;
color: #939698;
margin-bottom: 0
}
.cBlg-blgsMain:after {
clear: both;
display: block
}
.search-box {
border: 1px solid #e7e7e7;
background: #fff
}
.search-box-bottom:after {
content: "";
clear: both;
display: block
}
.search-box { margin-bottom: 30px }
.cBlg-content { vertical-align: top }
.search-menu-toggle { display: none }
.search-menu> ul {
margin: 0;
padding: 0
}
.search-menu> ul:after {
content: "";
clear: both;
display: block
}
.search-menu> ul> li {
list-style: none;
float: left;
width: 16.66%;
position: relative
}
.search-menu> ul> li> a {
display: block;
padding: 4px;
line-height: 36px;
font-size: 16px;
text-align: center;
color: #121f2c
}
.search-menu> ul> li.active> a {
background: #AF110E;
text-decoration: none;
color: #fff
}
.search-menu> ul> li.active:before, .search-menu> ul> li:first-child:before { display: none }
.search-menu> ul> li:before {
height: 20px;
width: 1px;
background: #ccc;
content: "";
display: block;
position: absolute;
left: 0;
top: 12px
}
.cBlg-blgsMain { margin: 0 -15px }
.search-menu-toggle button {
border: none;
background: #fff;
width: 100%;
height: 40px;
padding: 5px;
position: relative;
font-size: 16px;
font-weight: 600;
color: #121f2c
}
.search-menu-toggle button:after {
content: "\f107";
font-family: FontAwesome;
font-size: 18px;
right: 15px;
text-align: center;
position: absolute;
top: 10px
}
div.featuredBlg-col { width: 25% }
.request-btn {
background: #AF110E;
color: #fff;
border-color: #AF110E;
font-size: 16px;
display: block;
padding: 6px 12px;
font-weight: 400;
line-height: 1.42857143;
white-space: nowrap;
-ms-touch-action: manipulation;
touch-action: manipulation;
border: 1px solid #AF110E;
border-radius: 4px
}
.navbar-collapse .moduletable {
float: left;
margin: 10px 30px 0 0
}
.topIcon-col { float: left }
.cBlg-blgsMain {
margin: 0 0 40px !important;
}
.cBlg-footer .cBlg-footer-links li {
color: #ffd700;
}
@media only screen and (min-width:768px) {
.container { width: 750px }
.col-sm-6 { width: 50% }
.col-sm-9 { width: 75% }
.col-sm-3 { width: 25% }
.col-sm-3, .col-sm-6, .col-sm-9 { float: left }
}
@media only screen and (max-width:1199px) {
.cBlg-fbBx { padding: 30px 25px 25px }
}
@media only screen and (max-width:991px) {
.cBlg-fbBx { padding: 30px 10px 25px }
.cBlg-fbBxHD { font-size: 18px }
.cBlg-bnrTxtHD { font-size: 36px }
.cBlg-bnrTextBxIn p {
font-size: 15px;
margin-bottom: 20px;
line-height: 22px
}
.cBlg-ctntBlock { margin-top: 35px }
.search-menu> ul> li { font-size: 14px }
}
@media only screen and (max-width:767px) {
.navbar-collapse .moduletable {
float: none;
margin-right: 0
}
.moduletable { padding: 0 25px }
.row { margin: 0 }
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 6px;
margin-bottom: 6px;
display: block
}
.row.cBlg-2col-sec {
margin-left: -15px;
margin-right: -15px
}
.cBlg-header .navbar-default {
margin: 0;
width: 100%
}
.cBlg-blgBxTextSec { padding: 15px }
.navbar-collapse {
margin: 0;
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: rgba(31,36,54,.98);
padding-bottom: 30px
}
.navbar-collapse:after, .navbar-header:after {
content: "";
clear: both;
display: block
}
.navbar-header {
margin: 0 -15px 0 0;
float: right
}
.cBlg-heading1 { font-size: 24px }
.cBlg-ctntBlock { margin-top: 25px }
.hide, .navbar-collapse.hide { display: none }
.row.cBlg-featuredBlg> .col-sm-6 { margin-bottom: 15px }
.row.cBlg-featuredBlg> .col-sm-6:last-child { margin-bottom: 0 }
.cBlg-content { font-size: 13px }
.search-menu> ul> li {
float: none;
width: 100%;
text-align: center
}
.search-menu-toggle { display: block }
.search-menu> ul> li::before { display: none }
.row.cBlg-featuredBlg { margin: 0 -5px }
.row.cBlg-featuredBlg> .col-sm-6 {
width: 50%;
float: left;
padding: 0 5px
}
.cBlg-fbBx { padding: 20px 10px 3px }
.cBlg-ctntSecTrans { margin-bottom: 10px }
.cBlg-bnrTxtHD {
margin-bottom: 5px;
font-size: 26px
}
.cBlg-bnrTextBxIn p {
font-size: 14px;
line-height: 24px
}
.cBlg-ctntBlock .cBlg-heading1 {
font-size: 20px;
margin: 0 0 10px
}
.cBlg-featuredBlg .cBlg-fbBxHD { font-size: 16px }
}
@media only screen and (max-width:568px) {
.cBlg-bnrText-mobile, .cBlg-bnrText-mobile .cBlg-bnrTextBx { display: block }
.cBlg-bnrText-mobile .cBlg-bnrTextBx, .cBlg-bnrText-mobile .cBlg-bnrTextBx .cBlg-bnrTextBxIn { width: 100% }
}
.eb-image-popup-header { display: none }
ul { list-style: none }
*, ul {
margin: 0;
padding: 0
}
.container:after, .row:after { content: "" }
body {
padding-top: 72px;
line-height: 1.42857143
}
:focus, :hover { outline: 0 }
.container:after, .row:after {
clear: both;
display: block
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
margin-right: -15px;
margin-left: -15px
}
.cBlg-content * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.cBlg-header {
background: #fff;
padding: 12px 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
box-shadow: 0 -8px 7px rgba(0, 0, 0, 0.2) !important;
}
.sticky.header-container {
box-shadow: 0 3px 6px rgb(0 0 0 / 0.2);
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px
}
.col-xs-12 { float: left }
.col-xs-12 {
width: 100%;
padding: 0 15px
}
.navbar-toggle { display: none }
.col-sm-3, .col-sm-6, .col-sm-9 { padding: 0 15px }
.cBlg-content {
box-shadow: 0 7px 10px rgb(0 0 0 / 0.2);
}
html body .cBlg-bnr.cBlg-bnrTextBxIn p.c3 {
text-align: center !important;
}
.cBlg-ctntBlock { margin-top: 40px }
.cBlg-heading1 {
font-size: 30px;
color: #121f2c;
line-height: normal;
margin: 0 0 25px
}
.cBlg-blgBxTextSec {
padding: 25px;
position: relative
}
.cBlg-content p {
margin: 0 0 15px;
line-height: 28px;
font-size: 17px
}
.cBlg-blgsMain .col-xs-12 { margin-bottom: 30px }
.cBlg-sideBox { margin-bottom: 40px }
.cBlg-heading5 {
font-size: 15px;
line-height: 16px;
color: #333;
margin-bottom: 20px
}
a { color: #121f2c }
.cBlg-blgBx { background: #fff }
.cBlg-blgBx {
border: 1px solid #e7e7e7;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.05);
box-shadow: 1px 1px 2px rgba(0,0,0,.05)
}
@media only screen and (min-width:768px) {
.container { width: 750px }
.col-sm-3 { width: 25% }
.col-sm-6 { width: 50% }
.col-sm-9 { width: 75% }
.col-sm-3, .col-sm-6, .col-sm-9 { float: left }
aside.col-sm-3 {
position: -webkit-sticky;
position: sticky;
top: 0
}
}
@media only screen and (min-width:992px) {
.container { width: 970px }
}
@media only screen and (min-width:1200px) {
.container { width: 1170px }
}
@media only screen and (max-width:991px) {
.cBlg-blgBxTextSec {
z-index: 99;
clear: both
}
.cBlg-ctntBlock { margin-top: 35px }
}
@media only screen and (max-width:767px) {
body { padding-top: 75px }
.cBlg-content { padding: 30px 0 }
.row { margin: 0 }
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 6px;
margin-bottom: 6px;
display: block
}
.cBlg-header .navbar-default {
margin: 0;
width: 100%
}
.navbar-collapse:after, .navbar-header:after {
content: "";
clear: both;
display: block
}
.navbar-collapse.hide { display: none }
.cBlg-heading1 { font-size: 24px }
.cBlg-ctntBlock { margin-top: 25px }
.row.cBlg-2col-sec {
margin-left: -15px;
margin-right: -15px
}
.cBlg-blgBxTextSec { padding: 15px }
}
.article-section-top h4 { display: none }
.contact-button a {
background: #121f2c;
color: #fff;
font-size: 15px;
line-height: 18px;
border: 0;
display: block;
text-align: center;
width: 100%;
padding: 10px
}
.cBlg-blgBx .eb-entry-fields { display: none }
.topIcon-col { text-align: right }
.topIcon-col a { font-size: 16px }
.topIcon-col a {
line-height: 24px;
float: right;
margin-right: 5px
}
@media screen and (max-width:768px) {
.request-btn {
display: inline-block;
padding: 6px 8px;
font-size: 11px
}
}
@media only screen and (max-width:568px) {
.cBlg-bnr, .search-box { display: none }
}
@media only screen and (min-width:568px) {
.cBlg-feIcon {
display: block;
font-size: 40px;
line-height: 50px;
width: 50px;
height: 50px;
margin: 0 auto 12px
}
.cBlg-fbBx {
background: #fff;
padding: 40px 40px 35px
}
.cBlg-fbBxHD {
display: block;
color: #202336;
margin-bottom: 5px;
height: 30px
}
}
@media only screen and (max-width:460px) {
.cBlg-bnrTextBxIn { padding: 0 }
.moduletable { padding: 0 }
}
.menu-button-box {
float: right;
padding-top: 0
}
.menu-button {
border: none;
background: 0 0;
width: 47px;
height: 26px;
padding: 0;
display: block
}
.menu-button span {
background: #000;
width: 30px;
height: 3px;
margin-bottom: 9px;
display: block
}
.menu-button span:nth-child(2) { width: 47px }
.img-align {
text-align: center;
border-radius: 5%;
}
.lazyloaded {
width: 100% !important;
height: auto !important;
}
u { text-decoration: underline; }
*, ::after, ::before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box
}
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;
font-family: Arial, Helvetica, sans-serif;
vertical-align: baseline;
text-decoration: none
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block }
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
}
body {
margin: 0;
padding: 0 0 0;
background: #fff;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
color: #000
}
:focus, :hover { outline: 0!important }
a, button, input, select, textarea {
outline: 0!important;
font-family: Arial, Helvetica, sans-serif
}
img { max-width: 100% }
a, button, input[type=submit] {
transition: all .5s ease 0s;
cursor: pointer
}
.clear:after {
content: "";
clear: both;
display: block
}
img { max-width: 100% }
input, select, textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.checkbox input[type=checkbox] {
-webkit-appearance: checkbox;
-moz-appearance: checkbox;
appearance: checkbox
}
ol, ul {
margin-top: 0;
margin-bottom: 10px
}
.pull-left { float: left }
.pull-right { float: right }
#eb .eb-authors-name, #eb .eb-stats-posts> .btn-block, .article-section-top h4, .cBlg-blgBx-by, .cBlg-blgBx-dateBx, .cBlg-bnrTxtHD, .cBlg-footer, .cBlg-hdngOrng20, .cBlg-heading5, .cBlg-sbmtSec input[type=submit], .cBlg-sideBoxCtnt input.blogSubmit, .contact-button a, .pn-txt1, .text-uppercase { text-transform: uppercase }
.cBlg-blgsMain:after, .container:after, .row:after { content: "" }
#eb .btn, #eb .eb-pager a, .navbar-toggle { cursor: pointer }
#eb .eb-pager, .cBlg-blgBxImgSec, .cBlg-bnr, .cBlg-fbBxHD, .sr-only { overflow: hidden }
#eb .btn, #eb .eb-pager__link-list {
white-space: nowrap;
text-align: center
}
a { text-decoration: none }
.cBlg-blgBx-date, .cBlg-bnrTextBxIn, .cBlg-fbBx, .cBlg-social, .cBlg-social li { text-align: center }
.cBlg-bnr {/*background:#121f2c*/ }
.cBlg-bnrTextBx {
display: flex;
width: 100%;
text-align: center;
align-items: center;
height: 330px
}
.cBlg-bnrTextBxIn { padding: 40px 30px 30px }
.cBlg-bnrTxtHD {
font-size: 48px;
font-weight: 700;
color: #AF110E;
line-height: normal;
margin-bottom: 10px;
display: block
}
.cBlg-bnrTextBxIn p {
font-size: 17px;
line-height: 34px;
color: #121f2c
}
.cBlg-header .navbar-default { float: right }
#eb .eb-pager__fast-first-link, #eb .eb-pager__pre-link, #eb .eb-tags span a, .col-xs-12 { float: left }
.cBlg-bnrTextBxIn .cBlg-social span, .cBlg-social { margin-top: 12px }
.cBlg-bnrTextBxIn .cBlg-social li a {
padding: 0;
font-size: 18px
}
.cBlg-fbBxHD, .cBlg-hdngOrng20 {
font-size: 20px;
font-weight: 500
}
.cBlg-ctntSecTrans { margin-bottom: 50px }
.cBlg-featuredBlg .col-md-4 { margin-bottom: 30px }
.cBlg-fbBx:hover .cBlg-feIcon {
-webkit-transition: all ease .5s;
transition: all ease .5s
}
.cBlg-fbBx:hover .feI-1 { background-position: 0 -49px }
.cBlg-fbBx:hover .feI-2 { background-position: -55px -49px }
.cBlg-fbBx:hover .feI-3 { background-position: -110px -49px }
.cBlg-fbBx:hover .feI-4 { background-position: -165px -49px }
.cBlg-fbBx:hover .feI-5 { background-position: -220px -49px }
.cBlg-fbBx:hover .feI-6 { background-position: -275px -49px }
.cBlg-fbBx {
background: #fff;
padding: 40px 40px 35px
}
.cBlg-fbBxHD {
display: block;
color: #121f2c;
margin-bottom: 5px;
height: 30px
}
.cBlg-fbBx .cBlg-fbBxHD:hover {
text-decoration: none;
color: #AF110E
}
.cBlg-blgBxTextSecIn .cBlg-heading2 {
background: #f7f7f7;
padding: 15px 10px;
border-left: 8px solid #AF110E;
font-family: Trebuchet MS;
color: #121f2c;
}
#eb .cBlg-blgBxTextSecIn .cBlg-heading2 h1.eb-entry-title {
font-size: 30px;
line-height: 48px;
}
.cBlg-heading2, .cBlg-heading2 a {
line-height: normal;
color: #121f2c
}
.cBlg-blgBx .cBlg-heading3 { margin-bottom: 10px }
.cBlg-hdngOrng20 {
line-height: 21px;
color: #AF110E
}
.cBlg-footer-links li, .cBlg-tag { display: inline-block }
.cBlg-bnrText-mobile, .cBlg-sideBoxCtnt .rsform .smallcaption br, .navbar-toggle { display: none }
#eb .btn, #eb a:link { text-decoration: none }
.col-md-3, .col-md-4, .col-md-6, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-9 { padding: 0 15px }
.cBlg-fbBx p {
line-height: 21px;
color: #939698;
margin-bottom: 0
}
.cBlg-blgsMain:after {
clear: both;
display: block
}
#eb .eb-tags { margin: 10px 0 0 }
#eb .btn, #eb .eb-tags span {
display: inline-block;
vertical-align: middle
}
#eb .eb-tags .col-cell { vertical-align: top }
#eb .eb-tags .col-cell+.col-cell { padding: 0 5px }
#eb .eb-tags span::after { content: ", " }
#eb .eb-tags span a::before { content: "#" }
#eb .mt-20 { margin-top: 20px }
#eb .eb-shares { margin-bottom: 10px }
#eb .eb-shares .btn { margin-bottom: 5px }
#eb .eb-shares .btn, #eb .eb-shares .fa { color: #fff }
#eb .btn {
margin-bottom: 0;
background-image: none;
border: 1px solid transparent;
padding: 6px 12px;
font-size: 13px;
line-height: 1.428571429;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
-o-user-select: none;
user-select: none;
border-radius: 3px;
text-shadow: none;
font-weight: 700;
-webkit-box-shadow: none;
box-shadow: none
}
#eb .btn-eb--facebook { background-color: #3b5998 }
#eb .eb-shares--without-name .eb-shares__name { display: none }
#eb .btn-eb--twitter { background-color: #55acee }
#eb .btn-eb--linkedin { background-color: #0082ca }
#eb .btn-eb--google { background-color: #dd4b39 }
#eb .btn-eb--stumbleupon { background-color: #eb4823 }
#eb .btn-eb--pinterest { background-color: #c61118 }
#eb .eb-post-foot {
border-radius: 0 0 2px 2px;
border-top: 1px solid #ddd;
padding: 15px;
margin: 15px -15px 0
}
#eb .eb-post-foot, .cBlg-blgsMain #eb .eb-posts .eb-post { background: #fff }
#eb .eb-post-foot> div .fa { color: #999 }
#eb .eb-post-foot> div+div { padding: 0 0 0 15px }
.pagination {
display: inline-block;
padding-left: 0;
margin: 20px 0;
border-radius: 4px
}
#eb .eb-pager {
color: #666;
background: #fff;
border: 1px solid #e7e7e7;
border-radius: 0;
margin: 0 0 30px
}
.eb-pager:after, .eb-pager:before {
content: "";
clear: both;
display: block
}
#eb .eb-pager__fast-first-link, #eb .eb-pager__fast-last-link { min-width: 50px }
#eb .eb-pager__fast-first-link, #eb .eb-pager__fast-last-link, #eb .eb-pager__link-list, #eb .eb-pager__next-link, #eb .eb-pager__pre-link {
border: 0;
color: inherit;
font-weight: 400;
line-height: 40px;
vertical-align: middle;
text-align: center;
padding: 0 15px;
overflow: hidden;
white-space: nowrap;
font-size: 14px
}
.eb-pager__pre-link i {
margin-right: 5px;
vertical-align: middle
}
.eb-pager__next-link i {
margin-left: 5px;
vertical-align: middle
}
.search-box, .toolbar-search-input {
border: 1px solid #e7e7e7;
background: #fff
}
#eb .eb-pager__fast-first-link, #eb .eb-pager__link-list { border-right: 1px solid #e7e7e7 }
#eb .eb-pager__fast-last-link, #eb .eb-pager__link-list { border-left: 1px solid #e7e7e7 }
#eb .eb-pager__fast-first-link.disabled, #eb .eb-pager__fast-last-link.disabled, #eb .eb-pager__link-list.disabled, #eb .eb-pager__next-link.disabled, #eb .eb-pager__pre-link.disabled { color: #999 }
#eb .eb-pager__link-list a {
color: #999;
margin: 0 3px
}
#eb .eb-pager__link-list a.active { color: inherit }
#eb .eb-pager__fast-last-link, #eb .eb-pager__next-link { float: right }
.cBlg-blgsMain .col-xs-12+.col-md-6.col-sm-12:nth-child(3n) { clear: left }
.eb-entry-article img { max-width: 100% }
.search-box-bottom:after, .search-box-top:after {
content: "";
clear: both;
display: block
}
.search-box { margin-bottom: 30px }
.search-box-top {
border-bottom: 1px solid #e7e7e7;
padding: 10px 30px 10px 25px
}
.toolbar-search-title {
display: inline-block;
color: #121f2c;
font-size: 15px;
vertical-align: middle;
margin-right: 20px
}
.toolbar-search-input {
display: inline-block;
vertical-align: middle;
height: 42px;
width: 368px;
position: relative
}
.cBlg-content, .cBlg-logo img, .cBlg-social li { vertical-align: top }
.toolbar-search-input> input {
width: 100%;
height: 100%;
backface-visibility: #fff;
border: none;
padding: 2px 20px;
color: #121f2c;
font-size: 13px
}
.toolbar-search-input:after {
content: '\f002';
color: #121f2c;
position: absolute;
left: auto;
right: 12px;
top: 10px;
font-size: 15px;
font-family: FontAwesome
}
.toolbar-search-box { float: left }
.icon-link {
float: right;
padding-top: 5px;
padding-bottom: 5px
}
.icon-link> a {
height: 30px;
width: 30px;
border: 1px solid #e9e9e9;
-webkit-border-radius: 50%;
border-radius: 50%;
display: block;
background: #fff;
text-align: center;
line-height: 28px;
color: #ccc
}
.icon-link> a:hover { color: #121f2c }
.search-menu-toggle { display: none }
.search-menu> ul {
margin: 0;
padding: 0
}
.search-menu> ul:after {
content: "";
clear: both;
display: block
}
.search-menu> ul> li {
list-style: none;
float: left;
width: 16.66%;
position: relative
}
.search-menu> ul> li> a {
display: block;
padding: 4px;
line-height: 36px;
font-size: 16px;
text-align: center;
color: #121f2c;
transition: all .5s ease-out 0s
}
.search-menu> ul> li.active> a, .search-menu> ul> li> a:focus, .search-menu> ul> li> a:hover {
background: #AF110E;
text-decoration: none;
color: #fff
}
.search-menu> ul> li.active:before, .search-menu> ul> li:first-child:before, .search-menu> ul> li:focus:before, .search-menu> ul> li:hover:before { display: none }
.search-menu> ul> li:before {
height: 20px;
width: 1px;
background: #ccc;
content: "";
display: block;
position: absolute;
left: 0;
top: 12px
}
.cBlg-blgsMain { margin: 0 -15px }
.search-menu-toggle button {
border: none;
background: #fff;
width: 100%;
height: 40px;
padding: 5px;
position: relative;
font-size: 16px;
font-weight: 600;
color: #121f2c
}
.search-menu-toggle button:after {
content: "\f107";
font-family: FontAwesome;
font-size: 18px;
right: 15px;
text-align: center;
position: absolute;
top: 10px
}
div.featuredBlg-col { width: 25% }
.request-btn-box { display: none }
.request-btn {
background: #AF110E;
color: #fff;
border-color: #AF110E;
font-size: 16px;
display: block;
padding: 6px 12px;
font-weight: 400;
line-height: 1.42857143;
white-space: nowrap;
-ms-touch-action: manipulation;
touch-action: manipulation;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
border: 1px solid #AF110E;
border-radius: 4px
}
.request-btn:focus, .request-btn:hover {
text-decoration: none;
color: #fff
}
.topIcon {
padding: 20px 25px 0;
display: none;
border-bottom: 1px solid #43444e
}
.topDiv {
display: table;
width: 100%;
margin-bottom: 20px
}
.topDivTextBox, .topDivimgBox {
display: table-cell;
vertical-align: middle
}
.topDivTextBox a {
color: #fff;
font-size: 14px
}
.topDivimgBox {
width: 50px;
text-align: center;
color: #fff;
font-size: 23px;
}
.cookiesPopup {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: auto;
z-index: 999;
width: 100%;
text-align: center;
background: 0 0
}
.cookiesPopup.amp-hidden {
display: none;
pointer-events: none
}
.cookiesPopup.cookiesHide {
opacity: 0;
transform: translateY(-100%)
}
.cookiesPopup .cookiesFrame {
display: inline-block;
text-align: center;
background: rgba(0,0,0,.4);
padding: 2px 2px 2px 5px;
font-weight: 700;
height: auto;
width: auto;
bottom: auto;
z-index: 999
}
.cookiesPopup .colLeft {
display: inline-block;
vertical-align: middle
}
.cookiesPopup p {
color: #fff;
font-size: 13px;
font-weight: 600;
line-height: 1.6;
display: inline
}
.cookiesPopup button {
display: inline-block;
line-height: 30px;
height: 30px;
padding: 0 15px;
display: inline-block;
vertical-align: middle;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
-o-border-radius: 4px;
box-shadow: -3px 15px 24px 0 rgba(0,0,0,.1);
-webkit-box-shadow: -3px 15px 24px 0 rgba(0,0,0,.1);
-moz-box-shadow: -3px 15px 24px 0 rgba(0,0,0,.1);
-ms-box-shadow: -3px 15px 24px 0 rgba(0,0,0,.1);
-o-box-shadow: -3px 15px 24px 0 rgba(0,0,0,.1);
background: #AF110E;
border: 1px solid #AF110E;
color: #fff;
margin-left: 10px
}
.cookiesPopup button:hover {
background-color: #1d2538;
border-color: #1d2538;
color: #fff;
box-shadow: -3px 15px 24px 0 transparent;
-webkit-box-shadow: -3px 15px 24px 0 transparent;
-moz-box-shadow: -3px 15px 24px 0 transparent;
-ms-box-shadow: -3px 15px 24px 0 transparent;
-o-box-shadow: -3px 15px 24px 0 transparent
}
.cookiesPopup .btnBlack {
background: #1d2538;
border-color: #1d2538
}
.cookiesPopup .btnBlack:hover {
background: #AF110E;
border-color: #AF110E
}
@keyframes fadeIn { from {
opacity:0
}
to { opacity: 1 }
}
.hidee1, .showw1 {
width: 325px;
height: 260px;
right: 0;
display: flex;
align-items: center;
text-align: center;
position: fixed;
z-index: 999;
bottom: 0;
background: #fff;
border: 2px solid #60ab12;
-webkit-animation-duration: 1s;
-webkit-animation-delay: 0;
-webkit-animation-fill-mode: forwards;
animation-duration: 1s;
animation-delay: 0;
animation-fill-mode: forwards;
transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out
}
.cBlg-blgBx .eb-entry-article ol { margin-left: 0 }
.cBlg-blgBx .eb-entry-article ol li { font-weight: 700 }
.cBlg-blgBx .eb-entry-article ol li strong { font-weight: 700 }
.navbar-collapse .moduletable {
float: left;
margin: 10px 30px 0 0
}
.topIcon-col { float: left }
@media only screen and (min-width:768px) {
.col-md-3 { width: 25% }
.container { width: 750px }
.col-sm-8 { width: 66.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-6 { width: 50% }
.col-sm-12 { width: 100% }
.col-sm-9 { width: 75% }
.col-sm-3 { width: 25% }
.col-sm-12, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-9 { float: left }
}
@media only screen and (min-width:992px) {
.container { width: 970px }
.col-md-4 { width: 33.33333333% }
.col-md-6 { width: 50% }
.col-md-3 { width: 25% }
.col-md-3, .col-md-4, .col-md-6 { float: left }
}
@media only screen and (max-width:1199px) {
.cBlg-fbBx { padding: 30px 25px 25px }
}
@media only screen and (max-width:991px) {
.cBlg-fbBx { padding: 30px 10px 25px }
.cBlg-fbBxHD { font-size: 18px }
.cBlg-subscribe input[type=text] {
padding-left: 10px;
padding-right: 10px
}
.cBlg-sideBoxCtnt { padding: 15px 20px }
.cBlg-sideBoxCtnt.cBlg-tags { padding: 20px }
.cBlg-subscribe input[type=submit] {
width: auto;
padding: 8px 25px
}
.cBlg-footer-links {
text-align: center;
margin-top: 10px
}
.cBlg-bnrTxtHD { font-size: 36px }
.cBlg-bnrTextBxIn p {
font-size: 15px;
margin-bottom: 20px;
line-height: 22px
}
.cBlg-sideBoxCtnt.cBlg-topics { padding: 0 }
.cBlg-ctntBlock { margin-top: 35px }
.cBlg-footer .social-icon { margin: 10px 0 0 }
.search-menu> ul> li { font-size: 14px }
}
@media only screen and (max-width:767px) {
.navbar-collapse .moduletable {
float: none;
margin-right: 0;
}
.cookiesPopup { display: none }
.moduletable { padding: 0 25px }
.topIcon { display: block }
.request-btn-box {
display: block;
float: right;
margin: 5px 0 0
}
.cBlg-blgBxImgSec::after { height: auto }
.row { margin: 0 }
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 6px;
margin-bottom: 6px;
display: block
}
.livechat-box { display: none }
.cBlg-header .navbar-toggle .icon-bar {
border-radius: 0;
display: block;
height: 4px;
width: 30px
}
.cBlg-blgBxImgSec, .cBlg-blgBxImgSec img { height: auto }
.cbd-dt, .cbd-mnth {
display: inline-block;
line-height: normal
}
.cBlg-header .navbar-default .navbar-toggle .icon-bar { background-color: #121f2c }
.cBlg-featuredBlg .col-md-4 { padding: 0 }
.row.cBlg-2col-sec, .row.cBlg-2col-sec .row {
margin-left: -15px;
margin-right: -15px
}
.cBlg-header .navbar-default {
margin: 0;
width: 100%
}
.cBlg-blgBx-date {
width: auto;
position: static;
text-align: left
}
.cBlg-blgBx-dateBx {
height: auto;
width: auto;
padding: 0
}
.cbd-dt { font-size: 11px }
.cBlg-blgBxTextSec { padding: 15px }
.cBlg-header .navbar-nav { margin: 0 0 }
.cBlg-header .navbar-nav> li {
float: none;
margin-left: 0
}
.navbar-collapse {
margin: 0;
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: rgba(31,36,54,.98);
padding-bottom: 30px
}
.cBlg-logo {
position: absolute;
z-index: 99;
width: 82px
}
.icon-link, .toolbar-search-input { width: 100% }
.cBlg-logo img {
max-width: 100%;
max-height: 49.93px
}
.navbar-collapse:after, .navbar-header:after {
content: "";
clear: both;
display: block
}
.navbar-header {
margin: 0 -15px 0 0;
float: right
}
.cBlg-heading1 { font-size: 24px }
.cBlg-ctntBlock { margin-top: 25px }
.navbar-collapse.show { display: block }
.hide, .navbar-collapse.hide { display: none }
.cBlg-blgsMain .col-sm-12, .cBlg-blgsMain .col-xs-6 { margin-bottom: 20px }
.row.cBlg-featuredBlg> .col-sm-6 { margin-bottom: 15px }
.row.cBlg-featuredBlg> .col-sm-6:last-child { margin-bottom: 0 }
.cBlg-heading2 { font-size: 11px }
.eb-entry-article h2 { font-size: 20px }
.cBlg-content { font-size: 13px }
.eb-entry-article h3 { font-size: 18px }
.search-menu> ul> li {
float: none;
width: 100%;
text-align: center
}
.search-menu-toggle { display: block }
.search-menu-toggle button { cursor: pointer }
.icon-link {
float: none;
margin-bottom: 5px
}
.toolbar-search-box {
float: none;
position: relative;
padding-left: 60px
}
.toolbar-search-title {
position: absolute;
left: 0;
top: 12px;
margin: 0
}
.search-box-top { padding: 8px 15px 10px }
.icon-link> a { margin: 0 auto }
.search-menu> ul> li::before { display: none }
.row.cBlg-featuredBlg { margin: 0 -5px }
.row.cBlg-featuredBlg> .col-sm-6 {
width: 50%;
float: left;
padding: 0 5px
}
.cBlg-fbBx { padding: 20px 10px 3px }
.cBlg-ctntSecTrans { margin-bottom: 10px }
.cBlg-bnrTxtHD {
margin-bottom: 5px;
font-size: 26px
}
.cBlg-bnrTextBxIn p {
font-size: 14px;
line-height: 24px
}
.cBlg-ctntBlock .cBlg-heading1 {
font-size: 20px;
margin: 0 0 10px
}
.cBlg-featuredBlg .cBlg-fbBxHD { font-size: 16px }
.toolbar-search-box .toolbar-search-image {
width: 0;
padding: 0;
height: 0
}
}
@media only screen and (max-width:568px) {
.cBlg-bnrText-mobile, .cBlg-bnrText-mobile .cBlg-bnrTextBx { display: block }
.cBlg-bnrText-mobile .cBlg-bnrTextBx, .cBlg-bnrText-mobile .cBlg-bnrTextBx .cBlg-bnrTextBxIn { width: 100% }
.cBlg-bnrTextBxIn .cBlg-social li a {
font-size: 14px;
padding: 0
}
.cBlg-bnrTextBxIn .cBlg-social li { width: 40px }
}
.eb-header, .eb-image-popup-header, .moduletablecBlg-topics { display: none }
.cBlg-subscribe input[type=email], .cBlg-subscribe input[type=tel] {
font-size: 14px;
color: #717678;
border: 1px solid #e7e7e7;
padding: 10px 20px;
margin-bottom: 12px;
font-weight: 300;
width: 100%;
display: block
}
.pn-sec ul, ol, ul { list-style: none }
*, ol, ul {
margin: 0;
padding: 0
}
.cBlg-authShortDtl li:after, .cBlg-breadcrumb li a:after {
top: 4px;
right: 0
}
.cBlg-authShortDtl li:after, .cBlg-authorTopInfo:after, .cBlg-authrTestiM-text:before, .cBlg-blgBxImgSec::after, .cBlg-breadcrumb li a:after, .container:after, .row:after { content: "" }
body {
padding-top: 72px;
line-height: 1.42857143
}
:focus, :hover { outline: 0 }
.container:after, .row:after {
clear: both;
display: block
}
.container {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto
}
.row {
margin-right: -15px;
margin-left: -15px
}
.cBlg-content * {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
.cBlg-logo { float: left }
.cBlg-header {
background: #fff;
padding: 12px 0;
position: fixed;
left: 0;
top: 0;
width: 100%;
z-index: 999;
border-bottom: 0!important;
}
.navbar-toggle {
position: relative;
float: right;
padding: 9px 10px;
margin-top: 8px;
margin-right: 15px;
margin-bottom: 8px;
background-color: transparent;
background-image: none;
border: 1px solid #ddd;
border-radius: 4px
}
.col-xs-12, .navbar-nav> li { float: left }
.sr-only {
position: absolute;
width: 1px;
height: 1px;
padding: 0;
margin: -1px;
overflow: hidden;
clip: rect(0,0,0,0);
border: 0
}
.navbar-toggle .icon-bar {
display: block;
width: 22px;
height: 2px;
border-radius: 1px
}
.navbar-default .navbar-toggle .icon-bar { background-color: #888 }
.navbar-toggle .icon-bar+.icon-bar { margin-top: 4px }
.cBlg-header .navbar-nav> li { margin-left: 28px }
.cBlg-header .navbar-nav> li:first-child { margin-left: 0 }
.cBlg-header .navbar-nav> li> a {
padding: 0;
font-size: 16px;
text-decoration: none;
line-height: 20px;
position: relative;
display: block;
color: #333;
transition: all .5s ease-out 0s
}
.cBlg-header .navbar-nav> li.active> a, .cBlg-header .navbar-nav> li> a:focus, .cBlg-header .navbar-nav> li> a:hover {
color: #AF110E;
text-decoration: none
}
.cBlg-footer, .cBlg-footer a {color: #fff; text-transform: capitalize; }
.col-xs-12 {
width: 100%;
padding: 0 15px
}
.cBlg-footer {
background: #121f2c;
font-size: 12px;
padding: 25px 0
}
.cBlg-footer-links {
text-align: left;
margin: 10px 0 0;
font-size: 0.8rem;
}
.sticky.cBlg-header {
box-shadow: 0 3px 6px rgb(0 0 0 / 0.2) !important;
}
.social-icon { margin-top: 0 }
.cBlg-authrTesti .owl-dots, .cBlg-blgBx-date, .cBlg-social, .cBlg-social li, .social-icon li a { text-align: center }
.cBlg-footer a:focus, .cBlg-footer a:hover {
text-decoration: underline;
color: #dedede
}
.navbar-toggle { display: none }
.col-md-4, .col-md-6, .col-sm-12, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-9 { padding: 0 15px }
.cBlg-content {
display: inline-block;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 17px;
color: #3b4143;
background: #fff;
position: relative;
padding: 30px 0
}
.cBlg-breadcrumb {
margin-top: 40px;
margin-bottom: 35px
}
.cBlg-breadcrumb li {
display: inline-block;
float: left
}
.cBlg-breadcrumb li a {
font-size: 14px;
line-height: 24px;
color: #121f2c;
padding: 0 8px;
position: relative
}
.cBlg-breadcrumb li:first-child a { padding-left: 0 }
.cBlg-breadcrumb li a:after {
display: block;
width: 1px;
background: #797d7f;
height: 10px;
position: absolute
}
.cBlg-breadcrumb li.active a {
color: #AF110E;
padding-right: 0;
font-style: italic;
font-weight: 500
}
.cBlg-breadcrumb li.active a:after { display: none }
.cBlg-ctntBlock { margin-top: 40px }
.cBlg-heading1 {
font-size: 30px;
color: #121f2c;
line-height: normal;
margin: 0 0 25px
}
.cBlg-ctntSec {
background: #fff;
border: 1px solid #e5e6e7;
-webkit-box-shadow: 0 0 2px rgba(0,0,0,.1);
box-shadow: 0 0 2px rgba(0,0,0,.1);
padding: 0;
margin-bottom: 80px
}
.cBlg-social { margin-top: 12px }
.cBlg-social li {
display: inline-block;
width: 45px
}
.cBlg-social li a {
display: block;
color: #fff;
padding: 0
}
.cBlg-social li a.fa-facebook { background: #3e5b97 }
.cBlg-social li a.fa-twitter { background: #2aa7df }
.cBlg-social li a.fa-google-plus { background: #AF110E }
.cBlg-social li a.fa-linkedin { background: #4394cc }
.cBlg-social span {
font-size: 14px;
color: #3b4143;
display: inline-block;
margin-top: 3px
}
.cBlg-authorTopInfo:after {
display: block;
clear: both
}
.cBlg-authrImg {
display: inline-block;
box-shadow: 0 0 3px rgba(0,0,0,.3);
padding-bottom: 3px
}
.cBlg-authrImg img { width: 100% }
.cBlg-ati-right {
float: right;
width: 80.5%;
padding-left: 3.5%
}
.cBlg-authrTopInfo {
border-bottom: 1px solid #e5e6e7;
margin-bottom: 15px
}
.cBlg-heading2 span { color: #AF110E }
.cBlg-authShortDtl li {
display: inline-block;
position: relative;
padding: 0 12px 0 0;
margin-right: 12px;
font-size: 14px;
color: #787d7f
}
.cBlg-authShortDtl li:last-child {
padding-right: 0;
margin-right: 0
}
.cBlg-authShortDtl li b {
font-weight: 500;
color: #5f6364
}
.cBlg-authShortDtl li:after {
display: block;
width: 1px;
background: #797d7f;
height: 12px;
position: absolute
}
.cBlg-authShortDtl li:last-child:after { display: none }
.cBlg-authrTopText { padding-top: 15px }
.cBlg-authrTesti {
padding: 25px;
background: #f8f8f8;
border: 1px solid #e7e7e7;
margin-top: 40px;
-webkit-box-shadow: 1px 0 2px rgba(0,0,0,.05);
box-shadow: 1px 0 2px rgba(0,0,0,.05)
}
.cBlg-authrTesti .owl-dots .owl-dot {
display: inline-block;
height: 13px;
width: 13px;
background: #e2e2e2;
margin: 0 3px;
-webkit-border-radius: 50%;
border-radius: 50%
}
.cBlg-authrTesti .owl-dots .owl-dot.active { background: #AF110E }
.cBlg-authrTestiM-text {
position: relative;
padding: 20px 0 0 40px
}
.cBlg-authrDetails { margin-top: 40px }
.cBlg-heading3 {
font-size: 22px;
line-height: normal;
color: #121f2c
}
.cBlg-heading-subText {
color: #898989;
font-size: 15px;
margin-left: 10px
}
.cBlg-authrDetails .cBlg-heading3 {
border-bottom: 1px solid #e5e6e7;
padding-bottom: 15px
}
.cBlg-expBox {
padding: 30px 0 20px;
border-bottom: 1px solid #e5e6e7
}
.cBlg-expBox.last, .cBlg-expBox1.last {
border: 0;
padding-bottom: 0
}
.cBlg-heading4 {
font-size: 17px;
font-weight: 500;
color: #AF110E;
margin-bottom: 2px
}
.cBlg-link1 {
color: #3e5b97;
text-decoration: underline
}
.cBlg-expBox .cBlg-link1 {
display: inline-block;
margin-bottom: 12px
}
.cBlg-link1:hover { text-decoration: none }
.cBlg-expBox p {
line-height: 28px;
color: #6d7173
}
.cBlg-expBox1 p, .cBlg-expBox1 span { color: #6d7173 }
.cBlg-expBox1 {
padding: 0 95px 0 0;
margin-top: 25px;
position: relative
}
.cBlg-y1 {
position: absolute;
right: 0;
bottom: 0
}
.cBlg-footer .pull-left, .cBlg-footer .pull-right {
float: none;
width: 100%;
text-align: center
}
.cBlg-footer .pull-left, .cBlg-footer .pull-right {
float: none !important;
width: 100%;
text-align: center;
}
.cBlg-footer .footer_menus {
display: flex;
flex-wrap: wrap;
gap: 30px;
justify-content: center;
margin: 30px 0;
text-align: left;
}
.cBlg-footer .cBlg-footer-links li:first-child {
color: #EAD505;
font-weight: bold;
}
.cBlg-footer .footer_menus nav {
width: 15%;
}
.cBlg-blgBxImgSec {
position: relative;
height: auto;
overflow: hidden
}
.cBlg-fullW .cBlg-blgBxImgSec, .cBlg-fullW .cBlg-blgBxTextSecIn {
height: auto;
margin: auto;
max-width: 600px;
}
.cBlg-blgBxTextSec {
padding: 25px;
position: relative
}
.cBlg-heading2 {
font-size: 22px;
line-height: normal;
color: #052f40;
margin-bottom: 5px
}
.cBlg-blgBx-by {
font-size: 13px;
color: #646464;
line-height: 26px;
margin-bottom: 30px
}
.cBlg-blgBx-by a { color: #AF110E }
.cBlg-blgBx-date {
position: absolute;
left: 25px;
bottom: 100%;
width: 70px
}
.cBlg-blgBx-dateBx {
display: inline-block;
width: 70px;
height: 70px;
padding: 12px 3px 0;
background: #fff;
-webkit-border-radius: 50%;
border-radius: 50%;
margin-bottom: 12px;
color: #121f2c
}
.cbd-dt {
font-size: 28px;
font-weight: 500;
display: block;
line-height: 28px
}
.cbd-mnth {
font-size: 11px;
line-height: 12px;
display: block
}
.cBlg-blgBx-dateArw {
display: inline-block;
vertical-align: bottom;
width: 0;
height: 0;
border-left: 15px solid transparent;
border-right: 15px solid transparent;
border-bottom: 15px solid #fff
}
.cBlg-blgBxTextSecIn p a {
color: #3b4143;
font-weight: 500;
text-decoration: underline
}
.cBlg-content p {
margin: 0 0 15px;
line-height: 28px;
font-size: 17px;
}
.eb-entry-related h3, .text-muted, .eb-section-heading {
font-size: 17px;
line-height: 28px;
}
.cBlg-content p strong { color: #121f2c; }
.cBlg-blgBxTextSecIn img { margin: 30px 0 }
.cBlg-authorMainInfo .cBlg-authrImg {
-webkit-border-radius: 50%;
border-radius: 50%;
overflow: hidden
}
.cBlg-authorMainInfo .cBlg-ati-right { width: 76% }
.cBlg-authorMainInfo .cBlg-authrTopInfo { position: relative }
.cBlg-morelink {
color: #AF110E;
text-decoration: underline
}
.cBlg-authrTopInfo .cBlg-morelink {
display: inline-block;
position: absolute;
right: 0;
bottom: 25px
}
.cBlg-authorMainInfo .cBlg-authShortDtl {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}
.cBlg-continueRead {
position: relative;
padding-right: 25px;
color: #AF110E;
display: inline-block
}
.cBlg-continueRead:focus, .cBlg-continueRead:hover { text-decoration: none }
.cBlg-continueRead::after {
content: "➔";
position: absolute;
right: 0;
top: 0;
}
a:focus, a:hover {
color: #23527c;
text-decoration: underline
}
#eb a:link, .cBlg-viewAllBlg:focus, .cBlg-viewAllBlg:hover, .contact-button a:hover, .pn-postText a, .pn-txt1 { text-decoration: none }
.cBlg-authorMainInfo .cBlg-ati-left { width: 24% }
.cBlg-blgsMain .col-md-6, .cBlg-blgsMain .col-xs-12, .cBlg-blgsMain .col-xs-6 { margin-bottom: 30px }
.cBlg-viewAllBlg {
color: #AF110E;
float: right;
display: inline-block;
font-size: 14px;
font-weight: 500;
line-height: normal;
margin-top: 10px
}
.cBlg-sideBox { margin-bottom: 40px }
.cBlg-heading5 {
font-size: 15px;
line-height: 16px;
color: #333;
margin-bottom: 20px
}
.cBlg-sideBoxCtnt {
background: #fff;
padding: 15px 20px
}
.cBlg-subscribe form { margin-top: 25px }
span.smallcaption {
display: block;
font-size: 14px;
margin: 0
}
span.smallcaption a { color: #AF110E }
.smallcaption span {
font-size: 13px;
display: block;
margin-bottom: 0
}
.cBlg-subscribe input[type=text], .cBlg-subscribe textarea {
font-size: 14px;
color: #717678;
border: 1px solid #e7e7e7;
padding: 10px 20px;
margin-bottom: 12px;
font-weight: 300;
width: 100%;
display: block
}
.cBlg-subscribe textarea {
height: 100px;
resize: none
}
a.privacy-policy {
display: block;
margin-bottom: 10px;
color: #AF110E;
font-size: 12px
}
.cBlg-subscribe input[type=submit] {
background: #121f2c;
color: #fff;
font-size: 13px;
line-height: 18px;
text-transform: uppercase;
border: 0;
-webkit-border-radius: 2px;
border-radius: 2px;
width: 100%;
padding: 10px
}
.cBlg-topics ul li { display: block }
.cBlg-topics ul li a {
position: relative;
padding-left: 25px;
display: block;
border-bottom: 1px solid #e7e7e7;
padding: 12px 15px 12px 25px;
color: #121f2c
}
.cBlg-topics ul li a:after {
content: "➔";
position: absolute;
left: 5px;
top: 15px;
font-size: 14px;
}
.cBlg-footer-links li, .cBlg-tag, ul.social-icon li { display: inline-block }
.cBlg-topics ul li.active a, .cBlg-topics ul li:hover a {
text-decoration: none;
color: #AF110E
}
.cBlg-topics { padding: 0 }
.cBlg-tags { padding: 35px 25px }
.cBlg-tag {
background: #f9f9f9;
color: #6b7477;
line-height: 40px;
padding: 0 15px;
margin: 3px 1.5px
}
.footer_menus { margin-top: 3px }
.cBlg-footer-links li::after {
position: absolute;
right: -2px;
top: 0;
content: "|";
color: #fff;
display: none;
}
.cBlg-footer-links li {
position: relative;
margin-left: 0;
padding: 0 8px;
display: block;
padding: 0;
}
.cBlg-footer-links li:first-child { padding-left: 0 }
ul.social-icon li {
margin-right: 12px;
width: 40px;
height: 40px;
margin-bottom: 0
}
.social-icon li a {
display: flex;
align-items: center;
justify-content: center;
height: 100%;
width: 100%;
border: 1px solid #3f4d5e;
border-radius: 100%;
color: #8c9dad;
font-size: 16px;
line-height: normal;
font-weight: 600;
text-transform: none
}
.social-icon li a i { line-height: 30px }
.social-icon li a:hover {
color: #AF110E;
background: #3f4d5e;
text-decoration: none
}
a { color: #121f2c }
a:hover, a:focus { color: #AF110E }
.eb-entry-author-meta {
clear: none;
float: none;
margin: 0;
min-height: 0;
padding: 0;
font-size: 13px
}
.eb-entry-author-meta> span {
margin-top: 5px;
float: left;
line-height: 1.2em
}
.eb-entry-author-meta> span+span {
margin-left: 10px;
padding: 0 0 0 10px;
border-left: 1px solid #e2e2e2
}
.eb-entry-author-meta .cBlg-continueRead { background-position: right center }
.cBlg-content .cBlg-authrTopText p { margin: 0 }
a.trending-left {
float: left;
width: 70px;
height: 75px;
overflow: hidden;
position: absolute;
left: 10px;
top: 20px
}
.trending-right a {
font-size: 12px;
line-height: 18px;
display: block
}
.trending-right span {
color: #9c9c9c;
font-size: 13px
}
.trending-article-block {
min-height: 120px;
position: relative;
border-bottom: 1px solid #eee;
padding: 10px
}
.pn-img, .pn-sec { border: 1px solid #e7e7e7 }
.pn-sec {
background: #fff;
padding: 25px 20px;
font-family: Arial, Helvetica, sans-serif;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.05);
box-shadow: 1px 1px 2px rgba(0,0,0,.05)
}
.pn-sec ul {
margin: 0;
padding: 0
}
.pn-sec ul li {
display: block;
float: left;
width: 50%;
padding-right: 10px
}
.pn-sec ul li:last-child {
padding-left: 10px;
padding-right: 0
}
.pn-sec ul::after {
display: block;
content: "";
clear: both
}
.pn-icon {
float: left;
line-height: 80px;
font-size: 22px;
color: #999;
margin-right: 17px
}
.pn-img {
float: left;
height: 80px;
width: 90px;
overflow: hidden;
margin-right: 15px
}
.pn-txt1 {
display: inline-block;
color: #999;
font-size: 13px;
margin-top: 10px;
margin-bottom: 2px
}
.cBlg-content .custom_easy h2.pn-postText {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 23px
}
.pn-postText a { color: #121f2c }
.pn-sec ul li:last-child .pn-icon {
float: right;
margin-right: auto;
margin-left: 17px
}
.pn-sec ul li:last-child .pn-img {
float: right;
margin-right: auto;
margin-left: 15px
}
.pn-sec ul li:last-child .pnText { text-align: right }
.livechat-box {
position: fixed;
z-index: 99;
right: 0;
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-o-transform: translateY(-50%);
height: 112px;
-moz-box-shadow: 5px 5px 5px #696969;
-webkit-box-shadow: 5px 5px 5px #696969;
-o-box-shadow: 5px 5px 5px #696969;
box-shadow: 5px 5px 5px #696969
}
.eb-mod-media-title {
font-weight: 700;
word-break: break-word
}
#eb .eb-entry-title {
font-size: 25px;
font-weight: 500;
line-height: 35px
}
#eb .eb-entry-tools { margin: 0 0 20px }
#eb .row-table {
display: table;
width: 100%
}
#eb .eb-entry-meta> div {
display: inline-block;
line-height: 1;
vertical-align: middle;
margin: 0 10px 0 0
}
.custom_easy:after, .eb-entry-author-bio.media:after {
content: "";
clear: both;
display: block
}
#eb .eb-entry-meta { margin: 10px 0 0 }
.reset-heading {
font-size: 17px;
line-height: 28px;
}
#eb .eb-entry-author-recents {
background: #fafafa;
border-top: 1px solid #e2e2e2;
border-radius: 0 0 2px 2px;
padding: 13.33px;
margin: 20px 0 10px;
font-size: 17px;
line-height: 28px;
width: 100%
}
#eb .eb-author, #eb .eb-authors-bio, #eb .eb-authors-head, #eb .eb-authors-stats, #eb .eb-calendar, #eb .eb-calendar-topbar, #eb .eb-calendar__item, #eb .eb-category, #eb .eb-tags-list, .cBlg-blgBx { background: #fff }
.cBlg-ati-left {
float: left;
width: 16%
}
.cBlg-blgBx {
border: 1px solid #e7e7e7;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.05);
box-shadow: 1px 1px 2px rgba(0,0,0,.05)
}
.cBlg-authorMainInfo { padding: 25px }
#eb .eb-entry-author-recents> div+div {
border-top: 1px solid #efefef;
margin-top: 10px;
padding-top: 10px
}
.custom_easy { margin: 0 -15px }
.cBlg-content .custom_easy ul {
margin-bottom: 15px;
padding-left: 15px
}
.cBlg-content .custom_easy ul li { list-style: disc }
.cBlg-content .custom_easy h2, .cBlg-content .custom_easy h3 {
margin-bottom: 15px;
font-size: 22px;
color: #000
}
.custom_easy .col-xs-12 { margin: 0 0 30px }
.cBlg-authorMainInfo .cBlg-ati-left img {
border-radius: 0;
box-shadow: inherit;
width: 100%;
height: inherit;
min-height: inherit;
min-width: inherit;
padding-bottom: 3px;
}
dha#eb .eb-entry-author-recents> h5.reset-heading, #eb .reset-heading {
background: 0 0;
border: none;
clear: none;
display: block;
float: none;
padding: 0;
position: static;
width: auto
}
#eb .reset-heading { margin: 0 }
#eb .eb-entry-author-recents> h5.reset-heading { margin: 0 0 10px }
#eb .eb-entry-author-recents i, #eb .eb-entry-author-recents time {
color: #999;
display: inline-block;
line-height: 20px
}
#eb .mr-10 { margin-right: 10px }
.cBlg-content .custom_easy .pn-sec ul { margin-bottom: 0 }
.top-arrow {
width: 40px;
height: 40px;
position: fixed;
bottom: 10px;
right: 10px;
z-index: 99999
}
.top-arrow button {
background: #073a4e;
width: 100%;
height: 100%;
color: #fff;
font-size: 18px;
border: 1px solid #073a4e;
line-height: 0;
border-radius: 5px;
cursor: pointer
}
#eb .eb-entry-meta .fa { color: #999 }
.copyright .c2 {
text-align: left;
}
@media only screen and (min-width:768px) {
.container { width: 750px }
.col-sm-3 { width: 25% }
.col-sm-8 { width: 66.66666667% }
.col-sm-4 { width: 33.33333333% }
.col-sm-6 { width: 50% }
.col-md-3 { width: 25% }
.col-sm-12 { width: 100% }
.col-sm-9 { width: 75% }
.col-sm-12, .col-sm-3, .col-sm-4, .col-sm-6, .col-sm-8, .col-sm-9 { float: left }
}
@media only screen and (min-width:992px) {
.container { width: 970px }
.col-md-4 { width: 33.33333333% }
.col-md-6 { width: 50% }
.col-md-4, .col-md-6 { float: left }
}
@media only screen and (min-width:1200px) {
.container { width: 1170px }
}
@media only screen and (max-width:1199px) {
.cBlg-blgBx-by {
height: 22px;
overflow: hidden
}
}
@media only screen and (max-width:991px) {
.cBlg-blgBxImgSec, .cBlg-blgBxTextSec {
z-index: 99;
clear: both
}
.cBlg-blgBx-by, .cBlg-blgBxImgSec, .cBlg-blgBxTextSecIn {
height: auto;
overflow: visible
}
.cBlg-footer .pull-left, .cBlg-footer .pull-right {
float: none;
width: 100%;
text-align: center
}
.cBlg-footer-links {
text-align: center;
margin-top: 10px
}
.cBlg-breadcrumb {
margin-bottom: 25px;
margin-top: 30px
}
.cBlg-ctntBlock { margin-top: 35px }
.cBlg-heading2 { font-size: 22px }
.cBlg-social li { width: 30px }
.cBlg-topics ul li a {
padding: 12px 15px 12px 40px;
background-position: 15px center
}
.cBlg-sideBoxCtnt { padding: 15px 20px }
.cBlg-sideBoxCtnt.cBlg-tags { padding: 20px }
.cBlg-sideBoxCtnt.cBlg-topics { padding: 0 }
.cBlg-footer .social-icon { margin: 10px 0 0 }
.pn-sec ul li { width: 100% }
.pn-sec ul li:last-child { margin-top: 15px }
}
@media only screen and (max-width:767px) {
body { padding-top: 75px }
.cBlg-content { padding: 30px 0 }
.row { margin: 0 }
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 6px;
margin-bottom: 6px;
display: block
}
.livechat-box { display: none }
.cBlg-header .navbar-toggle .icon-bar {
border-radius: 0;
display: block;
height: 4px;
width: 30px
}
.cBlg-header .navbar-default .navbar-toggle .icon-bar { background-color: #121f2c }
.cBlg-header .navbar-default {
margin: 0;
width: 100%
}
.cBlg-header .navbar-nav> li {
float: none;
margin-left: 0
}
.cBlg-header .navbar-nav> li> a {
padding: 12px 0;
border-top: none;
border-bottom: 1px solid rgba(255,255,255,.1);
color: #fff
}
.cBlg-logo {
position: absolute;
z-index: 99;
width: 82px
}
.cBlg-logo img {
max-width: 100%;
max-height: 49.93px
}
.navbar-collapse:after, .navbar-header:after {
content: "";
clear: both;
display: block
}
.navbar-collapse.show { display: block }
.navbar-collapse.hide { display: none }
.cbd-dt, .cbd-mnth {
display: inline-block;
line-height: normal
}
.cBlg-heading1 { font-size: 24px }
.cBlg-ctntBlock { margin-top: 25px }
.row.cBlg-2col-sec, .row.cBlg-2col-sec .row {
margin-left: -15px;
margin-right: -15px
}
.cBlg-blgBxTextSec { padding: 15px }
.cBlg-heading2 { font-size: 22px }
.cBlg-blgBx-date {
width: auto;
position: static;
text-align: left
}
.cBlg-ati-left, .cBlg-ati-right, .cBlg-authorMainInfo .cBlg-ati-left, .cBlg-authorMainInfo .cBlg-ati-right {
text-align: center;
width: 100%
}
.cBlg-blgBx-dateBx {
height: auto;
width: auto;
padding: 0
}
.cBlg-bnr{
background: #f7f7f7;
}
.cbd-dt { font-size: 11px }
#eb .cBlg-authorMainInfo .cBlg-ati-left a.col-cell { display: block }
.cBlg-authorMainInfo .cBlg-ati-left img { margin: 0 auto }
.cBlg-ati-left { margin-bottom: 15px }
.cBlg-ati-right { padding: 0 }
.cBlg-authrTopInfo .cBlg-morelink {
font-size: 12px;
bottom: 12px
}
#eb .eb-entry-author-meta> span+span {
padding: 0 0 0 5px;
display: block;
float: none;
border: none;
margin: 5px 0 0
}
#eb .eb-entry-author-meta> span {
margin-top: 5px;
float: none;
line-height: 1.2em;
display: block
}
#eb .eb-pager__link-list {
width: 100%;
border: none;
border-top: 1px solid #e7e7e7
}
#eb .eb-pager__fast-first-link, #eb .eb-pager__fast-last-link, #eb .eb-pager__link-list, #eb .eb-pager__next-link, #eb .eb-pager__pre-link { padding: 0 8px }
#eb .eb-pager__pre-link { border-right: 1px solid #e7e7e7 }
#eb .eb-pager__next-link { border-left: 1px solid #e7e7e7 }
}
#eb .eb-category { margin-bottom: 30px }
#eb.eb-layout-default .eb-category-profile { background: #f1f0f0 }
#eb .eb-category-profile { padding: 25px 35px }
#eb .eb-category-profile .col-cell+.col-cell { padding-left: 20px }
#eb .col-cell, #eb .mod-cell {
display: table-cell;
vertical-align: middle
}
#eb .eb-category-name {
font-size: 30px;
font-weight: 500;
color: #121f2c
}
#eb .cell-tight {
width: 1%;
white-space: nowrap
}
#eb .eb-category-subscribe {
margin-top: 10px;
overflow: hidden
}
.cBlg-content .eb-category-subscribe {
font-size: 14px;
font-weight: 400
}
#eb.eb-layout-default .eb-category-bio {
margin: 0;
padding: 15px 28px;
color: #121f2c;
font-size: 16px;
font-weight: 400;
border: 1px solid #e9e9e9;
border-bottom: 0
}
#eb.eb-layout-default .eb-category-stats {
margin: 0;
padding-bottom: 30px;
border: 1px solid #e9e9e9;
border-top: 0
}
#eb.eb-layout-default .eb-stats-nav {
padding: 6px 0;
display: block;
border-top: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9
}
#eb .eb-stats-nav {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: separate
}
#eb.eb-layout-default .eb-stats-nav li {
display: inline-block;
float: left;
width: auto;
padding: 0 28px;
border-right: 1px solid #e9e9e9
}
#eb.eb-layout-default .eb-stats-nav li:last-child {
border-right: 0;
padding-right: 0
}
#eb.eb-layout-default .eb-stats-nav::after {
display: block;
content: "";
clear: both
}
#eb.eb-layout-default .eb-stats-content {
padding-left: 22px;
padding-right: 22px
}
#eb .eb-stats-content { margin-top: 20px }
#eb .eb-stats-nav> li .btn {
border-color: #ddd;
box-shadow: none
}
#eb.eb-layout-default .eb-stats-nav li a {
margin: 0;
border: 0;
color: #121f2c;
font-size: 16px;
font-weight: 400;
padding: 3px 18px
}
#eb .eb-stats-posts div {
border: 1px solid #e9e9e9;
padding: 15px 20px 38px;
position: relative
}
#eb .eb-stats-posts> div .eb-post-type { color: #AF110E }
#eb .eb-stats-posts> div i {
color: #999;
font-size: 14px;
float: left;
line-height: 20px;
width: 20px;
text-align: center;
margin-right: 15px
}
#eb .eb-stats-posts> div time {
font-size: 13px;
position: absolute;
bottom: 12px;
left: 24px;
color: #999;
float: right;
line-height: 20px
}
#eb .eb-stats-posts> div a {
color: #3b4143;
font-weight: 400;
display: block;
line-height: 20px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis
}
#eb .eb-stats-posts> .btn-block {
margin-top: 25px;
background: #121f2c;
color: #fff;
font-size: 13px;
font-weight: 400;
line-height: 18px;
border: 0;
width: 208px;
padding: 10px;
margin-left: auto;
margin-right: auto
}
#eb .eb-category-bio, #eb .eb-category-subs {
border-top: 1px solid #e2e2e2;
padding: 20px 0;
margin: 0 20px
}
#eb .eb-stats-nav> li.active> .btn {
background: 0 0;
color: #AF110E;
position: relative
}
#eb .eb-stats-nav> li.active> .btn::before {
height: 2px;
width: 100%;
content: "";
display: block;
position: absolute;
left: 50%;
bottom: -7px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background: #AF110E
}
.eb-category-subscribe a { color: #252525 }
#eb .eb-tags-list {
padding: 25px 15px 15px;
border: 1px solid #e7e7e7;
margin: 0
}
#eb .eb-tags-grid {
float: left;
padding: 0 8px;
width: 33.333333333333%
}
#eb .fd-cf::after, #eb .fd-cf::before {
line-height: 0;
clear: both;
content: " ";
display: table
}
#eb .eb-tags-item {
padding: 8px 10px 12px 42px;
position: relative;
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 16px;
overflow: hidden
}
#eb .eb-tags-item__icon {
color: #555;
float: left;
display: block;
overflow: hidden;
background: 0 0
}
#eb .eb-tags-item__icon .fa-rss-square {
color: #ccc;
top: 15px;
left: 18px;
position: absolute
}
#eb .eb-tags-item__link {
padding: 2px 0 0;
display: inline-block;
color: #6b7477;
float: none;
font-size: 15px
}
#eb .eb-tags-item__link i {
display: inline-block;
width: 35px;
height: 35px;
line-height: 35px;
text-align: center;
background: #f9f9f9;
top: 5px;
right: 7px;
position: absolute;
color: #999;
font-style: normal;
float: right
}
#eb .eb-tags-item__link * {
font-weight: inherit;
display: inline-block;
vertical-align: middle
}
#eb .eb-tags-item:hover .eb-tags-item__icon .fa-rss-square { color: #AF110E }
#top .eb-category-stats .eb-stats-author .col-cell { display: inline-block }
#eb .eb-author {
border: 1px solid #ddd;
border-radius: 3px;
margin-bottom: 20px
}
#eb .eb-authors-head {
border-bottom: 0;
padding: 28px;
color: #6b7477
}
#eb .eb-authors-head .col-cell+.col-cell { padding: 0 0 0 20px }
#eb .eb-authors-name {
font-size: 25px;
font-weight: 400;
color: #121f2c;
margin-bottom: 6px
}
#eb .eb-authors-url a {
color: #121f2c;
font-size: 15px
}
#eb .hidden, #eb .hide { display: none }
#eb .eb-authors-url {
display: block;
margin-bottom: 12px
}
#eb .eb-authors-subscribe {
clear: none;
float: none;
margin: 15px 0 0;
min-height: 0;
padding: 0;
font-size: 13px;
overflow: hidden
}
#eb .btn-default {
color: #333;
background-color: #fff;
border-color: #ccc
}
#eb .eb-stats-categories .btn, #eb .eb-stats-tags .btn { margin: 0 5px 5px 0 }
#top .eb-stats-content .eb-stats-author.row-table, .article-section-top h4 { display: none }
#eb .btn-block { display: block }
.custom_easy .cBlg-blgBx.cBlg-fullW.cBlg-blgCmt { display: none }
#eb .col-md-6 {
width: 49.8%;
font-size: none;
float: none;
display: inline-block;
vertical-align: top
}
.cBlg-authrTop { padding-left: 3.5% }
.eb-author .cell-tight .eb-avatar img {
border-radius: 50%;
box-shadow: 0 0 3px rgba(0,0,0,.3);
height: 100%;
min-height: 150px;
min-width: 150px;
padding-bottom: 3px
}
#eb .eb-posts-search .eb-post-title {
font-size: 24px;
margin: 0 0 10px;
word-break: break-word
}
#eb .text-inherit { color: inherit }
#eb .eb-posts-search .eb-post-meta {
border: 1px solid #e5e5e5;
border-radius: 3px;
font-size: 11px;
margin-top: 10px;
padding: 4px 6.67px
}
#eb .eb-post-meta {
margin: 0;
line-height: 16px
}
#eb .text-muted { color: #888 }
#eb .eb-post-meta> div {
display: inline-block;
line-height: 16px;
vertical-align: middle;
margin: 0 12px 0 0
}
.cBlg-blgsMain #eb .eb-post-foot, .cBlg-blgsMain #eb .eb-posts .eb-post, .well { background: #fff }
#eb .eb-posts .eb-post+.eb-post { margin-top: 30px }
#eb .eb-posts-search .eb-post+.eb-post {
border-top: 1px solid #ddd;
margin-top: 20px;
padding-top: 20px
}
#eb .eb-posts .eb-post {
border: 1px solid #ddd;
border-bottom-color: #c4c4c4;
border-radius: 3px;
padding: 15px;
background: #fff
}
#eb hr {
margin-top: 18px;
margin-bottom: 18px;
border: 0;
border-top: 1px solid #eee
}
#top .eb-pager.pagination { margin: 20px 0 }
form.amp-form-submit-success> input { display: none }
.contact-button a {
background: #121f2c;
color: #fff;
font-size: 15px;
transition: all .5s ease-out 0s;
line-height: 18px;
border: 0;
display: block;
cursor: pointer;
text-align: center;
width: 100%;
padding: 10px
}
.cBlg-blgBx .eb-entry-fields, .cBlg-blgBx.cBlg-fullW.cBlg-blgCmt, .eb-category-bio { display: none }
.contact-button a:hover { background: #AF110E }
.pn-postText {
margin: 0;
font-size: 16px;
font-weight: 400;
line-height: 23px
}
.eb-posts .col-xs-12 { margin-bottom: 30px }
#eb .eb-author, #eb .eb-authors-bio, #eb .eb-authors-head, #eb .eb-authors-stats, #eb .eb-calendar, #eb .eb-calendar-topbar, #eb .eb-calendar__item, #eb .eb-category, #eb .eb-tags-list { background: #fff }
#eb.eb-view-blogger .col-xs-12, #eb.eb-view-categories .col-xs-12, #eb.eb-view-entry .col-xs-12, #eb.eb-view-tags .col-xs-12 { padding: 0 }
#eb.eb-layout-listings .eb-category { background: #f1f0f0 }
#eb .col-md-6 { margin: 0 -1px 30px }
.cBlg-blgBx.cBlg-fullW.cBlg-authorMainInfo { margin-bottom: 30px }
@media(max-width:767px) {
#eb .col-md-6.col-sm-12 { width: 100% }
.cBlg-blgBx.cBlg-fullW.cBlg-authorMainInfo { margin-bottom: 35px }
}
.eb-entry-article ol li, .eb-entry-article ul li {
margin-bottom: 10px;
list-style-position: outside
}
.eb-entry-article ol, .eb-entry-article ul {
line-height: 22px;
margin-bottom: 20px;
padding-left: 15px;
margin-left: 15px
}
.eb-entry-article ol { list-style: decimal inside }
.eb-entry-article ul { list-style: inside }
.cBlg-blgBxImgSec .video {
z-index: 999999;
position: relative
}
.toolbar-search-image {
position: relative;
right: 9%;
height: 40px;
width: 40px;
border: 0;
background: 0 0;
cursor: pointer
}
.cBlg-bnrTextBxIn .cBlg-social .tw-share, .right-social .fb-share, .right-social .tw-share, cBlg-bnrTextBxIn .cBlg-social .fb-share {
width: 100px;
height: 32px;
vertical-align: middle
}
.right-social li { display: inline-block }
.cBlg-bnrTextBxIn .cBlg-social li { width: 93px }
.cBlg-bnrTextBxIn .cBlg-social .tw-share {
width: 79px;
height: 50px
}
.cBlg-bnrTextBxIn .cBlg-social .fb-share {
width: 93px;
height: 50px
}
.tw-share amp-iframe { padding: 6px 0 }
.right-social .fb-share { width: 93px }
.cBlg-sideBox .right-social { padding-right: 45px }
.right-social .fb-share amp-facebook-like { max-width: 100px }
.cBlg-blgBxTextSec .right-social.cBlg-social li, .cBlg-blgBxTextSec .right-social.cBlg-social li.fb-share {
width: 93px;
height: 50px
}
.cBlg-blgBxTextSec .cBlg-blgBxTextSecIn img { margin: 0 }
.cBlg-blgBxTextSec .right-social ul {
float: right;
width: auto
}
.cBlg-blgBxTextSec .right-social.cBlg-social li.tw-share {
height: 50px;
width: 82px
}
@media(max-width:1199px) {
.cBlg-sideBox .right-social { padding-right: 0 }
.right-social li.tw-share { max-width: 95px }
.cBlg-blgBx-by {
height: 50px;
overflow: hidden
}
}
@media(max-width:991px) {
.right-social.cBlg-social li { width: 72px }
.cBlg-blgBxTextSecIn img { margin: 0 }
.right-social ul {
float: right;
width: auto
}
.right-social.cBlg-social li.tw-share {
width: 85px;
height: 50px
}
.right-social li.tw-share {
max-width: 86px;
height: 32px
}
.right-social .fb-share, .right-social li { height: 33px }
}
@media(max-width:767px) {
.right-social li { vertical-align: top }
.right-social li.tw-share {
max-width: 80px;
height: 33px
}
.cBlg-sideBox .right-social {
display: inline-block;
width: 100%
}
.right-social ul { float: left }
}
@media(max-width:570px) {
.cBlg-bnrTextBxIn .cBlg-social .tw-share {
width: 80px;
height: 50px
}
.cBlg-blgBx-by {
height: auto;
overflow: visible
}
.cBlg-blgBxTextSec .right-social.cBlg-social li, .cBlg-blgBxTextSec .right-social.cBlg-social li.fb-share, .cBlg-blgBxTextSec .right-social.cBlg-social li.tw-share { height: 32px }
}
.blogger-profile {
font-size: 18px;
color: #121f2c;
font-style: italic
}
@media(max-width:480px) {
.cBlg-bnrTextBxIn .cBlg-social .fb-share, .cBlg-bnrTextBxIn .cBlg-social .tw-share { height: 32px }
.tw-share amp-iframe { padding: none }
}
.col-md-6 .cBlg-blgBx { min-height: 770px }
.cBlg-fullW blockquote {
text-align: left;
border-left: none;
background: #f6f6f6;
margin: 50px 70px;
border-left: solid 4px #FFD700;
padding: 10px 20px
}
.cBlg-fullW blockquote:before { content: none }
.cBlg-fullW blockquote:after {
display: table;
clear: both;
content: ""
}
.cBlg-fullW blockquote .read_blog_title {
float: left;
width: 135px
}
.cBlg-fullW blockquote .read_blog_des {
float: left;
width: calc(100% - 135px)
}
.cBlg-fullW blockquote .read_blog_des a { color: #fc9b0b }
.cBlg-fullW blockquote p {
font-size: 18px;
line-height: 28px;
padding: 15px;
margin-bottom: 0;
}
.cBlg-fullW blockquote span { text-decoration: none }
.pn-img { width: 128px }
.star .fa-star::before { color: orange }
.header-right { float: right }
.topIcon-col { text-align: right }
.topIcon-col a img {
vertical-align: middle;
margin-right: 5px
}
.topIcon-col a { font-size: 16px }
.topIcon-col a {
line-height: 24px;
float: right;
margin-right: 5px
}
@media screen and (max-width:768px) {
.topIcon-col a.request { display: none }
.request-btn-box {
display: block;
float: right;
margin: 11px 0 0
}
.request-btn {
display: inline-block;
padding: 6px 8px;
font-size: 11px
}
}
@media screen and (max-width:768px) {
#eb .eb-entry-article table.row-table.table-easy-b> tbody> tr> td {
width: 100%;
display: block
}
}
@media only screen and (max-width:568px) {
.cBlg-blgBxImgSec, .cBlg-bnr, .eb-tags, .search-box { display: none }
.col-md-6 .cBlg-blgBx { min-height: 400px }
.eb-entry-article img { display: none }
.eb-entry-author-avatar img, .eb-entry-related img, .pn-img img, .trending-article-block img, .video.cover { display: none }
}
@media only screen and (min-width:568px) {
.cBlg-feIcon {
display: block;
font-size: 40px;
line-height: 50px;
width: 50px;
height: 50px;
margin: 0 auto 12px
}
.cBlg-fbBx {
background: #fff;
padding: 40px 40px 35px
}
.cBlg-fbBxHD {
display: block;
color: #202336;
margin-bottom: 5px;
height: 30px
}
.cBlg-fbBx .cBlg-fbBxHD:hover {
text-decoration: none;
color: #AF110E
}
}
.col-md-6 .cBlg-blgBx { min-height: 600px }
.eb-stats-authors { display: none }
.eb-entry-author-avatar { font-size: 140px; }
@media only screen and (min-width: 768px) {
aside.col-sm-3 {
position: -webkit-sticky;
position: sticky;
top: 0;
}
}
@media only screen and (max-width: 460px) {
.cBlg-bnrTextBxIn { padding: 0; }
.moduletable { padding: 0; }
}
.cloudlinks li {
font-size: 12px;
word-break: break-word;
font-weight: 700;
display: block;
}
.cloudlinks li a {
line-height: 29px;
display: inline-block;
}
.cloudlinks li a:hover { text-decoration: none; }
.menu-button-box {
float: right;
padding-top: 0px
}
.menu-button {
border: none;
background: 0 0;
width: 47px;
height: 26px;
padding: 0;
cursor: pointer;
display: block
}
.menu-button span {
background: #000;
width: 30px;
height: 3px;
margin-bottom: 9px;
display: block
}
.menu-button span:nth-child(2) { width: 47px }
.img-align {
text-align: center;
border-radius: 5%;
}
u { text-decoration: underline; }
.menu-button {
width: 30px;
height: 26px;
position: relative;
border-bottom: solid 3px #000;
margin-right: 10px;
}
.navbar-collapse .moduletable {
float: left;
margin: 0 30px 0 0;
}
.menu-button-box {
float: right;
padding-top: 5px;
}
.menu-button:before {
content: "";
position: absolute;
background: #000;
height: 3px;
width: 40px;
top: 11px;
}
.menu-button:after {
height: 3px;
position: absolute;
content: "";
background: #000;
width: 30px;
top: 0;
left: 0;
}
.menu-button:hover { text-decoration: none; }
.cBlg-header { padding: 26px 0; }
.eb-entry-article img { margin-top: 20px !important; }
.pb-0 { padding-bottom: 0; }
.cBlg-content {
display: block;
max-width: 1170px;
margin: 0 auto;
}
.cBlg-bnrTextBx { height: auto; }
.cBlg-wrapper .cBlg-bnrText-mobile { display: none; }
.cBlg-header .navbar-default {
display: flex;
align-items: center;
column-gap: 20px;
}
@media screen and (max-width:767px) {
.cBlg-header { padding: 20px 0; }
.cBlg-header .navbar-default {
margin: 0;
width: auto;
}
.cBlg-header .navbar-default .navbar-toggle {
border: none;
margin-top: 0;
margin-bottom: 0;
display: block;
padding: 0 10px;
}
.eb-entry-article img {
display: block;
max-height: 280px;
margin-top: 15px !important;
}
.cBlg-bnr.container {
padding: 25px 15px;
}
.cBlg-footer.container {
padding: 15px;
}
.cBlg-header .navbar-default .navbar-toggle {
margin-right: 0;
}
.cBlg-ctntBlock.container.row {
margin: 0;
padding: 0;
}
.menu-button:before {
width: 30px;
}
.cBlg-footer .footer_menus nav {
width: 45%;
}
.cBlg-footer .footer_menus {
text-align: left;
}
.cBlg-footer .footer_menus {
text-align: left;
justify-content: left;
}
.copyright {
text-align: center;
}
.cBlg-footer .social-icon {
margin: 10px 0 0;
text-align: center;
}
.cBlg-ctntBlock.container.row {
padding: 0 0 10px 0;
}
}
@media screen and (max-width:479px) {
.eb-entry-article img {
display: block;
max-height: 230px;
}
}
/*----------------27-09-24-------------*/
.cBlg-header {
right: 0;
box-shadow: none;
}
.container {
margin: 0 auto;
display: block;
padding-left: 15px;
padding-right: 15px;
}
#eb .cBlg-blgBx.cBlg-fullW { padding: 30px 40px; }
.cBlg-footer .c5 { background: #121f2c; }
.cBlg-footer .c5 {
background: #121f2c;
color: #fff;
}
.search-menu>ul>li {
width: auto;
padding: 0 15px;
}
.cBlg-blgsMain { margin: 0; }
.mb30 { margin-bottom: 30px; }
/* Developers.dev blog revenue/SEO/GEO refresh */
.developers-blog-hero {
display: grid;
grid-template-columns: minmax(0, 1fr) minmax(220px, .42fr);
gap: 28px;
align-items: center;
padding: 34px 36px;
border: 1px solid #d8e5ee;
border-radius: 8px;
/* A solid, audited surface keeps all white-on-dark hero copy above WCAG AA. */
background: #183247;
color: #fff;
box-shadow: 0 18px 46px rgba(18, 31, 44, .13);
}
body.body {
letter-spacing: 1px;
line-height: 1.6;
}
.developers-blog-hero__eyebrow,
.developers-latest-head span,
.developers-blog-card__eyebrow {
display: inline-block;
color: #af110e;
font-size: 13px;
font-weight: 800;
letter-spacing: 0;
text-transform: uppercase;
}
.developers-blog-hero__eyebrow { color: #ffd700; }
.developers-blog-hero .cBlg-bnrTxtHD {
margin: 8px 0 12px;
color: #fff;
font-size: 42px;
line-height: 1.1;
text-transform: none;
}
.developers-blog-hero p,
.developers-blog-hero li {
color: rgba(255, 255, 255, .9);
font-size: 16px;
line-height: 1.75;
}
.developers-blog-hero ul {
display: grid;
gap: 7px;
margin: 16px 0 0;
padding-left: 20px;
text-align: left;
}
.developers-blog-hero__actions {
display: grid;
gap: 12px;
}
.developers-blog-hero__actions a {
display: flex;
align-items: center;
justify-content: center;
min-height: 44px;
padding: 10px 16px;
border-radius: 4px;
font-weight: 800;
text-align: center;
}
.developers-blog-hero__actions a:first-child {
background: #fff;
color: #121f2c;
}
.developers-blog-hero__actions a:nth-child(2),
.developers-blog-hero__actions a:nth-child(3) {
border: 1px solid rgba(255, 255, 255, .55);
color: #fff;
}
.developers-latest-head {
max-width: 820px;
margin: 28px auto 26px;
text-align: center;
}
.developers-latest-head h2 {
margin: 8px 0 10px;
color: #121f2c;
font-size: 30px;
line-height: 1.25;
}
.developers-latest-head p {
color: #3b4143;
font-size: 16px;
line-height: 1.7;
}
.developers-blog-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 24px;
margin: 0;
}
.developers-blog-card {
display: flex;
flex-direction: column;
float: none !important;
width: auto !important;
min-height: 100%;
margin: 0 !important;
padding: 0 !important;
border: 1px solid #e5e6e7;
border-radius: 8px;
background: #fff;
box-shadow: 0 14px 34px rgba(18, 31, 44, .08);
overflow: hidden;
}
.developers-blog-card--featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1fr) auto;
gap: 18px;
align-items: end;
padding: 28px !important;
border-left: 5px solid #af110e;
}
.developers-blog-card .cBlg-blgBxTextSecIn {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 24px;
}
.developers-blog-card--featured .cBlg-blgBxTextSecIn {
padding: 0;
}
.developers-blog-card__media {
margin: -24px -24px 20px;
background: #f3f6f8;
}
.developers-blog-card__media img {
display: block;
width: 100%;
height: 230px;
object-fit: cover;
}
.developers-blog-card .cBlg-heading2 {
margin: 8px 0 10px;
font-size: 24px;
line-height: 1.28;
}
.developers-blog-card:not(.developers-blog-card--featured) .cBlg-heading2 {
font-size: 21px;
}
.developers-blog-card .cBlg-heading2 a {
color: #121f2c;
}
.developers-blog-card__meta {
color: #667085;
font-size: 13px;
font-weight: 700;
}
.developers-blog-card .eb-post-body p {
color: #3b4143;
font-size: 15px;
line-height: 1.75;
}
.developers-blog-card__cta {
display: inline-flex;
align-items: center;
justify-content: center;
width: fit-content;
min-height: 42px;
margin: 0 24px 24px;
padding: 9px 16px;
border-radius: 4px;
background: #af110e;
color: #fff;
font-weight: 800;
line-height: 1.2;
}
.developers-blog-card--featured .developers-blog-card__cta {
margin: 0;
}
.developers-blog-more {
display: flex;
justify-content: center;
margin: 28px 0 8px;
}
@media screen and (max-width: 900px) {
.developers-blog-hero,
.developers-blog-card--featured {
grid-template-columns: 1fr;
}
.developers-blog-grid {
grid-template-columns: 1fr;
}
}
@media screen and (max-width: 568px) {
.developers-blog-hero {
padding: 24px 18px;
}
.developers-blog-hero .cBlg-bnrTxtHD {
font-size: 30px;
}
.developers-latest-head h2 {
font-size: 24px;
}
.developers-blog-card--featured,
.developers-blog-card .cBlg-blgBxTextSecIn {
padding: 20px !important;
}
.developers-blog-card__media {
margin: -20px -20px 18px;
}
}
/* Developers.dev Knowledge Center 2026 — approved product-design alignment. */
:root {
--ekc-ink: #101828;
--ekc-body: #344054;
--ekc-muted: #667085;
--ekc-blue: #0866d5;
--ekc-blue-dark: #064faa;
--ekc-blue-soft: #eaf3ff;
--ekc-surface: #fff;
--ekc-soft: #f6f9fd;
--ekc-border: #dce5f0;
--ekc-shadow: 0 18px 48px rgba(16, 40, 72, .10);
}
html { scroll-behavior: smooth; }
body {
padding-top: 76px;
background: var(--ekc-soft);
color: var(--ekc-body);
font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
font-size: 16px;
letter-spacing: 0 !important;
line-height: 1.65 !important;
}
body *, body *::before, body *::after { font-family: inherit; }
h1, h2, h3, h4, .cBlg-bnrTxtHD, .cBlg-heading2,
.developers-blog-card .cBlg-heading2 a {
color: var(--ekc-ink);
font-family: Lexend, Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
letter-spacing: -.025em !important;
}
a { color: var(--ekc-blue); }
.cBlg-header {
position: fixed;
inset: 0 0 auto;
z-index: 1000;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
max-width: none;
height: 76px;
margin: 0;
padding: 0 max(24px, calc((100vw - 1170px) / 2));
background: rgba(255, 255, 255, .96);
border-bottom: 1px solid var(--ekc-border);
box-shadow: 0 6px 24px rgba(16, 40, 72, .05);
backdrop-filter: blur(14px);
}
.cBlg-header > a { display: inline-flex; align-items: center; flex: 0 0 auto; }
.cBlg-header > a img { display: block; width: 118px; height: 29px; }
.cBlg-header .header-nav {
display: flex;
align-items: center;
gap: 8px;
margin-left: auto;
}
.cBlg-header .header-nav-link {
display: inline-flex;
align-items: center;
min-height: 44px;
padding: 9px 12px;
border-radius: 10px;
color: var(--ekc-ink);
font-size: .94rem;
font-weight: 600;
letter-spacing: 0 !important;
}
.cBlg-header .header-nav-link:hover {
background: var(--ekc-blue-soft);
color: var(--ekc-blue-dark);
text-decoration: none;
}
.cBlg-header .header-nav-link:nth-last-child(2) {
margin-left: 8px;
padding-inline: 18px;
border: 1px solid var(--ekc-blue);
color: var(--ekc-blue);
}
.cBlg-header .header-cta,
.cBlg-header .orangeBtn {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 46px;
padding: 10px 20px;
border: 1px solid var(--ekc-blue);
border-radius: 10px;
background: var(--ekc-blue);
color: #fff !important;
font-size: .94rem;
font-weight: 700;
letter-spacing: 0 !important;
box-shadow: 0 8px 20px rgba(8, 102, 213, .18);
}
.cBlg-header .header-cta:hover,
.cBlg-header .orangeBtn:hover {
background: var(--ekc-blue-dark);
color: #fff;
text-decoration: none;
transform: translateY(-1px);
}
.cBlg-header a:focus-visible, .cBlg-content a:focus-visible,
.cBlg-footer a:focus-visible {
outline: 3px solid #ffbf47 !important;
outline-offset: 3px;
}
.cBlg-bnr.container, .cBlg-ctntBlock.container {
width: min(1170px, calc(100% - 40px));
max-width: 1170px;
}
.cBlg-bnrTextBx {
height: auto;
margin: 30px auto 0;
overflow: visible;
}
.cBlg-bnrTextBxIn { padding: 0; background: transparent; box-shadow: none; }
.developers-blog-hero {
display: grid;
grid-template-columns: minmax(0, 1.45fr) minmax(260px, .55fr);
gap: clamp(30px, 6vw, 72px);
align-items: center;
min-height: 460px;
padding: clamp(44px, 7vw, 82px);
border: 1px solid #d6e7fb;
border-radius: 28px;
background: #edf6ff;
color: var(--ekc-body);
box-shadow: var(--ekc-shadow);
text-align: left;
}
.developers-blog-hero__eyebrow {
display: inline-flex;
align-items: center;
gap: 8px;
margin-bottom: 18px;
color: var(--ekc-blue-dark);
font-size: .78rem;
font-weight: 800;
letter-spacing: .11em !important;
}
.developers-blog-hero__eyebrow::before {
content: "";
width: 10px;
height: 10px;
border-radius: 50%;
background: var(--ekc-blue);
box-shadow: 0 0 0 6px rgba(8, 102, 213, .12);
}
.developers-blog-hero .cBlg-bnrTxtHD {
max-width: 720px;
margin: 0 0 22px;
color: var(--ekc-ink);
font-size: clamp(2.5rem, 5.2vw, 4.6rem);
font-weight: 700;
line-height: 1.05;
text-transform: none;
}
.developers-blog-hero p {
max-width: 720px;
margin-bottom: 22px;
color: var(--ekc-body);
font-size: clamp(1.05rem, 1.7vw, 1.23rem);
line-height: 1.65;
}
.developers-blog-hero ul { display: grid; gap: 10px; margin: 0; padding: 0; list-style: none; }
.developers-blog-hero li {
position: relative;
padding-left: 28px;
color: var(--ekc-body);
font-size: 1rem;
line-height: 1.5;
}
.developers-blog-hero li::before {
content: "✓";
position: absolute;
left: 0;
color: var(--ekc-blue);
font-weight: 800;
}
.developers-blog-hero__actions {
display: grid;
gap: 12px;
padding: 24px;
border: 1px solid rgba(255, 255, 255, .85);
border-radius: 20px;
background: rgba(255, 255, 255, .78);
box-shadow: 0 14px 34px rgba(29, 78, 130, .10);
}
.developers-blog-hero__actions a {
display: inline-flex;
align-items: center;
justify-content: center;
min-height: 50px;
padding: 12px 18px;
border: 1px solid var(--ekc-border);
border-radius: 10px;
background: #fff;
color: var(--ekc-blue-dark) !important;
font-weight: 700;
letter-spacing: 0 !important;
text-align: center;
}
.developers-blog-hero__actions a:first-child {
border-color: var(--ekc-blue);
background: var(--ekc-blue);
color: #fff !important;
}
.developers-blog-hero__actions a:hover {
border-color: var(--ekc-blue);
background: var(--ekc-blue-soft);
color: var(--ekc-blue-dark);
text-decoration: none;
transform: translateY(-1px);
}
.developers-blog-hero__actions a:first-child:hover {
background: var(--ekc-blue-dark);
color: #fff !important;
}
.cBlg-content { padding: 0 0 70px; background: transparent; box-shadow: none; }
.cBlg-ctntBlock { margin-top: clamp(60px, 8vw, 100px); }
.developers-latest-head { max-width: 780px; margin: 0 auto 42px; text-align: center; }
.developers-latest-head span, .developers-blog-card__eyebrow {
color: var(--ekc-blue);
font-size: .77rem;
font-weight: 800;
letter-spacing: .1em !important;
}
.developers-latest-head h2 {
margin: 12px 0 14px;
font-size: clamp(2rem, 3.5vw, 3rem);
line-height: 1.13;
}
.developers-latest-head p { color: var(--ekc-muted); font-size: 1.08rem; line-height: 1.7; }
.developers-blog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px; }
.developers-blog-card {
position: relative;
display: flex;
flex-direction: column;
min-width: 0;
margin: 0;
overflow: hidden;
border: 1px solid var(--ekc-border);
border-radius: 18px;
background: #fff;
box-shadow: 0 8px 30px rgba(16, 40, 72, .07);
transition: transform .2s ease, box-shadow .2s ease;
}
.developers-blog-card:hover { box-shadow: var(--ekc-shadow); transform: translateY(-4px); }
.developers-blog-card--featured {
grid-column: 1 / -1;
display: grid;
grid-template-columns: minmax(0, 1.35fr) auto;
gap: 24px;
padding: clamp(26px, 4vw, 46px);
background: #fff;
}
.developers-blog-card .cBlg-blgBxTextSecIn {
display: flex;
flex: 1 1 auto;
flex-direction: column;
padding: 0 28px 28px;
}
.developers-blog-card--featured .cBlg-blgBxTextSecIn { padding: 0; }
.developers-blog-card__media {
min-height: 230px;
overflow: hidden;
background: linear-gradient(135deg, rgba(8,102,213,.12), rgba(8,102,213,.03)), #eef5fc;
}
.developers-blog-card__media img {
display: block;
width: 100%;
height: 100%;
min-height: 230px;
margin: 0;
object-fit: cover;
}
.developers-blog-card__eyebrow { margin: 24px 0 12px; }
.developers-blog-card--featured .developers-blog-card__eyebrow { margin-top: 0; }
.developers-blog-card .cBlg-heading2 { margin: 0 0 14px; padding: 0; border: 0; background: transparent; }
.developers-blog-card .cBlg-heading2 a {
display: block;
padding: 0;
border: 0;
background: transparent;
color: var(--ekc-ink);
font-size: clamp(1.35rem, 2.2vw, 1.85rem);
font-weight: 650;
line-height: 1.25;
}
.developers-blog-card--featured .cBlg-heading2 a {
max-width: 780px;
font-size: clamp(1.8rem, 3.4vw, 2.8rem);
line-height: 1.15;
}
.developers-blog-card .cBlg-heading2 a:hover { color: var(--ekc-blue); text-decoration: none; }
.developers-blog-card__meta {
margin: 0 0 18px;
color: var(--ekc-muted);
font-size: .78rem;
font-weight: 700;
letter-spacing: .06em !important;
}
.developers-blog-card .eb-post-body p { margin: 0; color: var(--ekc-body); font-size: .98rem; line-height: 1.7; }
.developers-blog-card__cta {
display: inline-flex;
align-items: center;
justify-content: center;
align-self: flex-start;
min-height: 46px;
margin: auto 28px 28px;
padding: 10px 18px;
border: 1px solid var(--ekc-blue);
border-radius: 10px;
background: #fff;
color: var(--ekc-blue);
font-weight: 750;
letter-spacing: 0 !important;
}
.developers-blog-card--featured .developers-blog-card__cta {
align-self: center;
margin: 0;
background: var(--ekc-blue);
color: #fff;
}
.developers-blog-card__cta:hover { background: var(--ekc-blue); color: #fff; text-decoration: none; }
.developers-blog-more { margin-top: 42px; }
.developers-blog-more .request-btn {
min-height: 48px;
padding: 11px 22px;
border: 1px solid var(--ekc-blue);
border-radius: 10px;
background: var(--ekc-blue);
color: #fff;
font-weight: 700;
letter-spacing: 0 !important;
text-transform: none;
}
.cBlg-footer.container {
width: 100% !important;
max-width: none !important;
margin: 0 !important;
padding: 62px max(24px, calc((100vw - 1170px) / 2)) 38px !important;
background: #0d1b2f;
color: #d6e1ee;
font-size: .9rem;
letter-spacing: 0 !important;
text-transform: none !important;
}
.cBlg-footer .pull-left, .cBlg-footer .pull-right { float: none; width: 100%; }
.cBlg-footer .copyright { margin-bottom: 34px; color: #b8c7d9; line-height: 1.7; text-align: left; }
.cBlg-footer .footer_menus {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 28px;
margin: 0;
text-align: left;
}
.cBlg-footer .footer_menus nav { width: auto; }
.cBlg-footer .cBlg-footer-links { display: grid; gap: 8px; margin: 0; padding: 0; list-style: none; }
.cBlg-footer .cBlg-footer-links li { display: block; margin: 0; padding: 0; list-style: none; }
.cBlg-footer .cBlg-footer-links li:first-child { margin-bottom: 6px; color: #fff !important; font-weight: 750; }
.cBlg-footer .cBlg-footer-links a { color: #c7d4e3; letter-spacing: 0 !important; }
.cBlg-footer .social-icon { display: flex; gap: 10px; justify-content: flex-start; margin: 34px 0 0; }
.cBlg-footer .social-icon a {
display: inline-flex;
align-items: center;
justify-content: center;
width: 42px;
height: 42px;
border: 1px solid #40526a;
border-radius: 50%;
color: #fff;
}
@media (max-width: 900px) {
body { padding-top: 116px; }
.cBlg-header { flex-wrap: wrap; height: 116px; padding: 12px 20px 10px; }
.cBlg-header .header-nav { order: 3; width: 100%; justify-content: center; gap: 4px; }
.cBlg-header .header-nav-link { min-height: 38px; padding: 7px 10px; font-size: .84rem; }
.cBlg-header .header-nav-link:nth-last-child(2) { margin-left: 0; }
.cBlg-header .header-cta, .cBlg-header .orangeBtn { min-height: 42px; padding: 8px 14px; }
.developers-blog-hero { grid-template-columns: 1fr; min-height: auto; }
.developers-blog-hero__actions { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.cBlg-footer .footer_menus { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 620px) {
body { padding-top: 126px; }
.cBlg-header { height: 126px; padding-inline: 14px; }
.cBlg-header > a img { width: 104px; height: auto; }
.cBlg-header .header-nav { justify-content: space-between; overflow-x: auto; scrollbar-width: none; }
.cBlg-header .header-nav::-webkit-scrollbar { display: none; }
.cBlg-header .header-nav-link { flex: 0 0 auto; padding-inline: 7px; font-size: .76rem; }
.cBlg-header .header-nav-link:nth-last-child(2) { padding-inline: 10px; }
.cBlg-header .header-cta, .cBlg-header .orangeBtn { padding-inline: 12px; font-size: .82rem; }
.cBlg-bnr.container, .cBlg-ctntBlock.container { width: calc(100% - 24px); }
.cBlg-bnrTextBx { display: block; margin-top: 18px; }
.developers-blog-hero { gap: 28px; padding: 34px 22px; border-radius: 20px; }
.developers-blog-hero .cBlg-bnrTxtHD { font-size: clamp(2.2rem, 12vw, 3.25rem); }
.developers-blog-hero__actions { grid-template-columns: 1fr; padding: 16px; }
.cBlg-ctntBlock { margin-top: 60px; }
.developers-blog-grid { grid-template-columns: 1fr; gap: 18px; }
.developers-blog-card--featured { grid-template-columns: 1fr; padding: 28px 22px; }
.developers-blog-card .cBlg-blgBxTextSecIn { padding: 0 22px 24px !important; }
.developers-blog-card__media { margin: 0 -22px 18px; }
.developers-blog-card__cta { margin: auto 22px 24px; }
.cBlg-footer.container { padding-inline: 22px !important; }
.cBlg-footer .footer_menus { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 30px 18px; }
}
@media (prefers-reduced-motion: reduce) {
html { scroll-behavior: auto; }
*, *::before, *::after {
transition-duration: .01ms !important;
animation-duration: .01ms !important;
animation-iteration-count: 1 !important;
}
}