@font-face { font-family: "CirceRegular"; src: url(/library/fonts/Circe/Regular.otf) format("opentype"); }

@font-face { font-family: "CirceBold"; src: url(/library/fonts/Circe/Bold.otf) format("opentype"); }

@font-face { font-family: "CirceLight"; src: url(/library/fonts/Circe/Light.otf) format("opentype"); }

@font-face { font-family: "CirceExtraLight"; src: url(/library/fonts/Circe/ExtraLight.otf) format("opentype"); }

* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ececec;color: #000000;font-family: CirceRegular;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: normal; font-family: CirceBold; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {padding: 0px 10px 10px 0px;margin: 0px;font-size: 100%;font-weight: normal;color: #000000;}
h2 {font-size: 150%;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;width: 100%;padding: 5px;color: #000000;box-sizing: border-box;font-family: Arial;margin-bottom: 15px;border: 1px solid #1a4486;}
input[type=text], input[type=password]  { height: 30px; background: #ffffff; border: 1px solid #1a4486;}
input[type=button], input[type=submit] {cursor: pointer; background-color: #1a4486; color: #ffffff; font-family: CirceBold; text-transform: uppercase; border-radius: 15px;}
::placeholder {text-transform: uppercase; font-family: CirceRegular; font-size: 90%;}
.surv_standard .label {display: none;}
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 10px 0px; margin: 0px; line-height: initial; }
strong { font-weight: normal; font-family: CirceBold; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }
.pagebanner.banner img {max-width: 100%; height: auto;}
.pagetitle.title, .pagecontent.content, .pagecomponents, .shop_product {background-color: #ffffff;}
.pagetitle.title {font-family: CirceBold;}
table { border-spacing: 0px; }
td, th { padding: 0px; }


.layoutcontent {max-width: 1250px; margin: auto;}
.pagetitle.title, .event_eventpage .headline, .shop_basketpage .titletxt, .shop_product .name {padding: 50px 50px 50px 50px;color: #c02420;font-size: 200%;font-family: CirceBold;text-align: center;}
.pagebanner.banner img {display: block;}
.pagetitle_inner {border-bottom: 3px solid #c02420; line-height: initial;}
.home .pagecontent_inner h2 { padding-top: 30px; font-size: 140%; line-height: 1.5; max-width: 850px;}
.pagecontent.content, .pagecomponents {padding: 0px 50px 50px 50px;}
.home .pagecomponents {padding: 0px;}
.pagecontent li {list-style-type: disc; list-style-position: inside; line-height: initial;}
.pagecontent h3 {color: #c02420; font-family: CirceBold; padding: 20px 0px;}
.pagecontent h2 {color: #c02420;}

@media (min-width: 1380px){
  .layouttopmenu {margin: 0px 95px;}
  .pagebanner.banner {text-align: center;}
}

@media (max-width: 600px) {
	.pagecontent.content, .pagecomponents, .shop_product {padding: 0px 20px 20px 20px;}
}

/*Header*/
.headercontainer {background: #ffffff; max-width: 1250px; margin: auto;}
.headercontainer .headertitle {float: left; color: #c02420; text-transform: uppercase; font-size: 150%; max-width: 350px; }
.headercontainer .headertitle strong {font-family: circe, sans-serif; font-weight: 800; font-style: normal;}
.headercontainer .headertitle p {line-height: 1.2;}

.headercontainer .headerlogin li {text-transform: uppercase; text-align: center; margin-top: 10px; float: left;}
.headercontainer .headerlogin li:first-of-type a {color: #002f78; border: 3px solid #002f78; border-radius: 16px; padding: 8px 50px; margin-right: 16px; }
.headercontainer .headerlogin li:nth-of-type(2) a {color: #c02420; border: 3px solid #c02420; border-radius: 16px; padding: 8px 50px; }

.headercontainer .headersocial li {float: left; padding-right: 5px;}
.headercontainer .headersocial svg {width: 20px; height: 20px;}
.headercontainer .headersocial svg path {fill: #2a2a2a;}
.twitter .fab { color:#002f78; border: 2px solid; border-radius: 100%; padding:5px;}

@media (min-width: 1000px) {

  .headercontainer {height: 130px; position: relative;}
  .headercontainer .headerlogo {float: left; padding-left: 48px; padding-top: 15px;}
  .headercontainer .headertitle {float: left; padding-left: 60px; padding-top: 42px;}

  .headercontainer .feat_googletranslate {position: absolute; right: 38px; top: 10px;}
  .headercontainer .twitter { position: absolute; right: 270px; top:15px; }
  .headercontainer .headersocial {position: absolute; top: 25px; right: 50px;}
  .headercontainer .headerlogin {position: absolute; top: 70px; right: 36px;}
  .headercontainer .shop_basketlink {position: absolute; top: 75px; right: 280px;}
  .headercontainer .shop_basketlink i {font-size: 170%; color: #002f78;}
  .headercontainer .shop_basketlink span {color: #002f78; margin-left: 7px; font-size: 130%;}


  .layouttopmenu {background-color: #002f78; height: 60px; max-width: 1250px; margin: auto;}
  .layouttopmenu .nav_multilevel ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 60px;}
  .layouttopmenu .nav_multilevel .toggle {display: none;}
  .layouttopmenu .nav_multilevel .level1 {text-align: center;}
  .layouttopmenu .nav_multilevel .level1>li {float: left; padding: 0px 27px; font-family: CirceBold;}
  .layouttopmenu .nav_multilevel li a {color: #ffffff;}
  .layouttopmenu .nav_multilevel li a:hover {text-decoration: underline;}

  .layouttopmenu .nav_multilevel .level1>li:hover .level2 { display: block; }
  .layouttopmenu .nav_multilevel .level2 { display: none; position: absolute; background: #ccd5e4; width: 250px; z-index: 50; padding: 10px; }
  .layouttopmenu .nav_multilevel .level2 li {text-align: left;}
  .layouttopmenu .nav_multilevel .level2>li a {color: #000000;}
  .layouttopmenu .nav_multilevel .level2>li>a:hover { color: #c02420;}

  .layouttopmenu .nav_multilevel .link172, .layouttopmenu .nav_multilevel .link173 {display: none;}

  .nav_multilevel .titletxt {display: none;}
}

@media (max-width: 999px) {
	.headercontainer {padding: 15px 25px; height: 180px;}
	.headercontainer .feat_googletranslate {position: absolute; top: 20px; right: 25px; }
	.headercontainer .shop_basketlink {position: absolute; top: 120px; right: 340px;}
	.headercontainer .shop_basketlink i {font-size: 170%; color: #002f78;}
	.headercontainer .shop_basketlink span {color: #002f78; margin-left: 7px; font-size: 130%;}
	.headercontainer .twitter { position: absolute; right: 260px; top:25px; }
	.layouttopmenu .toggle {background-color: #888888; position: absolute; top: 90px; right: 25px; padding: 20px 10px 10px 10px; border-radius: 5px; cursor: pointer;}
	.layouttopmenu .titletxt {text-transform: uppercase; position: absolute; top: 95px; right: 30px; color: #ffffff; font-size: 80%;}
	.layouttopmenu .toggle svg path {fill: #ffffff;}
	.layouttopmenu .toggleoff ul {display: none;}
	.layouttopmenu .toggleon ul {background-color: #002f78; padding: 15px;}
	.layouttopmenu .toggleon ul a {color: #ffffff;}
	.layouttopmenu .link172, .layouttopmenu .link173 {border: 2px solid #ffffff; border-radius: 16px; text-align: center; padding: 5px; margin: 10px 0px;}
	.headercontainer .headerlogin {position: absolute; top: 115px; right: 100px;}
}

@media (max-width: 720px) {
.headercontainer .headerlogin {display: none;}
.headercontainer .shop_basketlink {position: absolute; top: 120px; right: 100px;}
}

@media (max-width: 600px) {
.headercontainer .headersocial {display: none;}
.headercontainer .headertitle { margin-top: 80px;}
}

@media (max-width: 600px) {
	.headercontainer .shop_basketlink {position: absolute; top: 25px; left: 20px;}
}
/*Homepage*/
.home .pagecontent_inner {max-width: 913px; margin: auto;}

.home .homethreeboxcontainer {background-color: #ffffff; padding-bottom: 60px;}
.home .homethreeboxcontainer .homethreebox {text-align: center;}
.home .homethreeboxcontainer .homethreebox p {padding-bottom: 30px;}
.home .homethreeboxcontainer .homethreebox .link a {color: #c02420; text-transform: uppercase; font-size: 90%;}
.home .homethreeboxcontainer .homethreebox .imagetop {margin-bottom: 38px;}

.home .homeeventcontactcontainer {background-color: #002f78; margin-bottom: 30px;}
.home .homeeventcontactcontainer .titletxt {color: #ffffff; font-size: 150%; text-align: center; margin-bottom: 30px; padding-bottom: 0px;}
.home .homeeventcontactcontainer .homenextevent li {background-color: #ffffff;}
.home .homeeventcontactcontainer .homenextevent li .name {font-family: CirceBold; padding-bottom: 30px;}
.home .homeeventcontactcontainer .homenextevent li .name a {color: #c02420; font-size: 140%;}
.home .homeeventcontactcontainer .homenextevent .date, .home .homeeventcontactcontainer .homenextevent .time {font-family: CirceBold;}
.home .homeeventcontactcontainer .homenextevent .abstract {padding-top: 30px;overflow: hidden;padding-bottom: 30px;}
.home .homeeventcontactcontainer .homenextevent li .link a {color: #c02420; text-transform: uppercase;}
.home .homeeventcontactcontainer .surv_standard {text-align: center;}
.home .homeeventcontactcontainer .surv_standard .form {background-color: #1a4486;padding-top: 42px;padding-bottom: 5px;}

.home .homenewslettercontainer {background-color: #c02420;color: #ffffff; margin-bottom: 50px;}
.home .int_newsletter, .home .homenewslettertext .titletxt {color: #ffffff;}
.home .int_newsletter .label {display: none;}

.home input[type=submit] {border: 3px solid #ffffff; background-color: transparent; width: 150px;}

@media (min-width: 1250px) {
	.home .homeeventcontactcontainer .homenextevent { max-width: 565px;box-sizing: border-box; margin-right: 10px;}
	.home .homeeventcontactcontainer .surv_standard {width: 565px;}
}

@media (min-width: 1100px) {
	.home .homenewslettercontainer {padding: 10px 0px;max-height: 80px;position: relative;box-sizing: border-box;}
	.home .homenewslettercontainer .homenewslettertext {padding-right: 30px;}
	.home .homenewslettercontainer .homenewslettertext, .home .homenewslettercontainer .int_newsletter {float: left;}
	.int_newsletter fieldset .form { display: flex; align-items: center; justify-content: center }
	.int_newsletter fieldset .field,
	.int_newsletter fieldset .buttons { margin: 10px }
	.home .homenewslettercontainer .int_newsletter input[type=text] { width: 357px; }
  
	.home .homenewslettercontainer .items {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 80px;}
	.home .homenewslettercontainer .items .input {display: flex;align-items: center;justify-content: center;}
	.home .homenewslettercontainer .items .spacer {display: none}
	.home .homenewslettercontainer .items input { margin-bottom: 0 !important; } 
}

@media (max-width: 1099px) {
	.home .homenewslettercontainer {padding: 20px; text-align: center;}
}

@media (min-width: 1000px) {
  .home .pagetitle.title {padding-top: 60px;font-size: 150%; padding-bottom: 25px;}
  .home .pagecontent.content {padding-bottom: 55px;}
  .home .homethreeboxcontainer .items {max-width: 1177px; margin: auto;}
  .home .homethreeboxcontainer .homethreebox {float: left; max-width: 360px; margin-right: 48px;}
  .home .homethreeboxcontainer .homethreebox:nth-child(3) {margin-right: 0px;}
  .home .homethreeboxcontainer .homethreebox .imagetop {width: 360px; height: 360px; background-size: cover;}
  .home .homeeventcontactcontainer { padding: 60px 35px;}
  .home .homeeventcontactcontainer .items {max-width: 1214px; margin: auto;}
  .home .homeeventcontactcontainer .homenextevent, .home .homeeventcontactcontainer .surv_standard {float: left; width: 50%;}
  .home .homeeventcontactcontainer .homenextevent li .image {float: left; height: 386px;}
  .home .homeeventcontactcontainer .homenextevent li {height: 386px; padding-top: 55px; padding-right: 35px; max-width: 565px;}
  .home .homeeventcontactcontainer .homenextevent .image {padding-right: 30px;}
  .home .homeeventcontactcontainer .homenextevent .link {float: right;}
  .home .homeeventcontactcontainer .surv_standard #fb-4 {height: 123px;}
  #surveyform00000000000000210 .form .formbuilder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
      "whoto whoto"
      "name email"
      "message message";
    padding: 17px;
    grid-gap: 10px;
  }

  #fb-1-div { grid-area: whoto; }
  #fb-2-div { grid-area: name; }
  #fb-3-div { grid-area: email; }
  #fb-4-div { grid-area: message; }

  #surveyform00000000000000210 .form .formbuilder .field,
  #surveyform00000000000000210 .form .formbuilder .field input,
  #surveyform00000000000000210 .form .formbuilder .field select,
  #surveyform00000000000000210 .form .formbuilder .field textarea { width: 100%;}


}

@media (max-width: 999px) {
	.home .homethreeboxcontainer .homethreebox .imagetop {width: 360px; height: 360px; margin: auto; background-size: cover; margin-bottom: 38px;}
	.home .homethreeboxcontainer .homethreebox {margin-bottom: 30px;}
	.home .homeeventcontactcontainer {padding: 40px;}
	.home .homenextevent {margin-bottom: 40px;}
	.home .homenextevent li  {padding: 20px; box-sizing: border-box;}
	.home .homenextevent li .image {text-align: center; margin-bottom: 15px;}
	.home .homeeventcontactcontainer .surv_standard .form {padding: 20px;}
}


@media (max-width: 600px) {
  .home .pagebanner {display: none;}
  .home .pagetitle {position: relative; height: 600px; background-image: url(/images/tG556RcGuZnMBVhnO85B1xg0hi.png); background-size: cover;}
  .home .pagetitle_inner {display: block;max-width: 400px;/* height: 300px; */position: absolute;left: 50%;margin-left: -200px;top: 150px;padding: 40px 40px;background-color: #1a4486;color: #ffffff;border: 0;text-align: left;}
  .home span.pagetitle_inner h1 {border-top: 1px solid white;}

  .home .pagecontent.content {padding-top: 50px;}

  .home .homethreeboxcontainer {padding: 0px 20px;}

  .home .homeeventcontactcontainer .surv_standard {text-align: center;}
}

/*Login page*/
.memb_loginbox {max-width: 800px; margin: auto; text-align: center;}
.memb_loginbox .errors {color: red; margin: 0px 0px 20px 0px;}
.memb_loginbox .status { display: none; }
.memb_loginbox .introduction li { text-align: center; padding-bottom: 10px; }
.memb_loginbox .forgotpw { display: block; text-align: center; padding-top: 20px; }

.membershipstatus { text-align: center; padding-bottom: 50px; }

/*Join page*/
.memb_account {max-width: 800px; margin: auto;}
.joinpage .g-recaptcha {margin-bottom: 15px;}

/*Journal*/
.journalpage .pagebanner.banner {display: none;}
.journalpage .feat_carousel {overflow: hidden; position: relative; padding: 30px 0px;}
.journalpage .feat_carousel ul {width: 20000em; position: relative;}
.journalpage .feat_carousel li {display: inline-block; width: 200px!important;height: 300px;background-size: cover;background-position: center center;margin-right: 10px;}
.journalpage .feat_carousel .MedExtCaption {background-color: #000000; color: #ffffff; opacity: 0.8; height: 300px; padding: 10px; visibility: hidden; font-size: 90%;}
.journalpage .feat_carousel li:hover .MedExtCaption {visibility: visible;}

.journalarchive .journalarchivebox {text-align: center;  margin-bottom: 60px;}
.journalarchive .journalarchivebox .imagebottom {margin: auto; width: 200px; height: 300px; background-size: cover; border: 2px solid #002f78;}

@media (min-width: 1100px){
.journalarchive .journalarchivebox {width: 33%; display: inline-block;}
}

/*Talks programme*/
.eventlistpage ul {max-width: 1000px; margin: auto;}
.eventlistpage li {max-width: 490px; padding: 20px; min-height: 450px; margin-bottom: 20px; }
.eventlistpage .name, .eventlistpage .image, .eventlistpage .time, .eventlistpage .venue, .eventlistpage .abstract { margin-bottom: 15px;}
.eventlistpage li:nth-child(1n) {background-color: #f9e9e9;}
.eventlistpage li:nth-child(2n) {background-color: #e6eaf2;}
.eventlistpage li.divider.hidden {display:none;}
.eventlistpage .event_list .link a {display: block; border: 3px solid #000000; border-radius: 16px; padding: 5px; text-transform: uppercase; text-align: center; margin-top: 10px;}


@media (min-width: 1100px) {
	.eventlistpage li {display: inline-block;}
}

@media (max-width: 1099px) {
	.eventlistpage li {margin: auto; margin-bottom: 20px;}
}

/*Membership page*/
.membershippurchase .shop_productlist li .buybutton {border: 3px solid #000000; border-radius: 16px; padding: 5px; max-width: 50%; margin: auto; margin-top: 10px;}

@media (min-width: 1000px){
.membershippurchase .shop_productlist {max-width: 800px; margin: auto;}
.membershippurchase .shop_productlist li {display: inline-block; width: 390px; padding-bottom: 100px; text-align: center;}
.membershippurchase .shop_productlist li .image {margin: 20px 0px;}
}

@media (max-width: 999px){
	.shop_productlist {text-align: center;}
	.shop_productlist li {margin-bottom: 80px;}
}

.basket {padding-bottom: 40px;}

.shop_product .info {max-width: 800px; margin: auto; text-align: center;}
.shop_product .description {padding: 20px 0px;}
.shop_product .price {font-family: CirceBold; font-size: 120%; margin-bottom: 50px;}

/*Event page*/
.event_eventpage {background-color: #ffffff; }
.event_eventpage .book { max-width: 800px; margin: auto; margin-top: 50px;  }
.event_eventpage .bookclosed {max-width: 800px; margin: auto; margin-top: 20px; padding-bottom: 20px; color: #c02420; text-align: center; }
.event_eventpage .book h2 {text-align: center;}
.event_eventpage .book #fb-Attendees-addlink {padding: 20px 0px;}
.event_eventpage .date, .event_eventpage .venue {font-family: CirceBold; color: #002f78; font-size: 150%;}
.event_eventpage .date, .event_eventpage .venue, .event_eventpage .image {text-align: center; }
.event_eventpage .image img {width: 100%; height: auto;}
.event_eventpage .info, .event_eventpage .image {padding-bottom:15px;}
.event_eventpage .abstract {padding: 50px 0px; display:none;}

.event_eventpage .item { padding: 20px 0px; border-bottom: 1.5px solid #1a4486; }

.event_eventpage input[type=submit]{margin-top: 20px;}


@media (min-width: 1000px) {
	.event_eventpage {padding: 0px 95px 20px 95px;}
}

@media (max-width: 999px) {
	.event_eventpage {padding: 20px;}
}

/*Basket page*/
.shop_basketpage {background-color: #ffffff; padding: 0px 95px;}
.shop_basketpage .buttons {margin: 30px 0px; text-align: center;}
.shop_basketpage .continueshopping {background: #1a4486; color: white; text-align: center; border-radius: 15px; padding: 5px 35px;}
.shop_basket .updatebasket {margin:10px; max-width: 160px;}

.shop_basketpage .basket, .shop_basketpage .include {max-width: 800px; margin: auto;}
.shop_basketpage table {width: 100%;}
.shop_basketpage .discount {margin-top: 40px;}
.shop_basketpage .discount button[type=submit] { background: none; border: 3px solid #002f78; color: #002f78; padding:7px; border-radius: 16px; }
.shop_basketpage .discount button[type=submit]:hover { cursor: pointer ;}
.shop_basket td, .shop_basket th { padding: 5px; text-align: left; border-bottom: solid #dddddd 1px; }
.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove { text-align: right; }
.shop_basketpage .errors { color: #ff0000; padding-bottom: 20px; }
.shop_basketpage .contact, .shop_basketpage .billing {width: 50%; float: left; margin-top: 40px;}
.shop_basket .complete {padding-bottom: 95px;}
.shop_basketpage #fb-Notes-div, .shop_basketpage .field_section { display: none; }

.shop_basket .checkout .field_group>.label, .shop_basket .checkout .field_section>.label { font-family: CirceBold; padding-top: 20px; padding-bottom: 10px; font-size: 120%; }


.paymentform #card-element {border: 1px solid #002f78; border-radius: 16px; padding: 10px; margin-bottom: 20px;}

.checkout {max-width: 800px; margin: auto;}
.checkout #fb-DonGiftAid-div {display: flex;}

/*Links*/
.linkspage .linkcategory {display: inline-block; width: 300px; border: 3px solid #002f78; border-radius: 16px; padding: 8px 0px; margin-right: 16px; margin-bottom: 16px;}
.linkspage .linkscontainer {margin-bottom: 50px;}
.linkspage .linkscontainer .items {text-align: center;}
.linkspage .linkscontainer .titletxt {width:100%; text-align: center; margin-bottom: 20px; }
.linkspage .util_textbox { background-color: #e6eaf2; width: 250px; display: inline-block; text-align: center; vertical-align: top; padding-bottom: 60px; box-sizing:border-box; margin-bottom: 5px; padding: 20px; box-sizing: border-box;}
.linkspage .util_textbox .titletxt  { max-height:100px; min-height: 100px;}
.linkspage .util_textbox .imagetop {height: 150px; margin-bottom: 20px; max-height:150px;}
.header .linkscontainer>h2 {display: none;}

@media (min-width: 1000px) {
	.linkspage .util_textbox {max-height: 300px;  min-height:300px;}
	.linkspage .util_textbox .content {  display:none;  }
	.linkspage .util_textbox:hover .content {  display:block; position:relative; width:250px; top:-310px; left: -20px; height: 300px; background-color: #000000; color: #ffffff; padding: 30px 10px;}	
}

@media (max-width: 999px) {
	.linkspage .linkscontainer .util_textbox {min-height: 640px;}
}

@media (max-width: 600px) {
	.linkspage .linkscontainer .util_textbox {max-width: 200px;}
	.linkspage .linkscontainer .util_textbox .imagetop img {max-width: 150px!important; height: auto;}
}

/*Contact*/
.contactpage .contactform {max-width: 800px; margin: auto;}
.contactpage .contactform .g-recaptcha {margin-bottom: 15px;}

/*Newsletter subscribe page*/
.newslettersignuppage .int_newsletter fieldset {display: block; max-width: 800px; margin: auto;}
.newslettersignuppage .int_newsletter .field.lists input {width: 5%; margin-top: 10px;}

/*Footer*/
.layoutfooter {background-color: #212121; color: #ffffff; text-align: center; padding: 60px 0px; font-size: 80%;}
.layoutfooter a {color: #ffffff;}
.layoutfooter .headersocial {margin: auto; width: 115px; padding-top: 40px;}
.layoutfooter .headersocial li {float: left; padding-right: 5px;}
.layoutfooter .headersocial svg {width: 30px;height: 30px;}
.layoutfooter .headersocial svg path {fill: #ffffff;}


.beachshore {display: none;}


.latestissues img {border:2px solid #fff;background: url(img/tiger.png) no-repeat;box-shadow: 10px 10px 5px #ccc;-moz-box-shadow: 10px 10px 5px #ccc;-webkit-box-shadow: 10px 10px 5px #ccc;-khtml-box-shadow: 10px 10px 5px #ccc; }

.feat_pageturner .titletxt { color: #ffffff; float: left; font-size: 200%; margin: 0px 0px 20px 50px; padding: 0px 0px 0px 70px; line-height: 60px; background-image: url(/gbrussia/images/); background-position: left center; }

.feat_pageturner .image { background-size: contain; background-position: center center; }
/*
.feat_pageturner .double .image { width: 1190px; height: 842px; }
.feat_pageturner .zoom-in .image { width: 1000px; height: 1467px; }
.feat_pageturner .zoom-in .double .image { width: 2000px; height: 1467px; }
*/

.feat_pageturner .chapter { float: right; margin: 10px 50px 20px 0px; }
.feat_pageturner .chapter select { background-color: #ffffff; background-image: url(/images/0sbdNq8MdJVXepTXCNeA069069.png); background-repeat: no-repeat; background-position: right 10px center; padding-right: 20px; }

.feat_pageturner .toolbar { display: none; position: absolute; margin: 0px auto 0px auto; padding: 30px 0px 100px 0px; }
.feat_pageturner .toolbar .page { color: #c6c7c8; display: inline-block; padding: 0px 20px 0px 0px; }
.feat_pageturner .toolbar .page input { background-color: #ffffff; border: none; width: 40px; padding: 5px; }
.feat_pageturner .toolbar .zoomin { background: none; background-image: url(/gbrussia/images/); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }
.feat_pageturner .toolbar .zoomout { background: none; background-image: url(/gbrussia/images/); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }

.flipbook-viewport .container
{
	position: absolute;
	margin: 0px auto 0px auto;
	left: 50%;
	/*
	width:0px;
	height:0px;
	*/
}

/*
.flipbook-viewport .flipbook{
	width:1190px;
	height:842px;
	left:-595px;
	top:-421px;
}
*/

.flipbook-viewport .page{
	/*
	width:595px;
	height:842px;
	*/
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-viewport .zoomer .region{
	display:none;
}

.flipbook #canvas { overflow: hidden; }

.flipbook .region{
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.flipbook .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.flipbook .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.flipbook-viewport .zoom-in .even .gradient,
.flipbook-viewport .zoom-in .odd .gradient{

	display:none;

}

.flipbook-viewport .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.flipbook-viewport .next-button,
.flipbook-viewport .previous-button{
	width:22px;
	height:600px;
	position:absolute;
	top:0;
}

.flipbook-viewport .next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

.flipbook-viewport .previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .next-button-hover{
	background-color:rgba(0,0,0, 0.2);
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .previous-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-4px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .previous-button-down,
.flipbook-viewport .next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

.flipbook-viewport .next-button-hover,
.flipbook-viewport .next-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-38px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .zoom-in .next-button,
.flipbook-viewport .zoom-in .previous-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

.exit-message{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.exit-message > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.issues .content p { text-align: center;padding: 0px 0px 50px 0px;}
.latestissues ul {display:flex; justify-content: space-evenly; flex-wrap: wrap; }
.latestissues ul li { margin-bottom: 20px; }

@media ( min-width: 990px )
{
	.latestissues ul { width: 950px; margin: 0px auto; }
}

@media ( max-width: 500px)

{
	.latestissues ul { flex-direction: column; align-items: center;}
	.latestissues li {padding-bottom: 30px; margin-bottom: 0px; }
}

/* My account - Recordings */ 

.recordings .nodownloads { text-align: center; }


table { width: 100%; }
.recordings .shop_downloads tr th { border: none; }
.recordings .shop_downloads th, .recordings .shop_downloads td { padding: 5px 5px 20px 5px;; border-bottom: 1px solid lightgrey;  }
.recordings .shop_downloads td.name { width: 750px; padding-top: 20px;  }
.recordings .shop_downloads td.purchased { font-size: 95%; padding-top: 20px;  } 
.recordings .shop_downloads td.download a { display: block; text-align: center; border: 3px solid #002f78; border-radius: 16px;  padding: 10px; color: #002f78;  margin-left: 30px;    }
#downloadplayer { display: flex; justify-content: center; align-items: center; }
.ui-dialog { background: #000000; border: none; padding: 0px; border-radius: 0px; }
.ui-dialog-titlebar { background: #002f78; border: none; border-radius: 0px; color: white; font-size: 120%; padding: 10px; }
.ui-dialog .ui-dialog-titlebar-close span { margin: -8px 0px 0px -8px; text-align: right; padding: 5px; ; }
.ui-dialog button { position: absolute; right: 20px; }
.ui-dialog button:hover { cursor: pointer;}
.ui-dialog-title {display: none;}


/* Shop - Recordings */

.eventrecording ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; gap:20px;  }
.eventrecording ul li {width: 300px;/* max-height: 400px; */box-shadow: 0 0 10px lightgrey;padding: 20px;box-sizing: border-box;}
.eventrecording ul li .name {/* height: 50px; */padding-bottom: 20px;}
.eventrecording ul li .summary { min-height: 100px; }
.eventrecording ul li .price { padding-bottom: 20px; text-align: center; padding-top: 20px;  }
.eventrecording ul li .addbutton { text-align: center; padding-bottom: 20px;}
.eventrecording ul li .addbutton a { padding: 7px; border: 3px solid #002f78; border-radius: 16px; color: #002f78; }

/* Newsletters */

.nltr_list li { list-style-type: circle; padding: 5px 0px;}
.nltr_list li:hover { text-decoration: underline;}@font-face { font-family: "CirceRegular"; src: url(/library/fonts/Circe/Regular.otf) format("opentype"); }

@font-face { font-family: "CirceBold"; src: url(/library/fonts/Circe/Bold.otf) format("opentype"); }

@font-face { font-family: "CirceLight"; src: url(/library/fonts/Circe/Light.otf) format("opentype"); }

@font-face { font-family: "CirceExtraLight"; src: url(/library/fonts/Circe/ExtraLight.otf) format("opentype"); }

* { background-repeat: no-repeat; background-position: center center; box-sizing: border-box; }
body {margin: 0px;padding: 0px;width: 100%;height: auto;background-color: #ececec;color: #000000;font-family: CirceRegular;font-size: 100%;line-height: 1.2;text-rendering: optimizeLegibility;-webkit-font-smoothing: antialiased;}
a { color: #000000; text-decoration: none; font-weight: normal; font-family: CirceBold; }
ul, ol { padding: 0px; margin: 0px; }
li { list-style-type: none; vertical-align: top; }
h1, h2, h3, h4, h5, h6 {padding: 0px 10px 10px 0px;margin: 0px;font-size: 100%;font-weight: normal;color: #000000;}
h2 {font-size: 150%;}
fieldset { padding: 0px; margin: 0px; border: none; }
input, textarea, select {font-size: 90%;width: 100%;padding: 5px;color: #000000;box-sizing: border-box;font-family: Arial;margin-bottom: 15px;border: 1px solid #1a4486;}
input[type=text], input[type=password]  { height: 30px; background: #ffffff; border: 1px solid #1a4486;}
input[type=button], input[type=submit] {cursor: pointer; background-color: #1a4486; color: #ffffff; font-family: CirceBold; text-transform: uppercase; border-radius: 15px;}
::placeholder {text-transform: uppercase; font-family: CirceRegular; font-size: 90%;}
.surv_standard .label {display: none;}
select { height: 30px; padding-right: 30px; background-image: none; background-repeat: no-repeat; background-position: right 10px center; }
p { padding: 0px 0px 10px 0px; margin: 0px; line-height: initial; }
strong { font-weight: normal; font-family: CirceBold; }
td, th { padding: 0px; text-align: left; vertical-align: top; }
.hidden { display: none; }
.spacer { clear: both; height: 0px; }
.pagebanner.banner img {max-width: 100%; height: auto;}
.pagetitle.title, .pagecontent.content, .pagecomponents, .shop_product {background-color: #ffffff;}
.pagetitle.title {font-family: CirceBold;}
table { border-spacing: 0px; }
td, th { padding: 0px; }


.layoutcontent {max-width: 1250px; margin: auto;}
.pagetitle.title, .event_eventpage .headline, .shop_basketpage .titletxt, .shop_product .name {padding: 50px 50px 50px 50px;color: #c02420;font-size: 200%;font-family: CirceBold;text-align: center;}
.pagebanner.banner img {display: block;}
.pagetitle_inner {border-bottom: 3px solid #c02420; line-height: initial;}
.home .pagecontent_inner h2 { padding-top: 30px; font-size: 140%; line-height: 1.5; max-width: 850px;}
.pagecontent.content, .pagecomponents {padding: 0px 50px 50px 50px;}
.home .pagecomponents {padding: 0px;}
.pagecontent li {list-style-type: disc; list-style-position: inside; line-height: initial;}
.pagecontent h3 {color: #c02420; font-family: CirceBold; padding: 20px 0px;}
.pagecontent h2 {color: #c02420;}

@media (min-width: 1380px){
  .layouttopmenu {margin: 0px 95px;}
  .pagebanner.banner {text-align: center;}
}

@media (max-width: 600px) {
	.pagecontent.content, .pagecomponents, .shop_product {padding: 0px 20px 20px 20px;}
}

/*Header*/
.headercontainer {background: #ffffff; max-width: 1250px; margin: auto;}
.headercontainer .headertitle {float: left; color: #c02420; text-transform: uppercase; font-size: 150%; max-width: 350px; }
.headercontainer .headertitle strong {font-family: circe, sans-serif; font-weight: 800; font-style: normal;}
.headercontainer .headertitle p {line-height: 1.2;}

.headercontainer .headerlogin li {text-transform: uppercase; text-align: center; margin-top: 10px; float: left;}
.headercontainer .headerlogin li:first-of-type a {color: #002f78; border: 3px solid #002f78; border-radius: 16px; padding: 8px 50px; margin-right: 16px; }
.headercontainer .headerlogin li:nth-of-type(2) a {color: #c02420; border: 3px solid #c02420; border-radius: 16px; padding: 8px 50px; }

.headercontainer .headersocial li {float: left; padding-right: 5px;}
.headercontainer .headersocial svg {width: 20px; height: 20px;}
.headercontainer .headersocial svg path {fill: #2a2a2a;}
.twitter .fab { color:#002f78; border: 2px solid; border-radius: 100%; padding:5px;}

@media (min-width: 1000px) {

  .headercontainer {height: 130px; position: relative;}
  .headercontainer .headerlogo {float: left; padding-left: 48px; padding-top: 15px;}
  .headercontainer .headertitle {float: left; padding-left: 60px; padding-top: 42px;}

  .headercontainer .feat_googletranslate {position: absolute; right: 38px; top: 10px;}
  .headercontainer .twitter { position: absolute; right: 270px; top:15px; }
  .headercontainer .headersocial {position: absolute; top: 25px; right: 50px;}
  .headercontainer .headerlogin {position: absolute; top: 70px; right: 36px;}
  .headercontainer .shop_basketlink {position: absolute; top: 75px; right: 280px;}
  .headercontainer .shop_basketlink i {font-size: 170%; color: #002f78;}
  .headercontainer .shop_basketlink span {color: #002f78; margin-left: 7px; font-size: 130%;}


  .layouttopmenu {background-color: #002f78; height: 60px; max-width: 1250px; margin: auto;}
  .layouttopmenu .nav_multilevel ul {display: flex; flex-wrap: wrap; align-items: center; justify-content: center; line-height: 60px;}
  .layouttopmenu .nav_multilevel .toggle {display: none;}
  .layouttopmenu .nav_multilevel .level1 {text-align: center;}
  .layouttopmenu .nav_multilevel .level1>li {float: left; padding: 0px 27px; font-family: CirceBold;}
  .layouttopmenu .nav_multilevel li a {color: #ffffff;}
  .layouttopmenu .nav_multilevel li a:hover {text-decoration: underline;}

  .layouttopmenu .nav_multilevel .level1>li:hover .level2 { display: block; }
  .layouttopmenu .nav_multilevel .level2 { display: none; position: absolute; background: #ccd5e4; width: 250px; z-index: 50; padding: 10px; }
  .layouttopmenu .nav_multilevel .level2 li {text-align: left;}
  .layouttopmenu .nav_multilevel .level2>li a {color: #000000;}
  .layouttopmenu .nav_multilevel .level2>li>a:hover { color: #c02420;}

  .layouttopmenu .nav_multilevel .link172, .layouttopmenu .nav_multilevel .link173 {display: none;}

  .nav_multilevel .titletxt {display: none;}
}

@media (max-width: 999px) {
	.headercontainer {padding: 15px 25px; height: 180px;}
	.headercontainer .feat_googletranslate {position: absolute; top: 20px; right: 25px; }
	.headercontainer .shop_basketlink {position: absolute; top: 120px; right: 340px;}
	.headercontainer .shop_basketlink i {font-size: 170%; color: #002f78;}
	.headercontainer .shop_basketlink span {color: #002f78; margin-left: 7px; font-size: 130%;}
	.headercontainer .twitter { position: absolute; right: 260px; top:25px; }
	.layouttopmenu .toggle {background-color: #888888; position: absolute; top: 90px; right: 25px; padding: 20px 10px 10px 10px; border-radius: 5px; cursor: pointer;}
	.layouttopmenu .titletxt {text-transform: uppercase; position: absolute; top: 95px; right: 30px; color: #ffffff; font-size: 80%;}
	.layouttopmenu .toggle svg path {fill: #ffffff;}
	.layouttopmenu .toggleoff ul {display: none;}
	.layouttopmenu .toggleon ul {background-color: #002f78; padding: 15px;}
	.layouttopmenu .toggleon ul a {color: #ffffff;}
	.layouttopmenu .link172, .layouttopmenu .link173 {border: 2px solid #ffffff; border-radius: 16px; text-align: center; padding: 5px; margin: 10px 0px;}
	.headercontainer .headerlogin {position: absolute; top: 115px; right: 100px;}
}

@media (max-width: 720px) {
.headercontainer .headerlogin {display: none;}
.headercontainer .shop_basketlink {position: absolute; top: 120px; right: 100px;}
}

@media (max-width: 600px) {
.headercontainer .headersocial {display: none;}
.headercontainer .headertitle { margin-top: 80px;}
}

@media (max-width: 600px) {
	.headercontainer .shop_basketlink {position: absolute; top: 25px; left: 20px;}
}
/*Homepage*/
.home .pagecontent_inner {max-width: 913px; margin: auto;}

.home .homethreeboxcontainer {background-color: #ffffff; padding-bottom: 60px;}
.home .homethreeboxcontainer .homethreebox {text-align: center;}
.home .homethreeboxcontainer .homethreebox p {padding-bottom: 30px;}
.home .homethreeboxcontainer .homethreebox .link a {color: #c02420; text-transform: uppercase; font-size: 90%;}
.home .homethreeboxcontainer .homethreebox .imagetop {margin-bottom: 38px;}

.home .homeeventcontactcontainer {background-color: #002f78; margin-bottom: 30px;}
.home .homeeventcontactcontainer .titletxt {color: #ffffff; font-size: 150%; text-align: center; margin-bottom: 30px; padding-bottom: 0px;}
.home .homeeventcontactcontainer .homenextevent li {background-color: #ffffff;/* min-height: 800px; */}
.home .homeeventcontactcontainer .homenextevent li .name {font-family: CirceBold; padding-bottom: 30px;}
.home .homeeventcontactcontainer .homenextevent li .name a {color: #c02420; font-size: 140%;}
.home .homeeventcontactcontainer .homenextevent .date, .home .homeeventcontactcontainer .homenextevent .time {font-family: CirceBold;}
.home .homeeventcontactcontainer .homenextevent .abstract {padding-top: 30px;overflow: hidden;padding-bottom: 30px;}
.home .homeeventcontactcontainer .homenextevent li .link a {color: #c02420; text-transform: uppercase;}
.home .homeeventcontactcontainer .surv_standard {text-align: center;}
.home .homeeventcontactcontainer .surv_standard .form {background-color: #1a4486;padding-top: 42px;padding: 10px;}

.home .homenewslettercontainer {background-color: #c02420;color: #ffffff; margin-bottom: 50px;}
.home .int_newsletter, .home .homenewslettertext .titletxt {color: #ffffff;}
.home .int_newsletter .label {display: none;}

.home input[type=submit] {border: 3px solid #ffffff; background-color: transparent; width: 150px;}

@media (min-width: 1250px) {
	.home .homeeventcontactcontainer .homenextevent { max-width: 565px;box-sizing: border-box; margin-right: 10px;}
	.home .homeeventcontactcontainer .surv_standard {width: 565px;}
}

@media (min-width: 1100px) {
	.home .homenewslettercontainer {padding: 10px 0px;max-height: 80px;position: relative;box-sizing: border-box;}
	.home .homenewslettercontainer .homenewslettertext {padding-right: 30px;}
	.home .homenewslettercontainer .homenewslettertext, .home .homenewslettercontainer .int_newsletter {float: left;}
	.int_newsletter fieldset .form { display: flex; align-items: center; justify-content: center }
	.int_newsletter fieldset .field,
	.int_newsletter fieldset .buttons { margin: 10px }
	.home .homenewslettercontainer .int_newsletter input[type=text] { width: 357px; }
  
	.home .homenewslettercontainer .items {display: flex;align-items: center;justify-content: space-between;width: 100%;padding: 0 80px;}
	.home .homenewslettercontainer .items .input {display: flex;align-items: center;justify-content: center;}
	.home .homenewslettercontainer .items .spacer {display: none}
	.home .homenewslettercontainer .items input { margin-bottom: 0 !important; } 
}

@media (max-width: 1099px) {
	.home .homenewslettercontainer {padding: 20px; text-align: center;}
}

@media (min-width: 1000px) {
  .home .pagetitle.title {padding-top: 60px;font-size: 150%; padding-bottom: 25px;}
  .home .pagecontent.content {padding-bottom: 55px;}
  .home .homethreeboxcontainer .items {max-width: 1177px; margin: auto;}
  .home .homethreeboxcontainer .homethreebox {float: left; max-width: 360px; margin-right: 48px;}
  .home .homethreeboxcontainer .homethreebox:nth-child(3) {margin-right: 0px;}
  .home .homethreeboxcontainer .homethreebox .imagetop {width: 360px; height: 360px; background-size: cover;}
  .home .homeeventcontactcontainer { padding: 60px 35px;}
  .home .homeeventcontactcontainer .items {max-width: 1214px; margin: auto;}
  .home .homeeventcontactcontainer .homenextevent, .home .homeeventcontactcontainer .surv_standard {float: left; width: 50%;}
  .home .homeeventcontactcontainer .homenextevent li .image {float: left; height: 386px;}
  .home .homeeventcontactcontainer .homenextevent li {height: auto; padding-top: 55px;padding-right: 35px;max-width: 565px; padding-bottom: 40px;}
  .home .homeeventcontactcontainer .homenextevent .image {padding-right: 30px;}
  .home .homeeventcontactcontainer .homenextevent .link {float: right;}
  .home .homeeventcontactcontainer .surv_standard #fb-4 {height: 123px;}
  #surveyform00000000000000210 .form .formbuilder {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-areas: 
      "whoto whoto"
      "name email"
      "message message";
    padding: 17px;
    grid-gap: 10px;
  }

  #fb-1-div { grid-area: whoto; }
  #fb-2-div { grid-area: name; }
  #fb-3-div { grid-area: email; }
  #fb-4-div { grid-area: message; }

  #surveyform00000000000000210 .form .formbuilder .field,
  #surveyform00000000000000210 .form .formbuilder .field input,
  #surveyform00000000000000210 .form .formbuilder .field select,
  #surveyform00000000000000210 .form .formbuilder .field textarea { width: 100%;}


}

@media (max-width: 999px) {
	.home .homethreeboxcontainer .homethreebox .imagetop {width: 360px; height: 360px; margin: auto; background-size: cover; margin-bottom: 38px;}
	.home .homethreeboxcontainer .homethreebox {margin-bottom: 30px;}
	.home .homeeventcontactcontainer {padding: 40px;}
	.home .homenextevent {margin-bottom: 40px;}
	.home .homenextevent li  {padding: 20px; box-sizing: border-box;}
	.home .homenextevent li .image {text-align: center; margin-bottom: 15px;}
	.home .homeeventcontactcontainer .surv_standard .form {padding: 20px;}
}


@media (max-width: 600px) {
  .home .pagebanner {display: none;}
  .home .pagetitle {position: relative; height: 600px; background-image: url(/images/tG556RcGuZnMBVhnO85B1xg0hi.png); background-size: cover;}
  .home .pagetitle_inner {display: block;max-width: 400px;/* height: 300px; */position: absolute;left: 50%;margin-left: -200px;top: 150px;padding: 40px 40px;background-color: #1a4486;color: #ffffff;border: 0;text-align: left;}
  .home span.pagetitle_inner h1 {border-top: 1px solid white;}

  .home .pagecontent.content {padding-top: 50px;}

  .home .homethreeboxcontainer {padding: 0px 20px;}

  .home .homeeventcontactcontainer .surv_standard {text-align: center;}
}

/*Login page*/
.memb_loginbox {max-width: 800px; margin: auto; text-align: center;}
.memb_loginbox .errors {color: red; margin: 0px 0px 20px 0px;}
.memb_loginbox .status { display: none; }
.memb_loginbox .introduction li { text-align: center; padding-bottom: 10px; }
.memb_loginbox .forgotpw { display: block; text-align: center; padding-top: 20px; }

.membershipstatus { text-align: center; padding-bottom: 50px; }

/*Join page*/
.memb_account {max-width: 800px; margin: auto;}
.joinpage .g-recaptcha {margin-bottom: 15px;}

/*Journal*/
.journalpage .pagebanner.banner {display: none;}
.journalpage .feat_carousel {overflow: hidden; position: relative; padding: 30px 0px;}
.journalpage .feat_carousel ul {width: 20000em; position: relative;}
.journalpage .feat_carousel li {display: inline-block; width: 200px!important;height: 300px;background-size: cover;background-position: center center;margin-right: 10px;}
.journalpage .feat_carousel .MedExtCaption {background-color: #000000; color: #ffffff; opacity: 0.8; height: 300px; padding: 10px; visibility: hidden; font-size: 90%;}
.journalpage .feat_carousel li:hover .MedExtCaption {visibility: visible;}

.journalarchive .journalarchivebox {text-align: center;  margin-bottom: 60px;}
.journalarchive .journalarchivebox .imagebottom {margin: auto; width: 200px; height: 300px; background-size: cover; border: 2px solid #002f78;}

@media (min-width: 1100px){
.journalarchive .journalarchivebox {width: 33%; display: inline-block;}
}

/*Talks programme*/
.eventlistpage ul {max-width: 1000px; margin: auto;}
.eventlistpage li {max-width: 490px; padding: 20px; min-height: 450px; margin-bottom: 20px; }
.eventlistpage .name, .eventlistpage .image, .eventlistpage .time, .eventlistpage .venue, .eventlistpage .abstract { margin-bottom: 15px;}
.eventlistpage li:nth-child(1n) {background-color: #f9e9e9;}
.eventlistpage li:nth-child(2n) {background-color: #e6eaf2;}
.eventlistpage li.divider.hidden {display:none;}
.eventlistpage .event_list .link a {display: block; border: 3px solid #000000; border-radius: 16px; padding: 5px; text-transform: uppercase; text-align: center; margin-top: 10px;}


@media (min-width: 1100px) {
	.eventlistpage li {display: inline-block;}
}

@media (max-width: 1099px) {
	.eventlistpage li {margin: auto; margin-bottom: 20px;}
}

/*Membership page*/
.membershippurchase .shop_productlist li .buybutton {border: 3px solid #000000; border-radius: 16px; padding: 5px; max-width: 50%; margin: auto; margin-top: 10px;}

@media (min-width: 1000px){
.membershippurchase .shop_productlist {max-width: 800px; margin: auto;}
.membershippurchase .shop_productlist li {display: inline-block; width: 390px; padding-bottom: 100px; text-align: center;}
.membershippurchase .shop_productlist li .image {margin: 20px 0px;}
}

@media (max-width: 999px){
	.shop_productlist {text-align: center;}
	.shop_productlist li {margin-bottom: 80px;}
}

.basket {padding-bottom: 40px;}

.shop_product .info {max-width: 800px; margin: auto; text-align: center;}
.shop_product .description {padding: 20px 0px;}
.shop_product .price {font-family: CirceBold; font-size: 120%; margin-bottom: 50px;}

/*Event page*/
.event_eventpage {background-color: #ffffff; }
.event_eventpage .book { max-width: 800px; margin: auto; margin-top: 50px;  }
.event_eventpage .bookclosed {max-width: 800px; margin: auto; margin-top: 20px; padding-bottom: 20px; color: #c02420; text-align: center; }
.event_eventpage .book h2 {text-align: center;}
.event_eventpage .book #fb-Attendees-addlink {padding: 20px 0px;}
.event_eventpage .date, .event_eventpage .venue {font-family: CirceBold; color: #002f78; font-size: 150%;}
.event_eventpage .date, .event_eventpage .venue, .event_eventpage .image {text-align: center; }
.event_eventpage .image img {width: 100%; height: auto;}
.event_eventpage .info, .event_eventpage .image {padding-bottom:15px;}
.event_eventpage .abstract {padding: 50px 0px; display:none;}

.event_eventpage .item { padding: 20px 0px; border-bottom: 1.5px solid #1a4486; }

.event_eventpage input[type=submit]{margin-top: 20px;}


@media (min-width: 1000px) {
	.event_eventpage {padding: 0px 95px 20px 95px;}
}

@media (max-width: 999px) {
	.event_eventpage {padding: 20px;}
}

/*Basket page*/
.shop_basketpage {background-color: #ffffff; padding: 0px 95px;}
.shop_basketpage .buttons {margin: 30px 0px; text-align: center;}
.shop_basketpage .continueshopping {background: #1a4486; color: white; text-align: center; border-radius: 15px; padding: 5px 35px;}
.shop_basket .updatebasket {margin:10px; max-width: 160px;}

.shop_basketpage .basket, .shop_basketpage .include {max-width: 800px; margin: auto;}
.shop_basketpage table {width: 100%;}
.shop_basketpage .discount {margin-top: 40px;}
.shop_basketpage .discount button[type=submit] { background: none; border: 3px solid #002f78; color: #002f78; padding:7px; border-radius: 16px; }
.shop_basketpage .discount button[type=submit]:hover { cursor: pointer ;}
.shop_basket td, .shop_basket th { padding: 5px; text-align: left; border-bottom: solid #dddddd 1px; }
.shop_basket .price, .shop_basket .quantity, .shop_basket .total, .shop_basket .remove { text-align: right; }
.shop_basketpage .errors { color: #ff0000; padding-bottom: 20px; }
.shop_basketpage .contact, .shop_basketpage .billing {width: 50%; float: left; margin-top: 40px;}
.shop_basket .complete {padding-bottom: 95px;}
.shop_basketpage #fb-Notes-div, .shop_basketpage .field_section { display: none; }

.shop_basket .checkout .field_group>.label, .shop_basket .checkout .field_section>.label { font-family: CirceBold; padding-top: 20px; padding-bottom: 10px; font-size: 120%; }


.paymentform #card-element {border: 1px solid #002f78; border-radius: 16px; padding: 10px; margin-bottom: 20px;}

.checkout {max-width: 800px; margin: auto;}
.checkout #fb-DonGiftAid-div {display: flex;}

/*Links*/
.linkspage .linkcategory {display: inline-block; width: 300px; border: 3px solid #002f78; border-radius: 16px; padding: 8px 0px; margin-right: 16px; margin-bottom: 16px;}
.linkspage .linkscontainer {margin-bottom: 50px;}
.linkspage .linkscontainer .items {text-align: center;}
.linkspage .linkscontainer .titletxt {width:100%; text-align: center; margin-bottom: 20px; }
.linkspage .util_textbox { background-color: #e6eaf2; width: 250px; display: inline-block; text-align: center; vertical-align: top; padding-bottom: 60px; box-sizing:border-box; margin-bottom: 5px; padding: 20px; box-sizing: border-box;}
.linkspage .util_textbox .titletxt  { max-height:100px; min-height: 100px;}
.linkspage .util_textbox .imagetop {height: 150px; margin-bottom: 20px; max-height:150px;}
.header .linkscontainer>h2 {display: none;}

@media (min-width: 1000px) {
	.linkspage .util_textbox {max-height: 300px;  min-height:300px;}
	.linkspage .util_textbox .content {  display:none;  }
	.linkspage .util_textbox:hover .content {  display:block; position:relative; width:250px; top:-310px; left: -20px; height: 300px; background-color: #000000; color: #ffffff; padding: 30px 10px;}	
}

@media (max-width: 999px) {
	.linkspage .linkscontainer .util_textbox {min-height: 640px;}
}

@media (max-width: 600px) {
	.linkspage .linkscontainer .util_textbox {max-width: 200px;}
	.linkspage .linkscontainer .util_textbox .imagetop img {max-width: 150px!important; height: auto;}
}

/*Contact*/
.contactpage .contactform {max-width: 800px; margin: auto;}
.contactpage .contactform .g-recaptcha {margin-bottom: 15px;}

/*Newsletter subscribe page*/
.newslettersignuppage .int_newsletter fieldset {display: block; max-width: 800px; margin: auto;}
.newslettersignuppage .int_newsletter .field.lists input {width: 5%; margin-top: 10px;}

/*Footer*/
.layoutfooter {background-color: #212121; color: #ffffff; text-align: center; padding: 60px 0px; font-size: 80%;}
.layoutfooter a {color: #ffffff;}
.layoutfooter .headersocial {margin: auto; width: 115px; padding-top: 40px;}
.layoutfooter .headersocial li {float: left; padding-right: 5px;}
.layoutfooter .headersocial svg {width: 30px;height: 30px;}
.layoutfooter .headersocial svg path {fill: #ffffff;}


.beachshore {display: none;}


.latestissues img {border:2px solid #fff;background: url(img/tiger.png) no-repeat;box-shadow: 10px 10px 5px #ccc;-moz-box-shadow: 10px 10px 5px #ccc;-webkit-box-shadow: 10px 10px 5px #ccc;-khtml-box-shadow: 10px 10px 5px #ccc; }

.feat_pageturner .titletxt { color: #ffffff; float: left; font-size: 200%; margin: 0px 0px 20px 50px; padding: 0px 0px 0px 70px; line-height: 60px; background-image: url(/gbrussia/images/); background-position: left center; }

.feat_pageturner .image { background-size: contain; background-position: center center; }
/*
.feat_pageturner .double .image { width: 1190px; height: 842px; }
.feat_pageturner .zoom-in .image { width: 1000px; height: 1467px; }
.feat_pageturner .zoom-in .double .image { width: 2000px; height: 1467px; }
*/

.feat_pageturner .chapter { float: right; margin: 10px 50px 20px 0px; }
.feat_pageturner .chapter select { background-color: #ffffff; background-image: url(/images/0sbdNq8MdJVXepTXCNeA069069.png); background-repeat: no-repeat; background-position: right 10px center; padding-right: 20px; }

.feat_pageturner .toolbar { display: none; position: absolute; margin: 0px auto 0px auto; padding: 30px 0px 100px 0px; }
.feat_pageturner .toolbar .page { color: #c6c7c8; display: inline-block; padding: 0px 20px 0px 0px; }
.feat_pageturner .toolbar .page input { background-color: #ffffff; border: none; width: 40px; padding: 5px; }
.feat_pageturner .toolbar .zoomin { background: none; background-image: url(/gbrussia/images/); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }
.feat_pageturner .toolbar .zoomout { background: none; background-image: url(/gbrussia/images/); border: none; font-size: 0px; width: 18px; height: 18px; margin: 0px 10px 0px 0px; }

.flipbook-viewport .container
{
	position: absolute;
	margin: 0px auto 0px auto;
	left: 50%;
	/*
	width:0px;
	height:0px;
	*/
}

/*
.flipbook-viewport .flipbook{
	width:1190px;
	height:842px;
	left:-595px;
	top:-421px;
}
*/

.flipbook-viewport .page{
	/*
	width:595px;
	height:842px;
	*/
	background-color:white;
	background-repeat:no-repeat;
	background-size:100% 100%;
}

.flipbook-viewport .zoomer .region{
	display:none;
}

.flipbook #canvas { overflow: hidden; }

.flipbook .region{
	position:absolute;
	overflow:hidden;
	background:#0066FF;
	opacity:0.2;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .region:hover{
	opacity:0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

.flipbook .region.zoom{
	opacity:0.01;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)";
	filter: alpha(opacity=1);
}

.flipbook .region.zoom:hover{
	opacity:0.2;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
}

.flipbook .page{
	-webkit-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-moz-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-ms-box-shadow:0 0 20px rgba(0,0,0,0.2);
	-o-box-shadow:0 0 20px rgba(0,0,0,0.2);
	box-shadow:0 0 20px rgba(0,0,0,0.2);
}

.flipbook-viewport .page img{
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	margin:0;
}

.flipbook .even .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, left top, right top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.2)));
	background-image:-webkit-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-moz-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-ms-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:-o-linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
	background-image:linear-gradient(left, rgba(0,0,0,0) 95%, rgba(0,0,0,0.2) 100%);
}

.flipbook .odd .gradient{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;

	background:-webkit-gradient(linear, right top, left top, color-stop(0.95, rgba(0,0,0,0)), color-stop(1, rgba(0,0,0,0.15)));
	background-image:-webkit-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-moz-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-ms-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:-o-linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
	background-image:linear-gradient(right, rgba(0,0,0,0) 95%, rgba(0,0,0,0.15) 100%);
}

.flipbook-viewport .zoom-in .even .gradient,
.flipbook-viewport .zoom-in .odd .gradient{

	display:none;

}

.flipbook-viewport .loader{
	background-image:url(../pics/loader.gif);
	width:22px;
	height:22px;
	position:absolute;
	top:280px;
	left:219px;
}

.flipbook-viewport .shadow{
	-webkit-transition: -webkit-box-shadow 0.5s;
	-moz-transition: -moz-box-shadow 0.5s;
	-o-transition: -webkit-box-shadow 0.5s;
	-ms-transition: -ms-box-shadow 0.5s;

	-webkit-box-shadow:0 0 20px #ccc;
	-moz-box-shadow:0 0 20px #ccc;
	-o-box-shadow:0 0 20px #ccc;
	-ms-box-shadow:0 0 20px #ccc;
	box-shadow:0 0 20px #ccc;
}

.flipbook-viewport .next-button,
.flipbook-viewport .previous-button{
	width:22px;
	height:600px;
	position:absolute;
	top:0;
}

.flipbook-viewport .next-button{
	right:-22px;
	-webkit-border-radius:0 15px 15px 0;
	-moz-border-radius:0 15px 15px 0;
	-ms-border-radius:0 15px 15px 0;
	-o-border-radius:0 15px 15px 0;
	border-radius:0 15px 15px 0;
}

.flipbook-viewport .previous-button{
	left:-22px;
	-webkit-border-radius:15px 0 0 15px;
	-moz-border-radius:15px 0 0 15px;
	-ms-border-radius:15px 0 0 15px;
	-o-border-radius:15px 0 0 15px;
	border-radius:15px 0 0 15px;
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .next-button-hover{
	background-color:rgba(0,0,0, 0.2);
}

.flipbook-viewport .previous-button-hover,
.flipbook-viewport .previous-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-4px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .previous-button-down,
.flipbook-viewport .next-button-down{
	background-color:rgba(0,0,0, 0.4);
}

.flipbook-viewport .next-button-hover,
.flipbook-viewport .next-button-down{
	background-image:url(../pics/arrows.png);
	background-position:-38px 284px;
	background-repeat:no-repeat;
}

.flipbook-viewport .zoom-in .next-button,
.flipbook-viewport .zoom-in .previous-button{
	display:none;
}

.animated{
	-webkit-transition:margin-left 0.5s;
	-moz-transition:margin-left 0.5s;
	-ms-transition:margin-left 0.5s;
	-o-transition:margin-left 0.5s;
	transition:margin-left 0.5s;
}

.exit-message{
	position: absolute;
	top:10px;
	left:0;
	width:100%;
	height:40px;
	z-index:10000;
}

.exit-message > div{
	width:140px;
	height:30px;
	margin:auto;
	background:rgba(0,0,0,0.5);
	text-align:center;
	font:12px arial;
	line-height:30px;
	color:white;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-ms-border-radius:10px;
	-o-border-radius:10px;
	border-radius:10px;
}

.bottom{
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
}

.issues .content p { text-align: center;padding: 0px 0px 50px 0px;}
.latestissues ul {display:flex; justify-content: space-evenly; flex-wrap: wrap; }
.latestissues ul li { margin-bottom: 20px; }

@media ( min-width: 990px )
{
	.latestissues ul { width: 950px; margin: 0px auto; }
}

@media ( max-width: 500px)

{
	.latestissues ul { flex-direction: column; align-items: center;}
	.latestissues li {padding-bottom: 30px; margin-bottom: 0px; }
}

/* My account - Recordings */ 

.recordings .nodownloads { text-align: center; }


table { width: 100%; }
.recordings .shop_downloads tr th { border: none; }
.recordings .shop_downloads th, .recordings .shop_downloads td { padding: 5px 5px 20px 5px;; border-bottom: 1px solid lightgrey;  }
.recordings .shop_downloads td.name { width: 750px; padding-top: 20px;  }
.recordings .shop_downloads td.purchased { font-size: 95%; padding-top: 20px;  } 
.recordings .shop_downloads td.download a { display: block; text-align: center; border: 3px solid #002f78; border-radius: 16px;  padding: 10px; color: #002f78;  margin-left: 30px;    }
#downloadplayer { display: flex; justify-content: center; align-items: center; }
.ui-dialog { background: #000000; border: none; padding: 0px; border-radius: 0px; }
.ui-dialog-titlebar { background: #002f78; border: none; border-radius: 0px; color: white; font-size: 120%; padding: 10px; }
.ui-dialog .ui-dialog-titlebar-close span { margin: -8px 0px 0px -8px; text-align: right; padding: 5px; ; }
.ui-dialog button { position: absolute; right: 20px; }
.ui-dialog button:hover { cursor: pointer;}


/* Shop - Recordings */

.eventrecording ul { display: flex; justify-content: space-evenly; flex-wrap: wrap; gap:20px;  }
.eventrecording ul li {width: 300px;/* max-height: 400px; */box-shadow: 0 0 10px lightgrey;padding: 20px;box-sizing: border-box;}
.eventrecording ul li .name {/* height: 50px; */padding-bottom: 20px;}
.eventrecording ul li .summary { min-height: 100px; }
.eventrecording ul li .price { padding-bottom: 20px; text-align: center; padding-top: 20px;  }
.eventrecording ul li .addbutton { text-align: center; padding-bottom: 20px;}
.eventrecording ul li .addbutton a { padding: 7px; border: 3px solid #002f78; border-radius: 16px; color: #002f78; }

/* Newsletters */

.nltr_list li, .newsarchive li { list-style-type: circle; padding: 5px 0px;}
.nltr_list li:hover, .newsarchive li:hover { text-decoration: underline;}