/*
Theme Name: SurgeryWeb Theme 1
Theme URI: 
Description: Bespoke Theme developed by Adrian @ AlphaWebServices.net
Author: Adrian Jones
Version: 6.1.1
License: 
License URI: 
Tags: 
*/

@keyframes marquee-animation {
  from {
    /* Start right out of view 
    transform: translate3d(100%, 0, 0);*/
  }
  
  to {
    /* Animate to the left of the container width */
    left: 0;
    transform: translateX(-100%);
  }
}

:root {
  --bs-blue: #092869;
  --bs-link-color: #092869;
  --bs-primary-rgb: 9,40,105;
}
.text-bg-primary {
	background-color: RGBA(9,40,105,var(--bs-bg-opacity,1))!important;
}

*		{margin: 0; border: 0; padding: 0; outline: 0;}
p, a, h1, h2, h3, h4, h5, small, li, textarea, input, td, tr, .gform_confirmation_message {font-family: 'Open Sans', sans-serif;}
.clear, .clearfix		{clear: both;}
html		{overflow-y: scroll; background-color: #fff;}
ul		{list-style-type: none;}
img.alignright {float:right; margin:0 0 1em 1em}
img.alignleft {float:left; margin:0 1em 1em 0}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
.alignright {float:right; }
.alignleft {float:left; }
.aligncenter {display: block; margin-left: auto; margin-right: auto}
img		{max-width: 100%; height: auto;}

#cookieBanner		{background: #f0f4f5;}
#cookieBanner button	{background: #007f3b; border: 2px solid transparent; box-shadow: 0 4px 0 #00401e; cursor: pointer;}
#cookieBanner button:hover	{background: #00662f;}
.cookieSettingsForm	button	{background: #007f3b; border: 2px solid transparent; box-shadow: 0 4px 0 #00401e; cursor: pointer;}
.cookieSettingsForm	button:hover	{background: #00662f;}
#cookieSave		{border-left: 8px solid #005eb8;}

.headerRow a		{text-decoration: none;}
.headerRow a:hover,
.headerRow a:focus	{text-decoration: underline;}
.headLogo			{width: 100%;}
.headLogo img		{max-height: 120px;}
.headDetails		{width: 100%;}
span.practice-closed	{display: block; font-weight:bold; color:red;}
span.practice-open		{display: block; font-weight:bold; color:green;}
span.practice-closed span.status	{display: inline-block; background: red; color: #fff; text-transform: uppercase; font-size: 14px; padding: 3px 12px; border-radius: 5px;}
span.practice-open span.status	{display: inline-block; background: green; color: #fff; text-transform: uppercase; font-size: 14px; padding: 3px 12px; border-radius: 5px;}
.headerRow .switcher		{display: inline-block; margin-top: 20px;}
.headerRow .switcher .option	{position: absolute;}
.headRight img		{max-height: 80px;}
.headRight .nhs-logo		{max-height: 65px;}
.headerRow .right ul.sociallinks	{text-align: right; margin: 10px 0 0;}
.headerRow .right ul.sociallinks li	{text-align: center;}

.nhsuk-header__search-form		{overflow: visible; min-width: 300px;}
.nhsuk-header__search-form .search-field	{border: 1px solid #aeb7bd; width: calc(100% - 44px); font-size: 16px; height: 40px; -webkit-appearance: listbox;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 0;
border-top-left-radius: 4px;
border-top-right-radius: 0;
padding: 0 16px;
}
.nhsuk-header__search-form .nhsuk-search__submit	{background-color: #092869; display: block; height: 40px; width: 44px; line-height: 1; border: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 4px;
border-top-left-radius: 0;
border-top-right-radius: 4px;
float: right;
font-size: inherit;
outline: none;
padding: 0;}
.nhsuk-header__search-form .nhsuk-search__submit:hover		{background-color: #004b93;
border-color: #004b93;}
.nhsuk-header__search-form .nhsuk-search__submit .nhsuk-icon__search	{fill: #fff; height: 27px; width: 27px;}

.navbar a:focus-visible {
outline-color: #fff;
outline-style: solid;
outline-width: 1px;
}

.navbar a.sub-dropdown-item:after 	{transform: rotate(-90deg); vertical-align: 0.2em;}
.navbar ul.sub-dropdown-menu		{top: 0; left: 95%;}

.topmarquee .marqueeButtons		{width: 150px;}
.topmarquee .marquee			{width: calc(100% - 150px); position: relative; overflow: hidden;}
.topmarquee .marquee #marqueeText		{display: block; position: absolute; top: 0; right: 0; margin: 0; white-space: nowrap; left: 100%; transform: translatex(0); animation-name: marquee-animation; animation-iteration-count: infinite; animation-timing-function: linear; line-height: 31px; width: fit-content;}
.topmarquee .marquee p span			{display: inline-block;}
.topmarquee .marquee p span + span	{margin-left: 50px;}
.topmarquee i			{cursor: pointer; font-size: 18px;}
.topmarquee i:hover		{color: #b0b0b0;}
.topmarquee a		{text-decoration: none;}
.topmarquee a:hover,
.topmarquee a:focus	{text-decoration: underline;}

.nhsuk-breadcrumb__list		{list-style: none; margin: 0; padding: 0;}
.nhsuk-breadcrumb__list .nhsuk-breadcrumb__item		{display: inline-block; margin-bottom: 0; line-height: 1.5;}
.nhsuk-breadcrumb__list a		{text-decoration: underline;}
.nhsuk-breadcrumb__list a:hover,
.nhsuk-breadcrumb__list a:focus	{text-decoration: none; color: #7c2855;}
.nhsuk-breadcrumb__item:not(:last-child):after	{
	background: url("data:image/svg+xml,%3Csvg class='nhsuk-icon nhsuk-icon__chevron-right' xmlns='http://www.w3.org/2000/svg' fill='%23aeb7bd' height='18' width='18' viewBox='0 0 24 24' aria-hidden='true'%3E%3Cpath d='M15.5 12a1 1 0 0 1-.29.71l-5 5a1 1 0 0 1-1.42-1.42l4.3-4.29-4.3-4.29a1 1 0 0 1 1.42-1.42l5 5a1 1 0 0 1 .29.71z'%3E%3C/path%3E%3C/svg%3E") right 0 top 4px no-repeat;
content: "";
display: inline-block;
height: 18px;
margin-left: 10px;
margin-right: 6px;
width: 18px;
}

.homegallery .carousel-item img	{object-fit: contain; object-position: center; height: 250px; overflow: hidden;}
.homegallery #carouselButtons	{left: 10px; position: absolute; bottom: 10px; z-index: 9999;}
.carousel-control-prev-icon		{background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z'/%3e%3c/svg%3e")!important;}
.carousel-control-next-icon		{background: #fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23000'%3e%3cpath d='M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")!important;}

.widgets > div > h5		{background: #092869 url(images/nhs-scot-small.png) no-repeat left 15px center; background-size: auto 50%; cursor: pointer; text-align: right;}

.footer a		{text-decoration: none;}
.footer a:hover,
.footer a:focus	{text-decoration: underline;}
.footer .swebcol		{text-align: center;}
.footer .swebcol a:first-of-type:focus img		{background-color: #000;}
.footer #accessTools	{display: inline-block; background: #fff; color: #092869; padding: 14px 30px; font-size: 18px; font-weight: bold; line-height: 32px; border-radius: 4px; border: 1px solid #092869;}
.footer #accessTools i	{display: inline-block; vertical-align: middle; font-size: 32px; padding-right: 10px;}
.footer a.gt_switcher-popup,
.footer a.gt_switcher-popup span	{color: #fff!important;}
.footer a.gt_switcher-popup img		{border: 2px solid #fff;}

.label.label-primary	{display: inline-block!important; line-height: 1.5!important; white-space: normal!important;}
.sociallinks li		{display: inline-block; text-align: center; height: 55px; width: 55px;}
.sociallinks li + li	{margin-left: 10px;}
.sociallinks li a	{display: block; height: 100%;}
.sociallinks li.twitter a		{background: #1DA1F2;}
.sociallinks li.facebook a	{background: #3b5998;}
.sociallinks li.linkedin a	{background: #0072b1;}
.sociallinks li.instagram a	{background: #E80062;}
.sociallinks li.twitter a:hover,
.sociallinks li.twitter a:focus		{background: #fff;}
.sociallinks li.facebook a:hover,
.sociallinks li.facebook a:focus		{background: #fff;}
.sociallinks li.linkedin a:hover,
.sociallinks li.linkedin a:focus		{background: #fff;}
.sociallinks li.instagram a:hover,
.sociallinks li.instagram a:focus		{background: #fff;}
.sociallinks li i			{line-height: 55px; padding: 0; font-size: 32px; color: #fff;}
.sociallinks li.twitter a:hover i,
.sociallinks li.twitter a:focus i		{color: #1DA1F2;}
.sociallinks li.facebook a:hover i,
.sociallinks li.facebook a:focus i		{color: #3b5998;}
.sociallinks li.linkedin a:hover i,
.sociallinks li.linkedin a:focus i		{color: #0072b1;}
.sociallinks li.instagram a:hover i,
.sociallinks li.instagram a:focus i		{color: #E80062;}
.headerRow .sociallinks li			{height: 36px; width: 36px;}
.headerRow .sociallinks li i		{font-size: 20px; line-height: 36px;}

.staff-grid .staff-member .staff-img:before	{content: ""; display: block; padding-top: 100%;}

p.meta		{margin: 0; font-size: 12px; font-style: italic;}

.sidefeatures a		{text-decoration: none!important;}
.sidefeatures .feature	{position: relative; width: 100%; border: 1px solid #e7e7e7; text-align: center;}
.sidefeatures .feature:before	{content: ""; display: inline-block; padding-top: 100%; vertical-align: middle;}
.sidefeatures .feature.fft:before	{padding-top: 17%;}
.sidefeatures .feature .centered	{display: inline-block; vertical-align: middle; width: 90%;}
.sidefeatures .feature .centered img	{max-width: 40%; max-height: 40px; display: inline-block; margin-bottom: 15px;}
.sidefeatures .feature .centered p	{margin: 0;}
.sidefeatures .feature i		{font-size: 42px; padding-bottom: 10px;}
.sidefeatures .feature.fft .centered p		{display: inline-block; vertical-align: middle;}
.sidefeatures a:hover .feature,
.sidefeatures a:focus .feature		{opacity: 0.7;}

.secondaryNav		{border-left: 8px solid #092869;}
.secondaryNav > ul > li:nth-of-type(2n+1)	{padding-right: 20px;}

.openingtimes p		{font-weight: bold; padding-top: 10px;}
.openingtimes p span	{font-weight: normal;}
.openingtimes p span:before	{content: "-"; padding-right: 5px;}

.maincontent      	{padding-bottom: 50px;}
.maincontent > ul,
.maincontent .gfield_html ul  {list-style-type: disc; margin: 0 0 10px 30px;}
.maincontent > ul ul,
.maincontent .gfield_html ul ul {list-style-type: circle; margin: 5px 0 5px 30px;}
.maincontent .gfield_html ul li {padding: 6px 0;}
.maincontent iframe     {max-width: 100%;}
.maincontent a		{text-decoration: none;}
.maincontent a:hover,
.maincontent a:focus	{text-decoration: underline;}
.staffimg .img		{border: 1px solid #e7e7e7; margin-bottom: 15px;}
.staffimg .img:before	{content: ""; display: inline-block; padding-top: 100%;}

.maincontent table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
.maincontent table > thead > tr > th,
.maincontent table > tbody > tr > th,
.maincontent table > tfoot > tr > th,
.maincontent table > thead > tr > td,
.maincontent table > tbody > tr > td,
.maincontent table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd;
}
.maincontent table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #ddd;
}
.maincontent table > caption + thead > tr:first-child > th,
.maincontent table > colgroup + thead > tr:first-child > th,
.maincontent table > thead:first-child > tr:first-child > th,
.maincontent table > caption + thead > tr:first-child > td,
.maincontent table > colgroup + thead > tr:first-child > td,
.maincontent table > thead:first-child > tr:first-child > td {
  border-top: 0;
}
.maincontent table > tbody + tbody {
  border-top: 2px solid #ddd;
}
.maincontent table .table {
  background-color: #fff;
}

.navigation		{margin-top: 50px;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled	{color: #fff; text-decoration:none;}
.navigation li	{display: inline;}
.navigation li a, .navigation li a:hover, .navigation li.active a, .navigation li.disabled	{background-color: #6FB7E9; border-radius: 3px; cursor: pointer; padding: 12px; padding: 0.75rem;}
.navigation li a:hover, .navigation li.active a	{background-color: #3C8DC5;}

.gforms_confirmation_message	{margin-top: 30px;}
.gform_wrapper .gform_body .gfield_description	{padding-top: 0!important;}
.gform_wrapper .gform_body label.gfield_label	{margin: 0;}
.gform_wrapper .gform_body .ginput_container label	{font-size: 13px;}
.gform_wrapper .gform_body textarea, .gform_wrapper .gform_body input, .gform_wrapper .gform_body select	{font-size: 13px!important;}
.gform_wrapper .gform_body .ginput_container	{margin-top: 0!important;}
.gform_wrapper .gform_body textarea,
.gform_wrapper .gform_body input[type="text"],
.gform_wrapper .gform_body input[type="email"],
.gform_wrapper .gform_body input[type="number"],
.gform_wrapper .gform_body input[type="tel"]	{background: #f3f3f3; border: 1px solid #cccccc;}
.gform_wrapper .gform_body select	{border: 1px solid #cccccc;}
.gform_wrapper .gform_body input[type="radio"]	{display: inline-block!important; width: auto; margin-right: 10px;}
.gform_wrapper .gform_footer		{margin-top: 0!important;}
.gform_wrapper .gform_footer .button,
.gform_wrapper .gform_page_footer .button	{
	font-weight: 400;
font-size: 1.1875rem;
line-height: 1.5;
margin-bottom: 28px;
-webkit-appearance: none;
background-color: #007f3b;
border: 2px solid rgba(0,0,0,0);
border-radius: 4px;
box-shadow: 0 4px 0 #00401e;
box-sizing: border-box;
color: #fff;
cursor: pointer;
display: inline-block;
font-weight: 600;
margin-top: 0;
padding: 12px 16px;
position: relative;
text-align: center;
vertical-align: top;
width: auto;
}
.gform_wrapper .gform_footer .button:hover,
.gform_wrapper .gform_page_footer .button:hover	{
	background-color: #00662f;
}
.gform_wrapper .gform_body .gform_page_fields >ul > li	{margin-bottom: 15px;}
.bp-rev_wrapper .gfield .instruction {
	display: none;
}
.gform_wrapper .gsection		{margin-top: 20px;}
.gform_wrapper .gsection h3.gsection_title	{margin-bottom: 0; font-size: 20px; color: #1e73be;}
.gform_wrapper .gform_body .gfield--type-radio .gfield_radio > div + div	{margin-top: 10px;}
.gform_wrapper .gform_body .gfield--type-checkbox .gfield_checkbox > div + div	{margin-top: 10px;}

#goog-gt-tt .original-text		{text-align: left!important;}

.maincontent .post-password-form label	{display: block;}
.maincontent .post-password-form input[type="password"]	{padding: 3px; border: 1px solid #000;}
.maincontent .post-password-form input[type="submit"]	{color: #fff; background: #092869; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; padding: 8px 12px; margin-top: 10px;}

.mb-bhi-closed .mb-bhi-oc-text    {font-weight: bold; color: red;}
.mb-bhi-open .mb-bhi-oc-text    {font-weight: bold; color: green;}

.gform_confirmation_message {background: rgba(158,255,158,0.6); border: 1px solid green; padding: 10px; border-radius: 4px; -webkit-border-radius: 4px; margin-bottom: 10px;}

#map	{height: 300px;}
.marker {background: url('images/marker.webp') no-repeat center center; background-size: contain; width: 40px; height: 40px;}

.gms1_wrapper form.gms1 .gform_heading	{background: #9c3b96; padding: 18px 15px;}
.gms1_wrapper form.gms1 .gform_heading h3	{color: #fff; margin: 0; font-weight: normal; font-size: 22px; line-height: 100%;}
.gms1_wrapper form.gms1 .gsection_title	{color: #9c3b96; font-size: 14px!important;}
.gms1_wrapper form.gms1 .gfield_checkbox li input[type=checkbox],
.gms1_wrapper form.gms1 .gfield_radio li input[type=radio]	{vertical-align: top; margin-right: 10px;}
.gms1_wrapper form.gms1 .gform_footer .button	{border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; background: #9c3b96;}

#eConsultDefaultTarget:after	{content: ""; display: block; clear: both;}

.whoGrid {
	display: flex;
	flex-wrap: wrap;
	gap: 4px;
}
.whoBlock {
	width: 100%;
}
.whoBlock .blockHead {
	background: #092869;
	color: #fff;
	display: block;
	padding: 12px 24px;
	position: relative;
	text-decoration: none;
	cursor: pointer;
}
.whoBlock .blockHead p {
	margin-bottom: 0;
}
.whoBlock .blockHead .icon {
	float: right;
}
.whoBlock .blockHead .icon-minus {
  display: none;
}
.whoBlock.active .blockHead .icon-minus {
  display: block;
}
.whoBlock.active .blockHead .icon-plus {
  display: none;
}
.whoBlock .blockBody {
	background: #fff;
	border: 1px solid #ccc;
	border-width: 0 1px 1px;
	padding: 24px 24px 12px;
}

.whodoiseeBtn {
	display: block;
	text-align: center;
	background: #092869;
	color: #fff;
	padding: 25px 0;
	margin-bottom: 32px;
	border-radius: 8px;
}
.whodoiseeBtn p {
	margin-bottom: 0;
	font-size: 20px;
}
.whodoiseeBtn i {
	font-size: 28px;
	padding: 0 12px;
}
.whodoiseeBtn:visited {
	color: #fff;
}
.whodoiseeBtn:hover {
	text-decoration: none;
	color: #fff;
}

/*
 * Mapbox CSS
 */

.mapboxgl-map {
    overflow: hidden;
    position: relative;
    -webkit-tap-highlight-color: rgb(0 0 0/0)
}
.mapboxgl-canvas {
    position: absolute;
    left: 0;
    top: 0
}
.mapboxgl-map:-webkit-full-screen {
    width: 100%;
    height: 100%
}
.mapboxgl-canary {
    background-color: salmon
}
.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass {
    cursor: grab;
    -webkit-user-select: none;
    user-select: none
}
.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer {
    cursor: pointer
}
.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active {
    cursor: grabbing
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas {
    touch-action: pan-x pan-y
}
.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: pinch-zoom
}
.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas {
    touch-action: none
}
.mapboxgl-ctrl-top-right {
    position: absolute;
    pointer-events: none;
    z-index: 2;
	top: 0;
	right: 0;
}
.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right {
	display: none;
}
.mapboxgl-ctrl {
    clear: both;
    pointer-events: auto;
    transform: translate(0);
	margin: 10px 10px 0 0;
    float: right;
	border-radius: 4px;
    background: #fff;
}
.mapboxgl-ctrl-group:not(:empty) {
    box-shadow: 0 0 0 2px rgb(0 0 0/10%)
}
.mapboxgl-ctrl-group button {
    width: 29px;
    height: 29px;
    display: block;
    padding: 0;
    outline: none;
    border: 0;
    box-sizing: border-box;
    background-color: transparent;
    cursor: pointer;
    overflow: hidden;
}
.mapboxgl-ctrl-group button+button {
    border-top: 1px solid #ddd;
}
.mapboxgl-ctrl button .mapboxgl-ctrl-icon {
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
}
.mapboxgl-ctrl-group button:focus {
    box-shadow: 0 0 2px 2px rgb(0 150 255/100%)
}
.mapboxgl-ctrl button:disabled {
    cursor: not-allowed
}
.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon {
    opacity: .25
}
.mapboxgl-ctrl-group button:first-child {
    border-radius: 4px 4px 0 0
}
.mapboxgl-ctrl-group button:last-child {
    border-radius: 0 0 4px 4px
}
.mapboxgl-ctrl button:not(:disabled):hover {
    background-color: rgb(0 0 0/5%)
}
.mapboxgl-ctrl-group button:focus:focus-visible {
    box-shadow: 0 0 2px 2px rgb(0 150 255/100%)
}
.mapboxgl-ctrl-group button:focus:not(:focus-visible) {
    box-shadow: none
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z'/%3E %3C/svg%3E")
}
.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z'/%3E %3C/svg%3E")
}
.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='29' height='29' viewBox='0 0 29 29' xmlns='http://www.w3.org/2000/svg' fill='%23333'%3E %3Cpath d='M10.5 14l4-8 4 8h-8z'/%3E %3Cpath id='south' d='M10.5 16l4 8 4-8h-8z' fill='%23ccc'/%3E %3C/svg%3E")
}
.mapboxgl-marker {
    position: absolute;
    top: 0;
    left: 0;
    will-change: transform;
    opacity: 1;
    transition: opacity .2s
}


/*
 * Media Queries
 */

@media all and (min-width:768px){
	.headLogo img		{max-height: 150px; max-width: 650px;}
	.widgets > div > h5		{text-align: center;}
}

@media all and (min-width:992px){
	.headLeft			{max-width: 600px;}
	.head-logo	{float: left;}
	.homegallery .carousel-item img		{height: 400px;}
	#map	{height: 400px;}	
	.footer .swebcol		{text-align: right;}
}

@media all and (min-width: 1200px) {
	.headLogo,
	.headDetails	{width: auto;}
}