select{
    overflow:auto;
}

.toolbar-menu-administration {z-index: 999;}



body {font-size: 16px; font-family: open sans;}


h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', arial, helvetica, sans-serif;
    font-style: normal;
    font-weight: 600; letter-spacing: -0.02em;
}


a, a:link, a:visited {
    color: #448ac6;
    text-decoration: none;
    font-weight: bold;
}

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

a.btn,  a.btn:link, a.btn:visited {
    color: #fff;
    text-decoration: none;
    font-weight: bold;
}


.btn-primary, button-primary {
    color: #fff;
    background-color: #093655;
    border-color: #093655; font-weight:600;
}

.btn-primary a,
.btn-primary a:link,
.btn-primary a:visited {color:#fff;}

a.btn-primary {color:#fff;}


.btn-success {
    color: #fff;
    background-color: #0f0a90;
    border-color: #0f0a90;
}
.btn-success:hover {
    color: #fff;
    background-color: #4740fa;
    border-color: #4740fa;
}




h2 a:link, h2 a:visited {color:#a20000;}

.block h2.block-title {
    background: none;
    padding: 10px 0px 0px 0px;
    margin: 0px 0 20px 0;
    font-size: 25px;
    letter-spacing: -0.02em;
    color: #222;
    border-bottom: 0px solid #ddd; text-transform: none;
}

.block-views .col {margin-bottom: 40px;}
.views-view-grid .row {
    margin-bottom: 0px;
}


.region-content {
    margin-bottom: 40px;
}


.region-content img {
    max-width: 100%;
}





.masonry-layout .masonry-item {
  width: calc(33.3% - 7px);
  background-color: #f6f6f2;
  border: 0px solid #DDDDDD;
  margin: 0.0%;
  padding: 0.0%
}



.breakout {background:#f3f3f3; padding: 15px; margin: 20px 0 40px 0;}
.breakout:last-child {background:#f3f3f3; padding: 15px; margin: 0px 0 40px 0;}




.path-frontpage #maincontent {display: none;}


/* ########################### */
/* nav-plus-banner */

#nav-plus-banner  {background-color:#287eaa; }

@media(min-width:1400px) {
    #nav-plus-banner  {background:#064166 url(../images/mrag-plus-banner-max.jpg); background-size:cover; }
}

@media(min-width:1110px) {
    #nav-plus-banner  {background:#064166 url(../images/mrag-plus-banner-wide.jpg); background-size:cover; }
}

@media(min-width:481px) {
    #nav-plus-banner  {background:#064166 url(../images/mrag-plus-banner-ipad.jpg) ; background-size:cover; }
}
@media(max-width:480px) {
    #nav-plus-banner  {background: #064166 url(../images/mrag-plus-banner-mob.jpg); background-size:cover; }
}



/* hide page title on home page */

.path-frontpage #page_title {display: none;}





 #page_title {background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));}

#page_title h1 {color:#fff; border:none; font-size: 3.6em; text-align: left; }

@media(min-width:1441px) {
    #page_title h1 {color:#fff; border:none; font-size: 3.2em; text-align: center; }
    .region-title {text-align: center; }
}
@media(max-width:1440px) {
    #page_title h1 {color:#fff; border:none; font-size: 2.6em; text-align: left; }
}
@media(max-width:1280px) {
    #page_title h1 {color:#fff; border:none; font-size: 2.3em; text-align: left; }
}
@media(max-width:767px) {
    #page_title h1 {color:#fff; border:none; font-size: 1.8em; text-align: left; }
}



/* ######################### */
/* very top */

.top.row { margin-right: 0px; margin-left: 0px;}
.title-area.row { margin-right: 0px; margin-left: 0px;}
.title-area.row h1{ padding-right: 15px; padding-left: 15px;}
.title-area .field--name-name {font-weight:700; font-style: italic;}


#verytop-container .logo img {max-width: 255px; height:auto; margin-top:2px; /*transform: rotate(-15deg);*/ z-index: 999;}


.path-frontpage #verytop-container {/*background:rgba(255, 255, 255, 0.13); */padding: 15px 0 15px 0; min-height:55px;

    background: linear-gradient(rgba(255, 255, 255, 0.11), rgba(255, 255, 255, 0));
}
#verytop-container {background:none; padding: 15px 0 15px 0; min-height:55px;}


.path-frontpage .region-banner {background-image: linear-gradient(rgba(0, 0, 0, 0.35), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));}







/* ####################################################### */
/* ############################# */
/* Superfish */

 #superfish-main {float:right; font-family:montserrat;}

 #superfish-main li li a {
    background-color: #064166; 
}
 #superfish-main li li a:hover {
    background-color: #0b659f; 
}

ul.sf-menu a, ul.sf-menu span.nolink {
    display: block;
    padding: .7em 1.5em;
    position: relative;
}

ul.sf-menu ul li {    width: 260px; }
ul.sf-menu ul:first-child li {    width: 140px; }




@media (max-width:991px) {
    
    #verytop-container .logo img {max-width: 175px; height:auto; margin-top:2px; /*transform: rotate(-15deg);*/}
}

@media (max-width:480px) {
    
    #verytop-container .row {margin:0; padding: 0;}
    
    #verytop-container .col-xs-7, #verytop-container .col-sm-12 {    padding-right: 0px;    padding-left: 0px; }
     #verytop-container .logo img {max-width: 140px; height:auto; margin-top:2px; /*transform: rotate(-15deg);*/}
    
    #verytop-container .container {
    padding-right: 0px;
    padding-left: 0px;
    margin-right: 0px;
    margin-left: 0px;
    }
}




/* ################################### */
/* LOGO */

.logo img {z-index:12; position: absolute;}





/* ################################### */
/* nav */


.region-verytop-right,
.region-verytop-right a:link,
.region-verytop-right a:visited {color:#fff; font-weight: 500; font-size: 10.5pt; text-transform: uppercase;}

.region-verytop-right li li,
.region-verytop-right li li a:link,
.region-verytop-right li li a:visited {text-transform: none; line-height: 130%;}



.cart-block--offcanvas-cart-table__quantity input {max-width:80px;}



/*#block-trclient-shopping-cart {clear:both;}*/

#block-topcontact {clear:both; font-size: 15pt; font-weight:300; font-family: roboto; padding: 10px 0 20px 0; }

.path-checkout #block-topcontact {padding: 20px 0 20px 0; }


#block-mainnavigation-2 {display: none;}

#block-mainnavigation-2 {float:right; max-width:150px;}

#block-responsivemenumobileicon {display:none;}
.responsive-menu-toggle-icon span.label {display: none;}


/* ######################################################## */
/* burger */

.responsive-menu-toggle-icon::before, .responsive-menu-toggle-icon::after, .responsive-menu-toggle-icon span.icon {

    width: 25px;
    height: 4px;
    left: 13px;
    border-radius: 0px;
}

.responsive-menu-toggle-icon::before {
    top: 8px;
}
.responsive-menu-toggle-icon span.icon {
    top: 16px;
}
.responsive-menu-toggle-icon::after {
    top: 24px;
}



@media (max-width:991px) {
    #block-topcontact {display: none;}
    .logo img {max-width: 100px; height:auto;}
    #nav-container {display:none;}
    #block-mainnavigation-2 {display: block;}
    .cart-flyout {float:right;}
    .col-xs-9 {padding-right:0;}
    #block-responsivemenumobileicon {display:block; float:right; margin: 0px 10px 0 15px;}
    #superfish-main, .sf-accordion-toggle {display:none;}
}


@media (max-width:474px) {
    .cart-block--summary__count {display: none;}
    .cart-block--summary {padding-top:5px;}
    #block-responsivemenumobileicon {margin: 0px 0px 0 15px;}
}

.cart-flyout {float:right;}



/* floyout responsive menu */

.mm-menu_theme-dark {
    background: #004a7b /*url(../images/mrag-waves.png) top center*/;
    border-color: rgba(0,0,0,.3);
    color: rgba(255,255,255,.85);
}







.region-verytop-right #superfish-main li li {
    text-align: left;
}

ul.sf-menu .sf-with-ul {
    padding-right: 2em;
}



.mm-panels, .mm-listview {font-family: Montserrat;}

.mm-listitem > a, .mm-listitem > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: inherit;
    display: block;
    padding: 20px 10px 20px 20px;
    margin: 0;
}


.mm-menu_offcanvas {
    width: 80%;
    min-width: 140px;
    max-width: 440px;
}
.mm-navbar {    border-bottom: 0px solid;}

.mm-listitem::after {
    content: '';
    border-bottom-width: 0px;
    border-bottom-style: solid;
}

.mm-listitem, .mm-listitem .mm-btn_next, .mm-listitem .mm-btn_next::before, .mm-listitem::after, .mm-listview {
    border-color: #004a7b;
}

#mm-3 .mm-listview {font-size: 14px;}



.mm-listitem > a, .mm-listitem > span {
    text-overflow: inherit;
    white-space: normal; 
    overflow-wrap: break-word;
}










/* ########################## */
/* search drop dopwn */

.region-topturtle {background:#064166;}


#block-turtleadapt-search-form {float:none;}

.region-topturtle {padding: 0;}
.region-topturtle .form-group {margin-bottom:0;}
.region-topturtle .btn {padding:3px 9px;}
.region-topturtle .js-form-type-search {padding:10px 15px;}
.region-topturtle #edit-keys, .region-topturtle #edit-keys--2 {max-width:620px; float:right; font-size: 13pt;}

@media(max-width:990px) {
    .region-topturtle #edit-keys, .region-topturtle #edit-keys--2 {max-width:520px; }
}
@media(max-width:767px) {
    .region-topturtle #edit-keys, .region-topturtle #edit-keys--2 {max-width:320px; }
}


#block-searchopener button {background:none; border:none; font-size: 16pt; padding: 3px; margin-top:2px;}

#block-searchopener .contextual .trigger {right: 30px; top:20px; display:none;}





#drop-block-turtleadapt-search-form {width: 40px;}

#block-turtleadapt-search-form .dropdown-menu {
    
    width: 100%; //fallback
   width: 100vw;
    /*position: relative; left:-100px;*/
     background:none; background-color: rgba(255, 255, 255, 0);
    border: none; padding: 0;
}


#block-turtleadapt-search-form .btn {margin-top:0; background:none; border:none; background:#0b79a2;}
#block-turtleadapt-search-form .dropdown-menu button.btn {margin-top:0; background:#098fa0; padding: 2px 8px;}

#block-turtleadapt-search-form .block-bootstrap-dropdown .dropdown-menu {padding:0; margin:0;}


/* hide form */

/*#verytop-container #block-turtleadapt-search-form {
  position: absolute;
  left: -999px;
}*/
/* show */
/*#verytop-container #block-searchopener:hover #block-turtleadapt-search-form,
#verytop-container #block-searchopener:focus  #block-turtleadapt-search-form  {
  position: absolute;
  left: 0px;
}*/

.hidden2, div.js-form-type-search { display: none; }




/* search page */

.path-search #edit-help-link {display:none;}












/* ######################### */
/* banner */

#block-views-block-tr-page-titles-block-1 {margin-top:0px; z-index:9; }


#block-views-block-tr-page-titles-block-1 h1 {font-size: 49pt; color:#fff; text-align:center; text-transform: uppercase; 
    letter-spacing:-0.02em; line-height: 90%;
    text-shadow: 2px 2px 4px #000000; }

.path-frontpage #block-views-block-tr-page-titles-block-1 h1 {font-size: 96pt; letter-spacing: -0.06em;  line-height: 68pt; text-align: center}


#maincontent .page-header {/*display:none;*/}




.banner .view-content {
    max-width: 870px;
    margin: 0 auto;
    padding: 50px 0 50px 0;
}

.path-frontpage .banner .view-content {    padding: 90px 0 70px 0;}

.path-frontpage .banner .view-content h1 {font-size: 45pt; line-height: 45pt; color:#fff; text-shadow: 0px 0px 8px #290980;}

.path-frontpage .banner .view-content a,
.path-frontpage .banner .view-content a:link,
.path-frontpage .banner .view-content a:visited {color: #fff;}


.homepage-banner .views-field-body p {
    font-size: 15pt;
    line-height: 23pt;
    color: #fff;
    padding: 0px 0 20px 0; text-shadow: 0 0 8px #290980;
}



@media (max-width: 990px) {
    
    .path-frontpage .banner .view-content h1 {font-size: 35pt; line-height: 35pt;}
    
    #block-views-block-tr-page-titles-block-1 h1 {font-size: 29pt;}
    
    .banner .view-content { padding: 20px;}
    .path-frontpage .banner .view-content { padding: 90px 20px;}
    .path-frontpage #block-views-block-tr-page-titles-block-1 h1 {
    font-size: 46pt;
    line-height: 40pt;
}
}

@media (max-width: 480px) {
    .path-frontpage .banner .view-content {    padding: 40px 0 40px 0;}
    .path-frontpage .banner .view-content h1 {font-size: 30pt; line-height: 30pt;}
    .homepage-banner .views-field-body p { font-size: 14pt;  line-height: 21pt; margin-left: 15px; margin-right: 15px;}
}




/* title  */

h1.page-header {
    padding: 10px 0 10px 0;
    margin-bottom: 10px;
}

.breadcrumb {
    display: inline-block;
    padding: 4px 35px 4px 15px; font-size: 14px;
    margin: 20px 0  0 15px;
    list-style: none;
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 2px;
}

.breadcrumb a,
.breadcrumb a:link,
.breadcrumb a:visited { color:#07074b; font-weight: 100;}


.breadcrumb > .active {
    color: #d1d1d1;
}

.region-title {padding: 50px 0;}

@media(max-width:1280px) {
    .region-title {padding: 30px 0;}
}





/* ############################ */
/* homepage about us */

/* hide image on mobile */

@media(max-width:991px) {
.path-frontpage .region-services2 {display:none;}
}










/* ################################## */
/* services home page */


nav#block-services ul {list-style-type: none; padding-left:0; margin-top:20px;}
nav#block-services ul li {font-weight:700; font-size: 17pt; line-height:20pt; font-family: Montserrat;}

nav#block-services ul ul {list-style-type: disc; margin-top:10px; padding-left:1.5em; }
nav#block-services ul ul li {font-weight:300; font-size: 11pt; line-height:21pt;}

nav#block-services .menu-item--expanded {
    float:left; background: #f6f6f6; border:0px solid #ccc;
    margin: 0 30px 30px 0; padding:30px;
    width:calc(50% - 15px);
}

nav#block-services .menu-item--expanded:nth-child(even) { margin: 0 0px 30px 0; }

@media(max-width:700px) {
    nav#block-services .menu-item--expanded {width:calc(100%);}
}




/* ################################### */
/* services pages */

.view-taxonomy-term .views-row {padding: 20px 0; border-bottom:1px solid #ddd;}
.view-taxonomy-term .view-header {padding: 30px; background: #f3f3f3; margin-bottom: 30px;}
.view-taxonomy-term .view-header img {margin-bottom: 20px;}

.view-taxonomy-term .view-content .views-field-title h3 {margin-top:0;}
.view-taxonomy-term .view-content .table-responsive > .table > tbody > tr > td {white-space: pre-wrap;}

/*#block-views-block-services-nodes-block-1 {display:none;}
#block-views-block-services-nodes-block-1 {display: block;}*/

#block-views-block-services-nodes-block-1 {margin-top:30px;}

td.views-field-field-project-image {min-width:70px;}

.field--name-field-services-image {margin-bottom:10px;}

@media(max-width:600px) {

    
    
    .table .views-field-field-region, 
    .table .views-field-field-start-date {display: none;}

}



.view-taxonomy-term .view-content .views-view-grid .row { margin-bottom: 20px; padding: 15px;}
.view-taxonomy-term .view-content .views-view-grid .row:nth-child(even) {background: #f3f3f3; }







/* ################################ */
/* homepage blocks */  


/* ################ */
/* services */

a.ihe-overlay:hover {background:none;}

.ihe-overlay::before {  background-color: #b2c1de;}


#views-bootstrap-services-icons-block-1 a,
#views-bootstrap-services-icons-block-1 a:link,
#views-bootstrap-services-icons-block-1 a:visited { font-weight:400; }

#views-bootstrap-services-icons-block-1 {max-width: 800px; margin: 0 auto; 
    font-size: 12.5pt; line-height: 17pt; letter-spacing: -0.02em;
}

#block-views-block-services-icons-block-1 h2 {text-align: center;}

#block-views-block-services-icons-block-1 .col,
#block-views-block-services-icons-block-1 .field-content {text-align:center;}

#views-bootstrap-services-icons-block-1 .views-field-field-services-icon .img-responsive{
    display:block;
    margin: 0 auto !important; 
    text-align: center !important; 
    border: 0px dashed red !important;
}


#block-views-block-services-icons-block-1 .views-field-name {padding: 0 10px;}




#block-views-block-featured-projects-block-1 h2.block-title {
    display:inline-block; padding: 10px; margin-bottom: 40px;
    background:rgba(4, 0, 93, 0.3); color:#fff;

}

.views-more-link {box-shadow: 5px 0px 10px #ffffff;}

.views-more-link, a.views-more-link {
    display: block; font-size: 19px;
    max-width: 8em;
    float: none;
    margin-top: 15px;
    background: #093655; color:#fff;
    clear: both;
    padding: 10px;
    margin-top: 10px;
    text-align: center;
}

a.views-more-link:hover {
    color: #fff;
    background: #286090;
}




#block-views-block-home-page-featured-block-1 {padding: 0px 0;}
#block-views-block-home-page-featured-block-1 h2 {font-size: 21pt; letter-spacing: -0.02em; text-transform: uppercase;}


#views-bootstrap-home-page-featured-block-1 p {margin: 10px 0;}



#contentabove {    background: #f3f3f3;}

.path-frontpage #contentabove {    background: #fff;}


.region-contentabove .block { padding-top:48px; padding-bottom:35px; }



.path-product #contentabove {padding: 20px 0;
    background:#333 url(/themes/contrib/trclient/images/beer.jpg) top left no-repeat;
    background-size: cover;
}



.path-product #contentabove h1 {color:#fff;}


.path-frontpage #block-clangothlen {padding: 30px 30px 50px 30px;}

@media (max-width:480px) {
    
    #views-bootstrap-services-icons-block-1 a,
#views-bootstrap-services-icons-block-1 a:link,
#views-bootstrap-services-icons-block-1 a:visited { font-weight:400; }
    
    #views-bootstrap-services-icons-block-1 {font-size: 14px; line-height: 18px;}
    #block-views-block-services-icons-block-1 img {max-width: 89px !important;}
    
}



/* ################## */
/* services landing page */

.page-node-8 #block-services li.menu-item:first-child{padding-top:120px; background:#f6f6f6 url(../images/j-natural-resources.png) no-repeat;}

.page-node-8 #block-services li.menu-item:nth-child(2){padding-top:120px; background:#f6f6f6 url(../images/j-climate.png) no-repeat;}
.page-node-8 #block-services li.menu-item:nth-child(3){padding-top:120px; background:#f6f6f6 url(../images/j-governance.png) no-repeat;}
.page-node-8 #block-services li.menu-item:nth-child(4){padding-top:120px; background:#f6f6f6 url(../images/j-monitoring.png) no-repeat;}
.page-node-8 #block-services li.menu-item:nth-child(5){padding-top:120px; background:#f6f6f6 url(../images/j-certification.png) no-repeat;}
.page-node-8 #block-services li.menu-item:nth-child(6){padding-top:120px; background:#f6f6f6 url(../images/j-programme.png) no-repeat;}



.page-node-8 #block-services li li.menu-item:first-child, .page-node-8 #block-services ul ul li.menu-item:first-child {padding-top:10px; background:#f6f6f6;}

.page-node-8 #block-services li li.menu-item:nth-child(2), .page-node-8 #block-services ul ul li.menu-item:nth-child(2) {padding-top:10px; background:#f6f6f6;}

.page-node-8 #block-services li li.menu-item:nth-child(3), .page-node-8 #block-services ul ul li.menu-item:nth-child(3) {padding-top:10px; background:#f6f6f6;}

.page-node-8 #block-services li li.menu-item:nth-child(4), .page-node-8 #block-services ul ul li.menu-item:nth-child(4) {padding-top:10px; background:#f6f6f6;}

.page-node-8 #block-services li li.menu-item:nth-child(5), .page-node-8 #block-services ul ul li.menu-item:nth-child(5) {padding-top:10px; background:#f6f6f6;}

.page-node-8 #block-services li li.menu-item:nth-child(6), .page-node-8 #block-services ul ul li.menu-item:nth-child(6) {padding-top:10px; background:#f6f6f6;}









/* ############################### */
/* homepage content */

.path-frontpage #maincontent .content {font-size: 17pt; text-align:center; max-width: 900px; margin: 0 auto;}
.path-frontpage #maincontent .content h2 {font-size: 27pt; text-transform: uppercase;}



.path-frontpage #maincontent .region-content h1.page-header {display: none;}











/* ############################################# */
/* featured projects flickity */

.flickity-viewport .gallery-cell {width: calc(100% - 0px);}

.flickity-prev-next-button {box-shadow: 1px 1px 5px #888888;}


/* featured projects SLICK slick */

.slick-arrow::before {
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.63);
    font-size: 56px;
    font-size: 4.25rem;
}
.slick-arrow:hover::before {
    color: #448ac6;
     text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}

.path-frontpage .slick-arrow::before {
    color: #fff;
    text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.63);
    font-size: 56px;
    font-size: 4.25rem;
}

.path-frontpage .slick-arrow:hover::before {
    color: #fff; 
     text-shadow: 0px 2px 5px rgba(0, 0, 0, 0.3);
}








/* ########################### */
/* contentabove2 */

#contentabove2 {

    padding: 70px 0 80px 0;

    background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    
    background: url(../images/mrag-carousel-bg-02.png) top center ;

}

@media(max-width:767px) {
    #contentabove2 { background-image: none; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
    background: url(../images/mrag-carousel-bg-02-sm.png) top center ;
    }
}




/* ################ */
/* services top - about us hpage */

#services_top {
    background: rgba(0, 0, 0, 0.05); 
    
     background: linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0), rgba(0, 0, 0, 0.047));
    
    padding: 50px 0 50px 0; 
    margin: 0px 0 0 0;
    z-index:0;
}































/* ############################################# */
/* fmsp */

/* Fisheries assessment software */

/*#block-views-block-fisheries-assessment-software-block-1 .views-row {border-top:1px solid #ccc; padding: 20px 0; margin: 20px 0;}*/
.view-fisheries-assessment-software .views-row {border-top:1px solid #ccc; padding: 20px 0; margin: 20px 0;}


.page-node-type-fmsp-project .bs-region--left {margin-bottom: 30px; background: #f3f3f3; padding: 20px;}
.page-node-type-fmsp-project .bs-region--right {margin-bottom: 30px;  padding: 20px;}


@media(max-width:767px) {
    .page-node-type-fmsp-project #maincontent {padding-top: 0;}
}








/* ################################### */
/* resources */

.view-id-resources h3 {border-bottom: 1px solid #222; margin: 0px 0 10px 0; padding: 30px 0 10px 0; font-size: 23pt;}

.view-id-resources table { width: 320px; max-width: calc(100% - 30px); }

.view-id-resources .btn {margin: 0 0 20px 0; padding: 2px 10px; font-size: 16px; overflow-wrap: break-word;
    word-break: break-all; max-width:calc(100% - 0px);}

.view-id-resources .col {margin-bottom: 30px; }
.view-id-resources .h4 {margin: 0px; padding:0;}
.view-id-resources .col .views-field {padding: 5px 15px 5px 15px; margin: 0; background:#f3f3f3;}

.view-id-resources .views-more-link, .view-id-resources a.views-more-link {
    display: block;
    font-size: 15px;
    max-width: 8em;
    float: none;
    margin-top: 15px;
    background: #005c97;
    color: #fff;
    clear: both;
    padding: 3px 9px;
    margin-top: 7px;
    text-align: center;
}

.view-id-resources span.file {margin: 10px 0;}
span.file-link {
     overflow-wrap: break-word;
    word-break: break-all;
}








/* ########################## */
/* user */

.path-user .region-content .contextual-region {background: #f3f3f3; padding: 30px; margin: 0 0 20px 0;}
.path-user .region-content .contextual-region:first-child {background: #fff; padding: 0px; margin: 0 0 0px 0;}

#block-views-block-moderated-content-block-1 {background: #fff; padding: 0px; margin: 0 0 20px 0;}




/* ################################ */
/* moderated content */

#block-views-block-moderated-content-block-1 {font-size: 11pt;}
#block-views-block-moderated-content-block-1 .btn {margin-top: 0; font-size: 11pt;}

#block-views-block-moderated-content-block-1 .dropdown-toggle {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    width: 2em;
    white-space: nowrap;
    text-indent: 10%;
    
}

#block-views-block-moderated-content-block-1 button.icon-before {margin-right:2em;}














/* ######################################################## */  
/* sidebar blocks */


#views-bootstrap-home-page-featured-block-2 h2 {font-size: 25pt; letter-spacing: -0.02em; text-transform: uppercase;}

#views-bootstrap-home-page-featured-block-2 p {padding: 10px 0 0 0;}










/* ######################### */
/* RRSSB */

#rrssb {background:#aaa; text-align:center;}



/* rrssb block */

#block-ridiculouslyresponsivesocialsharebuttons {background:none; padding:0px; margin: 20px 0; text-align:right; clear:both;}
#block-ridiculouslyresponsivesocialsharebuttons h2.block-title {text-transform: lowercase; font-size:19pt;}

#




/* ##############  */
/* social share block */

.social-media-links--platforms.horizontal li a {
   
}

.social-media-links--platforms.horizontal li a,
.social-media-links--platforms.horizontal li a:link,
.social-media-links--platforms.horizontal li a:visited {
    display: inline-block;
    background: #ff0000; color:#fff;
    margin: 0 0 0 0px;
    padding: 12px; 
    width: 2.9em;
    font-size: 145%;
}

.social-media-links--platforms.horizontal li:nth-child(1) a,
.social-media-links--platforms.horizontal li:nth-child(1) a:link {background:#4267b2;}



.social-media-links--platforms.horizontal li:nth-child(1) a:hover { background:#2f8808;}
.social-media-links--platforms.horizontal li:nth-child(2) a:hover { background:#0926a0;}












/* ########################################################### */
/* off canvas basket */

/*
.cart-flyout {margin:10px 0px 0px 0;}

.cart-block--offcanvas-contents__links a:link, 
.cart-block--offcanvas-contents__links a:visited {display:block; text-align:center; padding: 10px 20px; 
    background:#443deb; color:#fff;
    margin: 10px; text-transform: uppercase;
} 

.cart-block--offcanvas-contents__links a:hover {background:#498af7; color:#fff;}


.close-btn {
    position: relative;
    z-index: 3;
    float: right;
}
.glyph-close::before, .close-btn::before, .block-facets .block-title::before {
    content: "x";
    font-weight: 600;
}
.glyph-close::before {}


.cart-block--offcanvas-cart-table__remove button {padding:5px;}
*/



















/* ############################################################################################################### */
/* ###################################### */
/* experience */


/* better exposed filters */

.path-experience .region-contentabove .block {   padding-top: 15px;    padding-bottom: 15px;}

/*#block-exposedformexperiencepage-1 #views-exposed-form-experience-page-1 {text-align:center;}*/

#block-exposedformexperiencepage-1 ul {list-style-type: none; padding-left: 0em; font-size: 12px;}
#block-exposedformexperiencepage-1 ul ul {padding-left: 1.5em;}

#block-exposedformexperiencepage-1 input.form-checkbox {margin-right: 5px; background: lime;}

#block-exposedformexperiencepage-1 .form-actions {/*clear:both; width:100%; float:none;*/ margin-left: 10px; margin-top:6px;}


.views-field-term-node-tid a,
.views-field-term-node-tid a:link,
.views-field-term-node-tid a:visited {font-weight:normal; font-size: 70%; display:inline-block; background: #f3f3f3; color:#448ac6; padding:4px; margin: 0 2px 2px 0;}

.views-field-term-node-tid a:hover {background: #448ac6; color:#fff;}


#block-exposedformexperiencepage-1 label {display:block;}
#block-exposedformexperiencepage-1 .btn {font-size: 15px;  padding: 5px 15px;}
#block-exposedformexperiencepage-1 .form-item {margin-right:5px;}

#block-exposedformexperiencepage-1 label {font-size: 14px; font-weight:300;}

@media(min-width:1010px) { 
    #block-exposedformexperiencepage-1 .form-inline .form-control { width: 230px;}
}
@media(min-width:1200px) { 
    #block-exposedformexperiencepage-1 .form-inline .form-control { width: 270px;}
}

@media(max-width:990px) {

    #block-exposedformexperiencepage-1 .form-item {margin-right:2px;}
    #block-exposedformexperiencepage-1 .btn { padding: 5px 8px;}
}

@media(max-width:767px) {
  #block-exposedformexperiencepage-1 .form-actions {clear:both; width:100%; float:none; margin-left: 0px; padding-top:10px;}
    #block-exposedformexperiencepage-1 .btn { padding: 5px 8px; margin-top:0;}
    #block-exposedformexperiencepage-1 .btn {font-size: 17px;  padding: 5px 15px;}
    
    #block-exposedformexperiencepage-1 .form-group { margin-bottom: 5px; }
    
}



/*
#edit-term-node-tid-depth {max-width:180px;}

.form-item-term-node-tid-depth { max-width:180px; width:190px;}
.form-item-term-node-tid-depth .form-inline .form-control { max-width:180px; width:190px;}


*/

@media(max-width:767px) {
    .view-experience .views-field-field-start-date {display: none;}
    .view-experience  .views-field-term-node-tid {display: none;}
}

@media(max-width:390px) {
    .view-experience .views-field-field-region {display: none;}
}


.view-experience  .views-field-term-node-tid {
    width: 250px; /*font-size: 12px; font-weight: 300;*/
    
}




.path-experience .table-responsive > .table > tbody > tr > td {white-space:wrap;}


.view-experience .views-field-field-project-image {min-width:70px; height:auto;}

#block-views-block-experience-block-1 .flickity-viewport .gallery-cell {
    width: 320px;
}
#block-views-block-experience-block-1 .flickity-viewport .views-field-title {
    width: 300px;
    padding-top:10px;
}


/* ######################## */
/* region */

.block-views-blocktaxonomy-term-block-1 .views-field-field-project-image {min-width:70px; height:auto;}
.block-views-blocktaxonomy-term-block-1 h2 {display: none;}



/* experience (project) node display */

.page-node-type-project .field--name-field-project-image {margin-bottom: 20px;}

.page-node-type-project .field--name-body p:first-child {font-size: 140%;}

.page-node-type-project .bs-region--top-right {background:#f3f3f3; padding: 15px;}

.page-node-type-project .field--name-field-services a:link,
.page-node-type-project .field--name-field-services a:visited
{display: block; background:#dbd9ea; padding: 10px; margin-bottom: 5px;}

.page-node-type-project .field--name-field-services a:hover {background:#c1bed6; color:#4d49bf;}


@media(max-width:767px) {
    .page-node-type-project .bs-region--top-right {margin:15px;}
}



/* ############################################################################################################### */








/* ####################### */
/* juicer */

/*
.juicer-feed h1.referral {display: none; visibility: hidden;}

*/


.juicer-feed h1.referral {position:absolute; right:0;}
.juicer-feed h1.referral:after {display: none; visibility: hidden;}







/* ################################ */
/* work with us */

#block-quicknodeblock {background:#f3f3f3; padding: 15px; margin: 20px 0 20px 0;}

#views-bootstrap-vacancies-block-1 .col {background:#f3f3f3; padding: 15px; margin-bottom: 20px; }
#views-bootstrap-vacancies-block-1 .row { margin-left:0; margin-right: 0;  }


#views-bootstrap-vacancies-block-1 .col-md-6 {width: calc(50% - 15px); margin: 0 15px 15px 0;}

@media(max-width:991px) {
    #views-bootstrap-vacancies-block-1 .col-xs-12 {width: calc(100% - 0px); margin: 15px 0;}
}




/* ################################## */
/* vacancies homepage */

.path-frontpage #worldpay {background: rgba(10, 57, 88, 0.22); padding: 50px 0 90px 0;}


#views-bootstrap-vacancies-block-2  h1  {text-align:center; margin: 10px auto;}
#views-bootstrap-vacancies-block-2  .view-header {text-align:center; margin: 10px auto;}

#views-bootstrap-vacancies-block-2 .col {
    background:#f3f3f3; padding: 15px; margin-bottom: 20px; margin-left: 15px; margin-right: 15px;
    /*width: calc(33% - 30px);*/
}
#views-bootstrap-vacancies-block-2 .row { margin-left:0; margin-right: 0;  }

.view-vacancies .more-link {text-align: center;}

.novacancies {text-align:center;}

/*
@media(max-width:990px) {
    #views-bootstrap-vacancies-block-2 .col {  width: calc(33% - 30px);}
}

@media(max-width:767px) {
    #views-bootstrap-vacancies-block-2 .col {  width: calc(100% - 30px);}
}
*/


/* ############################################# */
/* about us */

.page-node-14 .region-content img {max-width: 100%;}

.page-node-14 .field--name-body p:first-child {
    font-size: 140%;
}

#about-accreditations {background: #f3f3f3; padding: 15px;}

.view-the-team .views-row img {    float: right;    margin-left: 0px;}

@media(max-width: 767px) {
    .view-the-team .views-row img {    float: right;    margin-left: 10px;}
}
@media(max-width: 670px) {
    .view-the-team .views-row img {    float: none;    margin-left: 0px;}
}


/* read more link */

a.ec-toggle-link,
a.ec-toggle-link:link,
a.ec-toggle-link:visited {background:#448ac6; color:#fff; padding: 3px 8px; margin: 10px 0; display: inline-block;}


/* sidebar */

.block-views #views-bootstrap-the-team-block-2 .col { margin-bottom: 10px; }
.block-views #views-bootstrap-the-team-block-2 .col-lg-2,
.block-views #views-bootstrap-the-team-block-2 .col-md-3,
.block-views #views-bootstrap-the-team-block-2 .col-xs-6,
.block-views #views-bootstrap-the-team-block-2 .col-sm-6
{ padding-right: 5px;
padding-left: 5px; }


.view-the-team .views-row {
    padding: 0 0 0px 0;
    margin-bottom: 10px;
    border-bottom: 0px solid #eee;
}

.view-the-team.view-display-id-page_2 .views-row {
    padding: 0 0 30px 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #eee;
}

.page-node-21 .block h2.block-title {border-bottom: 1px solid #ccc; padding: 20px 0; margin: 20px 0;}


#block-views-block-the-team-block-2.block {padding: 20px 10px 20px 20px; }

.masonry-item {width:calc(25% - 10px);  margin-bottom:10px; }
/*.masonry-item {width:340px;  margin-bottom:20px; }*/



@media(max-width:991px) {
    .masonry-item {width:calc(33% - 10px); margin-bottom:10px; }
}

@media(max-width:767px) {
    .masonry-item {width:calc(16% - 10px); margin-bottom:10px; }
}


@media(max-width:480px) {
    .masonry-item {width:calc(25% - 10px); margin-bottom:10px; }
}







/* ############################### */
/* contact us page */

#block-turtleadapt-block-7 {margin-top:50px;}
#block-turtleadapt-block-7 h2{margin-left:15px;}
.address-block {background:#f3f3f3; padding: 20px; font-size: 14px; margin-bottom:15px;}

@media(max-width:767px) {
   #block-turtleadapt-block-7 .col-xs-12 {padding-right: 0px; padding-left: 0px;}
   .page-node-18 .field--name-body .col-sm-5 {padding-right: 0px; padding-left: 0px;}
   .page-node-18 .field--name-body .col-sm-7 {padding-right: 0px; padding-left: 0px;}
}

#company-number {clear:both; padding: 15px; background: #f3f3f3; margin: 20px 0;}
#company-address, #company-map {margin-bottom: 30px;}



/* ######################## */
/* news */

.view-id-news .col {margin-bottom: 40px;}





.page-node-type-article  .author {border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0 0 10px 0;}

.page-node-type-article  .field--name-field-video {margin: 0 0 20px 0;}

.page-node-type-article  .field--name-body {margin-bottom: 20px;}












/* ############################## */
/* gallery */

#gallery .container {width: 100%;}

#gallery {padding: 0px 0;
    background:rgba(0, 0, 0, 0.05);
    background-size: cover;
    padding: 50px 0;
}


#gallery h2 {/*color:#fff;*/}









/* ###################################### */
/* logos */

#logos {background:#f3f3f3; padding: 20px 0;}









/* ####################################### */
/* ############# */
/* testimonials row */
/* ###################################### */


#testimonials {
    background: rgba(61, 55, 113, 0.10);
    background-size: cover;
    color:#fff; font-size: 21pt; /*text-align: center;*/
    padding: 50px 5px 50px 5px;
    
}


#testimonials h2{/*font-size: 56pt;*/}


@media(max-width:767px) {
    
    #testimonials {  background: rgba(12, 0, 108, 0.12); }
    #testimonials h2 {font-size: 25px; letter-spacing: -0.02em;}
}



/* hide main content on home page */

/*.path-frontpage #maincontent {display: none;}*/

/*.path-frontpage .views-element-container {display: none;}*/







/* ##################################### */
/* #contentbelow */



#contentbelow {
    padding: 90px 0 60px 0;
}










/* ################################ */
/* carousel slideshow */


.carousel-inner a:link,
.carousel-inner a:visited {color:#fff;}

.carousel-caption h3 {
    font-size: 25pt;
    font-weight: 600;
    text-transform: none;
}
















/* ############################### */
/* footer-wrapper */

#waves {padding: 0px 0 0px 0; background: url(../images/wave-tips.png) 93% 100% no-repeat; z-index:999; min-height:26px;}

#footer-wrapper {background:#022c4e url(../images/mrag-waves.png) top center no-repeat;}





/* ########################### */
/* overfooter */


#overfootercontainer a,
#overfootercontainer a:link,
#overfootercontainer a:visited {font-weight:normal;}


#overfooter {    padding: 40px 0 0 0; }

#overfooter {
    padding: 20px 0 20px 0;
    background: none; color:  #fff;
    margin-top: 0px;
}

#overfooter h2 {color:#fff;}

.footer h2 {
    border-bottom: 0px solid #eee;
    padding-bottom: 5px;
    
    padding: 10px 0px 0px 0px;
margin: 0px 0 20px 0;
    
    display: inline-block;
}



/* ########################### */
/* gtranslate */

#overfooter .gtranslate a, #overfooter .gtranslate a:link, #overfooter .gtranslate a:visited {
    color: #222;
}

#overfooter option, #overfooter select {color:#333; background:#fff;}

.gtranslate a, .gtranslate a:link, .gtranslate a:visited {
    color: #222;
}

#block-gtranslate a.gtflag {
    float: none;
    margin-right: 5px;
  }



/* ############################################# */
/* footer menus */


/* menu */
#block-trclient-main-menu ul {list-style-type: none; padding-left: 0;}
#block-trclient-main-menu ul li {margin-bottom: 5px;}



/* experience */
#block-views-block-experience-ategories-block-1 .views-row {margin-bottom: 15px;}

/* areas */
#block-views-block-experience-ategories-block-2 .views-row {margin-bottom: 5px;}














/* ########################### */
/* footer */

#footer {
    background: none;
    color: #fff;
}

#footercontainer {text-align:center; font-size: 16.5pt;}

#footercontainer p {padding: 5px;}



#block-footercredit {font-size: 11.5pt;}


@media (max-width:767px) {
    
    #footercontainer {font-size: 11.5pt;}
    #block-footercredit {font-size: 8.5pt;}
    
    #footer .container, #footer .col-md-12 {padding-left:2px; padding-right:2px;}
}







/* ##################################### */
/* footer logos */

#block-turtleadapt-block-5 {margin-top: 40px; margin-bottom: 60px;}


.foot-logo img {margin: 15px 5px;}
.foot-logo {text-align:center;}

@media(max-width:767px) {

    #block-turtleadapt-block-5 .field--name-body div:nth-child(1) {text-align:right;}
    #block-turtleadapt-block-5 .field--name-body .foot-logo:nth-child(2) {text-align:right;}
    #block-turtleadapt-block-5 .field--name-body .foot-logo:nth-child(3) {text-align:left;}   
    #block-turtleadapt-block-5 .field--name-body .foot-logo:nth-child(4) {text-align:right;}
    #block-turtleadapt-block-5 .field--name-body .foot-logo:nth-child(5) {text-align:left;}
    
}






















/* footer credits */

#block-turtleadapt-block-4 {font-size:11pt;}

@media(max-width:370px) {
#block-turtleadapt-block-4 {font-size:13px;}
}

@media(min-width:992px) {
    .credit-left {float:left;}
    .credit-right {float:right;}
}