/* Blue: #53AFFF Orange: #FFB969 */
.changelog_accordion {
     color: #FFB969;
     cursor: pointer;
     padding: 6px 10px 6px 10px;
     width: 100%;
     border: none;
     text-align: center;
     outline: none;
     font-size: 13px;
     transition: 0.4s;
   }
   .active, .changelog_accordion:hover {
     background-color: #FFB969;
     color: white;
   }
   .panel {
     background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
   }
   .panel > p
   {
        padding: 10px;
   }
 p.footer {
     line-height: 6px!important;
     font-size: 9pt;
     color: #0089c4;
}
	.titles-titles{
		line-height: 9pt; 
		margin-bottom: -4px;
		padding:4px 0 0 4px; 
		color:white;
	}
	.titles-titles2{
		padding: 5px 2px;
		color:white;
	}
	.titles-date{
		line-height: 9pt; 
		font-size:8pt; 
		padding:0px 0 4px 0; 
		color:white;
}
	.titles-date2{
		padding: 5px 0px;
		color:white;
	}
 .blue {
     color: #53AFFF;
}
 .grey {
     color: #999;
}
 .orange {
     color: #FFB969;
}
 .merch, .merch a{
     margin-bottom:5px!important;
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     font-family: "Open Sans Condensed", sans-serif!important;
     font-size: 18px;
     color: #53AFFF;
}
 .merch a:hover{
     color: #FFB969;
}
 h2 {
     font-size: 18pt;
     padding-bottom: 15px;
     padding-top: 20px;
     color: #FFB969;
}
 .infobutton {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     position: absolute;
     top: 8px;
     z-index: 9999;
     background: url(../img/other/card-info.png);
     width: 30px;
     height: 30px;
     opacity: 0.5;
}
 .infobutton:hover {
     opacity: 1;
}
 .infocolumn {
     display: table-cell;
     box-sizing: border-box;
     width: 40%;
     padding: 0 8px 0 0;
}
 .datacolumn {
     display: table-cell;
     box-sizing: border-box;
     padding: 0 8px 0 8px;
     width: 33.3%;
}
 .latestcolumn {
    /*background-color: #211f26;
     */
     display: table-cell;
     box-sizing: border-box;
     padding: 0 0 0 8px;
     width: 26.7%;
}
 .form-error {
     font-size: 10pt;
     color: red;
}
 .new-button {
     display: inline-block;
     border-radius: 4px;
     background-color: #53AFFF;
     border: none;
     color: white;
     text-align: center;
     font-size: 15px;
     padding: 6px 8px;
     width: auto;
     transition: all 0.5s;
     cursor: pointer;
     margin: 0px;
}
 .new-button span {
     cursor: pointer;
     display: inline-block;
     position: relative;
     transition: 0.5s;
}
 .new-button span:after {
     content: '\00bb';
     position: absolute;
     opacity: 0;
     top: 0;
     right: -20px;
     transition: 0.5s;
}
 .new-button:hover span {
     padding-right: 15px;
}
 .new-button:hover span:after {
     opacity: 1;
     right: 0;
}
 .new-button:hover {
     background-color: #53AFFF;
}
 .loginquestions {
     font-family: "Open Sans Condensed", sans-serif!important;
     color: #53AFFF!important;
     font-size: 12pt;
     padding-bottom: 8pt;
}
 .form-group {
     display: -ms-flexbox;
     display: flex;
     /* - ms-flex: 0 0 auto; */
     flex: 0 0 auto;
     -ms-flex-flow: row wrap;
     flex-flow: row wrap;
     -ms-flex-align: center;
     align-items: center;
     margin-bottom: 1rem;
}
 .social-fb, .social-tw, .social-in, .social-ig, .social-be, .social-yo {
     margin-top: 5px;
     width: 30px;
     height: 30px;
     display: inline-block;
     transition: all 400ms;
     -webkit-transition: all 400ms;
}
 .social-fb {
     background: url(../img/other/socials.png) 0 0px;
}
 .social-fb:hover {
     background: url(../img/other/socials.png) 0 -30px;
}
 .social-tw {
    /* For some reason it thinks it's 150, not 30 */
     background: url(../img/other/socials.png) 150px 0;
}
 .social-tw:hover {
    /* For some reason it thinks it's 150, not 30 */
     background: url(../img/other/socials.png) 150px -30px;
}
 .social-ig {
     background: url(../img/other/socials.png) 120px 0;
}
 .social-ig:hover {
     background: url(../img/other/socials.png) 120px -30px;
}
 .social-in {
     background: url(../img/other/socials.png) 90px 0;
}
 .social-in:hover {
     background: url(../img/other/socials.png) 90px -30px;
}
 .social-be {
     background: url(../img/other/socials.png) 60px 0;
}
 .social-be:hover {
     background: url(../img/other/socials.png) 60px -30px;
}
 .social-yo {
    /* For some reason it thinks it's 30, not 150 */
     background: url(../img/other/socials.png) 30px 0;
}
 .social-yo:hover {
    /* For some reason it thinks it's 30, not 150 */
     background: url(../img/other/socials.png) 30px -30px;
}
 .footer-left {
     padding: 0 0 0 70px;
     display: table-cell;
     box-sizing: border-box;
     float: left;
     font-size: 9pt;
     text-align: left;
}
 .footer-right {
     padding: 0 70px 0 0;
     display: table-cell;
     box-sizing: border-box;
     float: right;
}
 .table-left {
     display: table-cell;
     width: 33%;
     padding: 15px 20px 0px 0px;
}
 .table-right {
     display: table-cell;
     padding: 15px 0px 0px 0px;
     width: 33%;
}
 .wrapper-new {
     background-color: #53AFFF;
     max-width: 1159px;
     height: 100vh;
     display: flex;
     flex-direction: column;
}
 footer {
     height: 55px;
     padding-top: 7px;
     font-size: 10pt;
     color: #FFB969;
     bottom: 0;
     width: 100%;
     background: url(../img/other/bg2.jpg);
}
 footer a {
     color: white;
}
 footer a:hover {
     color: #FFB969;
}
 main {
     background-color: white;
     flex: 1;
     padding: 0;
}
 searchbar {
     padding: 116px 0 0 0!important;
}
 .newlogo {
     width: 140px;
     height: 93px;
     position: relative;
     top: -10px;
     left: 70px;
     display: inline-block;
}
 * {
     font-family: Arial,Helvetica,sans-serif!important;
     line-height: 14pt!important;
}
 h1, h2, h3, h4, h5 {
     font-family: "Open Sans Condensed", sans-serif!important;
     color: #53AFFF!important;
}
 .btn {
     display: inline-block;
     font-weight: 400;
     line-height: 1.5;
     color: #212529;
     text-align: center;
     text-decoration: none;
     vertical-align: middle;
     cursor: pointer;
     -webkit-user-select: none;
     -moz-user-select: none;
     user-select: none;
     background-color: transparent;
     border: 1px solid transparent;
     padding: 0.375rem 0.75rem;
     font-size: 1rem;
     border-radius: 0.25rem;
     transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
 @media (prefers-reduced-motion: reduce) {
     .btn {
         transition: none;
    }
}
 .btn:hover {
     color: #212529;
}
 .btn-check:focus + .btn, .btn:focus {
     outline: 0;
     box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
}
 .btn:disabled, .btn.disabled, fieldset:disabled .btn {
     pointer-events: none;
     opacity: 0.65;
}
 .btn-link {
     font-weight: 400;
     color: #0d6efd;
     text-decoration: underline;
}
 .btn-link:hover {
     color: #0a58ca;
}
 .btn-link:disabled, .btn-link.disabled {
     color: #6c757d;
}
 @media (prefers-reduced-motion: reduce) {
     .fade {
         transition: none;
    }
}
 .fade:not(.show) {
     opacity: 0;
}
 .collapse:not(.show) {
     display: none;
}
 .collapsing {
     height: 0;
     overflow: hidden;
     transition: height 0.35s ease;
}
 @media (prefers-reduced-motion: reduce) {
     .collapsing {
         transition: none;
    }
}
 .collapsing.collapse-horizontal {
     width: 0;
     height: auto;
     transition: width 0.35s ease;
}
 @media (prefers-reduced-motion: reduce) {
     .collapsing.collapse-horizontal {
         transition: none;
    }
}
 .card {
     position: relative;
     display: flex;
     flex-direction: column;
     min-width: 0;
     word-wrap: break-word;
     background-color: white;
     background-clip: border-box;
     border: 1px solid rgba(0, 0, 0, 0.125);
     border-radius: 0.25rem;
}
 .card > hr {
     margin-right: 0;
     margin-left: 0;
}
 .card > .list-group {
     border-top: inherit;
     border-bottom: inherit;
}
 .card > .list-group:first-child {
     border-top-width: 0;
     border-top-left-radius: calc(0.25rem - 1px);
     border-top-right-radius: calc(0.25rem - 1px);
}
 .card > .list-group:last-child {
     border-bottom-width: 0;
     border-bottom-right-radius: calc(0.25rem - 1px);
     border-bottom-left-radius: calc(0.25rem - 1px);
}
 .card > .card-header + .list-group, .card > .list-group + .card-footer {
     border-top: 0;
}
 .card-body {
     flex: 1 1 auto;
     padding: 1rem 1rem;
}
 .card-title {
     margin-bottom: 0.5rem;
}
 .card-subtitle {
     margin-top: -0.25rem;
     margin-bottom: 0;
}
 .card-text:last-child {
     margin-bottom: 0;
}
 .card-link + .card-link {
     margin-left: 1rem;
}
 .card-header {
     padding: 0.5rem 1rem;
     margin-bottom: 0;
     background-color: rgba(0, 0, 0, 0.03);
     border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}
 .card-header:first-child {
     border-radius: calc(0.25rem - 1px) calc(0.25rem - 1px) 0 0;
}
 .card-footer {
     padding: 0.5rem 1rem;
     background-color: rgba(0, 0, 0, 0.03);
     border-top: 1px solid rgba(0, 0, 0, 0.125);
}
 .card-footer:last-child {
     border-radius: 0 0 calc(0.25rem - 1px) calc(0.25rem - 1px);
}
 .card-header-tabs {
     margin-right: -0.5rem;
     margin-bottom: -0.5rem;
     margin-left: -0.5rem;
     border-bottom: 0;
}
 .card-header-pills {
     margin-right: -0.5rem;
     margin-left: -0.5rem;
}
 .card-img-overlay {
     position: absolute;
     top: 0;
     right: 0;
     bottom: 0;
     left: 0;
     padding: 1rem;
     border-radius: calc(0.25rem - 1px);
}
 .card-img, .card-img-top, .card-img-bottom {
     width: 100%;
}
 .card-img, .card-img-top {
     border-top-left-radius: calc(0.25rem - 1px);
     border-top-right-radius: calc(0.25rem - 1px);
}
 .card-img, .card-img-bottom {
     border-bottom-right-radius: calc(0.25rem - 1px);
     border-bottom-left-radius: calc(0.25rem - 1px);
}
 .card-group > .card {
     margin-bottom: 0.75rem;
}
 .table {
     text-align: center;
     font-size: 10pt;
     color: #FFF;
     line-height: 14pt;
     border: 2pt solid white;
     border-left: 0;
     background-color: #FFB969;
}
 .table-data {
     background-color: #DDD;
     font-size: 10pt;
     color: #888;
     line-height: 14pt;
     border: 2pt solid white;
     text-align: center;
}
 .my-columns {
     column-count: 3;
     column-gap: 40px;
}
 .client_identity {
     font-style: italic;
     font-size: 9pt;
     color: #888;
}
 .logolink {
     filter: none;
     width: 140px;
     height: 93px;
     position: relative;
     top: -17px;
     display: block;
     background: url(../img/other/logo.png) no-repeat 0 0;
     transition: background 400ms;
     -webkit-transition: background 400ms;
}
/* accordion for FAQs */
.button_accordion {
     background-color: #FFF;
     color: #53AFFF;
}
 .button_accordion:hover {
     color: #FFF!important;
     background-color: #FFB969!important;
}
.active, .button_accordion:hover {
     color: #FFF!important;
     background-color: #FFB969!important;
}
 .faq_accordion {
     color: #53AFFF;
     cursor: pointer;
     padding: 6px 10px 6px 5px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 13px;
     transition: 0.4s;
}
.faq_accordion:hover{
     background:#FFB969;
     color: #FFF;
}
 .panel {
     background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
}
.panel {
     background-color: white;
     max-height: 0;
     overflow: hidden;
     transition: max-height 0.2s ease-out;
}
 .panel > p {
     padding: 10px 10px 10px 0px;
}
/*-- End of Accordion for FAQs --*/
/* accordiong for Rates */
 .rates_accordion {
     color: #53AFFF;
     cursor: pointer;
     padding: 6px 10px 6px 5px;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 13px;
     transition: 0.4s;
}
 .active, .rates_accordion:hover {
     color: #FFB969;
}
/*-- End of Accordion for Rates --*/
 li {
     font-size: 10pt;
     color: #FFB969;
}
/* modal-logout is for logout (all pages). modal-changelog is for changelog (search.php). modal-delete-all-faves is for deleting all faves (favourites.php). modal-faves is for adding/deleting faves. */
  #popup {
     border-top: 35px solid #53AFFF;
     width: 300px;
     position: relative;
     margin: 20% auto;
     padding: 13px 20px 13px 20px;
     background: white;
     border-radius: 5px;
}
.modal-faves {
     position: fixed;
     top: 0;
     text-align: center;
     right: 0;
     bottom: 0;
     left: 0;
     background-color: #53AFFF;
     background: rgba(0,0,0,0.5);
     z-index: 99999;
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
}
 .modal-logout, .modal-changelog , .modal-code, .modal-delete-all-faves{
     background: rgba(0,0,0,.4);
     display: none;
     height: 100%;
     position: fixed;
     text-align: center;
     top: 0;
     width: 100%;
     z-index: 10000;
}
 .modal-logout .helper, .modal-code .helper, .modal-changelog .helper, .modal-delete-all-faves .helper {
     display: inline-block;
     height: 100%;
     vertical-align: middle;
}
.modal-code > div, .modal-logout > div, .modal-changelog > div, .modal-delete-all-faves > div {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     border-top: 0px solid #53AFFF;
     background-color: white;
     box-shadow: 10px 10px 60px #555;
     display: inline-block;
     width: 280px;
     height: auto;
     vertical-align: middle;
     position: relative;
     border-radius: 5px;
     padding: 0px 00px 13px 00px;
     scroll-behavior: auto;
}
.modal-code > div {
     width: 365px;
     color: #777;
     font-size: 7pt;
     height: auto;
     text-align: left!important;    
}
.modal-code > div >p {
     padding:10px;
}
 .modal-changelog > div  {
     width: 365px;
     color: #777;
     font-size: 7pt;
     height: auto;
     text-align: left!important;
}
 .modal-changelog > div > p {
     font-size: 10pt;
}
 .modal-title {
     font-weight: bold;
     background-color: #53AFFF;
     color: white;
     padding: 10px 0;
     text-align: center;
}
 .logout_button {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-inx;
     background-color: white;
     display: inline-block;
     background: #53AFFF;
     height: 30px;
     width: 60px;
     border-radius: 3px;
     padding-top: 5px;
     margin: 5px 20px 0 20px;
     cursor: pointer;
}
 .logout_button:hover {
     background-color: #FFB969;
}
 .logout_button > p > a {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     color: white;
     font-weight: bold;
     padding-top: 5px;
     font-size: 15px;
}
 .popupCloseButton {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     background-color: #53AFFF;
     color: white;
     border-radius: 50px;
     cursor: pointer;
     padding-top: 5px;
     display: inline-block;
     font-weight: bold;
     position: absolute;
     top: 5px;
     right: 15px;
     font-size: 25px;
     line-height: 25px;
     width: 30px;
     height: 30px;
}
 .popupCloseButtonChangelog {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     background-color: #53AFFF;
     color: white;
     border-radius: 50px;
     cursor: pointer;
     padding-top: 5px;
     padding-left:7px;
     display: inline-block;
     font-weight: bold;
     position: absolute;
     top: 5px;
     right: 15px;
     font-size: 25px;
     line-height: 25px;
     width: 30px;
     height: 30px;
}
 .popupCloseButtonFaves {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     background-color: #53AFFF;
     color: white;
     border-radius: 50px;
     cursor: pointer;
     padding-top: 7px;
     display: inline-block;
     font-weight: bold;
     position: absolute;
     top: -33px;
     right: 15px;
     font-size: 25px;
     line-height: 25px;
     width: 30px;
     height: 30px;
}
 .popupFavesTitle {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     color: white;
     background-color: #53AFFF;
     padding-top: 7px;
     display: inline-block;
     font-weight: bold;
     position: absolute;
     top: -32px;
     right: 15px;
     font-size: 14px;
     left: 50%;
     transform: translateX(-50%);
}
 .popupCloseButton:hover,  .popupCloseButtonFaves:hover, .popupCloseButtonChangelog:hover {
     background-color: #53AFFF;
}
 .triggermodal-logout {
     cursor: pointer;
}
 .triggermodal-changelog {
     cursor: pointer;
}
/* Logout Popup box END */
 .parent {
     position: relative;
     height: 100%;
}
 .parent2 {
     position: relative;
     width: 250px;
     height: auto;
}
 .overlay {
     left: 4px;
     top: 0;
     text-align: center;
     color: white;
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: #FFB969;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .25s ease;
     transition: .25s ease;
}
 .overlay2 {
     top: 0;
     text-align: center;
     color: white;
     position: absolute;
     height: 100%;
     width: 100%;
     background-color: #FFB969;
     -webkit-transform: scale(0);
     -ms-transform: scale(0);
     transform: scale(0);
     -webkit-transition: .25s ease;
     transition: .25s ease;
}
 #icon_overlay_1 {
    /* NEW icon */
     z-index: 9999;
     width: 35px;
     height: 17px;
     position: absolute;
     top: 10px;
     left: 10px;
     opacity: 0.9;
     background: url(../img/other/sprites_blue.png) no-repeat 0 -78px;
}
 #icon_overlay_2 {
    /* Movie-clip icon right */
     z-index: 1;
     width: 35px;
     height: 17px;
     position: absolute;
     top: 10px;
     left: 55px;
     opacity: 0.9;
     background: url(../img/other/sprites_blue.png) no-repeat 0 -96px;
}
 #icon_overlay_2b {
    /* Movie-clip icon left */
     z-index: 1;
     width: 35px;
     height: 17px;
     position: absolute;
     top: 10px;
     left: 10px;
     opacity: 0.9;
     background: url(../img/other/sprites_blue.png) no-repeat 0 -96px;
}
#icon_overlay_new1, #icon_overlay_new2, #icon_overlay_rb {
     z-index: 99;
     position:absolute;
     top: 216px;
     opacity: 0.9;
}
 #icon_overlay_new1 {
    /* NEW icon for view.php when NO REDBUBBLE*/
     left: 38px;
     width: 41px;
     height: 32px;
     background: url(../img/other/new.jpg) no-repeat;
}
#icon_overlay_new2 {
     /* NEW icon for view.php when REDBUBBLE shown*/
     left: 165px;
     width: 41px;
     height: 32px;
     background: url(../img/other/new.jpg) no-repeat;
 }
#icon_overlay_rb {
     /* RB icon for view.php */
      width: 125px;
      height: 32px;
      left: 40px;
      background: url(../img/other/redbubble.jpg) no-repeat;
 }

 .parent:hover .overlay, .parent:hover .overlay2 {
     opacity: 0.9;
     -webkit-transform: scale(1);
     -ms-transform: scale(1);
     transform: scale(1);
}
 .parent:hover #icon_overlay_2, .parent:hover #icon_overlay_1, .parent:hover #icon_overlay_2b {
     opacity: 0.25;
}
 .viewimage, .addfave, .removefave, .viewbookdetails, .viewdetails, .viewimage3 {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     display: inline-block;
     position: absolute;
     bottom: 0px;
     opacity: .7;
     width: 40px;
     height: 40px;
}
 .viewimage {
     left: 10%;
     background: url('../img/other/zoom-sm.png') no-repeat;
}
 .viewimage3 {
     background: url('../img/other/zoom-sm.png') no-repeat;
     left: 50%;
     transform: translateX(-50%);
}
 .addfave {
     left: 50%;
     transform: translateX(-50%);
     background: url('../img/other/add-fave-sm.png') no-repeat;
}
 .removefave {
     left: 50%;
     transform: translateX(-50%);
     background: url('../img/other/remove-fave-sm.png') no-repeat;
}
 .viewdetails {
     right: 10%;
     background: url('../img/other/info-sm.png') no-repeat;
}
 .viewbookdetails {
     left: 50%;
     transform: translateX(-50%);
     background: url('../img/other/info-sm.png') no-repeat;
}
 .viewimage:hover, .addfave:hover, .removefave:hover, .viewdetails:hover, .viewbookdetails:hover {
     opacity: 1;
}
 .viewimage2, .addfave2, .removefave2, .viewdetails2 {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     display: inline-block;
     position: absolute;
     bottom: 0px;
     opacity: .7;
     width: 40px;
     height: 40px;
}
 .viewimage2 {
     left: 20px;
     background: url('../img/other/zoom-sm.png') no-repeat;
}
 .addfave2 {
     left: 50%;
     transform: translateX(-50%);
     background: url('../img/other/add-fave-sm.png') no-repeat;
}
 .removefave2 {
     left: 50%;
     transform: translateX(-50%);
     background: url('../img/other/remove-fave-sm.png') no-repeat;
}
 .viewdetails2 {
     right: 20px;
     background: url('../img/other/info-sm.png') no-repeat;
}
 .viewimage:hover, .addfave:hover, .removefave:hover, .viewdetails:hover, .viewimage2:hover, .addfave2:hover, .removefave2:hover, .viewdetails2:hover {
     opacity: 1;
}
 .titles2 {
     left: 50%;
     width: 100%;
     padding: 10px 7px 0 7px;
     transform: translateX(-50%);
     position: absolute;
     display: inline;
     top: 10px;
     font-weight: bold;
     font-size: 10pt;
     font-family: "Open Sans Condensed", sans-serif!Important;
}
 .titles {
     left: 50%;
     width: 100%;
     padding: 0 7px;
     margin-top: -5px;
     transform: translateX(-50%);
     position: absolute;
     display: inline;
     top: 10px;
     font-weight: bold;
     font-size: 10pt;
     font-family: "Open Sans Condensed", sans-serif!Important;
}
 .description {
     overflow: hidden;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 17;
    /* number of lines to show */
     -webkit-box-orient: vertical;
     top: 50px!important;
     color: white;
     padding: 50px 20px 0 20px;
     text-align: left!important;
	line-height: 11pt!important;
}
 .faveinfo {
     margin-top: 10px;
     vertical-align: middle;
     padding: 0 70px;
}
 .favefilters {
     width: 100%;
     height: 25px;
     background: white;
     padding-top: 3px;
     vertical-align: middle;
     text-align: left;
     padding-left:70px;
}
 .favelinks, .favelinks2, .favelinks2:hover {
     color: #53AFFF;
     font-weight: 500;
}
 .favelinks:hover {
     color: #FFB969;
}
 * {
     box-sizing: border-box;
}
 em {
     color: grey;
}
 a {
     color: #FFB969;
}
 .banner-image {
     width: 380px;
     padding: 15px 0;
}
 .mycolumn2 p a {
     color: grey!important;
}
 .mycolumn2 p a:hover, .mycolumn2 p a:visited {
     color: #FFB969!important;
}
/* Create three equal columns that floats next to each other */
 .mycolumn1 {
     float: left;
     width: 55%;
     padding: 0 30px 0 0;
}
 .mycolumn2 {
     float: left;
     width: 45%;
     padding: 0 0 30px 0;
}
/* Clear floats after the columns */
 .myrow:after, .myrow2:after {
     margin-top:0;
     content: "";
     display: table;
     clear: both;
}
 body.search-page {
     padding-bottom: 0px;
}
 p {
     color: grey;
     font-size: 10pt;
}
 a {
     text-decoration: none!important;
}
 * {
     box-sizing: border-box;
}
 .next_gall {
     opacity: 0.5;
     float: right;
     right: -20px;
     margin-top: -38px;
     position: relative;
     background: url(../img/other/sprites_blue.png) no-repeat 0px -114px;
     top: -5px;
     height: 40px;
     width: 40px;
     overflow: hidden;
     z-index: 0;
     transition: right 400ms,opacity 400ms!important;
     -webkit-transition: right 400ms,opacity 400ms!important;
}
 .prev, .next, .numbers {
     padding-top: 4px;
     color: white;
}
 p.number-row a {
     color: white;
}
 p.numbers a, p.number-row {
     color: #000;
     background-color: red;
}
 p.prev a, p.next a {
     color: white;
}
 p.prev, p.next {
     position: absolute;
}
 p.prev {
     left: 90px;
}
 p.next {
     right: 90px;
}
 .my-portrait {
     height: auto;
     width: 300px;
}
 .b-green {
     cursor: pointer;
     background: none repeat scroll 0 0 #FFB969;
     outline: none;
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
}
 .b-green:hover {
     background: none repeat scroll 0 0 #ccc;
}
    .btn-small {
	color: #FFFFFF;
	font-size: 15px;
	font-family: "Open Sans Condensed", sans-serif;
	line-height: 18px;
	padding: 5px 5px;
	opacity:0.8;
	background: none repeat scroll 0 0 #5eadf9;
	}
	.btn-small:hover {
		background: none repeat scroll 0 0 #ff9933;
	}
 .two_third {
     width: 60%;
     float: left;
     margin-bottom: 10px;
     margin-right: 0;
     position: relative;
}
 .black {
     margin-bottom: 15px;
}
 .wide {
     display: block;
}
 .narrow {
     display: none;
}
 .headings {
     font-size: 20px;
     line-height: 55px;
     color: #777;
}
 .search-nav {
     margin-top: 0;
     position: relative;
     bottom: 0;
     background: #FFB969;
     display: flex;
     width: 100%;
     justify-content: center;
     align-items: center;
}
 .button {
     background-color: #FFB969!important;
     color: white!important;
     margin: 0 40px 0 40px!important;
}
 .button:hover {
     color: #00557f!important;
     background-color: #FFB969!important;
}
 .btn_load_more {
     display: block;
     float: none!important;
     margin: 0!important;
     text-align: center!important;
     color: #cdcbd3!important;
}
 .btn_load_more:hover {
     color: #131216!important;
}
 .form-container {
     margin-top: 30px;
     width: 400px;
     margin-bottom: 20px;
}
 .center {
     box-shadow: 0 0 15px 5px rgba(150,150,150,.3);
     border: 1px solid #ccc;
     margin: auto;
     margin-top: 50px;
     width: 400px;
     padding: 10px;
     margin-bottom: 20px;
}
 .login-container {
     top: 0;
     margin: 0;
     right: 0;
     width: 40px;
     position: absolute;
     height: 75px;
}
 .login {
     top: 15px;
     z-index: 99999;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     background: url(../img/other/loginout.png) no-repeat -40px 0;
     width: 40px;
     height: 40px;
}
 .logout {
     top: 15px;
     z-index: 99999;
     position: absolute;
     left: 50%;
     transform: translateX(-50%);
     background: url(../img/other/loginout.png) no-repeat 0 0;
     width: 40px;
     height: 40px;
}
 .username {
     left: 50%;
     transform: translateX(-50%);
     position: absolute;
     display: inline;
     font-size: 8pt!important;
     line-height: 10pt!important;
     color: white;
     top: 35px;
     text-align: center;
}
 .desc {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     padding: 15px;
     height: 75px;
     font-size: 10pt;
     position: absolute;
     top: 90px;
     color: white;
     background-color: grey;
     text-align: center;
}
 .reload {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     padding: 15px;
     height: 75px;
     font-size: 10pt;
     position: absolute;
     top: 165px;
     color: white;
     background-color: grey;
     text-align: center;
}
 .desc a:visited, .desc a:link, .reload a:visited, .reload a:link {
     color: white;
}
 .desc a:hover, .reload a:hover {
     color: white;
}
 .fancybox-caption__body {
     color: white;
    /* Fancybox Caption colour */
}
 .fancybox-content {
     border: 3px solid #FFB969;
    /* ADD BORDER TO IMAGE */
}
/* Column container */
 .row {
     display: -ms-flexbox;
    /* IE10 */
     display: flex;
     -ms-flex-wrap: wrap;
    /* IE10 */
     flex-wrap: wrap;
}
 .row2 {
     display: -ms-flexbox;
    /* IE10 */
     display: flex;
     -ms-flex-wrap: wrap;
    /* IE10 */
     flex-wrap: wrap;
     padding: 0 4px;
}
/* Create four equal columns that sits next to each other */
 .column {
     -ms-flex: 25%;
    /* IE10 */
     flex: 25%;
     max-width: 25%;
     padding: 0 4px;
}
 .column img {
     padding-top: 8px;
     vertical-align: middle;
     width: 100%;
}
/* Accordion for searchbar */
 .accordion {
     overflow: hidden;
     position: sticky;
     position: -webkit-sticky;
     top: 0;
     background-color: #EDF7FF;
     color: #444;
     cursor: pointer;
     width: 100%;
     border: none;
     text-align: left;
     outline: none;
     font-size: 15px;
     transition: 0.25s;
}
 .main-image {
     width: 100%;
     max-height:500px;
     object-fit: cover;
     max-width: 1160px;
     height: auto;
}
 #main-image-overlay {
    /* 'image may be cropped' overlay for view.php*/
     z-index: 99;
     position: absolute;
     right:40px;
     padding: 2px 4px;
     top: 216px;
     font-weight: bold;
     font-size: 10pt;
     color:#53AFFF;
     background-color: rgba(236, 236, 236, 0.9);
}

/* inputs for login, register, and password change */
 input.myinput {
 	 padding-left: 1%;
     padding-right: 1%;
     width: 90%;
     border: 1px solid #ccc!important;
     height: 40px;
     -webkit-transition: width 0.25s ease-in-out;
     transition: width 0.25s ease-in-out;
     color: #888;
     background: #e8e7ea;
}
 input.myinput:focus, input {
     background: #c5e5fe;
}
/* END inputs for login, register, and password change */

 .my-container {
     width: 100%;
     padding: 0 92px;
     box-sizing: border-box;
     overflow: auto;
}
 .searchbox {
     outline: none;
     position: relative;
     right: 20px;
     border: 1px solid #aaa;
     border-radius: 10px;
     z-index: 100;
     padding-left: 10px;
}
 .container {
     display: block;
     position: relative;
     padding-left: 19px;
     cursor: pointer;
     font-size: 11px;
     line-height: 16px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     color: #53AFFF;
     top: 3px;
}
 .match {
     color: #FFB969;
     display: inline-block;
     position: relative;
     cursor: pointer;
     font-size: 13px;
     line-height: 10px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
}
 .cat-labels {
     font-weight: bold;
     cursor: default;
     outline: none;
     font-size: 9.5pt;
     color: #FFB969;
     border: none;
     background: #EDF7FF;
     font-family: "Open Sans Condensed", sans-serif!Important;
}
/* Hide the browser's default checkbox */
 .container input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
     height: 0;
     width: 0;
}
/* Create a custom checkbox */
 .checkmark {
     position: absolute;
     left: 0px;
     top:1px;
     height: 13px;
     width: 13px;
     background-color: white;
     border: 1px solid #a9d5fc;
}
 .row-checkbox, .row-cat{
     display: -ms-flexbox;
    /* IE10 */
     display: flex;
     -ms-flex-wrap: wrap;
    /* IE10 */
     flex-wrap: wrap;
     max-width:700px;
}
 .checkbox-col1{
     -ms-flex: 34%;
    /* IE10 */
     flex: 34%;
     left: 5px;
     position: relative;
}
 .cat-1{
     -ms-flex: 40%;
    /* IE10 */
     flex: 40%;
}
 .cat-2{
     -ms-flex: 60%;
    /* IE10 */
     flex: 60%;
}
 .checkbox-col2, .checkbox-col3{
     -ms-flex: 25%;
    /* IE10 */
     flex: 25%;
}
 .checkbox-col4{
     -ms-flex: 16%;
    /* IE10 */
     flex: 16%;
}
/* On mouse-over, add a blue background color */
 .container:hover input ~ .checkmark {
     background-color: #a9d5fc;
}
/* When the checkbox is checked, add a blue background */
 .container input:checked ~ .checkmark {
     background-color: #a9d5fc;
}
/* Create the checkmark/indicator (hidden when not checked) */
 .checkmark:after {
     content: "";
     position: absolute;
     display: none;
     line-height: 9pt;
}
/* Show the checkmark when checked */
 .container input:checked ~ .checkmark:after {
     display: block;
}
/* Style the checkmark/indicator */
 .container .checkmark:after {
     left: 3px;
     top: 0px;
     width: 5px;
     height: 8px;
     border: solid white;
     border-width: 0 3px 3px 0;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     transform: rotate(45deg);
}
/* BOOTSTRAP MODIFICATTIONS */
 .card {
     border: none;
}
 .card-body {
     padding: 0 67px;
     cursor:default;
     background-color: #EDF7FF!important;
    /* border-top: 1px solid rgba(0, 0, 0, 0.1);
     */
}
 .card-header2 {
     height: 40px;
     background-color: #EDF7FF;
     border-bottom: 0;
}
 .my-card-header{
     position: absolute;
     float: left;
     color:#53AFFF;
     margin-top:12px;
}
 .search-container {
     padding: 0 70px;
     position: relative;
     float: left;
     color:#000!important;
     margin-top:3px!important;
}
 .search-box{
     margin-top:-2px;
     height:38px!important;
     color:#53AFFF!important;
     background: white!important;
     width:200px!important;
}
 input[type=text] {
     padding: 6px;
     font-size: 15px;
     border: none;
     outline: none;
     color:white;
}
 .search-container .search-button {
     outline:0;
     float: right;
     padding: 8px 10px;
     margin-right: 0px;
     font-size: 17px;
     border: none;
     cursor: pointer;
}
 .search-container button:hover {
     background: #FFB969;
}
 .filter {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     position: absolute;
     top: 3px;
     background: url(../img/other/filter-default-new2.png);
     width: 56px;
     height: 36px;
     opacity:0.5;
}
 .filter:hover {
     opacity:1;
}
 .container2 {
     display: block;
     position: relative;
     padding-left: 20px;
     cursor: pointer;
     font-size: 11px;
     line-height: 17px;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none;
     color: #53AFFF;
     top:3px;
}
/* Hide the browser's default radio button */
 .container2 input {
     position: absolute;
     opacity: 0;
     cursor: pointer;
}
/* Create a custom radio button */
 .checkmark2 {
     position: absolute;
     top: 1px;
     left: 0;
     height: 14px;
     width: 14px;
     background-color: white;
     border-radius: 50%;
     border: 1px solid #a9d5fc;
}
/* On mouse-over, add a grey background color */
 .container2:hover input ~ .checkmark2 {
     background-color: #a9d5fc;
}
/* When the radio button is checked, add a blue background */
 .container2 input:checked ~ .checkmark2 {
     background-color: #a9d5fc;
}
/* Create the indicator (the dot/circle - hidden when not checked) */
 .checkmark2:after {
     content: "";
     position: absolute;
}
/* Show the indicator (dot/circle) when checked */
 .container2 input:checked ~ .checkmark2:after {
     display: block;
}
/* Style the indicator (dot/circle) */
 .container2 .checkmark2:after {
     top: 3px;
     left: 3px;
     width: 7px;
     height: 7px;
     border-radius: 50%;
}
 .container5 {
     position: relative;
}
 .caption {
     width: 100%;
     color: white;
     position: absolute;
     text-align: center;
     line-height: 15px;
}
 .data {
     display: block;
     font-size: 9pt;
}
 .search-button {
     -webkit-transition: all 0.25s ease-in-out;
     transition: all 0.25s ease-in-out;
     background: url(../img/other/search.png) no-repeat 0 0;
     margin-top: 1px;
     opacity: 0.5;
     width: 36px;
     height: 36px;
     border: none;
}
 .search-button:hover {
     opacity: 100;
}
 .update-button {
     cursor: pointer;
     margin-right: 18px;
     margin-left: 10px;
     background-color: #FFB969;
     border: none;
     color: white;
     padding: 5px 10px 5px 10px;
     text-align: center;
     text-decoration: none;
     display: inline-block;
     font-size: 12px;
     -webkit-transition: all 0.15s ease-in-out;
     transition: all 0.15s ease-in-out;
}
 .update-button:hover {
     background-color: #ccc;
}
 .results {
     font-weight: bold;
     vertical-align: middle;
     cursor: default!important;
     outline: none;
     font-size: 9.5pt;
     color: #FFB969;
     background: #EDF7FF;
     font-family: "Open Sans Condensed", sans-serif!Important;
}
.results2, .results3, .results4{
     vertical-align: middle;
     cursor: pointer;
     outline: none;
     font-size: 9pt;
     color: #53AFFF;
     border: none;
     background: #EDF7FF;	
}
 .results2 {
     max-width:105px;
     margin-left: 3px;
     padding: 0 0 0 7px;
}
 .results3 {
 	 margin-right:10px!important;
	 max-width: 42px;
}
 .results4 {
     margin-right:10px!important;
	 max-width: 75px;
}
 header a.menu_toggler {
     display: none;
     background: url(../img/other/mobile_menu.png) no-repeat 0 0;
     height: 29px;
     width: 29px;
}
 header a.menu_toggler:hover {
     background: url(../img/other/mobile_menu.png) no-repeat 0 -29px;
}
/** theme.css */
/* #### theme.css #### */
/* Frame Theme Version: 1.0.466 */
/*------------------------------*/
/* *** Style.css *** */
/* NOTES DARK GREY FOR LOGO/MENU: #2A282F LIGHTER GREY FOR TITLE BLOCKS: #514E5A LIGHT GREY FOR DATA COLUMNS IN IMAGE>PHP: #CCC MAIN PINK COLOUR: #FF5474 TO MAKE PAGES DARK, CHANGE background-color OF main_wrapper */
 html, body {
     height: 100%;
}
 input, textarea, button {
     outline: none!important;
     background: none;
     border-radius: 0;
}
 body {
     background-color: #53AFFF;
     padding: 0;
     margin: 0;
     text-align: left;
     position: relative;
}
 form, body, iframe {
     margin: 0;
     padding: 0;
}
 img, table, iframe {
     border: 0;
}
 p {
     margin: 0 0 8px 0;
}
 table {
     border-collapse: collapse;
}
 table td {
     padding: 8px;
}
 a {
     text-decoration: none;
}
 a:focus, a:hover, a:active, a:visited, a:hover span, a:active span, a:visited span {
     text-decoration: none!important;
     outline: none!important;
}
 a:hover {
     color: #6e6c74;
}
 ul {
     list-style: none;
     margin: 0;
     padding: 0;
}
 #fix {
     display: none;
}
 header {
     padding-top: 20px;
     background: url(../img/other/bg2.jpg);
     max-width: 1159px;
}
 .fixed_menu header {
     position: absolute;
     top: 0;
     width: 100%;
     left: 0;
     z-index: 9999;
     font-family: "Open Sans Condensed";
}
 .fixed_menu .fullscreen_layout header {
     top: auto;
     bottom: 0px;
}
 .fixed_menu.header2top .fullscreen_layout header {
     top: 0px;
     bottom: auto;
}
 .header_wrapper {
     text-align: center!important;
     margin-right: 70px;
}
 header nav {
     top:20px;
     /* display: inline-block; */
     float: right;
     position: absolute;
}
 header nav ul.menu>li {
     float: left;
     top: 40px;
     /* display: inline-block; */
     margin-left: 18px;
     position: relative;
}
 header nav ul.menu>li>a {
     font-size: 15px;
     font-weight: bold;
     padding: 29px 0 10px 0;
     display: block;
     color: #53AFFF;
     font-family: "Open Sans Condensed", sans-serif!important;
}
 header nav ul.menu>li>a:hover {
     font-size: 15px;
     font-weight: bold;
     display: block;
     color: #FFB969!important;
}
 header nav ul.menu li .sub-menu {
     position: absolute;
     opacity: 0;
     visibility: hidden;
     left: 50%;
     margin-left: -70px;
     width: 140px;
     text-align: center;
}
 header nav ul.menu li>.sub-menu>li:first-child:before {
     content: '';
     opacity: 0.9!important;
     position: absolute;
     left: 50%;
     margin-left: -5px;
     top: -5px;
     display: block;
     width: 0;
     height: 0;
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid;
}
 .fullscreen_layout header nav ul.menu>li:last-child>ul.sub-menu>li:first-child:before {
     margin-left: 25px;
}
 header nav ul.menu li>.sub-menu>li .sub-menu>li:before {
     display: none;
}
 header nav ul.menu>li>.sub-menu>li.current-menu-item:before,header nav ul.menu>li>.sub-menu>li.current-menu-parent:before,header nav ul.menu>li>.sub-menu>li:hover:after {
     border-left: 5px solid transparent;
     border-right: 5px solid transparent;
     border-bottom: 5px solid #FFB969!important;
}
 header nav ul.menu li .sub-menu li {
     position: relative;
     border-top: 0px solid;
}
 header nav ul.menu li .sub-menu a {
     display: table-cell;
     display: block;
     color: #FFF;
     padding: 12px 15px;
     font-size: 16px;
     font-family: "Open Sans Condensed", sans-serif!important;
}
 header nav ul.menu li .sub-menu a:hover,header nav ul.menu li .sub-menu li:hover>a,header nav ul.menu>li .sub-menu>li.current-menu-item>a,header nav ul.menu>li .sub-menu>li.current-menu-parent>a {
     background-color: #FFB969!important;
     color: #FFF;
}
 header nav ul.menu>li:hover>ul.sub-menu {
     top: 56px;
     opacity: 1!important;
     visibility: visible!important;
}
 .header2top header {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 333;
     width: 100%;
     display: block;
}
 header nav ul.menu li .sub-menu a {
     background: #53AFFF;
}
 header ul.menu>li>a:hover,header ul.menu>li:hover>a,header ul.menu>li.current-menu-item>a,header ul.menu>li.current-menu-parent>a,ol.commentlist li .thiscommentbody .comment_info span a:hover,.fullscreen_block .filter_block li a:hover,.fullscreen_block .filter_block li.selected a,.mobile_menu li>a:hover,.mobile_menu li.current-menu-item>a,.mobile_menu li.current-menu-parent>a,.fs_blog_module .blog_item h6 a:hover {
     color: #FFB969!important;
}
 .fullscreen_title .btn_next,.fullscreen_title .btn_prev,.fullscreen_title .btn_close {
     width: 40px;
     height: 40px;
     display: block;
     position: absolute;
     top: 15px;
     opacity: 0.5;
}
 .fullscreen_title .btn_next:hover,.fullscreen_title .btn_prev:hover,.fullscreen_title .btn_close:hover {
     opacity: 1;
}
 .page_title_block {
     background: #514E5A;
     padding: 10px 0 10px 0;
     line-height: 24px;
     margin: 0;
     text-align: left;
     font-size: 18pt;
}
 .page_title_block .title {
     color: #FFF;
     margin-bottom: 6px;
     text-transform: none;
}

 .page_title_block .breadcrumbs a, .page_title_block .breadcrumbs, .page_title_block .breadcrumbs span {
     color: #cdcbd3;
}
 .page_title_block .breadcrumbs a:first-child, .page_title_block .breadcrumbs:first-child, .page_title_block .breadcrumbs span:first-child {
     color: #FFF;
}
 .page_title_block .breadcrumbs a:hover {
     color: #FFF;
}
 .page_title_block .breadcrumbs a:after {
     content: '/';
     color: #6e6c74;
     padding: 0 11px;
}
 .fullscreen_block {
     width: 100%;
     display: block;
     position: relative;
}
 .fullscreen_block .fullscreen_container {
     background: #FFF;
     position: fixed;
     left: 0;
     top: 0;
     width: 100%;
     display: block;
}
 .fullscreen_block .fs_map iframe, .fullscreen_block .video_background iframe {
     width: 100%;
     height: 100%;
     display: block;
}
 .fullscreen_block .video_background {
     top: 0px;
}
 .header2top .fullscreen_block .video_background {
     top: auto;
     bottom: 0px;
}
 .fullscreen_block .image_background {
     background-size: cover!important;
}
 .fullscreen_layout .fullscreen_block {
     padding-bottom: 56px;
}
 .fullscreen_title {
     position: fixed;
     left: 0;
     top: 0;
     z-index: 99;
     display: block;
     width: 100%;
     transition: top 400ms;
     -webkit-transition: top 400ms;
}
 .fullscreen_title h1 {
     line-height: 24px;
     padding: 20px 28px 25px 28px;
     border-left: 8px solid;
     margin: 0;
     text-align: left;
     font-size: 18pt;
}
 .fullscreen_content_wrapper {
     position: fixed;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
}
 .fullscreen_content {
     position: relative;
     background: #FFF;
     width: 430px;
     left: 0;
     margin: 0px 0 0 0px;
     padding-bottom: 155px;
     opacity: 1;
}
 .header2top .fullscreen_content {
     padding-top: 10px!important;
}
 .fullscreen_content:after {
     content: '';
     position: fixed;
     left: 0;
     top: 0;
     height: 110px;
     display: block;
     width: 430px;
     background: #FFF;
     margin-top: -9px;
}
 .fullscreen_content:before {
     content: '';
     position: fixed;
     left: 0;
     bottom: 0;
     height: 144px;
     display: block;
     width: 430px;
     background: #FFF;
     z-index: 99;
}
 .header2top .fullscreen_content:before {
     height: 69px!important;
}
 .fullscreen_content.slided, .fullscreen_content.slided:before, .fullscreen_content.slided:after {
     left: -430px!important;
}
 .fullscreen_content_padding {
     padding: 3px 30px;
     text-align: left;
}
 .fullscreen_content_padding2 {
     padding: 3px 7px 0 30px;
     text-align: left;
}
 .fullscreen_content_padding a {
     font-style: italic;
}
 a.content_toggle {
     display: block;
     width: 80px;
     height: 18px;
     padding-left: 19px;
     background: url(../img/other/btn_show-hide.png) no-repeat 0 0;
     position: fixed;
     left: 30px;
     bottom: 99px;
     z-index: 99;
     line-height: 18px;
     font-style: italic;
}
 .header2top a.content_toggle {
     bottom: 24px;
}
 a.content_toggle span.collapse, a.content_toggle span.show {
     color: #6e6c74;
     opacity: 0.5;
}
 a.content_toggle span.show {
     display: none;
}
 a.content_toggle:hover span.collapse, a.content_toggle span.show {
     opacity: 1;
}
 a.content_toggle:hover span.show {
     opacity: 0.7;
}
 .fullscreen_content.slided a.content_toggle {
     background-position: left bottom;
}
 .fullscreen_content.slided a.content_toggle span.show {
     display: block;
}
 .fullscreen_content.slided a.content_toggle span.collapse {
     display: none;
}
 .fullscreen_content_wrapper .fullscreen_container {
     position: absolute;
     left: 430px;
}
 .fullscreen_content_wrapper.full_show .fullscreen_container {
     left: 0;
}
 .module_fs_meta {
     font-style: italic;
     color: #a7a7ad;
}
 .module_fs_meta a {
     color: #6e6c74;
}
 .module_fs_meta span {
     color: #a7a7ad;
}
/*Typography ------------*/
 h1, h2, h3, h4, h5, h6, h1 span, h2 span, h3 span, h4 span, h5 span, h6 span, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
     font-weight: normal;
     color: #777;
}
 h1 {
     margin: 0 0 5px 0;
}
 h2 {
     margin: 0 0 6px 0;
}
 h3 {
     margin: 0 0 6px 0;
}
 h4 {
     margin: 0 0 8px 0;
}
 h5 {
     margin: 0 0 8px 0;
}
 h6 {
     margin: 0 0 8px 0;
}
 p.light {
     color: #8a8a8a;
}
 .bg_title h1, .bg_title h2, .bg_title h3, .bg_title h4, .bg_title h5, .bg_title h6 {
     margin-bottom: 0;
     opacity: 1;
}
 hr-search {
     position: absolute;
     left: -200px;
     margin-top: -2px;
     width: 200%;
     border-top: 1px solid #c5e5fe;
}
 hr {
     margin: 30px 0 20px 0;
     padding: 0;
     border: none;
     height: 16px;
     display: block;
     border-top: #c5e5fe 1px solid;
}
 hr.light {
     border-top: #cdcbd3 2px solid;
}
 hr.dark {
     border-top: #46434e 2px solid;
}
 hr.invisible {
     border: none!important;
     height: 15px!important;
}
 hr.no-margin {
     margin: 0!important;
     height: 1px!important;
}
 .dropcap {
     margin: 10px 4px 0 0;
     text-transform: uppercase;
     float: left;
     font-size: 42px;
     line-height: 36px;
     font-weight: 800;
     text-align: center;
     /* display: inline-block; */
     color: #53AFFF;
     font-family: "Open Sans Condensed", sans-serif!Important;
}
/*-- Gallery --*/
 .gallery_item .gallery_fadder {
     position: absolute;
     left: 0;
     top: 0;
     width: 100%;
     height: 100%;
     opacity: 0;
}
 .gallery_item .gallery_descr {
     left: 0;
     bottom: -999px;
     display: block;
     position: absolute;
     z-index: 33;
     color: #cac7d4;
     background: #46434e;
     text-align: center;
     padding: 19px 0 24px 0;
     width: 100%;
}
 .gallery_item .gallery_descr .gallery_title {
     color: #cac7d4;
     margin-bottom: 12px;
     padding-left: 20px;
     padding-right: 20px;
}
 .gallery_item:hover .gallery_descr {
     bottom: 0!important;
}
 .gallery_descr p {
     color: #cac7d4;
     margin-bottom: 0;
     padding-left: 20px;
     padding-right: 20px;
}
 .gallery_item:hover .gallery_fadder {
     opacity: 0.9;
}
 .gallery_item .ico_gallery {
     position: absolute;
     left: 50%;
     width: 60px;
     height: 60px;
     display: block;
     margin: 0 0 0 -30px;
     opacity: 0;
     z-index: 99;
     -ms-transform: scale(2);
     -webkit-transform: scale(2);
     transform: scale(2);
}
 .gallery_item:hover .ico_gallery {
     -ms-transform: scale(1);
     -webkit-transform: scale(1);
     transform: scale(1);
     opacity: 0.5;
}
 .gallery_item:hover .post_type_ico {
     top: 0;
}
 .btn_load_more {
     display: block;
     float: none!important;
     margin: 0!important;
     text-align: center!important;
     color: #cdcbd3!important;
}
 .btn_load_more:hover {
     color: white!important;
}
 .portfolio_block {
     margin-bottom: 0!important;
}

 .filter_block, .filter_navigation, .filter_navigation ul, .filter_navigation ul li ul {
     display: block!important;
     margin: 0;
}
 .filter_block {
     text-align: center;
     width: 100%;
     padding-bottom: 35px;
}
 .filter_img {
     position: relative;
     overflow: hidden;
     filter: brightness(95%);
}
 .filter_img img {
     display: block;
     width: 100%;
     height: auto;
}
 .fullscreen_block .filter_block {
     position: fixed;
     left: 0;
     margin: 0;
     padding: 0;
     background: #FFF;
     z-index: 111;
}

 .fullscreen_block .filter_block .filter_navigation {
     margin: 0!important;
     z-index: 111;
}
 .fullscreen_block .filter_block ul {
     float: right;
     z-index: 111;
}
 .fullscreen_block .filter_block li {
     padding: 0!important;
     background: none!important;
     float: left;
     z-index: 111;
}
 .fullscreen_block .filter_block li a {
     background: none!important;
     color: #6e6c74!important;
     text-decoration: none!important;
     font-size: 13px!important;
     z-index: 111;
}
 .btn_load_more_fs {
     width: 100%;
     height: 40px;
     display: block;
     opacity: 0;
     visibility: hidden;
}
 .fullscreen_block .image-grid .element {
     width: 19.99%;
     margin-bottom: 0!important;
     overflow: visible!important;
}
 .fullscreen_block .image-grid .element:hover {
     box-shadow: 0 0 0 #000;
     z-index: 10;
}
 .more-link:hover {
     color: #464d52;
}
 footer .logo img.logo_retina, header .logo img.logo_retina {
     display: none!important;
}
 a.menu_toggler {
     display: none;
}
 nav.mobile_header {
     display: none!important;
}
 .gallery_item .gallery_desc_text {
     display: block;
     padding-top: 6px;
}
 .gallery_item .gallery_title {
     color: #FFF;
}
 header nav ul.menu li .sub-menu a, .widget_mailchimpsf_widget .mc_submit, .widget_tag_cloud a, .shortcode_tab_item_title, .shortcode_button, .filter_navigation ul li ul li a {
     transition: background-color 400ms, color 400ms;
     -webkit-transition: background-color 400ms, color 400ms;
}
/* MY OWN STUFF */
 .portrait {
     float: right;
     margin: 25px 20px 10px 20px;
     height: 400px;
}
 .portrait2 {
     float: left;
     margin: 0px 20px 10px 0px;
     height: 400px;
}
 .card:hover .img-top {
     display: inline;
}
 .prints {
     position: absolute;
     top: 70px;
     left: 0;
     height: 150px;
     width: 150px;
     opacity: 1;
     background: url(../img/other/prints.png);
     transition: all 300ms;
}
 .prints:hover {
     opacity: 1.0;
}
 .table {
     font-size: 10pt;
     color: white;
     line-height: 25pt;
}
 #colourtable, #colourtable td {
     border: 3px solid #ffe2e8;
}
 #on_off {
     display: block;
}
 .dropcap_bigger {
     margin: 0px 8px 0 -3px;
     text-transform: uppercase;
     float: left;
     font-size: 46px;
     line-height: 40px;
     font-weight: 800;
     text-align: center;
     /* display: inline-block; */
     color: #46434e;
}
 .intro_text {
     line-height: 22px;
     font-size: 15px;
}
 .item_hover-descr {
    /* Turn off image descriptions on hover in gallery */
     display: none;
}
 .item_hover-title h6 {
     font-size: 15px;
}
 .item_hover-img {
     border: 3px solid #CCC;
    /* Border on Thumbnails in index.php */
    ;
}
 .see_also {
     border: 2px solid #46434e;
}
 .ital1 {
     font-style: italic;
     opacity: 0.7;
}
 .ital2 {
     font-style: italic;
     opacity: 1;
}
/* inputs for contact form */
 input.name1, input.email1, input.subject1, input.captcha1 {
     width: 30.3%;
     padding-left: 1%;
     padding-right: 1%;
     padding-top: 10px;
     padding-bottom: 10px;
     float: left;
     background-color: #e8e7ea;
     margin-top: 5px;
     margin-bottom: 5px;
     margin-right: 2%;
     color: #7F7F7F;
     border: 1px solid #CCC;
     transition: background 0.3s ease-in-out 0s;
}
 input.subject1 {
     width: 32%;
     margin-right: 0%;
}
 input.searchbox {
     width: 100%;
     padding-left: 1%;
     padding-right: 1%;
     padding-top: 10px;
     padding-bottom: 10px;
     float: left;
     background-color: #e8e7ea;
     margin-top: 8px;
     margin-bottom: 5px;
     margin-right: 2%;
     color: #7F7F7F;
     border: 1px solid #CCC;
     transition: background 0.3s ease-in-out 0s;
}
 input.searchbox:focus {
     background: none repeat scroll 0 0 #fdd5dd;
     outline: 0 none;
}
 input.captcha1 {
     height: 70px;
     width: 113px;
}
 input.name1:focus, input.email1:focus, input.subject1:focus, input.captcha1:focus {
     background: none repeat scroll 0 0 #c5e5fe;
     outline: 0 none;
}
 textarea.message1:focus {
     background: none repeat scroll 0 0 #c5e5fe;
     outline: 0 none;
}
 textarea.message1 {
     width: 96.5%;
     padding-left: 1%;
     padding-right: 1%;
     padding-top: 10px;
     padding-bottom: 10px;
     height: 210px;
     background-color: #e8e7ea;
     resize: none;
     margin-top: 5px;
     margin-bottom: 5px;
     font-size: 13px;
     float: left;
     color: #7F7F7F;
     border: 1px solid #CCC;
     transition: background 0.3s ease-in-out 0s;
}
 .error_message {
     background-color: #FFE9E9;
     border-color: #FBC4C4;
     border-image: none;
     border-style: solid;
     border-width: 1px 1px 1px 5px;
     color:red;
     font-size: 12px;
     line-height: 18px;
     margin-bottom: 15px;
     padding: 15px 40px 15px 18px;
     position: relative;
     float: none;
     width: auto;
}
/* END inputs for contact form */
 .searchmatch {
     color: #ff5474;
}
 .searchtitle {
     font-size: 16px;
     line-height: 22px;
     padding-bottom: 8px;
     overflow: hidden;
     opacity: 0.7;
     height: 20px;
}
 .searchdescr {
     height: 70px;
     overflow: hidden;
}
 .bodysmallbold {
     font-weight: bold;
     font-size: 10px;
}
 .kw {
     overflow: hidden;
     font-size: 10px;
     height: 20px;
}
 .searchthumb {
     width: 110px;
     height: 110px;
     margin: 0 25px 5px 0;
     float: left;
     border: 2px solid #444;
     transition: border 400ms, transform 400ms!important;
     -webkit-transition: border 400ms, -webkit transition 400ms!important;
}
 .searchthumb:hover {
     border: 2px solid #ff5474;
     transition: border 400ms, transform 400ms!important;
     -webkit-transition: border 400ms, -webkit transition 400ms!important;
}
 .searchtable {
     margin-bottom: 10px;
}
 #icon_overlay_1 {
    /* NEW icon */
     z-index: 9999;
     width: 35px;
     height: 17px;
     position: absolute;
     top: 10px;
     left: 10px;
     opacity: 0.9;
     background: url(../img/other/sprites_blue.png) no-repeat 0 -78px;
}
 #icon_overlay_2 {
    /* Movie-clip icon */
     z-index: 1;
     width: 35px;
     height: 17px;
     position: absolute;
     top: 10px;
     left: 55px;
     opacity: 0.9;
     background: url(../img/other/sprites_blue.png) no-repeat 0 -96px;
}
 #icon_overlay_3 {
    /* Pictures icon in gallery_home.php */
     z-index: 1;
     top: 10px;
     left: 10px;
     width: 40px;
     height: 40px;
     position: absolute;
     opacity: 0.9;
     background: url(../img/other/sprites_blue.png) no-repeat 0 -181px;
}
 @media only screen and (min-width:1160px) {
     #main-image-overlay{
         right: 100px; 
     }
     #icon_overlay_new1, #icon_overlay_rb {
          left: 100px;   
        }
     #icon_overlay_new2{
          left: 225px;
     }
 	 .favefilters {
     padding-left:100px;
	}
     .gallery_item {
         margin: 0!important;
    }
     header nav {
         left: 670px;
    }
    header{
    	width:1160px;
    }
    .wrapper-new {
		position: relative!important;
		margin-left: auto;
		margin-right: auto;
    }
     .filter{
         right: 88px;
    }
     .gallery_item {
         width: 19.9%!important;
         max-width: 20%!important;
    }
     .fs_grid_module .grid_gallery-item {
         width: 19.9%!important;
    }
     .fullscreen_block .image-grid .element {
         width: 19.9%!important;
    }
     .fs_blog_module .blog_item {
         width: 19.9%;
     /* display: inline-block; */
     float: left;
    }
     .infobutton {
         right:100px;
    }
     .myrow{
         padding-top: 110px;
    }
    .myrow2{
		padding-top: 0; 
    }
     .my-container, .my-banner {
         padding: 110px 100px 0 100px;
    }
     .card-body{
         padding: 0 100px 0 100px;
    }
     main, .search-container, .my-card-header {
         padding: 0 100px 0 100px;
    }
     .footer-left {
         padding: 0 0 0 100px;
    }
     .footer-right {
         padding: 0 100px 0 0;
    }
     .newlogo {
         left: 100px;
    }
     .infobutton {
         right: 100px;
    }
     .login-container {
         padding: 0;
         left: 1030px;
    }
     p.prev {
         left: 100px;
    }
     p.next {
         margin: 100px;
    }
}
 @media only screen and (min-width:760px) and (max-width:1159px) {
     .newlogo {
         left: 40px;
    }
     .search-container, .my-container, .my-banner {
         padding: 110px 70px 0 70px;
    }
     	 .favefilters {
     padding-left:40px;
	}
     .filter{
         right:28px;
    }
     .myrow{
         padding-top: 110px 
    }
     .card-body {
         padding: 0 40px 0 40px;
    }
     .infobutton {
         right:40px;
    }
     header nav {
         right: 40px!important;
    }
     .search-container, main {
         padding: 0 40px 0 40px;
    }
    
     .my-card-header {
         padding: 0 40px;
    }

     .login-container {
         padding: 0 105px 0 0;
    }
     p.prev {
         left: 40px;
    }
     p.next {
         right: 40px;
    }
     .gallery_item {
         margin: 0!important;
    }
     .gallery_item {
         width: 24.9%!important;
         max-width: 25%!important;
    }
     .fs_grid_module .grid_gallery-item {
         width: 24.9%!important;
    }
     .fullscreen_block .image-grid .element {
         width: 24.9%!important;
    }
     .fs_blog_module .blog_item {
         width: 24.9%;
     /* display: inline-block; */
     float: left;
    }
 .footer-left {
     padding: 0 0 0 40px;
}
 .footer-right {
     padding: 0 40px 0 0;
}
}
 @media only screen and (max-width:759px) {

  .mycolumn1, .mycolumn2{
     width: 100%;
}
     .infobutton {
         right:70px;
    }

     header nav {
         right: 70px;
    }
     .login-container {
         padding: 0 105px 0 0;
    }
     .infocolumn {
         width: 100%;
         float: left;
         padding: 0 12px 0 0;
    }
     .latestcolumn {
         width: 100%;
         float: left;
         padding: 0 0 0 0;
    }
     .datacolumn {
         width: 100%;
         float: left;
         padding: 0 12px 0 0;
    }
     .gallery_item {
         margin: 0!important;
    }
     .gallery_item {
         width: 33%!important;
         max-width: 33.333%!important;
    }
     .fs_grid_module .grid_gallery-item {
         width: 33%!important;
    }
     .fullscreen_block .image-grid .element {
         width: 33%!important;
    }
     .fs_blog_module .blog_item {
         width: 33%;
     /* display: inline-block; */
     float: left;
    }
     .gallery_item:first-child {
         margin: 0px!important;
    }
     .fs_grid_module .grid_gallery-item {
         width: 33.2%!important;
    }
     .fullscreen_block .image-grid .element {
         width: 33.2%!important;
    }
     header nav {
         display: none!important;
    }
     .newlogo {
         left: 25px;
    }
     main {
         padding: 0 25px 0 25px;
    }
     .footer-left {
         padding: 0 0 0 25px;
    }
     .footer-right {
         padding: 0 25px 0 0;
    }
     searchbar {
         margin-top: -117px;
    }
     .mobile_menu_wrapper {
         display: block;
    }
     .fit-footer-thumb {
         width: 40px;
         height: 40px;
    }
     .footer-thumb {
         width: 40px;
         height: 40px;
    }
     .portrait, .portrait2 {
         height: 200px;
    }
     .fixed-menu {
         display: none!important;
    }
     header, .header_wrapper {
         position: relative!important;
         left: 0;
         top:90px;
    }
     header a.menu_toggler:hover {
         background: url(../img/other/mobile_menu.png) no-repeat 0 -29px;
    }
     header a.menu_toggler {
         display: block;
         position: absolute;
         top: -135px;
         right: -30px;
         background: url(../img/other/mobile_menu.png) no-repeat 0 0;
         height: 29px;
         width: 29px;
    }
     header a.menu_toggler:hover {
         background: url(../img/other/mobile_menu.png) no-repeat 0 -29px;
    }
     .mobile_menu {
         width: auto!important;
         text-align: left;
         display: block!important;
         padding: 0px 0 25px 25px!important;
    }
     .mobile_menu li:first-child {
         border-top: none;
    }
     .mobile_menu li a {
         padding: 3px;
         position: relative;
         line-height: 30px;
         font-weight: bold;
         display: block;
         color: #53AFFF;
         font-family: "Open Sans Condensed", sans-serif!Important;
         font-size: 12pt;
    }
     .mobile_menu li .sub-menu {
         padding-left: 15px;
    }
     .mobile_menu li .sub-menu li .sub-menu {
         padding-left: 30px!important;
    }
     .mobile_menu li .sub-menu a {
         font-weight: bold;
         line-height: 30px;
         padding: 3px!important;
         color: #53AFFF;
         font-size: 9pt;
    }
     .mobile_menu li .sub-menu a:hover {
         color: #FFB969!important;
    }
     .mobile_menu li a:hover, .mobile_menu li:hover > a, .mobile_menu li.current-menu-item > a, .mobile_menu li.current-menu-parent > a {
         color: #FFB969;
    }
     .mobile_menu li a span {
         display: none!important;
    }
     .mobile_menu li ul.sub-menu {
         display: block!important;
         visibility: visible!important;
         position: static!important;
         width: auto!important;
    }
     .wide {
         display: none;
    }
     .narrow {
         display: block;
    }
     .narrow input.name1, .narrow input.email1, .narrow input.subject1, .narrow input.message1 {
         width: 100%;
    }
     .narrow textarea.message1 {
         width: 100%;
    }
     .checkbox-col1, .checkbox-col2, .checkbox-col3, .checkbox-col4  {
         flex: 25%;
    }

     .cat-1 {
         -ms-flex: 100%;
        /* IE10 */
         flex: 100%;
    }
     .cat-2 {
         -ms-flex: 00%;
        /* IE10 */
         flex: 00%;
    }
     .table-left {
         width: 50%;
    }
     .table-right {
         display: inline-block;
         width: 100%;
    }
     .my-columns {
         column-count: 2;
    }
}
 @media only screen and (max-width:759px) and (min-width:560px) {
     #main-image-overlay {
          right: 25px;
     }
     #icon_overlay_new1, #icon_overlay_rb {
       left: 23px;   
     }
     #icon_overlay_new2{
          left: 148px;
     }
 	.favefilters {
     padding-left:25px;
	}

     .search-container, .my-container, .my-banner, .my-card-header, main {
         padding: 0 25px;
    }
     .infobutton {
         right:25px;
    }
    .login-container{
    	padding-right: 74px;
    }
     .card-body {
         padding: 0 25px 0 25px;
    }
     .filter{
         right:15px;
    }

 	 header a.menu_toggler {
     right: -43px;
    }
}
 @media only screen and (max-width:559px) {
     #main-image-overlay {
          right: 10px;
     }
     #icon_overlay_new1, #icon_overlay_rb {
          left: 10px;   
        }
        #icon_overlay_new2{
          left: 135px;
     }
 	.favefilters {
     padding-left:10px;
	}
  .overlay2 p{
	 padding:-50px;
}
     .social-fb, .social-tw, .social-in, .social-ig, .social-be, .social-yo {
         margin-top: 5px;
         width: 25px;
         height: 25px;
         margin-left:3px;
    }
     .social-fb {
         background: url(../img/other/socials-small.png) 0 0;
    }
     .social-fb:hover {
         background: url(../img/other/socials-small.png) 0 -25px;
    }
     .social-tw {
        /* For some reason it thinks it's 150, not 30 */
         background: url(../img/other/socials-small.png) 125px 0;
    }
     .social-tw:hover {
        /* For some reason it thinks it's 150, not 30 */
         background: url(../img/other/socials-small.png) 125px -25px;
    }
     .social-ig {
         background: url(../img/other/socials-small.png) 100px 0;
    }
     .social-ig:hover {
         background: url(../img/other/socials-small.png) 100px -25px;
    }
     .social-in {
         background: url(../img/other/socials-small.png) 75px 0;
    }
     .social-in:hover {
         background: url(../img/other/socials-small.png) 75px -25px;
    }
     .social-be {
         background: url(../img/other/socials-small.png) 50px 0;
    }
     .social-be:hover {
         background: url(../img/other/socials-small.png) 50px -25px;
    }
     .social-yo {
        /* For some reason it thinks it's 30, not 150 */
         background: url(../img/other/socials-small.png) 25px 0;
    }
     .social-yo:hover {
        /* For some reason it thinks it's 30, not 150 */
         background: url(../img/other/socials-small.png) 25px -25px;
    }
     .gallery_item {
         margin: 0!important;
         width: 49.9%!important;
         max-width: 50%!important;
    }
     .gallery_item:first-child {
         margin: 0px!important;
    }
     .fs_grid_module .grid_gallery-item {
         width: 49.9%!important;
    }
     .fullscreen_block .image-grid .element {
         width: 49.9%!important;
    }
     .login-container {
         padding: 0 45px 0 0;
    }
     .description {
         overflow: hidden;
         text-overflow: ellipsis;
         display: -webkit-box;
         -webkit-line-clamp: 8;
        /* number of lines to show */
         -webkit-box-orient: vertical;
         padding: 40px 10px 0 10px;
    }
     .card-group {
         display: flex;
         flex-flow: row wrap;
    }
     .card-group > .card {
         flex: 1 0 0%;
         margin-bottom: 0;
    }
     .card-group > .card + .card {
         margin-left: 0;
         border-left: 0;
    }
     .card-group > .card:not(:last-child) {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
    }
     .card-group > .card:not(:last-child) .card-img-top, .card-group > .card:not(:last-child) .card-header {
         border-top-right-radius: 0;
    }
     .card-group > .card:not(:last-child) .card-img-bottom, .card-group > .card:not(:last-child) .card-footer {
         border-bottom-right-radius: 0;
    }
     .card-group > .card:not(:first-child) {
         border-top-left-radius: 0;
         border-bottom-left-radius: 0;
    }
     .card-group > .card:not(:first-child) .card-img-top, .card-group > .card:not(:first-child) .card-header {
         border-top-left-radius: 0;
    }
     .card-group > .card:not(:first-child) .card-img-bottom, .card-group > .card:not(:first-child) .card-footer {
         border-bottom-left-radius: 0;
    }
     .search-container, .my-container, .my-banner, .my-card-header {
         padding: 0 10px;
    }
     .filter{
         right:5px;
    }
     .card-body {
         padding: 0 10px;
    }
     .infobutton {
         right:10px;
    }
     p.footer {
         line-height: 5px!important;
         font-size: 8pt;
    }
     .footer-left {
         padding: 0 0 0 10px;
    }
     .footer-right {
         padding: 0 10px 0 0;
    }

     header a.menu_toggler {
         right: -55px;
    }
     main {
         padding: 0 10px 0 10px;
    }
     .mobile_menu {
         padding: 0px 0 25px 10px!important;
    }
     .newlogo {
         left: 10px;
    }
     .login-container {
         margin-right: 5px;
    }
     p.prev {
         left: 10px;
    }
     p.next {
         right: 10px;
    }
     .update-button {
         left: 10px;
         margin-top: 10px;
    }
     .banner-image {
         width: 300px;
         padding: 15px 0;
    }
     .banner-image {
         width: 270px;
         padding: 15px 0;
    }
     .my-portrait {
         width: 250px;
    }
     .search-box {
         width: 200px!important;
	}
     .titles {
         top: 10px;
         line-height: 11pt;
    }
     .titles2 {
         top: 0!important;
    }
}
 @media only screen and (max-width:439px) {
 	    .checkbox-col4 {
    	margin-left:-10px;
    }
     .my-portrait {
         width: 200px;
         display: block;
    }
     .search-box {
         width: 150px!important;
    }
}