/* Angel Business Comms */

@charset "UTF-8";

* { margin: 0; border: 0; padding: 0; font-size: 100%; }

* {outline: 0 !important;}





body { /* opacity: 0;*/  color: #000; font-size: 16px; font-family: Arial; letter-spacing:normal; font-size: 16px; line-height: 22px; -webkit-transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 525ms cubic-bezier(0.455, 0.03, 0.515, 0.955); }
body.dom-ready { /*opacity: 1;*/ }
/*
#page{ opacity: 0; }
#page.good{ opacity: 1; }
*/


html { height: 100%; }
body { min-height: 100%;background-color:#333; }

.clear{line-height:0px;clear:both;}




h1, h2, h3, h4, h5, h6 {
  color: #262b2d; margin: 0 0 0.5em;  line-height: 1.35em;  font-family: "Oswald", sans-serif; /* rubikblack          font-family: "Montserrat", sans-serif; */
}


/*
  h1, h2, h3, h4, h5, h6 {
  color: #262b2d; margin: 0 0 0.5em; font-weight: 700; line-height: 1.35em;  font-family: "Arvo", sans-serif;
}

*/



      #loadit{
        top:0px;            
        left:0px;
        display:none;
        height:100%;
        width:100%;
        overflow:auto;
        position:fixed; 
        z-index:22222222222;
        background:rgba(0,0,0,0.5);
        text-align:center;
        vertical-align:center;
        
 
      }
      
      .loadits{ position: relative; top: 50%; z-index:22222222223; transform: translateY(-50%); }




@media (max-width: 1200px) {
  h1, h2, h3, h4, h5, h6 { line-height: 1.25em; }
}
@media (max-width: 992px) {
  h1, h2, h3, h4, h5, h6 { line-height: 1.2em; }
}
@media (max-width: 768px) {
  h1, h2, h3, h4, h5, h6 { line-height: 1.15em; }
}

h1 { font-size: 45px; }
@media (max-width: 1200px) {
  h1 { font-size: 36px; }
}
@media (max-width: 992px) {
  h1 { font-size: 32px; }
}
@media (max-width: 768px) {
  h1 { font-size: 28px; }
}

h2 { font-size: 32px; }
@media (max-width: 1200px) {
  h2 { font-size: 26px; }
}
@media (max-width: 992px) {
  h2 { font-size: 22px; }
}
@media (max-width: 768px) {
  h2 { font-size: 18px; }
}

h3 { font-size: 20px; }
@media (max-width: 1200px) {
  h3 { font-size: 15px; }
}
@media (max-width: 992px) {
  h3 { font-size: 13px; }
}
@media (max-width: 768px) {
  h3 { font-size: 13px; }
}

h4 { font-size: 17px; }
h5 { font-size: 15px; }
h6 { font-size: 12px; }
p { font-size: 16px; margin: 0 0 0.5em; }
img { /* max-width: 100%; */ height: auto; }

input[type="number"], input[type="search"], input[type="email"], input[type="text"], input[type="url"], input[type="password"], input[type="submit"], textarea {
 width:100%;

 }

input:focus, button:focus, textarea:focus { outline: none; }

a { text-decoration: none; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; color: inherit; } /* was 0.15 which was too quick */
a:hover, a:focus, a:active { text-decoration: none; color: inherit; }

html .row-fit {
  margin: 0;
}
html .row-fit [class*="col-"] {
  padding: 0;
}

html .row-fit-10 { margin: 0 -5px; }
html .row-fit-10 [class*="col-"] { padding: 0 5px; }
html .row-fit-30 { margin: 0 -15px; }
html .row-fit-30 [class*="col-"] { padding: 0 15px; }


.container-fluid { max-width: 1600px; padding-left: 3%; padding-right: 3%;  }    /* did test a nice 2600 since ipad pro is over 2700 px wide on longest plain */
/*  .container-fluid { max-width: 1920px; padding-left: 7%; padding-right: 7%;  }  */

.content-wrapper { padding: 25px 0; }


.no-padding { padding: 0 !important; }
.no-margin { margin: 0 !important; }
.no-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; }

.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }

.clean-list { list-style-type: none; padding: 0; margin: 0; }
.clean-list li { list-style-type: none; padding: 0; margin: 0;}


@-webkit-keyframes pop-upwards {
  0% { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0); opacity: 0; }
  20% { -webkit-transform: translateY(10px) scale(0.5); -ms-transform: translateY(10px) scale(0.5); transform: translateY(10px) scale(0.5); opacity: 0.7; }
  40% { -webkit-transform: translateY(0) scale(0.85); -ms-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85); opacity: 1; }
  70% { -webkit-transform: translateY(-5px) scale(1.15); -ms-transform: translateY(-5px) scale(1.15); transform: translateY(-5px) scale(1.15); opacity: 1; }
  100% { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }
}
@-moz-keyframes pop-upwards {
  0% { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0); opacity: 0; }
  20% { -webkit-transform: translateY(10px) scale(0.5); -ms-transform: translateY(10px) scale(0.5); transform: translateY(10px) scale(0.5); opacity: 0.7; }
  40% { -webkit-transform: translateY(0) scale(0.85); -ms-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85); opacity: 1; }
  70% { -webkit-transform: translateY(-5px) scale(1.15); -ms-transform: translateY(-5px) scale(1.15); transform: translateY(-5px) scale(1.15); opacity: 1; }
  100% { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }
}
@-ms-keyframes pop-upwards {
  0% { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0); opacity: 0; }
  20% { -webkit-transform: translateY(10px) scale(0.5); -ms-transform: translateY(10px) scale(0.5); transform: translateY(10px) scale(0.5); opacity: 0.7; }
  40% { -webkit-transform: translateY(0) scale(0.85); -ms-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85); opacity: 1; }
  70% { -webkit-transform: translateY(-5px) scale(1.15); -ms-transform: translateY(-5px) scale(1.15); transform: translateY(-5px) scale(1.15); opacity: 1; }
  100% { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }
}
@-o-keyframes pop-upwards {
  0% { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0); opacity: 0; }
  20% { -webkit-transform: translateY(10px) scale(0.5); -ms-transform: translateY(10px) scale(0.5); transform: translateY(10px) scale(0.5); opacity: 0.7; }
  40% { -webkit-transform: translateY(0) scale(0.85); -ms-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85); opacity: 1; }
  70% { -webkit-transform: translateY(-5px) scale(1.15); -ms-transform: translateY(-5px) scale(1.15); transform: translateY(-5px) scale(1.15); opacity: 1; }
  100% { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }
}
@keyframes pop-upwards {
  0% { -webkit-transform: translateY(20px) scale(0); -ms-transform: translateY(20px) scale(0); transform: translateY(20px) scale(0); opacity: 0; }
  20% { -webkit-transform: translateY(10px) scale(0.5); -ms-transform: translateY(10px) scale(0.5); transform: translateY(10px) scale(0.5); opacity: 0.7; }
  40% { -webkit-transform: translateY(0) scale(0.85); -ms-transform: translateY(0) scale(0.85); transform: translateY(0) scale(0.85); opacity: 1; }
  70% { -webkit-transform: translateY(-5px) scale(1.15); -ms-transform: translateY(-5px) scale(1.15); transform: translateY(-5px) scale(1.15); opacity: 1; }
  100% { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; }
}

.goto{ margin-top: 20px; text-align: center; width: 100%; height: 50px; }
.goto .button{ font-size: 20px; font-family: 'Lobster', cursive; padding: 10px; }


/* big banner to show by default for big screens but swap for 768 and below to another banner/div */

.mega-leaderboard{ margin-bottom:25px; }
.normal-leaderboard{ margin-bottom:25px; display:none; }
/*
@media (max-width: 768px) {

  .fake{}
  .mega-leaderboard{ display:none; }
  .normal-leaderboard{ display:block; }

}
*/
#noscript-box{ z-index:666666666666;position:absolute;padding:35px;font-size:33px;text-align:center;color:#fff !important;font-family:Arvo;width:100%; }


label div{letter-spacing:normal !important;}

.form-control-input { border-radius:5px !important;border:1px solid #ccc;padding:3px; width:100% !important; font-size:12px;}
.form-control-textarea { border-radius:5px !important;border:1px solid #ccc;padding:3px; width:100%; font-size:12px;}
.butt{ padding:10px;padding-top:5px;padding-bottom:5px;text-decoration:none;}
.butt:hover{ background-color:#666;}

.alignleft { float: left; text-align: left; margin-bottom: 20px; margin-right: 20px; }
.alignright { float: right; text-align: right; margin-bottom: 20px; margin-left: 20px; }
.aligncenter { text-align: center; }
.align-left { text-align: left !important; }
img.size-full, img.size-large { max-width: 100%; width: auto; height: auto; }










.image-alignments { position: absolute; visibility: hidden; display: none; z-index: 8; left: 0; top: 0; }
.image-alignments.visible { visibility: visible; display: inline-block; -webkit-animation: pop-upwards 200ms forwards linear; animation: pop-upwards 200ms forwards linear; }
.image-alignments .align-options { display: inline-block; border-radius: 25px; background: #30363c; position: relative; padding: 7px 14px; line-height: 1em; font-size: 0; }
.image-alignments .align-options:after { border-color: #30363c transparent transparent transparent; -webkit-transform: rotate(360deg); border-width: 7px 7.5px 0 7.5px; border-style: solid; position: absolute; margin-left: -7px; content: ""; height: 0; left: 50%; top: calc(100% - 1px); width: 0; }
.image-alignments .align-options .option { display: inline-block; margin: 0 15px 0 0; }
.image-alignments .align-options .option i { -webkit-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.15s cubic-bezier(0.455, 0.03, 0.515, 0.955); vertical-align: middle; display: inline-block; text-align: center; min-width: 14px; font-size: 13px; color: #fff; cursor: pointer; }
.image-alignments .align-options .option i:hover {  }
.image-alignments .align-options .option:last-of-type { margin: 0; }

.btn { -webkit-transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.285s cubic-bezier(0.455, 0.03, 0.515, 0.955); font-family: "Montserrat", sans-serif; display: inline-block; text-align: center; line-height: 1em; }
.btn:active, .btn:focus { text-decoration: none; outline: none; }
.btn.template-btn-1 { font-size: 14px; font-weight: 500;  padding: 14px 50px; border-radius: 25px; letter-spacing: 0.1em; text-transform: uppercase; }
.btn.template-btn-1:hover { -webkit-box-shadow: 2.5px 4.33px 10px 0px rgba(31, 46, 57, 0.2); box-shadow: 2.5px 4.33px 10px 0px rgba(31, 46, 57, 0.2); background: #18a6ff; }




header .main-header-wrapper { position: relative; padding: 0 0 18px; height:90px;}
header .main-header-wrapper:before { bottom: 4px; border-top-left-radius: 10px; border-top-right-radius: 10px; }
header .main-header-wrapper:after { bottom: 0; }



header .main-header-wrapper .site-identity { display: inline-block; vertical-align:middle; line-height:normal; }    /*  padding-top:18px; margin: 3px;  */



header .main-header-wrapper .advertising-block { padding: 20px 85px; border-bottom: 0px solid #222; }
header .main-header-wrapper .advertising-block img { width: 100%; }
header .main-header-wrapper .breaking-news { border-bottom: 1px dotted #555; display: block; margin: 5px 0 0; padding: 22.5px 0 17.5px 205px; position: relative; }
header .main-header-wrapper .breaking-news .block-title { text-transform: uppercase; font-family: "Montserrat", sans-serif; display: inline-block; letter-spacing: 0.1em; background: #dd4b4c; padding: 8px 11.5px; position: absolute; line-height: 1em; font-weight: 700; font-size: 16px; color: #fff; top: 15px; left: 0; }
header .main-header-wrapper .breaking-news .block-body { color: #a9acae; font-size: 17px; line-height: 1em; overflow: hidden; min-height: 30px; }
header .main-header-wrapper .breaking-news .block-body a {  border-bottom: 1px solid transparent; -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
header .main-header-wrapper .breaking-news .block-body a:hover {  }

@media (max-width: 650px) {
  header .main-header-wrapper .breaking-news { display: none; }
}
header .main-header-wrapper .main-nav { font-family: "Montserrat", sans-serif; padding: 11px 0 0; display: block; /*position: relative;*/ }
header .main-header-wrapper .main-nav ul { display: inline-block; margin: 0 25px 0 0; font-size: 0; }
header .main-header-wrapper .main-nav ul li { text-transform: uppercase; display: inline-block; margin: 0 20px 0 0; font-weight: 700; font-size: 18px; color: #fff; }
header .main-header-wrapper .main-nav ul li:last-of-type { margin: 0; }
header .main-header-wrapper .main-nav ul li a:hover {  }
header .main-header-wrapper .main-nav .search-panel-toggle { position: absolute; top: 24px; right: 0; }
header .main-header-wrapper .main-nav .search-panel-toggle i { color: #a22e33; cursor: pointer; font-size: 18px; -webkit-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.15s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
header .main-header-wrapper .main-nav .search-panel-toggle i:hover {  }
header .main-header-wrapper .main-social-block { border-left: 1px solid #dce0e2; text-align: right; }
header .main-social-block { margin: 40px 0 0; }
header .main-social-block .social-platforms .platform { margin-right: 20px; }
header .main-social-block .social-platforms .platform a { min-width: 115px; }
header .main-social-block .social-platforms .platform:last-of-type { margin: 0; }

@media (max-width: 1400px) {
  header .main-header-wrapper .main-nav ul li { font-size: 16px; margin: 0 20px 0 0; }
  header .main-header-wrapper .main-nav ul li:last-of-type { margin: 0; }
}
@media (max-width: 992px) {
  header .main-header-wrapper .site-identity { }
}
@media (max-width: 768px) {
  header .main-header-wrapper { position: relative; }
  header .main-header-wrapper .site-identity {  }
  header .main-header-wrapper .main-social-block { display: none; }
}
@media (max-width: 1700px) {
  header .main-social-block { margin: 15px 0 0; }
  header .main-social-block .social-platforms { padding-bottom: 27.5px; }
  header .main-social-block .social-platforms .platform { margin: 0 15px 0 0; }
  header .main-social-block .social-platforms .platform .title { display: none; }
  header .main-social-block .social-platforms .platform a { min-width: 0; height: 40px; font-size: 13px; padding: 0 15px; line-height: 40px; }
}




footer { font-family: "Montserrat", sans-serif; background: #222; position: relative; padding: 55px 0 0; }
 footer:before, footer:after { width: calc(100% - 40px); position: absolute; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: 0px; content: ""; z-index: 1; left: 50%; }   
footer:before { top: 0; }
footer:after { top: 4px; width: calc(100% - 42px); border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
footer .widgets-area { margin: 0 0 15px; padding: 0 0 40px; border-bottom: 1px solid #dce0e2; }
footer .widgets-area .widget .widget-title { color: #9eaeaf; font-size: 18px; margin: 0 0 30px; line-height: 1em; font-weight: 500; letter-spacing: 0.06em; text-transform: uppercase; }
footer .widgets-area .widget.widget-about img { display: inline-block; margin: 0 0 20px; }
footer .widgets-area .widget.widget-about p { letter-spacing: 0.06em; font-size: 12px; color: #9eaeaf; }
footer .widgets-area .widget.widget-usefull-link ul { list-style-type: none; font-size: 0; padding: 0; margin: 0; }
footer .widgets-area .widget.widget-usefull-link ul li { display: inline-block; padding: 0 20px 0 0; font-size: 14px; color: #9eaeaf; width: 33.33333%; }

footer .sister-publications{  }
footer .sister-publications h4{ color:#fff; }
footer .sister-publications a{ font-size:13px; }
footer .sister-publications a:hover{  }
.sister-title{ }

.footer-sister-publication{ padding:15px;margin:10px;border:1px dotted #666;width:100%}

.sponsor-logo{
  margin-bottom:15px;
  padding-bottom:15px;
/*  border-bottom:1px dotted #ccc;  */
}

.corporate-logo{
  margin-bottom:15px;
  padding-bottom:15px;
/*  border-bottom:1px dotted #ccc;  */
}





@media (max-width: 500px) {
  footer .widgets-area .widget.widget-usefull-link ul li { width: 50%; }
}
footer .widgets-area .widget.widget-usefull-link ul li a { border-bottom: 1px dashed transparent; }
footer .widgets-area .widget.widget-usefull-link ul li a:hover { color: inherit; border-color: #9eaeaf; }
footer .social-section { padding: 0 0 15px; }
footer .social-section .social-block { font-size: 0; }
footer .social-section .social-block li { display: inline-block; margin: 0 35px 0 0; font-weight: 500; font-size: 16px; }
footer .social-section .social-block li:last-of-type { margin: 0; }
footer .social-section .social-block li a:hover { color: #43b9c7; }
footer .social-section .social-block li a i { display: inline-block; position: relative; margin: 0 4px 0 0; font-size: 22px; top: 2px; }
footer .social-section .subscribe-form { float: right; }
footer .social-section .subscribe-form .form-input:focus, footer .social-section .subscribe-form .form-input.has-value { width: 240px; }
footer .copyrights { letter-spacing: 0.04em;  font-weight: 500; font-size: 12px; padding: 24px 0 16px; color: #ccc; }
footer .copyrights a { color: #eee; }
footer .copyrights a:hover { color:#ccc; }

@media (max-width: 1200px) {
  footer .social-section .subscribe-form .form-input { width: 200px; margin-right: 10px; margin-bottom: 10px; }
}
@media (max-width: 992px) {
  footer .social-section { text-align: center; }
  footer .social-section .subscribe-form { margin: 15px 0; float: none; }
}
@media (max-width: 992px) and (max-width: 500px) {
  footer .social-section .subscribe-form .form-input { display: block; margin: 0 auto 15px; }
}




/* Contact */

.contact-bold{ margin-top:20px;font-weight:bold;font-size:20px;font-weight:bold; }
.contact-border-full{ margin-top:10px;margin-bottom:25px;padding-bottom:25px;border-bottom:1px dotted #ccc; }
.contact-border-partial{ margin-bottom:25px;padding-bottom:25px; }

.contact-info-container { padding: 100px 0 45px; max-width: 1210px; min-height: 545px; display: block; margin: 0 auto; }
.contact-info-container h3 { text-transform: uppercase; letter-spacing: 0.3em; line-height: 1em; font-weight: 500; margin: 0 0 75px; color: #a22e33; }
.contact-info-container .contact-info-block { font-family: "Montserrat", sans-serif; margin: 0 0 60px; }
.contact-info-container .contact-info-block .title { text-transform: uppercase; letter-spacing: 0.3em; line-height: 1em; font-weight: 500; margin: 0 0 25px; font-size: 14px; color: #b5bbbc; }
.contact-info-container .contact-info-block .body { letter-spacing: 0.1em; line-height: 1.2em; font-weight: 700; font-size: 20px; }
.contact-info-container .contact-form .title { text-transform: uppercase; letter-spacing: 0.3em; line-height: 1em; font-weight: 500; margin: 0 0 40px; font-size: 14px; color: #b5bbbc; }
@media (max-width: 768px) {
  .contact-info-container h3 { margin: 0 0 40px; }
  .contact-info-container .contact-info-block .title { margin: 0 0 15px; }
  .contact-info-container .contact-info-block .body { font-size: 16px; }
}


.author-info-block { margin: 0 auto; display: block; max-width: 90%; }
@media (max-width: 992px) {
  .author-info-block .author { margin: 0 auto; display: block; }
}
.author-info-block .author-bio-block { font-family: "Montserrat", sans-serif; }
.author-info-block .author-bio-block .title { color: #fff; display: block; font-size: 16px; line-height: 1em; font-weight: 500; margin: -40px 0 50px; letter-spacing: 0.08em; text-transform: uppercase; }
.author-info-block .author-bio-block .body { color: #9eaeaf; font-size: 20px; margin: 0 0 50px; line-height: 1.5em; letter-spacing: 0.02em; }
@media (max-width: 992px) {
  .author-info-block .author-bio-block .title { margin: 50px 0 25px; color: #a22e33; }
}
.author-info-block .author-categories { border: 1px solid #ebebeb; padding: 25px 0 40px; position: relative; max-width: 610px; margin: 0 auto; }
.author-info-block .author-categories:after, .author-info-block .author-categories:before { left: 50%; width: 50%; content: ""; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); position: absolute; border-top: 1px solid #fff; }
.author-info-block .author-categories:after { top: -1px; }
.author-info-block .author-categories:before { bottom: -1px; }
.author-info-block .author-categories h5 { color: #a22e33; font-size: 16px; margin: 0 0 45px; line-height: 1em; letter-spacing: 0.08em; text-transform: uppercase; }
.author-info-block .author-categories a { font-size: 18px; line-height: 1em; margin: 0 40px 0 0; display: inline-block; letter-spacing: 0.04em; font-family: "Montserrat", sans-serif; -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.author-info-block .author-categories a:hover { color: #a22e33; }
.author-info-block .author-categories a:before { content: "#"; color: #a22e33; }
@media (max-width: 992px) {
  .author-info-block .author-categories { margin: 0 auto 75px; }
}

.author-posts-header { position: relative; margin: 0 auto 20px; max-width: 70%; display: block; width: 100%; font-size: 18px; color: #a22e33; font-weight: 500; letter-spacing: 0.08em; }
.author-posts-header span { }
.author-posts-header:before { border-right: 1px solid #e5e5e5; position: absolute; bottom: 0; height: 80px; left: 50%; content: ""; }
.author-posts-header:after { margin: 30px 0 0; display: block; height: 60px; width: 100%; content: ""; border-top: 1px solid #e5e5e5; border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
@media (max-width: 992px) {
  .author-posts-header { max-width: 50%; }
  .author-posts-header:before { display: none; }
}
@media (max-width: 768px) {
  .author-posts-header { max-width: 98%; }
}

/*
@-webkit-keyframes highLight { 0% { -webkit-box-shadow: 0 0 0 1px #da2d34; box-shadow: 0 0 0 1px #da2d34; } 100% { -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } }
@-moz-keyframes highLight { 0% { -webkit-box-shadow: 0 0 0 1px #da2d34; box-shadow: 0 0 0 1px #da2d34; } 100% { -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } }
@-ms-keyframes highLight { 0% { -webkit-box-shadow: 0 0 0 1px #da2d34; box-shadow: 0 0 0 1px #da2d34; } 100% { -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } }
@-o-keyframes highLight { 0% { -webkit-box-shadow: 0 0 0 1px #da2d34; box-shadow: 0 0 0 1px #da2d34; } 100% { -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } }
@keyframes highLight { 0% { -webkit-box-shadow: 0 0 0 1px #da2d34; box-shadow: 0 0 0 1px #da2d34; } 100% { -webkit-box-shadow: 0 0 0 1px transparent; box-shadow: 0 0 0 1px transparent; } }
*/


.error-section { padding: 275px 0 295px; background-image: url(/website/assets/images/404-bg.jpg); background-size: cover; background-position: top center; }
.error-section h1 { color: #fff; font-size: 80px; font-weight: 500; margin: 0 0 20px; letter-spacing: 0; }
.error-section h3 { display: block; color: #96a6b1; max-width: 540px; font-weight: 500; margin: 0 auto 30px; line-height: 1.35em; letter-spacing: 0.3em; text-transform: uppercase; }

@media (max-width: 1400px) {
  .error-section { padding: 200px 0 230px; }
}
@media (max-width: 992px) {
  .error-section { padding: 130px 0 160px; }
}
@media (max-width: 768px) {
  .error-section { padding: 85px 0 90px; }
  .error-section h1 { font-size: 48px; }
}





.post { margin: 0 0 33px; }
.post .author { margin: 0; }
.post .post-title a { -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.post .post-title a:hover {  }
.post .post-title-small a{ font-size:13px;-webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.post .post-title-small a:hover{}

.post .post-cover { position: relative; }
.post .post-cover .post-categories { position: absolute; z-index: 2; right: 0; bottom: 0; }
.post .post-categories { font-family: "Montserrat", sans-serif; padding: 0px 0 0 0px; font-size: 0; }
.post .post-categories li { display: inline-block; margin: 0px; }
.post .post-categories li:last-of-type { margin: 0; }
.post .post-categories li a { -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); text-transform: uppercase; display: inline-block; letter-spacing: 0.1em; padding: 11px 11px; text-align: center; line-height: 1em; font-weight: 300; font-size: 13px; color: #fff; }
.post .post-categories li a:hover { -webkit-box-shadow: 5px 3px 10px rgba(31, 46, 57, 0.2); box-shadow: 5px 3px 10px rgba(31, 46, 57, 0.2); background: #a22e33; }

@media (max-width: 768px) {
  .post .post-categories li { margin: 0 10px 10px 0; }
  .post .post-categories li:last-of-type { margin: 0; }
  .post .post-categories li a { padding: 7px 13px; }
}
@media (max-width: 550px) {
  .post .post-categories { padding: 10px 0 0 10px; }
  .post .post-categories li { margin: 0 7.5px 7.5px 0; }
  .post .post-categories li a { font-size: 11px; }
}


@-webkit-keyframes rotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-moz-keyframes rotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-ms-keyframes rotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@-o-keyframes rotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes rotate { 0% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); -ms-transform: rotate(360deg); transform: rotate(360deg); } }


.newsletter-subscribe-block { margin: 30px 0 90px; padding: 25px 0; background-image: url(/website/assets/images/sub-bg.jpg); background-size: cover; background-position: top center; }
.newsletter-subscribe-block .newsletter-message, .newsletter-subscribe-block .subscribe-form { display: inline-block; }
.newsletter-subscribe-block .subscribe-form { float: right; }
.newsletter-subscribe-block .newsletter-message { margin: 0; color: #fff; font-size: 20px; font-weight: 500; line-height: 1em; padding: 10px 0 0; letter-spacing: 0.1em; display: inline-block; text-transform: uppercase; }
@media (max-width: 992px) {
  .newsletter-subscribe-block { text-align: center; }
  .newsletter-subscribe-block .newsletter-message, .newsletter-subscribe-block .subscribe-form { display: block; float: none; }
  .newsletter-subscribe-block .newsletter-message { margin: 0 0 30px; }
  .newsletter-subscribe-block .subscribe-form .form-input { margin-bottom: 20px; }
}



ul.page-numbers { font-family: "Montserrat", sans-serif; list-style-type: none; margin: 45px 0 50px; text-align: center; font-size: 0; padding: 0; }
ul.page-numbers li { display: inline-block; margin: 0 10px 0 0; }
ul.page-numbers li:last-of-type { margin: 0; }
ul.page-numbers li .page-numbers { display: inline-block; border-radius: 20px; font-weight: 700; font-size: 16px; height: 25px; padding: 0 15px; line-height: 25px; vertical-align: middle; }
ul.page-numbers li .page-numbers:not(.dots) {  }
ul.page-numbers li .page-numbers.dots { padding: 0; font-size: 24px; -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); letter-spacing: 0.125em; }
ul.page-numbers li .page-numbers.next, ul.page-numbers li .page-numbers.prev { font-size: 13px; font-weight: 500; text-transform: uppercase; }
ul.page-numbers li a { -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
ul.page-numbers li a:hover { -webkit-box-shadow: -2px 3px 7px rgba(31, 46, 57, 0.35) !important; box-shadow: -2px 3px 7px rgba(31, 46, 57, 0.35) !important; background: rgba(42, 172, 253, 0.9) !important; }



#page, body { position: relative; }
#page { z-index: 10; background: #fff; -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); }
#page .page-wrapper { position: relative; background: #fff; z-index: 11; }


#side-menu { padding: 100px 75px 100px 60px; font-family: "Montserrat", sans-serif; overflow: auto;  position: fixed; width: 370px; z-index: 9; bottom: 0; left: 0; top: 0; }
#side-menu:after { -webkit-transition-delay: 0.3s; -moz-transition-delay: 0.3s; transition-delay: 0.3s; height: calc(100vh - 40px); top: 20px; right: 0; }
#side-menu:before { -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; height: calc(100vh - 80px); right: 11px; top: 40px; }
#side-menu .side-menu-wrapper { -webkit-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -moz-transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); transition: all 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94); -webkit-transition-delay: 0.35s; -moz-transition-delay: 0.35s; transition-delay: 0.35s; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75); -ms-transform: scale(0.75); transform: scale(0.75); opacity: 0; }
#side-menu .side-menu-wrapper .identity { text-align: center; margin: 0 0 80px; display: block; width: 100%; }
#side-menu .side-menu-wrapper .page-main-links { margin: 0 0 25px; padding: 0 0 30px; border-bottom: 1px solid #a22e33; }
#side-menu .side-menu-wrapper .page-main-links > li { display: block; margin: 0 0 25px; line-height: 1em; }
#side-menu .side-menu-wrapper .page-main-links > li:last-of-type { margin: 0; }
#side-menu .side-menu-wrapper .page-main-links > li > a { text-transform: uppercase; letter-spacing: 0.04em; font-weight: 700; font-size: 22px; }
#side-menu .side-menu-wrapper .page-main-links > li > a:hover { color: #8ed4ff; }
#side-menu .side-menu-wrapper .page-main-links li.submit-editorial a { text-transform: none; font-size: 15px; }
#side-menu .side-menu-wrapper .page-main-links li.submit-editorial a:hover sup { color: #fff; }
#side-menu .side-menu-wrapper .page-main-links li.submit-editorial a sup { top: -1px; left: 5px; font-size: 12px; font-weight: 700; line-height: 1em; position: relative; background: #ff6353; letter-spacing: 0.14em; text-transform: uppercase; padding: 2.5px 7px 2.5px 8px; }
#side-menu .side-menu-wrapper .page-main-links li.has-children > a { display: block; width: 100%; }
#side-menu .side-menu-wrapper .page-main-links li.has-children > a:after { font-family: FontAwesome; position: relative; content: ""; font-weight: 300; float: right; -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
#side-menu .side-menu-wrapper .page-main-links li.has-children > a.expanded:after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); }
#side-menu .side-menu-wrapper .page-main-links li.has-children ul { display: none; margin: 15px 0 0; }
#side-menu .side-menu-wrapper .page-main-links li.has-children ul li { font-size: 12px; margin: 0 0 15px; font-weight: 500; line-height: 1.2em; letter-spacing: 0.04em; }
#side-menu .side-menu-wrapper .page-main-links li.has-children ul li a:hover { color: #8ed4ff; }
#side-menu .side-menu-wrapper .social-block li { display: inline-block; margin: 0 25px 0 0; }
#side-menu .side-menu-wrapper .social-block li:last-of-type { margin: 0; }
#side-menu .side-menu-wrapper .social-block li i { color: #fff; font-size: 22px; -webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
#side-menu .side-menu-wrapper .social-block li i:hover { color: #8ed4ff; }

@media (max-width: 500px) {
  #side-menu { padding: 50px 35px 50px 30px; width: 285px; }
  #side-menu .side-menu-wrapper .identity { margin: 0 0 45px; text-align: left; }
}

.side-menu-toggle { -webkit-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); -moz-transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1); vertical-align: middle; position: fixed; text-align: center;  line-height: 35px; overflow: hidden; cursor: pointer; z-index: 666667; height: 55px; width: 55px; top: 35px; left: 0; }
.side-menu-toggle:hover:after { -webkit-transform: translateX(-60%); -ms-transform: translateX(-60%); transform: translateX(-60%); }
.side-menu-toggle i { z-index: 2; color: #fff; font-size: 15px; line-height: 1em; position: relative; font-family:arial; }
.side-menu-open { overflow-x: hidden; }
.side-menu-open .side-menu-toggle { -webkit-transform: translateX(370px); -ms-transform: translateX(370px); transform: translateX(370px); }
@media (max-width: 500px) {
  .side-menu-open .side-menu-toggle { -webkit-transform: translateX(285px); -ms-transform: translateX(285px); transform: translateX(285px); }
}
.side-menu-open #side-menu { overflow-x: hidden; }
.side-menu-open #side-menu:before, .side-menu-open #side-menu:after { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); opacity: 1; }
.side-menu-open #side-menu:hover:before { -webkit-transform: translateX(65%); -ms-transform: translateX(65%); transform: translateX(65%); }
.side-menu-open #side-menu:hover:after { -webkit-transform: translateX(40%); -ms-transform: translateX(40%); transform: translateX(40%); }
.side-menu-open #side-menu .side-menu-wrapper { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.side-menu-open #page { -webkit-transform: translateX(370px) !important; -ms-transform: translateX(370px) !important; transform: translateX(370px) !important; }
.side-menu-open #page .page-wrapper { -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15); }
@media (max-width: 500px) {
  .side-menu-open #page { -webkit-transform: translateX(285px) !important; -ms-transform: translateX(285px) !important; transform: translateX(285px) !important; }
}




.main-social-block { margin: 60px 0 0; }
.main-social-block .social-platforms { padding: 15px 0 35px; font-size: 0; }
.main-social-block .social-platforms .platform { font-size: 0; margin: 0 40px 0 0; display: inline-block; font-family: "Montserrat", sans-serif; }
.main-social-block .social-platforms .platform:last-of-type { margin: 0; }
.main-social-block .social-platforms .platform .title { text-transform: uppercase; letter-spacing: 0.2em; line-height: 1em; margin: 0 0 7.5px; font-size: 10px; color: #d0d1d2; display: block; }
.main-social-block .social-platforms .platform a { height: 50px; color: #fff; font-size: 16px; min-width: 130px; line-height: 50px; border-radius: 30px; letter-spacing: 0.1em; display: inline-block; vertical-align: middle; -webkit-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53); }
.main-social-block .social-platforms .platform a:hover { -webkit-box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.2); box-shadow: -4px 4px 10px 0px rgba(0, 0, 0, 0.2); }
.main-social-block .social-platforms .platform a:before { font-family: FontAwesome; display: inline-block; position: relative; line-height: 1em; font-size: 22px; top: 2px; }
.main-social-block .social-platforms .platform a.facebook { background: #3b5998; }
.main-social-block .social-platforms .platform a.facebook:hover { background: #43609d; }
.main-social-block .social-platforms .platform a.facebook:before { content: ""; }
.main-social-block .social-platforms .platform a.twitter {  }
.main-social-block .social-platforms .platform a.twitter:hover { background: #67b5f0; }
.main-social-block .social-platforms .platform a.twitter:before { content: ""; }
.main-social-block .social-platforms .platform a.g-plus { background: #d95333; }
.main-social-block .social-platforms .platform a.g-plus:hover { background: #e85c3b; }
.main-social-block .social-platforms .platform a.g-plus:before { content: ""; }

@media (max-width: 1600px) {
  .main-social-block .social-platforms { padding: 10px 0 25px; }
  .main-social-block .social-platforms .platform { margin: 0 20px 0 0; }
  .main-social-block .social-platforms .platform a { height: 40px; min-width: 100px; line-height: 40px; font-size: 14px; text-align: center; }
  .main-social-block .social-platforms .platform a:before { font-size: 18px; }
  .main-social-block .social-platforms .platform:last-of-type { margin: 0; }
}
@media (max-width: 1600px) {
  header .main-social-block .social-platforms { padding: 10px 0 25px; }
  header .main-social-block .social-platforms .platform { display: block; margin: 0 0 20px; text-align: right; }
  header .main-social-block .social-platforms .platform .title { padding-right: 20px; }
}
@media (max-width: 992px) {
  .main-social-block { margin: 25px 0 0; }
  .main-social-block .social-platforms { text-align: center; }
  .main-social-block .social-platforms .platform { display: inline-block; margin: 0 15px 0 0; }
  .main-social-block .social-platforms .platform:last-of-type { margin: 0; }
  header .main-social-block { margin: 25px 0 0; }
  header .main-social-block .social-platforms { text-align: center; }
  header .main-social-block .social-platforms .platform { display: inline-block; margin: 0 15px 0 0; }
  header .main-social-block .social-platforms .platform:last-of-type { margin: 0; }
}



@media (min-width: 992px) {
  .single-post-area { position: relative; }
  .single-post-area .container-fluid { padding-right: 0; }
  .single-post-area .container-fluid > .row:first-of-type { margin-right: 0; }
  .single-post-area .container-fluid > .row > .col-md-9 { width: 70%; }
  .single-post-area .container-fluid > .row > .col-md-3 { width: 30%; }
}

.single-post-area .single-post-container { background: #fff; position: relative; }
.single-post-area .single-post-container .single-post { padding: 50px 0; }
.single-post-area .single-post-container .single-post .readable-post-area { padding: 0 0 30px; }
.single-post-area .single-post-container .single-post .single-post-meta { letter-spacing: 0em; font-weight: 300; margin: 0 0 30px; font-size: 12px; color: #bebebe; margin-bottom:25px; }
.single-post-area .single-post-container .single-post .single-post-meta .post-author { margin: 0 5px 0 0; color: #666666; }
.single-post-area .single-post-container .single-post .single-post-meta .post-author .author {  margin: 0; }
.single-post-area .single-post-container .single-post .single-post-meta .post-author .author:hover {  }
.single-post-area .single-post-container .single-post .single-post-meta .author-email { margin: 0 0 0 15px; }
.single-post-area .single-post-container .single-post .single-post-meta .author-email i { display: inline-block; margin: 0 5px 0 0;  }
.single-post-area .single-post-container .single-post .single-post-meta .author-social-network { margin: 0 0 0 15px; }
.single-post-area .single-post-container .single-post .single-post-meta .author-social-network:before { font-family: FontAwesome; display: inline-block; position: relative; margin: 0 5px 0 0; font-size: 16px; top: 2px; }
.single-post-area .single-post-container .single-post .single-post-meta .author-social-network.twitter:before { content: ""; color: #38c8f7; }
.single-post-area .single-post-container .single-post .post-cover blockquote { width: 100%; display: inline-block; font-family: "Montserrat", sans-serif; background-image: url(../img/blockquote-bg.jpg); background-position: top center; background-size: cover; padding: 45px 95px 50px; color: #fff; font-size: 26px; font-weight: 500; line-height: 1.5em; letter-spacing: 0.06em; }
.single-post-area .single-post-container .single-post .post-cover blockquote p { margin: 0; font-size: inherit; line-height: inherit; letter-spacing: inherit; }
.single-post-area .single-post-container .single-post .post-cover blockquote footer { border-top: 1px solid rgba(255, 255, 255, 0.2); text-transform: uppercase; letter-spacing: 0.06em; padding: 25px 0 0; margin: 30px 0 0; text-align: right; display: inline-block; width: 100%; background: 0; font-weight: 500; font-size: 16px; line-height: 1em; }
.single-post-area .single-post-container .single-post .post-cover blockquote footer:before, .single-post-area .single-post-container .single-post .post-cover blockquote footer:after { display: none; }
.single-post-area .single-post-container .single-post .post-body { padding: 50px 7.5% 0; }
.single-post-area .single-post-container .single-post .post-body .big-image { margin-left: -7.5%; margin-right: -7.5%; }
.single-post-area .single-post-container .single-post .post-body .big-image a { outline: none; }
.single-post-area .single-post-container .single-post .post-body .big-image img { margin-bottom: 30px; cursor: -webkit-zoom-in; cursor: -moz-zoom-in; cursor: zoom-in; }
.single-post-area .single-post-container .single-post .post-body p { color: #636768; font-size: 18px; margin: 0 0 30px; line-height: 1.6em; letter-spacing: 0.02em; }
.single-post-area .single-post-container .single-post .post-body p::selection { background: #2a3239; color: #fff; }
.single-post-area .single-post-container .single-post .post-body p::-moz-selection { background: #2a3239; color: #fff; }
.single-post-area .single-post-container .single-post .share-block { padding: 0 20% 0; }
.single-post-area .single-post-container .single-post .share-block .main-social-block { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; padding: 35px 0; margin: 0 0 30px; }
.single-post-area .single-post-container .single-post .share-block .main-social-block .social-platforms { padding: 0; }
.single-post-area .related-posts { padding: 0 7.5%; }
.single-post-area .related-posts h4 { display: block; color: #b5bbbc; font-size: 14px; margin: 0 0 30px; font-weight: 500; letter-spacing: 0.3em; text-transform: uppercase; }
.single-post-area .related-posts .similar-post .post-cover { position: relative; overflow: hidden; margin: 0 0 20px; }
.single-post-area .related-posts .similar-post .post-cover:hover:after { opacity: 1; }
.single-post-area .related-posts .similar-post .post-cover img { width: 100%; }
.single-post-area .related-posts .similar-post .post-cover:after { -webkit-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); -moz-transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); transition: all 0.25s cubic-bezier(0.445, 0.05, 0.55, 0.95); background: rgba(0, 157, 255, 0.3); pointer-events: none; position: absolute; content: ""; opacity: 0; bottom: 0; right: 0; left: 0; top: 0; }
.single-post-area .related-posts .similar-post .post-title { line-height: 1.45em; font-weight: 500; color: #262b2d; margin: 0; }

@media (max-width: 600px) {
  .single-post-area .related-posts .col-xs-4 { width: 100%; }
  .single-post-area .related-posts .similar-post .post-title { line-height:1.2em;font-size:15px; }
}

.single-post-area .single-post { -webkit-transition: all 0.85s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.85s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.85s cubic-bezier(0.455, 0.03, 0.515, 0.955); opacity: 1; }
.single-post-area .single-post.delayed { opacity: 0; }

@media (max-width: 1400px) {
  .single-post-area .single-post-container .single-post { padding: 30px 0; margin: 0; }
  .single-post-area .single-post-container .single-post .share-block { padding: 0 7.5%; }
  .single-post-area .single-post-container .single-post .comments-area-wrapper { padding: 0 7.5%; }
}
@media (max-width: 768px) {
  .single-post-area .single-post-container .single-post .post-body { padding: 25px 5% 0; }
  .single-post-area .single-post-container .single-post .post-body .big-image { margin-left: -5%; margin-right: -5%; }
  .single-post-area .single-post-container .single-post .post-body .big-image img { margin: 0 0 15px; }
  .single-post-area .single-post-container .single-post .post-body p { margin: 0 0 15px; }
}



.sidebar-wrapper { padding: 0 15px 0 0; }
.sidebar-wrapper .sidebar { font-family: "Montserrat", sans-serif; padding: 20px 0; }
.sidebar-wrapper .sidebar .widget { margin: 0 0 35px; }
.sidebar-wrapper .sidebar .widget .widget-title { font-size: 14px; font-weight: 500; line-height: 1em; margin: 0 0 30px; padding: 0 0 0 30px; letter-spacing: 0.03em; text-transform: uppercase; }

.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.25s cubic-bezier(0.55, 0.085, 0.68, 0.53); text-transform: uppercase; vertical-align: middle; letter-spacing: 0.14em; border-radius: 25px; background: #fff; line-height: 45px; padding: 0 50px; font-size: 12px; color: #464646; height: 45px; width: 100%; }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input::-webkit-input-placeholder { color: #bcbcbc; }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input:-moz-placeholder { color: #bcbcbc; }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input.placeholder { color: #bcbcbc; }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input:focus, .sidebar-wrapper .sidebar .widget.widget_search .search-form .form-input.has-value { -webkit-box-shadow: 0px 0px 7.5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 7.5px 0px rgba(0, 0, 0, 0.15); }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .search-title-wrapper { padding: 25px 0 0 30px; }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .search-title-wrapper .search-title { margin: 0 0 25px; color: #262b2d; font-size: 14px; font-weight: 500; letter-spacing: 0.04em; }
.sidebar-wrapper .sidebar .widget.widget_search .search-form .search-title-wrapper .search-title span {  }

.sidebar-wrapper .sidebar .widget.widget_social { display: block; width: 100%; overflow: hidden; }
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form { position: relative; display: block; max-width: 400px; }
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input { display: block; width: 100%; font-size: 12px; line-height: 36px; vertical-align: middle; padding: 0 160px 0 20px; color: #464646; letter-spacing: 0.075em; -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); }
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input::-webkit-input-placeholder { color: #bcbcbc; }
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input:-moz-placeholder { color: #bcbcbc; }
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .subscribe-input.placeholder { color: #bcbcbc; }
.sidebar-wrapper .sidebar .widget.widget_social .subscribe-form .btn { position: absolute; padding: 12px 30px; font-size: 12px; right: 0; top: 0; }
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block { margin: 15px 0 0; }
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block .social-platforms { padding-bottom: 27.5px; }
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block .social-platforms .platform { margin: 0 15px 0 0; }
.sidebar-wrapper .sidebar .widget.widget_social .main-social-block .social-platforms .platform a { min-width: 0; height: 40px; font-size: 13px; padding: 0 15px; line-height: 40px; }






.authors-list { margin: 0 auto 50px; max-width: 1400px; display: block; font-size: 0; }
.authors-list .author { display: inline-block; margin-left: 13.25%; width: 24.5%; }
.authors-list .author:nth-child(3n+1) { margin-left: 0; }
.authors-list + .page-numbers { margin: 0 0 50px; }

@media (max-width: 1200px) {
  .authors-list .author { margin-left: 10%; width: calc(80% / 3); }
}
@media (max-width: 992px) {
  .authors-list .author { width: 44%; margin-left: 12%; }
  .authors-list .author:nth-child(3n+1) { margin-left: 12%; }
  .authors-list .author:nth-child(2n+1) { margin-left: 0; }
}
@media (max-width: 560px) {
  .authors-list .author { width: 80%; margin-left: 10% !important; }
}

.author { font-family: "Montserrat", sans-serif; display: inline-block; margin-bottom: 50px; text-align: center; max-width: 380px; }
.author .thumbnail { display: inline-block; position: relative; margin: 0 0 25px; }
.author .thumbnail:hover:before { -webkit-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); }
.author .thumbnail:hover:after { -webkit-transform: translateX(5px); -ms-transform: translateX(5px); transform: translateX(5px); }
.author .thumbnail:before, .author .thumbnail:after { -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.185s cubic-bezier(0.55, 0.085, 0.68, 0.53); -moz-transition: all 0.185s cubic-bezier(0.55, 0.085, 0.68, 0.53); transition: all 0.185s cubic-bezier(0.55, 0.085, 0.68, 0.53); background: #f5f5f5; position: absolute; content: ""; width: 20px; }
.author .thumbnail:before { height: calc(100% - 40px); left: -20px; top: 20px; }
.author .thumbnail:after { height: calc(100% - 20px); left: -10px; top: 10px; }
.author .thumbnail img { -webkit-box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: -2px 2px 5px 0px rgba(0, 0, 0, 0.15); position: relative; z-index: 4; }
.author .user-meta .name { margin: 0 0 30px; color: #a22e33; font-size: 26px; font-weight: 700; letter-spacing: 0.08em; }
.author .user-meta .name a:hover {  }
.author .user-meta .nr-of-posts { max-width: 180px; font-size: 16px; display: block; margin: 0 auto 30px; color: #fff; line-height: 50px;  height: 50px; border-radius: 25px; vertical-align: middle; -webkit-transition: all 0.25s ease-in-out; -moz-transition: all 0.25s ease-in-out; transition: all 0.25s ease-in-out; }
.author .user-meta .nr-of-posts:hover { -webkit-box-shadow: -4px 4px 10px 0px rgba(31, 46, 57, 0.2); box-shadow: -4px 4px 10px 0px rgba(31, 46, 57, 0.2); background: #a22e33; }
.author .user-meta .social-block { font-size: 0; }
.author .user-meta .social-block li { display: inline-block; margin: 0 40px 0 0; }
.author .user-meta .social-block li:last-of-type { margin: 0; }
.author .user-meta .social-block li i { font-size: 22px; }
.author .user-meta .social-block li i.fa-facebook { color: #3b5998; }
.author .user-meta .social-block li i.fa-twitter {  }
.author .user-meta .social-block li i.fa-youtube { color: #bb0000; }
.author .user-meta .social-block li i.fa-google-plus { color: #dd4b39; }
.author .user-meta .social-block li i.fa-pinterest { color: #cb2027; }
.author .user-meta .social-block li i.fa-tumblr { color: #32506d; }
.author .user-meta .social-block li i.fa-flickr { color: #ff0084; }
.author.single .thumbnail { margin-top: -35%; }
.author.single .thumbnail img { border: 9px solid #fff; -webkit-box-shadow: none; box-shadow: none; }
.author.single .thumbnail:before, .author.single .thumbnail:after { display: none; }




.scroll-top-wrapper { -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; font-family: "Montserrat", sans-serif; display: inline-block; position: fixed; bottom: 20px; right: 30px; z-index: 99; opacity: 0; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); }
.scroll-top-wrapper.visible { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
.scroll-top-wrapper .scroll-top-page, .scroll-top-wrapper .scroll-top-article { -webkit-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.15); -webkit-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.3s cubic-bezier(0.455, 0.03, 0.515, 0.955); -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; vertical-align: middle; display: block; background: #fafafa; text-align: center; border-radius: 50%; position: relative; line-height: 42px; font-weight: 300; overflow: hidden; cursor: pointer; font-size: 12px; color: #60686d; height: 42px; width: 42px; }
.scroll-top-wrapper .scroll-top-page .placeholder, .scroll-top-wrapper .scroll-top-page .fa, .scroll-top-wrapper .scroll-top-article .placeholder, .scroll-top-wrapper .scroll-top-article .fa { -webkit-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); -moz-transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); transition: all 0.25s cubic-bezier(0.455, 0.03, 0.515, 0.955); }
.scroll-top-wrapper .scroll-top-page .placeholder, .scroll-top-wrapper .scroll-top-article .placeholder { color: #60686d; font-size: 11px; font-weight: 300; display: inline-block; opacity: 0; }
.scroll-top-wrapper .scroll-top-page .fa, .scroll-top-wrapper .scroll-top-article .fa { line-height: 42px; font-size: 16px; }
.scroll-top-wrapper .scroll-top-article { -webkit-transition-delay: 0.25s; -moz-transition-delay: 0.25s; transition-delay: 0.25s; visibility: hidden; -webkit-transform: translateY(100%); -ms-transform: translateY(100%); transform: translateY(100%); opacity: 0; }
.scroll-top-wrapper .scroll-top-article .placeholder { opacity: 1; }
.scroll-top-wrapper:hover .scroll-top-page { background: #f0f0f0; }
.scroll-top-wrapper:hover .scroll-top-page .fa, .scroll-top-wrapper:hover .scroll-top-page .placeholder { -webkit-transform: translateY(-100%); -ms-transform: translateY(-100%); transform: translateY(-100%); opacity: 1; }
.scroll-top-wrapper:hover .scroll-top-article { visibility: visible; -webkit-transform: translateY(-20%); -ms-transform: translateY(-20%); transform: translateY(-20%); opacity: 1; }

.breadcrumbs { margin: 0 0 20px; }
.breadcrumbs h2 { font-weight: 300; text-align: center; }
.breadcrumbs h2 span { }


.margin-b-full li a{ text-decoration:underline; }
.margin-b-full li a:hover{ color:#000; text-decoration:none; }
.post-content a{ text-decoration:underline; }
.post-content a:hover{color:#000; text-decoration:none; }

.readable-post-area a{ text-decoration:underline; }
.readable-post-area a:hover{color:#000; text-decoration:none; }



/* banners / adverts */

.replace-home-banners-with-leaderboards{ display:none; margin-top:33px;}

.a-skyscraper{ margin-bottom:33px; }

.double-skyscraper{ display:none;}

@media (max-width: 992px) {

   .fake{}
   .double-skyscraper{ display:block;}
   
   
   .sidebar-wrapper-sky{
      display:none;
   }
   
   
   #theiaStickySidebar{
      /*  display:none; */                                                                
   }
   
}

@media (max-width: 767px) {
  .fake{}
  .left-mpu{ padding:0px !important; padding-right:15px !important; }
  .right-mpu{ padding:0px !important;padding-left:15px !important; }
  .wider-main{padding:0px !important;}
/*
  #skyscraper-4{display:none;}
  #skyscraper-5{display:none;}
  #skyscraper-6{display:none;}
  .a-skyscraper{display:none;}  
  */
  .extra-banners{ display:none; }
  .replace-home-banners-with-leaderboards{ display:block; }

  .post-content{ padding:25px;padding-bottom:0px; }
  .sidebar-wrapper{padding:25px !important;}

}


@media (max-width: 600px) {


}


@media (max-width: 480px) {

    .fake{}
    .post-content{ padding:25px; }
    .double-skyscraper{ display:none;}

}


.margin-b-full{ margin-left:20px; padding-left:10px; }












/* Mega Mike Ovelay Menu - might be the old one */

.menu-wrapper { padding: 15px 0;position:fixed;max-height:100vh;display:flex;flex-direction: column;overflow-y: scroll; height:auto; }
.menu-fluid { max-width: 1600px; padding-left: 10%; padding-right: 10%;  }  /* was 1600 */

#mike-menu{ position:absolute; height:100% width:100%; left:0px; top:0px; right:0px; bottom:0px; background-size: cover; background-color:rgba(0,0,0,0.8); z-index:666666; display:none; }

.menu-heading{ padding:6px; padding-left:15px;  font-weight:bold; font-size:20px;  }
ul.menu-column{ list-style:none; background-color:#444; height:20vh; }
ul.menu-column li{ list-style:none; line-height:1.5; border-bottom:1px dashed #777; }
ul.menu-column li a{ padding:6px; padding-left:15px; width:100%; display:inline-block; color:#fff; }
ul.menu-column li a:hover{ background-color:#666; }

@media (max-width: 767px) {
  #right-menu-bit-top{ display:none; }
  #left-menu-bit-top{ display:none; }
  ul.menu-column{ list-style:none; height:auto; }
}

@media (max-width: 1326px) {
  .menu-heading{ font-size:15px; }
  ul.menu-column li a{ font-size:13px; }
}

@media (max-width: 992px) {
  .menu-heading{ font-size:20px; }
  ul.menu-column li a{ font-size:18px; }
}









/* OLD homepage news slider gubbins */





.homepage-slider{ background-color:#000;height:80px;  background-size: cover;  background-position: top center; }
.homepage-slider:hover{ opacity:0.8; }

#homepage-slider-big{ height:450px; }

#home-news-sliding h4{ font-size:66px;padding:0px;margin:0px;padding:25px;color:#fff;background-color:rgba(0,0,0,0.5) }


@media (max-width: 1400px) {

  #homepage-slider-big{ height:350px; }
  #home-news-sliding h4{ font-size:50px;}


}

@media (max-width: 1400px) {

  #homepage-slider-big{ height:320px; }
  #home-news-sliding h4{ font-size:45px;}
}

@media (max-width: 1200px) {

  #homepage-slider-big{ height:290px; }
  #home-news-sliding h4{ font-size:33px;}
  #nav-bits ul li a{font-size:13px;}

}
@media (max-width: 992px) {

  #nav-bits ul li a{font-size:11px;}


  #homepage-slider-big{ height:180px; }
  .homepage-slider{ height:50px; }
  #home-news-sliding h4{ font-size:25px;}



}
@media (max-width: 768px) {

    #homepage-slider-big{ height:250px; }
   #home-news-sliding h4{ font-size:20px;}

   .extra-banners img{ padding-bottom:65px;}

}
@media (max-width: 480px) {

  #home-news-sliding{display:none;} /**/

}


/* new homepage news slider works but is not impressive at all so needs replacing with something that is actually nice to look at */

 .slider-for{border:1px solid #eee; position:relative;}
.slider-nav div{ margin:5px; margin-top:3px;}
.slider-nav img{ border:1px solid #eee;}
.caption{ position: absolute; left:0; right: 0; bottom: 0; width:100%; padding: 15px; background-color: rgba(0, 0, 0, 0.6); z-index: 50; color:#fff;font-size:20px;line-height:20px;}
.slider-nav .caption{display:none;}
.slider-nav img{cursor:pointer;}

.slider-for{ margin:0px;padding:0px;}
.slider-nav{ margin:0px;padding:0px;}

/*
@media (max-width: 2800px) {

     #pop-menu-mid{ display:none; }
      #pop-menu{ display:none; }
}


@media (max-width: 1400px) {

         #pop-menu-mid{ display:none; }
    #pop-menu{ display:none !important; }
    
}
*/
@media (max-width: 1280px) {

  #pop-menu{ display:block;   }
  #fogey-menu{  display:none; } 
  #pop-menu-mid{ display:none; }
  .super-top-menu{display:none;}

}
@media (min-width: 1281px) {

  #pop-menu{ display:none; }
  #fogey-menu{  display:block; } 
  #pop-menu-mid{ display:none; }
  .super-top-menu{display:block;}

}

/*

@media (max-width: 992px) {

     #pop-menu{ display:none; }
}

@media (max-width: 768px) {

   .caption{ padding: 15px; font-size:20px;line-height:20px;}

    .mid-banners{ display:none; }
    
    #pop-menu-mid{ display:none; }
    

    #pop-menu{ display:block !important; }

    
}


@media (max-width: 480px) {



}


*/






/* menu */

.m-link{ color:#fff; margin-left:5px;}
.m-link:hover{color:#fff;text-decoration:underline;}


#nav-bits{ margin-top:0px; }
#nav-logo{ margin-top:-15px; width:285px; }
#menu-icon{ width:48px; }
#menu-icon-2{ width:48px; }

#fogey-menu{ margin-top:10px;margin-top:1%; margin-right:-40px; }
#fogey-menu a{ font-size:13px; }
/*
#pop-menu{ display:none;}
#pop-menu-mid{ display:none; }

*/

#normal-nav{ 
/*  overflow:hidden; 
position:fixed;     
z-index:123456789;
*/

width:100%;


box-shadow: 0 4px 2px -2px gray;
height:75px;
background: rgba(0,0,0,1);

}




#main-menu{ top:25px;left:25px;position:absolute;z-index:123456;  }
#close-menu{ top:35px;right:35px;position:absolute;z-index:123456;   }

#big-menu { background-color:#333;width:100%; display: none; position: fixed; overflow-y: scroll; overflow-x: hidden; top:0; bottom:0; left:0; right:0; z-index:12345; }
.container-menu { max-width: 1000px; margin-right:auto;margin-left:auto; }



.menu-top-story-title { padding:6px; }







/* register form additions broke on smaller screens. I am becoming fed up of relying on bootstrap for screen sizes.

.fieldOuter {   margin: 0 0 0 0; font-family: calibri; margin-bottom:25px; }
.fieldOuter label { display:none; }


@media (min-width: 1200px) {   
   .fake {}


   
  .fieldOuter {  position: relative; margin: 0 0 0 0; font-family: calibri; margin-bottom:25px; }
                                          
  .fieldOuter input { transition: all 1s; }
                                          
  .fieldOuter label { display:block;  position: absolute; left:0px; top: 0; line-height:42px; transition: all 0.5s; overflow: hidden; color: #fff; white-space: nowrap; z-index: 1; opacity: 0; }
  
  .fieldOuter input:focus + label { opacity: 1; top: -18px; }
  
  .fieldOuter input:focus { outline: none; border-color: rgba(82, 168, 236, 0.8); }



}

*/

.fieldOuter label { color:#fff;margin-top:10px; }


/*
.menu-heading-line{ background-color:#d71921;color:#fff;text-align:left;padding:3px;padding-left:10px;font-size:21px;font-family:Lato;font-weight:900; }

.menu-top-story-title{ text-align:left !important;padding-left:5px; }
.menu-top-story-title a{ color:#d71921;font-size:18px;margin-bottom:5px;text-align:left !important;margin-left:0px; }

.menu-top-story-info{ color:#888;font-size:12px;font-family:Lato;margin-bottom:5px;text-align:left; }

.menu-line{ line-height:42px;text-align:left; }
.bottom-dotted{ border-bottom:1px dotted #d71921; }
.top-dotted{ border-top:1px dotted #d71921; }

.sub-button{ font-size:18px; background-color:#e6e031; border-radius:5px; color:#222 !important; padding:8px;padding-left:13px;padding-right:13px; margin:0px !important; }
.sub-button:hover{ background-color:#d71921; color:#fff !important; }
.raq{ color:#d71921; }
.mag-issue-small{ display:none;}
.mag-issue-sub{ display:none;}
*/


   /* was 1600 */
   /*
@media (min-width: 1400px) { 
   .fake {}

   #pop-menu{ display:none;}
   #fogey-menu{display:block;}

}
*/ 

/* was 760 */


 /*
@media (max-width: 1280px) {   
  .fake {}

  #pop-menu{ display:block;}
  #fogey-menu{display:none;}

}
*/
/* mike's animated sub-menu for large screens */

.mmm{ }
.subber{ display:none;color:#fff !important; font-size:15px;font-weight:bold;text-align:left;}
.subber ul{list-style:none;padding:0px;margin:0px;padding-left:20px;}
.subber ul li{list-style:none;padding:0px;margin:0px;float:left;padding-top:5px;}
.subber ul li a{font-size:11px;color:#fff;padding:10px !important;}
.subber ul li a:hover{color:#333 !important;}

#sub-menu-news{ border-radius:5px 5px 0px 0px; margin-left:122px;width:1025px; }
#sub-menu-magazine{ border-radius:5px 5px 0px 0px; margin-left:270px;width:200px; }
#sub-menu-videos{ border-radius:5px 5px 0px 0px; margin-left:177px;width:510px; }
#sub-menu-events{ border-radius:5px 5px 0px 0px; margin-left:336px;width:365px; }
#sub-menu-publications{ border-radius:5px 5px 0px 0px; margin-left:80px;width:1150px; }
#sub-menu-buyers{ border-radius:5px 5px 0px 0px; margin-left:563px;width:505px; }
#sub-menu-advertise{ border-radius:5px 5px 0px 0px; margin-left:729px;width:420px; }
#sub-menu-contact{ border-radius:5px 5px 0px 0px; margin-left:500px;width:730px; }
#sub-menu-register{ border-radius:5px 5px 0px 0px; margin-left:945px;width:285px; }

#sub-menu-test{ border-radius:5px 5px 0px 0px; background-color:#fab31d; padding-top:25px;height:200px;}



@media (max-width: 480px) {
   .fake {}
   .hider{ display:none; }
   .shower{ display:block; }
}

@media (min-width: 481px) {
   .fake {}
   .hider{ display:block; }
   .shower{ display:none; }
}



@media only screen and (max-width: 600px) {
  .bottom-menu { -webkit-flex-direction: column; flex-direction: column; height: 200px }
  .newsletter-signup input { display: block; width: 150px; margin: 15px auto; padding: 10px 0; }
  .newsletter-signup button { width: 150px; margin: auto; }
}

@media (max-width: 768px) {
   .fake {}
   .mag-issue-big{ display:none;  }
   .mag-issue-small{ display:block; margin-top:15px; }
   .mag-issue-sub{ display:block; margin-top:5px;  }
   .menu-margin-right{ margin-right:20px; }
   .menu-margin-left{ margin-left:20px; }
}

@media (max-width: 992px) {
   .fake {}
   .sub-button{ font-size:12px !important; font-weight:normal;  }
   .magazine-hider{ display:none; }
   .magazine-latest{ font-size:12px !important; }
}


#mega-mag{display:block;}

@media (max-width: 1200px) {
   .fake {}
   .mag-title{ font-size:15px !important;}
   #mega-mag{display:none;}
}

/* ************************* end menu ******************************** */








/* Videos */

.a-grid-video{ margin-bottom:25px;min-height:200px; }
.a-grid-video:hover span{  }

.video-grid-item{ padding:15px; width:100%;}  /* hmmm to the padding - indeed */
.video-grid-item:hover{border 1px solid #eee;}

#youtube-video{margin:15px;}
.player-controls{ margin-top:5px; }
.player-controls button{ padding:10px; padding-top:5px; padding-bottom:5px; border-radius:3px;  }
.videoTitle{ font-size:25px;padding:25px;padding-bottom:15px;padding-top:0px; }
.post-content{ padding:25px;padding-top:10px; }



/* News list */

.news-list-title-link{ font-size:15px !important;font-weight:bold;font-family:Montserrat; }
.news-list-title-link:hover{ color:#333 !important; }



/* Article */


/* table in article required */

.post-content div table td{  text-align: left !important; vertical-align:top;border-bottom:1px dotted #ccc;padding:3px;}


#more-news-articles{ display:block; padding:25px;}
#more-news-articles2{ display:block; padding:25px;}
.more-articles-heading{ margin-bottom:25px; padding:5px;padding-left:15px; }

.news-title-area{height:111px; overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ccc;}
.news-title-area-feature{height:75px; overflow:hidden;margin-bottom:10px;padding-bottom:10px;border-bottom:1px dotted #ccc;}

.news-title{ font-size:15px;font-weight:bold; font-family: "Montserrat";   }
.news-title:hover{color:#555;}

.mini-news-title{ font-size:12px;font-weight:bold; font-family: "Montserrat";   }
.mini-news-title:hover{color:#555;}

.mini-news{ padding-bottom:11px;margin-bottom:18px;border-bottom:1px dotted #ccc; }

@media (max-width: 600px) {   /* should this be 560 */
   .fake {}
  .news-title-area{}
  .news-title{font-size:15px;}
  .mini-news-title{ font-size:11px; line-height:1.2;}
}


@media (max-width: 767px) {

  .mini-news{height:142px;}   /* good move */



}

@media (max-width: 1200px) {
   .fake {}
   .news-title-area{height:90px;display:block; }
   .news-title{font-size:20px;display:block;}
   .mini-news-title{ line-height:1.2;display:block;}
}


@media (max-width: 1600px) {
   .fake {}
   .news-title{font-size:15px;}
}

@media (max-width: 2000px) {
   .fake {}
   .news-title{font-size:15px;}
}



/* subscribe overlay */


button.optin{  font: bold 16px Arial;  cursor: pointer; border-radius: 8px; padding: 5px 20px; }

#subs{ width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); position: fixed; left: 0; top: 0; z-index: 12346; visibility: hidden; font: normal 16px 'Patua One', cursive; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; overflow: hidden; }
#subs *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

.reg-input{ font-size:1em; }


.subscribecontent{ position: relative; margin-top: 80px; padding: 0 20px; z-index: 1; margin-left:auto;margin-right:auto; max-width:1200px; }
.subscribecontent .subscribetextcontainer{ opacity: 0; display: block; font-size: 1.4em; line-height: 1.3; outline: 1px solid transparent; }
.subscribecontent .subscribetextcontainer .headline{ font-weight: bold; font-size:2em; text-transform: uppercase; color:#fff; }
.subscribecontent .subscribetextcontainer .reg-headline{ font-weight: bold; font-size:2em; text-transform: uppercase; color:#fff; }
.subscribecontent .subscribetextcontainer .normals{  color:#eee; }

.subscribecontent .subscribetextcontainer p:first-of-type{ margin-top: 0; }
.subscribeformcontainer{ width: 55%; width:100%; float: right; margin-left: 50px; -webkit-perspective: 1000px; -moz-perspective: 1000px; perspective: 1000px; }
.subscribecontent form{ font-size: 1.5em; background: white; position: relative; padding: 5px 15px; padding-bottom: 20px; visibility: hidden; box-shadow: 0 0 25px rgba(0,0,0,0.2); }

@-webkit-keyframes swingit{ /* swinging form animation */ 0%{-webkit-transform: rotateX(30deg); opacity: 0; visibility: visible} 25%{-webkit-transform: rotateX(-25deg)} 50%{-webkit-transform: rotateX(20deg)} 80%{-webkit-transform: rotateX(-10deg)} 100%{-webkit-transform: rotateX(0deg); opacity: 1} }
@-moz-keyframes swingit{ 0%{-moz-transform: rotateX(30deg); opacity: 0; visibility: visible} 25%{-moz-transform: rotateX(-25deg)} 50%{-moz-transform: rotateX(20deg)} 80%{-moz-transform: rotateX(-10deg)} 100%{-moz-transform: rotateX(0deg); opacity: 1} }
@keyframes swingit{ 0%{transform: rotateX(30deg); opacity: 0; visibility: visible} 25%{transform: rotateX(-25deg)} 50%{transform: rotateX(20deg)} 80%{transform: rotateX(-10deg)} 100%{transform: rotateX(0deg); opacity: 1} }

.subscribecontent input{ display: block; width: 100%; font-size: 1em; padding: 8px; margin-bottom: 20px; }
.subscribecontent input[type="submit"]{ display: block; width: 100%; background: #a90329; background: -moz-linear-gradient(top, #a90329 0%, #8f0222 44%, #6d0019 100%); background: -webkit-linear-gradient(top, #a90329 0%,#8f0222 44%,#6d0019 100%); background: linear-gradient(to bottom, #a90329 0%,#8f0222 44%,#6d0019 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 ); color: white; font-size: 1.1em; padding: 10px 0; border: 1px solid white; cursor: pointer; border-radius: 5px; }
.subscribecontent select{ display: block; width: 100%; font-size: 1em; padding: 8px; margin-bottom: 20px; }
input:invalid{ border: 1px solid red; }

#subs div.subscribeclose{ position: absolute; right: 10px; top: 10px; padding: 2px; width: 50px; height: 50px; border-radius: 50px;  color: white; font-size: 35px; font-family: Arial; z-index: 2; text-align: center;  cursor: pointer; }
#subs div.subscribeclose:hover{  }
#subs div.subscribeclose span{ line-height: 50px; }
#subs div.subscribefooter{ clear: both; text-align: center; margin-bottom: 1em; color: #fff; }

#subs.open{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; overflow: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#subs.open .subscribetextcontainer{ opacity: 1; -webkit-transition: all 1s 0.5s; -moz-transition: all 1s 0.5s; transition: all 1s 0.5s; }
#subs.open .subscribeformcontainer form{ visibility: visible; -webkit-animation: swingit forwards 0.5s 0.5s; -moz-animation: swingit forwards 0.5s 0.5s; animation: swingit forwards 0.5s 0.5s; -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; }




#members{ width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); position: fixed; background: #222; left: 0; top: 0; z-index: 12346; visibility: hidden; font: normal 16px 'Patua One', cursive; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; overflow: hidden; }
#members *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#members div.subscribeclose{ position: absolute; right: 10px; top: 10px; padding: 2px; width: 50px; height: 50px; border-radius: 50px;  color: white; font-size: 35px; font-family: Arial; z-index: 2; text-align: center;  cursor: pointer; }
#members div.subscribeclose:hover{  }
#members div.subscribeclose span{ line-height: 50px; }
#members div.subscribefooter{ clear: both; text-align: center; margin-bottom: 1em; color: #222; }

#members.open{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; overflow: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#members.open .subscribetextcontainer{ opacity: 1; -webkit-transition: all 1s 0.5s; -moz-transition: all 1s 0.5s; transition: all 1s 0.5s; }
#members.open .subscribeformcontainer form{ visibility: visible; -webkit-animation: swingit forwards 0.5s 0.5s; -moz-animation: swingit forwards 0.5s 0.5s; animation: swingit forwards 0.5s 0.5s; -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; }




#subsjob{ width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); position: fixed; background: #222; left: 0; top: 0; z-index: 12346; visibility: hidden; font: normal 16px 'Patua One', cursive; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; overflow: hidden; }
#subsjob *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#subsjob div.subscribeclose{ position: absolute; right: 10px; top: 10px; padding: 2px; width: 50px; height: 50px; border-radius: 50px;  color: white; font-size: 35px; font-family: Arial; z-index: 2; text-align: center;  cursor: pointer; }
#subsjob div.subscribeclose:hover{  }
#subsjob div.subscribeclose span{ line-height: 50px; }
#subsjob div.subscribefooter{ clear: both; text-align: center; margin-bottom: 1em; color: #222; }

#subsjob.open{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; overflow: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#subsjob.open .subscribetextcontainer{ opacity: 1; -webkit-transition: all 1s 0.5s; -moz-transition: all 1s 0.5s; transition: all 1s 0.5s; }
#subsjob.open .subscribeformcontainer form{ visibility: visible; -webkit-animation: swingit forwards 0.5s 0.5s; -moz-animation: swingit forwards 0.5s 0.5s; animation: swingit forwards 0.5s 0.5s; -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; }




#register-form{ width: 100%; height: 100%; -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); position: fixed; background: #222; left: 0; top: 0; z-index: 12346; visibility: hidden; font: normal 16px 'Patua One', cursive; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; transition: all 0.5s; overflow: hidden; }
#register-form *{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }

#register-form div.subscribeclose{ position: absolute; right: 10px; top: 10px; padding: 2px; width: 50px; height: 50px; border-radius: 50px;  color: white; font-size: 35px; font-family: Arial; z-index: 2; text-align: center;  cursor: pointer; }
#register-form div.subscribeclose:hover{  }
#register-form div.subscribeclose span{ line-height: 50px; }
#register-form div.subscribefooter{ clear: both; text-align: center; margin-bottom: 1em; color: #222; }

#register-form.open{ -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); visibility: visible; overflow: auto; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; }
#register-form.open .subscribetextcontainer{ opacity: 1; -webkit-transition: all 1s 0.5s; -moz-transition: all 1s 0.5s; transition: all 1s 0.5s; }
#register-form.open .subscribeformcontainer form{ visibility: visible; -webkit-animation: swingit forwards 0.5s 0.5s; -moz-animation: swingit forwards 0.5s 0.5s; animation: swingit forwards 0.5s 0.5s; -webkit-transition: visibility 0s 0.5s; -moz-transition: visibility 0s 0.5s; transition: visibility 0s 0.5s; }







@media (max-width: 767px){ /* responsive layout break point */
  .subscribecontent .subscribetextcontainer p:first-of-type{ margin-top: 20px; }
  .subscribeformcontainer{ float: none; width: 100%; height: auto; max-width: 100%; margin: 0; }
  .mag-image{ display:none; }
}

@media (max-width: 992px){
   .reg-headline{font-size:1.5em !important;}
   .reg-input{ font-size:0.5em !important; }
}




/* sister publications */

.sister-publication-item-info{padding-top:5px;padding-left:20px;}
.sister-publication-item-info p{font-size:12px;padding-left:20px;}
.sister-publication-item-title{ font-size:20px;font-weight:bold; font-family: "Montserrat"; }

.logo-publication-hover{ padding:75px;padding-left:15px;padding-right:15px;width:100%;background-color:#333; }
.logo-publication-hover:hover{ background-color:#000; }

@media (max-width: 1600px) {
  .fake{}
  .logo-publication-hover{ padding:65px;padding-left:15px;padding-right:15px;width:100%;background-color:#333; }
}
@media (max-width: 992px) {
   .fake {}
   .logo-publication-hover{ padding:25px;padding-left:15px;padding-right:15px;width:100%;background-color:#333; }
}
@media (max-width: 767px) {
  .fake{}
  .logo-publication-hover{ padding:70px;padding-left:25px;padding-right:25px;width:100%;background-color:#333; }
}
@media (max-width: 600px) {
  .fake{}
  .logo-publication-hover{ padding:80px;padding-left:25px;padding-right:25px;width:85%;background-color:#333; }
}
@media (max-width: 480px) {
  .fake{}
  .logo-publication-hover{ padding:80px;padding-left:25px;padding-right:25px;width:85%;background-color:#333; }
}






/* New floating bits */

#fixed-menu{ display:none;position:fixed;z-index:1333333333;right:5px;top:69px;height:55px;width:55px; }



/* SuperMike Footer */
  
  
  /* 
#wrapper{ margin-bottom:222px !important; padding-bottom:222px !important; }
#main-box{ border-top:3px solid #666; position: relative !important; z-index: 1 !important; background-color:#fff; }
#footer{ position: fixed;bottom: 0;left: 0;width: 100%;z-index: 0;display: block;height: 475px !important;background:#222;  }

   */
     


/* Floor Banner */

#floor-banner{ display:block;z-index:9998;position:fixed;bottom:0px;left:0px;right:0px;width:100%;height:142px;color:#fff;padding:13px;padding-top:3px;background-color:rgba(0,0,0,0.6); }
#floor-banner-large{ display:block; }
#floor-banner-small{ display:none; }
.floor-banner-closer{  position:relative;z-index:1234567893;margin-left:1px;width:20px;height:20px;font-weight:bold;text-align:center;cursor:pointer; }
.clear-top-pad{ padding-top:0px; }

@media (max-width: 480px) {
   .fake {}
    #floor-banner{ height:150px; }
}

@media (max-width: 600px) {
  .fake {}
  #floor-banner{ height:100px;padding-top:10px; }
}

@media (max-width: 768px) {
   .fake {}
   #floor-banner{ padding-top:5px; height:90px; }
   .floor-banner-closer{ position:relative;z-index:1234567891;}

   #mag-contract{ display:none;}
   #mag-expand{display:block;}


}

@media (max-width: 992px) {
   .fake {}
   #floor-banner{ padding-top:15px; }
   .floor-banner-closer{ position:relative;z-index:1234567891;}
}

@media (max-width: 1200px) {
   .fake {}
   #floor-banner{ height:95px; }
}








/* home new */

.sp-thumbnail{ }
.sp-thumbnail-title{ font-size:13px; height:100px; font-weight:bold;  padding-left:5px; }



/*
.news-widget ul{ list-style:none;padding:0px; }
.news-widget ul li{ list-style:none;border-bottom:1px dotted #ccc;padding:0px; }
  */

/*
.news-widget ul li a{ padding:8px;display:block; color:#000;background-color:#fff; }
.news-widget ul li a:hover{ background-color:#cc0000;color:#fff !important;  }
*/



.no-dotted-bottom{ border-bottom:none !important;  }
.biggie-pic{ padding:0px !important; border:none !important;margin-bottom:0px !important; }

.biggie-pic a{ border-color:#000 !important; } 
.biggie-pic img{ border-color:#000 !important; } 

.biggie-title{ background-color:#000; border:none !important;color:#fff;font-family:Patua One;font-size:18px;padding:15px !important;min-height:75px !important; }




.biggie-title a{padding:0px !important;background-color:#000 !important;color:#fff !important;}
.biggie-title a{color:#cc0000 !important;}

.home-margin{ margin-top:0px;  }



@media (max-width: 1200px) {
    .fake {}
    .news-widget ul li a{ font-size:12px; }
    
    
}

@media (max-width: 992px) {
    .fake {}
    .news-widget ul li { font-size:15px; }
    
    .home-hide-new{display:none;}
}
@media (max-width: 768px) {
    .fake {}
    .news-widget ul li{ font-size:16px; }
}
@media (max-width: 480px) {
    .fake {}
 /*   #leaderboards{ display:none; }   */
    .home-margin{ margin-top:0px; }
}


.theiaStickySidebar{display:block;}

@media (max-width: 991px) {
    .fake {}

   
   .theiaStickySidebar{display:block;} 
    
}

#mikeslider{ display:none;margin-bottom:10px; }






@media (min-width: 1201px) {
    .fake {}
    #mikeslider{ display:block; }
}

#latest-news-home{ list-style:none;}
#latest-news-home ul{ list-style:none; padding-top:10px;}
#latest-news-home ul li{ background-color:#eee;padding-left:13px;padding-right:13px; padding-bottom:5px;padding-top:5px;margin-bottom:4px;border-bottom 1px dotted #666; }
#latest-news-home ul li a{ color:#222; font-size:20px; font-family:Oswald; }
#latest-news-home ul li a:hover{ color:#777; text-decoration:underline; }
.news-highlight{ border:1px solid #777; }

#latest-news-home-iot{ list-style:none;}
#latest-news-home-iot ul{ list-style:none; padding-top:10px;}
#latest-news-home-iot ul li{ background-color:#eee;padding-left:13px;padding-right:13px; padding-bottom:5px;padding-top:5px;margin-bottom:4px;border-bottom 1px dotted #666; }
#latest-news-home-iot ul li a{ color:#111; font-size:20px; font-family:Oswald; }
#latest-news-home-iot ul li a:hover{ text-decoration:underline; }
.news-highlight-iot{ border:1px solid #B20D5D; }



@media (max-width: 1530px) {
    .fake {}
    #latest-news-home ul{padding-top:5px;}
    #latest-news-home ul li{ padding:7px; border 1px solid #fff; }
    #latest-news-home ul li a{ color:#222; font-size:15px; font-family:Oswald; }
    #latest-news-home-iot ul li a{ color:#111; font-size:15px; font-family:Oswald; }
}


#leaderboard-left{
    padding-left:0px;
}
#leaderboard-right{
    padding-right:0px;
}


@media (max-width: 768px) {
    .fake {}
    #leaderboard-left{
      padding-left:15px;
      margin-bottom:10px;
    }
    #leaderboard-right{
      padding-right:15px;
      margin-bottom:10px;
    }
}



#home-hider-square-banners{ display:block; }


@media (max-width: 1200px)  {
    .fake {}
    #home-hider-square-banners{ display:none; }
}






@media (max-width: 1200px)  {
    .video-home-link{
          font-size:11px;
    }
}



.subsub{ background-color:#07a0de !important;padding:15px;color:#fff; }          /* some of these need tidying into the colours files */
.subsub:hover{ background-color:#222 !important;padding:15px;color:#fff; }
.subz{ font-size:13px !important;font-weight:bold;line-height:1.2 !important; }
.subz:hover{color:#fff;}



/* magazine */


/* @font-face { font-family: 'bigJohn'; src: url('../css/bigjohn-webfont.eot'); src: url('../css/bigjohn-webfont.eot?#iefix') format('embedded-opentype'), url('../css/bigjohn-webfont.woff2') format('woff2'), url('../css/bigjohn-webfont.woff') format('woff'), url('../css/bigjohn-webfont.ttf') format('truetype'), url('../css/bigjohn-webfont.svg#Oswald') format('svg'); font-weight: normal; font-style: normal; }
  */
.inputter{ width:100%;padding:5px;height:40px; font-family:Oswald; }

.submitter{ background-color:#fff; font-family:Oswald; font-size:18px; color:#cc0000; padding:15px; border-radius:5px; border:3px solid #222; }
.submitter:hover{ background-color:#333; color:#fff; border:3px solid #fff; }

.terms-link{ color:#fff !important;text-decoration:none; font-weight:bold;}
.terms-link:hover{ font-weight:bold;text-decoration:underline;  }

#footer-tagline{ color:#000;font-family:Oswald;font-size:35px;text-align:center;line-height:40px; }
#footer-tagline a{ text-decoration:underline }
#footer-tagline a:hover{ text-decoration:none  }

@media (max-width: 1200px) {
   .fake {}
   #footer-tagline{ color:#000;}
}


#infos{ line-height:1.3;margin-top:20px; }
#infos ul{ margin-left:25px; }
#infos ul li{ font-size:18px;padding-bottom:5px; }
.terms-text p{ color:#000;}

/* articles */
.post-content img{ /* width:100%; */ }
.post-content div img{/* width:100%; */}



/* contact */

.result-message{ color:#669966;font-size:18px;font-weight:bold;border:3px solid #00cc00;background-color:#eff9ef;padding:20px;margin-bottom:15px;border-radius:5px; }
.result-message:empty{ display:none;}
.result-error{ color:#996866;font-size:18px;font-weight:bold;border:3px solid #cc4d00;background-color:#f9efef;padding:20px;margin-bottom:15px;border-radius:5px; }
.result-error:empty{ display:none;}
.post-content label{ width:100% }

#cs-contacts a{ color:#07a0de;font-size:11px;font-weight:bold; text-decoration:underline; }
#cs-contacts a:hover{ color:#000;text-decoration:none;  }
#cs-authors a{ color:#07a0de;font-size:11px;font-weight:bold; text-decoration:underline; }
#cs-authors a:hover{ color:#000;text-decoration:none;  }
.person-box{ padding:13px;border:1px solid #ccc;border-radius:10px; background-color:#e7e7e8; height:100%; min-height:100px; }
.person-box .job{ font-size:12px; font-weight:bold; color:#B20D5D; }

#james-more{display:none;}
#more-link-james{ font-size:15px; }


/* buyers guide */

#buyers-bullets{}
#buyers-bullets ul{ margin-left:25px;}
#buyers-bullets ul li{ padding-bottom:5px;padding-top:5px; border-top:1px dotted #ccc; }


        

/* footer and home extras  need tidying */

.sponsor-logo{ display:block !important; }
.post-content{ display:block !important; }

@media (max-width: 991px) {
   
   .pushy-clicky-micky{font-size:14px;}
   #mag-cover-image{display:none;}

}


/* news page category filter buttons  */
#news-type{ width:100%; }
#news-type ul{ list-style:none; margin:0px; padding:0px; }
#news-type ul li{ list-style:none; margin:0px; padding:0px; margin-right:5px; margin-bottom:23px; float:left; }
#news-type ul li a{ padding:11px; background-color:#cc0000; color:#fff !important; text-decoration:none; }
#news-type ul li a:hover{ background-color:#333; color:#fff !important; }


@media (max-width: 991px) {
    #news-type ul li{ list-style:none; margin:0px; padding:0px; margin-right:5px; margin-bottom:23px;}
    
}




/* news pagination */


.pagination-new {margin-top:25px;padding-top:25px;border-top:3px dotted #ccc;}
.pagination-new .pagilink{ padding:5px;padding-left:10px;padding-right:10px;border-radius:3px;border:1px solid #aaa;color:#222;background-color:#eee;margin-right:6px; text-decoration:none; }
.pagination-new .pagilink:hover{ color:#fff;background-color:#222;   }
.pagination-new .pagilink.active{ color:#fff;background-color:#222;   }


         /*
        #pagis{ border:1px solid #aaa; background-color:#eee; padding:15px; }
        .active{ background-color:#cc0000 !important; color:#fff !important; }
        #pagis-top ul li{ float:left; list-style:none; margin-left:11px; }
        #pagis-top ul li a { display: none; padding:3px; border-radius:3px; padding-left:8px;padding-right:8px; text-decoration:none; border:1px solid #cc0000; background-color:#cc0000; color:#fff; }
        #pagis-top ul li a:hover{ text-decoration:none; color:#cc0000; background-color:#fff; }
        #pagis-top ul li:first-child a { display: inline-block; }
        #pagis-top ul li:first-child a:after { content: ""; }
        #pagis-top ul li:last-child a { display: inline-block; }
        #pagis-top ul li:last-child a:after { content: ""; }
        #pagis-top ul li:nth-child(2) a { display: inline-block; }
        #pagis-top ul li:nth-child(3) a { display: inline-block; }
        #pagis-top ul li:nth-child(4) a { display: inline-block; }
        #pagis-top ul li:nth-child(5) a { display: inline-block; }
        #pagis-top ul li:nth-child(6) a { display: inline-block; }
        #pagis-top ul li:nth-child(7) a { display: inline-block; }
        #pagis-top ul li:nth-child(8) a { display: inline-block; }
        #pagis-top ul li:nth-child(9) a { display: inline-block; }
        #pagis-top ul li:nth-child(10) a { display: inline-block; }
        #pagis-top ul li:nth-last-child(2) a { display: inline-block; }
        #pagis-top ul li:nth-last-child(3) { display: inline-block; }
        #pagis-top ul li:nth-last-child(3):after { padding: 0 1rem; content: "..."; }
      
        #pagis ul li{ float:left; list-style:none; margin-left:11px; }
        #pagis ul li a { display: none; padding:3px; padding-left:8px;padding-right:8px; text-decoration:none; border:1px solid #aaa; background-color:#ccc; color:#111; }
        #pagis ul li a:hover{ text-decoration:none; color:#cc0000; background-color:#fff; }
        #pagis ul li:first-child a { display: inline-block; }
        #pagis ul li:first-child a:after { content: ""; }
        #pagis ul li:last-child a { display: inline-block; }
        #pagis ul li:last-child a:after { content: ""; }
        #pagis ul li:nth-child(2) a { display: inline-block; }
        #pagis ul li:nth-child(3) a { display: inline-block; }
        #pagis ul li:nth-child(4) a { display: inline-block; }
        #pagis ul li:nth-child(5) a { display: inline-block; }
        #pagis ul li:nth-child(6) a { display: inline-block; }
        #pagis ul li:nth-child(7) a { display: inline-block; }
        #pagis ul li:nth-child(8) a { display: inline-block; }
        #pagis ul li:nth-child(9) a { display: inline-block; }
        #pagis ul li:nth-child(10) a { display: inline-block; }
        #pagis ul li:nth-last-child(2) a { display: inline-block; }
        #pagis ul li:nth-last-child(3) { display: inline-block; }
        #pagis ul li:nth-last-child(3):after { padding: 0 1rem; content: "..."; }
        */


        #theiaStickySidebar{
          background-color:#aaa;
        }



 /* search overlay */
 
 
   ::-moz-placeholder{ color:#bbb !important; }
  ::-webkit-input-placeholder{ color:#bbb !important; }
  .big-search-input{ padding:20px;line-height:42px;font-size:42px !important;height:90px;border:1px solid #333;border-radius:6px;padding-left:25px !important;padding-right:25px !important; }
  .big-search-button{ width:100%;height:100%;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; color:#fff !important;height:88px;line-height:85px;background-color:#4a74b7;border-radius:6px;border:3px solid #fff; }
  .big-search-button:hover{ background-color:#000;color:#4a74b7 !important; border:3px solid #fff; }
  #search-results-ajax{ background-color:#ddd; padding:10px; }
  #search-results-ajax ul{ list-style:none; }
  #search-results-ajax ul li{ list-style:none; font-size:21px; color:#333; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
  #search-results-ajax ul li:hover{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; }
  #search-results-ajax ul li a{ list-style:none; padding:10px; font-size:21px; color:#333; display:inline-block; line-height:21px; }
  #search-results-ajax ul li a:hover{ color:#da2d34; }



  /* article */
  
#the-main-story-text ul{ margin-left:20px; }

#the-main-story-text p{font-size:20px;}

#the-main-story-text div{font-size:20px;}

#the-main-story-text a{font-size:20px; color:#cc0000;}



     
     
/* Mikes rating system for articles but could have extra arg for type */

#rating{ float:left; height:28px; width:145px; background-image:url(https://cdn.bitmagazine.net/assets/images/stars.png); background-position:0px 0px; }
#results{ float:left; padding:5px; font-size:15px; font-weight:bold; font-family:arial; }
.star{ width:29px; height:28px; float:left; cursor:pointer; }
.star-0{ background-position:0px 0px !important; }
.star-1{ background-position:0px -28px !important; }
.star-2{ background-position:0px -56px !important; }
.star-3{ background-position:0px -84px !important; }
.star-4{ background-position:0px -112px !important; }
.star-5{ background-position:0px -140px !important; }