/**
 * If using a CSS pre-processor, tell it to overwrite this file. If not, place
 * your custom CSS modifications here.
 */

body {margin-top:0; color: #222;}
a {color:#0C1D3F;}
a, a:hover,a:focus {color:#0C1D3F; text-decoration:none;}
p {font-size:16px; line-height: 1.7em;}
h1, h2, h3, h4, h5, h6 {color:#0C1D3F;}

h1, h1.page-header {font-size:36px; font-weight: 400; text-transform: uppercase; margin-bottom: 20px;}

li {line-height: 1.8em;}
a.mobile-link {display: none;}
.row {margin-left:0; margin-right: 0;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, 
.col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, 
.col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, 
.col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, 
.col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, 
.col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
padding-left:0; padding-right: 0;
}

.container {max-width:100%; width:100%; padding:0;}
.views-element-container,
#block-servicesfooterblockhomepage,
#block-servicesfooterblock,
#block-servicesheader,
#block-portfolioheader,
#block-newsheader,
.path-search .region-content,
#block-winterlayupbannerhomepage,
#block-winterlayupbannerservices
 {max-width:1386px;clear:both; padding-left:15px; padding-right:15px; margin:0 auto; }

.user-login-form  {max-width:500px;clear:both; padding-left:15px; padding-right:15px; margin:60px auto;  }


.top-bar {background:#EDEDED; border-bottom:1px solid #DDDDDD; padding:5px 0;}
.region-top-bar {max-width:1386px; padding:0 15px; margin:0 auto;}
#block-foxsmarinanews {max-width:65%; display:inline-block; float:left; line-height:30px;}
#block-foxsmarinanews p {color:#555;}

.top-bar .block-search {max-width:140px; margin-right:25px; display:inline-block; float:right; line-height:30px;}
.top-bar .form-control {border:unset; border-radius:unset; background-color:unset; color:#999999; font-weight:300;padding-right:0;}
.top-bar .btn-primary {background-color:unset;border-color:unset; color:#999999; border:unset;}
.top-bar .glyphicon {font-weight:300; font-size:20px;}
.top-bar .form-group {margin-bottom:0;}
.top-bar .form-control {padding:0; height:30px;}
.top-bar .btn {padding:0;}


.block-language {float:right; }
.block-language ul.links {padding:0; margin: 0; height: 30px; line-height: 30px; }
.block-language ul.links li {list-style: none; display: inline-block; margin-right: 15px;  vertical-align: middle; margin-bottom: 5px;
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.block-language ul.links li:last-child {margin-right: 0;}
.block-language a.language-link { width: 24px; height: 16px; display: block; text-indent: 100%; overflow: hidden; white-space: nowrap;}
.block-language ul.links li a:before {content:""; visibility: visible; width:23px; height:16px; background: url(../images/lang-flags.png) left top no-repeat; display: block}
.block-language ul.links li.fr a:before {background-position: 0 -63px;} 
.block-language ul.links li.de a:before {background-position: 0 -127px;} 
.block-language ul.links li.es a:before {background-position: 0 -190px;} 
.block-language ul.links li.nl a:before {background-position: 0 -254px;} 
.block-language ul.links li:hover {box-shadow: 2px 2px 3px 1px #8AB3D9;
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}


.header-wrapper {border-bottom: 3px solid #8AB3D9;}
.header-wrapper.scroll-header {position: fixed; background: #fff; top:0;z-index: 100; width: 100%; }

.navbar-default.container {background:transparent;  max-width:1386px; padding-left:15px; padding-right:15px; margin:5px auto;}

.breadcrumb-wrapper {background: #0E1D40;}
.path-frontpage .breadcrumb-wrapper {display: none;}
.breadcrumb {background: transparent; max-width: 1386px; margin: 0 auto; font-weight: 900; padding: 0 15px; height: 40px; } 
.breadcrumb li, 
.breadcrumb li a {color: #fff; font-size: 13px; font-weight: 700;}


.breadcrump-shapes {display: inline-block; vertical-align: middle; margin-right: 15px; margin-top: -3px; }
/*.breadcrump-shapes span {
width: 35px;
height: 43px;
transform: skew(-30deg);
background: #fff;
display: inline-block;
margin-right: 7px;
}*/

.breadcrump-shapes:before {content:"\f015"!Important; font-family:"Font Awesome 5 Free";  color: #fff; line-height: 43px; font-size:18px;}


.region-header nav[role=navigation] ul.menu { max-width: 1386px; margin: 0 auto 15px auto; }
.region-header nav[role=navigation] ul.menu li {display: inline-block;}
.region-header nav[role=navigation] ul.menu li a {background:#F3F3F3; padding: 4px 30px 4px 10px; font-size: 0.9em; }
.region-header nav[role=navigation] ul.menu li a:hover {background:#E1E5ED; }
.region-header nav[role=navigation] ul.menu li a:after {content:"\f078"!Important; font-family:"Font Awesome 5 Free"; position: absolute; font-weight: 700; margin-left:10px; }

.navbar-default .navbar-nav > li > a {color:#222;}
a.logo > img {max-width:150px;height:auto;}

 nav.tabs {max-width: 1386px; margin: 0 auto;}

.navbar-header {width:auto; display:inline-block; float:left; }
.navbar-collapse {width:84%; display:inline-block; float:right; text-align:right; padding-top:15px; padding-right:0;}


#block-headertelephone {width:70%; display:inline-block; }
#block-headertelephone .header-email {margin-left:25px; font-size: 18px; letter-spacing: 1px;}

#block-headersocialicons{width:auto; display:inline-block; margin-left:25px;}

#block-headertelephone span.phone-no {font-size:18px; font-weight: 400; word-spacing: 3px;}
#block-headertelephone span.fas {font-size:20px;}
#block-headersocialicons span.fab,
#block-headersocialicons span.fas
{ color:#222; font-size:20px;}

.mobile-vis-icon {display: none;}


#block-mainnavigation {clear:both; text-align:right;}
ul#superfish-main {text-align:right; float:right;}
ul.sf-menu a, ul.sf-menu span.nolink {font-size:17px; font-weight:900; text-transform:uppercase; padding:1em 15px;} 
ul.sf-menu .sf-sub-indicator:after {content:"\f078"!Important; font-family:"Font Awesome 5 Free"; }
ul.sf-menu .sf-sub-indicator {right: 1.5em;}
li.sf-depth-1.menuparent > ul {background:#0C1D3F!Important; margin-top: 31px; text-align: left; padding: 30px; border-bottom: 3px solid #ddd;}
ul#superfish-main li.sf-depth-1:last-child > a {padding-right:0;}
ul#superfish-main li.sf-depth-2 > a {text-transform:none; font-size:16px; font-weight: 400; padding: 0.7em 15px; color: #fff; 
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}


ul#superfish-main li.sf-depth-2 {width: 49%!Important; display: inline-block; float:unset!Important; text-align: left;}

ul#superfish-main li a {
-webkit-transition: color .7s ease 0s;
-moz-transition: color .7s ease 0s;
-o-transition: color .7s ease 0s;
  transition: color .7s ease 0s;
}
ul#superfish-main li.sf-depth-1 > a:hover{color: #8AB3D9;
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
ul#superfish-main li.sf-depth-2 > a:focus {color: #8AB3D9;}

ul#superfish-main li.sf-depth-2 > a:hover { padding-left: 25px;
color: #8AB3D9;
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
ul#superfish-main li.sf-depth-2 > a::before { content:"\f192"; opacity: 0; left:-10px; position: relative; font-family: "Font Awesome 5 Free"; font-size: 10px;  font-weight: 400; color: #8AB3D9;

	-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;

}
ul#superfish-main li.sf-depth-2 > a:hover::before { opacity: 1; 

	-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

/*-------  FRONTPAGE   SLIDESHOW   ----------*/

.region-slideshow {overflow: hidden;}

.container-fluid.slideshow {padding:0;}
#block-views-block-frontpage-slideshow-block-1 {position:relative; max-width:100%!Important; padding:0; }
.slideshow-item-wrapper {background: #8AB3D9;}
#block-views-block-frontpage-slideshow-block-1 .views_slideshow_cycle_teaser_section {width:100%!Important;  height:calc(100vw / (1903 / 747))!important; } 

#block-views-block-frontpage-slideshow-block-1 .views_slideshow_cycle_slide {width:100%!Important; height:auto!Important;} 



.slideshow-item-content {max-width:1200px; padding:0 15px; width:100%;  left:0; right:0; margin:0 auto; position:absolute; top:0; 
background-color: rgba(14, 29, 64, 0.9); padding: 40px; margin-top:8vw;

}

.slideshow-item-title {font-weight:400; font-size:45px; color:#fff; line-height:55px;  text-align: center; text-transform: uppercase;}
.slideshow-item-title-2 {font-weight:400; font-size:30px; color:#fff;  text-align: center; letter-spacing: 1px;}
.slideshow-item-subtitle {font-weight:400; font-size:22px; color:#fff; margin-bottom:20px; max-width:65%; 
  text-shadow: #0E1D40 1px 1px 1px; line-height: 1.4em; text-align: center; margin:5px auto 0 auto;
  display: none;
}


.slideshow-item-link {max-width: 220px; margin: 20px auto 0 auto;  text-align: center;}
.slideshow-item-link a {font-weight:400; font-size:16px; color:#fff; text-transform:uppercase; border:0px solid #ffff; padding:10px 25px; background: #8AB3D9; display: block;}

#block-views-block-frontpage-slideshow-block-1 .slideshow-item-image img {width:100%; object-fit: cover; object-position: 0% 100%; }

.views-slideshow-controls-bottom {position:absolute; bottom:0px; z-index:10; max-width:1386px; width:100%;  left:0; right:0; margin:0 auto;background-color:rgba(102, 102, 102, 0.5);  }
.views_slideshow_pager_field_item {width:24.8%; min-height:187px;display:inline-block; padding:20px 15px; vertical-align:top;}
.views_slideshow_pager_field_item:last-child {float:right;}
.views_slideshow_pager_field_item:hover {cursor: pointer;}
.pager-title {font-weight:700; font-size:20px; letter-spacing: 1px; color:#fff; position:relative; padding-right:10%; padding-top:4%; text-transform: uppercase; }
.pager-title a {color:#fff;}
.pager-title::after{ content:"\f067";color:#fff; font-weight:900; font-family:"Font Awesome 5 Free"; position:absolute; right:5px; top:5px;}
.pager-subtitle {font-weight:300; font-size:18px; color:#fff; padding-right:5%; padding-top: 5%;}

.views_slideshow_pager_field_item.active {background:#0E1D40;}
.views_slideshow_pager_field_item.active .pager-title::after {content:"\f061";}

html:lang(de) .pager-title {font-size: 18px;}
html:lang(de) .view-services-portfolio .item-title > a {font-size:27px; }


/*-------  FRONTPAGE   CUSTOM BLOCKS   ----------*/

h1.page-header {max-width:1386px; padding:0 15px; margin:0 auto 20px auto; text-align:center; margin-top:40px; }
.page-node-type-article h1.page-header {max-width: 1100px; margin-right: 5%;  text-align: left; text-transform: capitalize; }
.page-node-type-portfolio h1.page-header {max-width: 1100px; margin-right: 5%;  text-align: left; text-transform: capitalize;}

.path-frontpage article.page.full {max-width:1386px; padding:40px 15px; margin:0 auto; text-align:center;}


.winter-lay-up-ad {position:relative; max-width: 98.4%;}
.winter-lay-up-ad .text-box{ position: absolute; top:25%; left:35px; z-index: 10;}
.winter-lay-up-ad p {margin-bottom: 0;}
.winter-lay-up-ad img {width: 100%; height: auto;}
.winter-lay-up-ad a {color: #fff;}
.winter-lay-up-ad h2 {color: #fff; font-size: 50px; font-weight: 700; font-family: Lato; margin-bottom: 0; text-shadow: 1px 1px 3px #333;}
.winter-lay-up-ad h3 {color: #fff; font-size: 40px; font-weight: 700; font-family: Lato; margin-top: 0; margin-left: 10px;text-shadow: 1px 1px 3px #333;}
.winter-lay-up-ad::after {content:" "; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color:rgba(34,79,121,.3); }

#block-homepagewhychoosefoxsmarina {background:#F3F3F3; margin-bottom: 40px;}
.container.why-choose-foxsmarina {max-width:1386px; padding:40px 15px; margin:0 auto; text-align:center;}
.container.why-choose-foxsmarina::after { 
  content:"";
  position:relative;
  margin:0 auto;
  bottom:-60px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3F3F3;
  
  }
.why-choose-foxsmarina .col-md-3 {min-height:120px;padding:0 2%;}
.why-choose-foxsmarina .col-md-3::after {display:block; content:""; width:3px; height:100%; background:#8AB3D9; position:absolute; bottom:0; right:0;}

.why-choose-foxsmarina .col-md-3:nth-child(5n)::after {content:unset;}
.path-frontpage .why-choose-foxsmarina .col-md-3:nth-child(4n)::after {content:unset;}

.why-choose-foxsmarina h2 {font-size:35px; text-align:center; margin-top:0; text-transform: uppercase; margin-bottom: 40px;}
.why-choose-foxsmarina h3 {font-size:25px;}
.why-choose-foxsmarina p {font-size:18px; font-weight:300;}

.why-choose-foxsmarina .row {margin-top:30px; padding:0 0%;}

.path-services .container.why-choose-foxsmarina {max-width: unset; padding: unset; }
.path-services .why-choose-foxsmarina h2 {font-size: 26px; font-weight: 900; margin-bottom: 40px;}
.path-services .why-choose-foxsmarina h1 {margin-bottom: 40px;}
.path-services .why-choose-foxsmarina::after {content:unset;}

.view-services-portfolio {max-width:1386px;  margin:0 auto; margin-top:1.5%;}
.view-services-portfolio .view-header {padding-bottom: 40px;}
.view-services-portfolio .item {display:inline-block; width:32%; position:relative; margin-bottom:1%; margin-right: 1%; }
.view-services-portfolio .item:nth-child(3n) {margin-right: 0;}
.view-services-portfolio .item-title {position:absolute; left:15px; right:15px; top:105px;  text-shadow: 1px 1px 3px #333;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
html:lang(de) .view-services-portfolio .item-title { word-break: break-word; hyphens: auto; }

.view-services-portfolio .item-title > a {color:#fff; font-size:29px; text-transform: uppercase;} 
.view-services-portfolio .item-image >img { position: relative;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.view-services-portfolio .item-image:after {content:" "; background-color: rgba(34,79,121,.3); position: absolute; top:0; right: 0; bottom:0; left: 0; }


.view-services-portfolio .item-link {opacity:0; position:absolute;left:15px; bottom:20px; padding: 0 10px; background:#0F1D41;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-services-portfolio .item-link > a {display:block; color:#fff; text-transform:uppercase; font-size:14px;padding:8px 8px 8px 15px;}
.view-services-portfolio .item-link > a::after {
content:"\f061"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:10px; 
padding-left:10px; 
font-family:"Font Awesome 5 Free"; 
font-weight:900;
}

.view-services-portfolio .item:hover .item-title {bottom:65px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-services-portfolio .item:hover .item-link {opacity:1; bottom:20px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-services-portfolio .item:hover .item-image >img {filter:brightness(0.5);
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}


.view-services-portfolio .view-footer {text-align: center; padding-top: 30px;}
.view-services-portfolio .view-footer a,
#block-servicesfooterblockhomepage a,
#block-servicesfooterblock a
 {text-decoration: underline;}


#block-servicesheader {padding-top: 40px; margin-bottom: 40px; }
.path-services .view-services-portfolio {margin-top: unset; padding-top: 1.5%;}

.view-services-portfolio .col-xs-12.col-sm-12.col-md-6.col-lg-6,
#block-servicesfooterblockhomepage .col-xs-12.col-sm-12.col-md-6.col-lg-6,
#block-servicesfooterblock .col-xs-12.col-sm-12.col-md-6.col-lg-6
 {padding: 0 30px; margin-bottom: 40px;}

.view-services-portfolio .view-footer  h3,
#block-servicesfooterblockhomepage h3,
#block-servicesfooterblock h3
 {font-size: 23px;font-weight: 400; margin: 20px 0; text-align: left; line-height: 1.5em; text-transform: uppercase;}
.view-services-portfolio .view-footer p {text-align: left;}
.view-services-portfolio .view-footer p.text-align-center {text-align: center;}




.views-element-container.block-views-blockhome-team-block-1 {background:#F3F3F3;  margin-top:30px; max-width:100%; padding:0;}
.view-home-team {max-width:1386px; padding:40px 15px; margin:0 auto; }
.view-home-team .item{display:inline-block; width:19%; max-width:260px; position:relative; margin-bottom:1%; margin-right:1%; }
.view-home-team .item-title {position:absolute; left:15px; bottom:40px;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;

}
.view-home-team .item-title > a {color:#fff; font-weight:900; font-size:20px;} 
.view-home-team .item-position {position:absolute; left:15px; bottom:15px; font-size:15px; color:#fff; height: 22px; overflow: hidden;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-team .item-image >img {
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-team .item-link {opacity:0; position:absolute;left:15px; bottom:200px; padding: 0 10px; background:#0F1D41;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-team .item-link > a {display:block; color:#fff; text-transform:uppercase; font-size:14px;padding:8px 8px 8px 15px;}
.view-home-team .item-link > a::after {
content:"\f061"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:10px; 
padding-left:10px; 
font-family:"Font Awesome 5 Free"; 
font-weight:900;
}

.view-home-team .item:hover .item-title {bottom:90px;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;

}
.view-home-team .item:hover .item-position {bottom:67px;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-team .item:hover .item-link {opacity:1; bottom:20px;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-team .item:hover .item-image >img {filter:brightness(0.5);
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.view-home-team .view-header {padding-bottom:40px;text-align:center;}
.view-home-team .view-header h2 {font-weight:900; font-size:26px;  margin-top:0; margin-bottom:20px;}
.view-home-team .view-header p {} 
.view-home-team .view-header p > a  {text-decoration:underline;}


.path-meet-the-team .view-home-team .item { width: 18.5%; max-width: unset;}
.path-meet-the-team .view-content {text-align: left;}
.path-meet-the-team .view-content h3 {margin:20px 0; font-size:24px; text-transform: uppercase;}


#block-views-block-home-portfolio-block-1 {  margin-top:20px;}

#block-views-block-home-team-block-1::after { 
  content:"";
  position:relative;
  margin:0 auto;
  bottom:-20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3F3F3;
  
  }

.view-home-portfolio { padding:40px 0; margin:0 auto;  }
.view-home-portfolio .attachment {width:39.5%; display:inline-block; vertical-align:top;  }
.view-home-portfolio .view-content {width:59.7%; display:inline-block; text-align:right; }




.view-home-portfolio .item{display:inline-block; width:32%; max-width:260px; position:relative; margin-bottom:1%; margin-right:1%;  text-align:left;}
.view-home-portfolio .attachment .views-element-container {padding:0;}
.view-home-portfolio .attachment .item {width:100%;max-width:unset;}
.view-home-portfolio .item:nth-child(3), .view-home-portfolio .item:nth-child(6){margin-right:0;}
.view-home-portfolio .item-title {position:absolute; left:15px; right:15px; bottom:70px;  text-shadow: 1px 1px 3px #333;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.path-frontpage .view-home-portfolio .view-content .item-title {bottom: unset; top:130px; }

.view-home-portfolio .item-title > a {color:#fff; font-size:20px; text-transform: uppercase;} 
.view-home-portfolio .item-service {position:absolute; left:15px; bottom:15px;  font-size:15px; color:#fff; height: 20px; overflow: hidden;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
  display: none;
}

.view-home-portfolio .item-image:after {content:" "; background-color: rgba(34,79,121,.3); position: absolute; top:0; right: 0; bottom:0; left: 0; } 

.view-home-portfolio .item-image >img {
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;

}
.view-home-portfolio .item-link {opacity:0; position:absolute;left:15px; bottom:20px; padding: 0 10px; background:#0F1D41; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-portfolio .item-link > a {display:block; color:#fff; text-transform:uppercase; font-size:14px;padding:8px 8px 8px 15px;}
.view-home-portfolio .item-link > a::after {
content:"\f061"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:10px; 
padding-left:10px; 
font-family:"Font Awesome 5 Free"; 
font-weight:900;
}

.view-home-portfolio .item:hover .item-title {bottom:70px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-portfolio .item:hover .item-service {bottom:67px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-portfolio .item:hover .item-link {opacity:1; bottom:20px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-home-portfolio .item:hover .item-image >img {filter:brightness(0.5);
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.view-home-portfolio .view-header {padding-bottom:40px;text-align:center;}
.view-home-portfolio .view-header h2 {font-weight:900; font-size:26px;  margin-top:0; margin-bottom:20px;}
.view-home-portfolio .view-header p {} 
.view-home-portfolio .view-header p > a  {text-decoration:underline;}


.view-home-portfolio .attachment .view-home-portfolio {padding:0; background:#F3F3F3; padding-bottom:10.7%; max-height:623px;} 
.view-home-portfolio .attachment .view-home-portfolio .view-content {width:100%; display: block;position: relative; /*min-height: 313px;*/  }
.view-home-portfolio .attachment .view-home-portfolio .view-content .item{margin:0; } 
.view-home-portfolio .attachment .views_slideshow_cycle_teaser_section {width: initial!Important; max-height: 302px!Important; height:calc(100vw * 0.2)!Important; }
.view-home-portfolio .attachment .views_slideshow_cycle_slide{width: initial!Important; background: transparent!Important;}


.attachment .view-home-portfolio .item-image:after {content:unset;}
.attachment .view-home-portfolio .item-title {position:relative; bottom:unset; left:unset; right: unset; margin:35px 35px 0 35px; text-shadow: unset;}
.attachment .view-home-portfolio .item-title  >a {color:#0C1D3F; font-size: 23px; font-weight: 400; text-transform: uppercase; }
.attachment .view-home-portfolio .item-service {color:#0C1D3F; position:relative; bottom:unset; left:unset; height:unset; overflow:unset; margin:20px 35px; font-weight:400; color:#8AB3D9; font-size: 18px; line-height: 18px; vertical-align: middle; }
.attachment .view-home-portfolio .item-service:before {content:"\f13d"; font-family:"Font Awesome 5 Free"; font-weight: 900; display: inline-block; margin-right: 10px;
  -webkit-border-radius: 50%; 
  -moz-border-radius: 50%; 
  border-radius: 50%; 
 }

.attachment .view-home-portfolio .item-desc {margin:0 35px;  color:#333333; }
.attachment .view-home-portfolio .item-link { opacity:1; bottom:15px; left:unset; margin:30px 35px 0 35px;  position:relative; max-width:200px;
  -webkit-transition: background-color .7s ease 0s;
  -moz-transition: background-color .7s ease 0s;
  -o-transition: background-color .7s ease 0s;
  transition: background-color .7s ease 0s;
}

.attachment .view-home-portfolio .item:hover .item-title {position:relative; bottom:unset; }
.attachment .view-home-portfolio .item:hover .item-service {position:relative; bottom:unset; }
.attachment .view-home-portfolio .item-link:hover { background: #8AB3D9;
  -webkit-transition: background-color .7s ease 0s;
  -moz-transition: background-color .7s ease 0s;
  -o-transition: background-color .7s ease 0s;
  transition: background-color .7s ease 0s;
}
.attachment .view-home-portfolio .item:hover .item-image >img {filter:unset;}




#block-homepageportfolioheader {background:#F3F3F3; margin-top:60px;}
#block-homepageportfolioheader .container.portfolio-header,
#block-homepageallserviceslink .container.portfolio-header
 { max-width: 1386px; padding:40px 15px; margin:0 auto; text-align:center;}
.path-frontpage .container.portfolio-header::after { 
  content:"";
  position:relative;
  margin:0 auto;
  bottom:-60px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3F3F3;
  
  }

#block-homepageallserviceslink .container.portfolio-header::after {content: unset;}


.portfolio-header h2 {font-size:29px;  text-align:center; margin-top:0; margin-bottom:20px; text-transform: uppercase;}
.portfolio-header p {}
.portfolio-header p > a {text-decoration:underline;}
.portfolio-header .row {}

/*Portfolio page theming*/

.path-taxonomy .view-home-portfolio {max-width: 1386px; padding-left: 15px; padding-right: 15px;} 

.path-portfolio .view-home-portfolio .view-content {width:100%; text-align: left;}
.path-portfolio .view-home-portfolio .item {display:inline-block; width:31.2%; max-width: none;  vertical-align:top;  margin-bottom:2%; margin-right:2%;  text-align:left; border:1px solid #eee;}
.path-portfolio .view-home-portfolio .item:nth-child(3n) {margin-right: 0%;}
.path-portfolio .view-home-portfolio .item-image:after {content:none;}
.path-portfolio .view-home-portfolio .item-service {display: block; position: relative; height: auto; bottom: 0; left: auto; padding: 15px 15px 0 15px;  }
.path-portfolio .view-home-portfolio .item-service h4 {color:#bebebe; font-size:16px; margin: 0;  }
.path-portfolio .view-home-portfolio .item-title {position: relative; bottom:0; text-shadow: none; padding: 15px; left:unset; right:unset;}
.path-portfolio .view-home-portfolio .item-title h3 {font-size:20px; margin: 0; }
.path-portfolio .view-home-portfolio .item-link {position: relative; bottom:0;  left:unset; opacity: 1; background: transparent; padding: 0; }
.path-portfolio .view-home-portfolio .item-link a { color:#8AB3D9; padding: 0 15px 15px 15px; }
.path-portfolio .view-home-portfolio .item-link > a::after {content: unset;}

.path-portfolio .view-home-portfolio .item:hover .item-title {bottom:0;}
.path-portfolio .view-home-portfolio .item:hover .item-link {bottom:0;}
.path-portfolio .view-home-portfolio .item:hover .item-service {bottom:0; }


/*Portfolio categories page theming*/
.path-taxonomy .view-home-portfolio .view-content {width:100%; text-align: left;}
.path-taxonomy .view-home-portfolio .item {display:inline-block; width:31.2%; max-width: unset;  vertical-align:top;  margin-bottom:2%; margin-right:2%;  text-align:left; border:1px solid #eee;}
.path-taxonomy .view-home-portfolio .item:nth-child(3n) {margin-right: 0%;}
.path-taxonomy .view-home-portfolio .item-image:after {content:unset;}
.path-taxonomy .view-home-portfolio .item-service {display: block; position: relative; height: unset; bottom: unset; left: unset; padding: 15px 15px 0 15px;  }
.path-taxonomy .view-home-portfolio .item-service h4 {color:#bebebe; font-size:16px; margin: 0;  }
.path-taxonomy .view-home-portfolio .item-title {position: relative; bottom:0; text-shadow: unset; padding: 15px; left:unset; right:unset;}
.path-taxonomy .view-home-portfolio .item-title h3 {font-size:20px; margin: 0; }
.path-taxonomy .view-home-portfolio .item-link {position: relative; bottom:0;  left:unset; opacity: 1; background: transparent; padding: 0; }
.path-taxonomy .view-home-portfolio .item-link a { color:#8AB3D9; padding: 0 15px 15px 15px; }
.path-taxonomy .view-home-portfolio .item-link > a::after {content: unset;}

.path-taxonomy .view-home-portfolio .item:hover .item-title {bottom:0;}
.path-taxonomy .view-home-portfolio .item:hover .item-link {bottom:0;}
.path-taxonomy .view-home-portfolio .item:hover .item-service {bottom:0; }


/*News page theming*/

.view-foxs-news { padding:40px 0; margin:0 auto;  }
.view-foxs-news .view-content { }
.view-foxs-news .item{display:inline-block; width:31.2%; vertical-align:top;  margin-bottom:2%; margin-right:2%;  text-align:left; border:1px solid #eee;}
.view-foxs-news .item:nth-child(3n) {margin-right: 0;} 
.view-foxs-news .item-title {padding: 15px; min-height: 140px;}
.view-foxs-news .item-title h3 {margin:10px 0; font-size:20px;}
.view-foxs-news .created-date {color:#bebebe; font-size: 16px;} 

.view-foxs-news .read-more-link a {color:#8AB3D9; text-transform: uppercase;}
.view-foxs-news .read-more-link a:hover {color:#049db5;}

.view-foxs-news .item-image >img {
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;

}
.view-foxs-news .item-link {opacity:0; position:absolute;left:15px; bottom:200px; padding: 0 10px; background:#0F1D41; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-foxs-news .item-link > a {display:block; color:#fff; text-transform:uppercase; font-size:14px;padding:8px 8px 8px 15px;}
.view-foxs-news .item-link > a::after {
content:"\f061"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:10px; 
padding-left:10px; 
font-family:"Font Awesome 5 Free"; 
font-weight:900;
}

.view-foxs-news .item:hover .item-title {bottom:90px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-foxs-news .item:hover .item-service {bottom:67px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-foxs-news .item:hover .item-link {opacity:1; bottom:20px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.view-foxs-news .item:hover .item-image >img {filter:brightness(0.5);
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.view-foxs-news .view-header {padding-bottom:40px;text-align:center;}
.view-foxs-news .view-header h2 {font-weight:900; font-size:26px;  margin-top:0; margin-bottom:20px;}
.view-foxs-news .view-header p {} 
.view-foxs-news .view-header p > a  {text-decoration:underline;}


.path-taxonomy .view-foxs-news {max-width: 1386px; padding-left: 15px; padding-right: 15px;} 

.region-sidebar-second h2.block-title {font-size: 26px; margin-top:50px;}

.block-views-blocknews-categories-block-1 h2 a {font-size: 18px; color: #8AB3D9;}
.block-views-blocknews-categories-block-1 h2 a:hover {text-decoration: underline;}

.block-views-blockportfolio-categories-block-1 h2 a {font-size: 18px; color: #8AB3D9;}
.block-views-blockportfolio-categories-block-1 h2 a:hover {text-decoration: underline;}


.block-views-blockhome-testimonials-block-1 {width: 100%; margin-bottom: 40px;}
.view-home-testimonials { margin:0 auto; padding: 40px 0 60px 0; text-align:center;}

#views_slideshow_cycle_teaser_section_home_testimonials-block_1 {max-height:170px!Important; }

.view-home-testimonials h2 {font-size:29px;  text-align:center; margin-top:0; margin-bottom:20px; text-transform: uppercase;}
.view-home-testimonials .item-date {text-align:left; font-weight:300; font-size:16px; text-transform:uppercase; margin-top:20px;}
.view-home-testimonials .item-desc {margin:18px 0 60px 0; font-style:italic;}
.view-home-testimonials .item-desc p{font-weight:300; font-size:22px; color:#0C1D3F;}
.view-home-testimonials .item-customer-boat {width:55%; text-align:right; float:right;  position:relative; margin-top: -10px; }
.view-home-testimonials .item-customer-boat::before { 
content:"\f005  \f005  \f005  \f005  \f005"; 
color:#FFDD44; 
 position: absolute;
top:-40px;
right: 0;
font-family:"Font Awesome 5 Free"; 
font-weight:900;
content:unset;

}
.view-home-testimonials .item-all-testimonials {width:39%; text-align:left; float:left; margin-top:-10px; }
.view-home-testimonials .item-all-testimonials::after {content:"\f061"; font-weight:900; font-size:18px; font-family:"Font Awesome 5 Free"; margin-left:10px; }


.path-testimonials .view-home-testimonials .row .col {margin: 30px 0;}
.path-testimonials .view-home-testimonials .row .col .item-desc p::before {content:' " '; font-family:"Lato"; color:#8AB3D9; font-weight:300; font-style:italic;  font-size:50px; position:relative;  }
.path-testimonials .view-home-testimonials .row .col .item-desc p::after {content:' " '; font-family:"Lato"; color:#8AB3D9; font-weight:300; font-style:italic;  font-size:50px; position:relative; line-height: 12px; top:5px; }
.path-testimonials .view-home-testimonials .item-desc img{ 
  float:left;
  width:260px;
  height:260px;
  margin-right: 40px;
  overflow:hidden; 
}

.path-testimonials .view-home-testimonials .item-desc p { text-align: left; }

.footer_first {background: #002F61; color:#fff;}
.region-footer-first { max-width:1386px; margin:0 auto; padding: 40px 15px; }
.mailchimp-signup-subscribe-form {width:49%; display:inline-block; min-width: 665px;}
.mailchimp-signup-subscribe-form  h2 {color:#fff;font-weight:700; text-transform:uppercase; font-size:23px; width:40%; min-width:260px; display:inline-block; vertical-align:middle; margin: 0 60px 0 0; position:relative; padding-right: 15px;}
.mailchimp-signup-subscribe-form  h2::before {
content:"\f061"; 
color:#fff; 
position:absolute;  
top:0;
right: 0;
font-family:"Font Awesome 5 Free"; 
font-weight:900;
}
.mailchimp-signup-subscribe-form  h2::after {
content:"Receive latest news and offers from Fox’s Marina & Boatyard";
font-size:16px;
font-weight: 400;
line-height: 1.4em;
display: block;
margin-top: 10px;
text-transform: none;

}
.mailchimp-signup-subscribe-form form {width: 41%; display: inline-block;vertical-align: middle;}
.mailchimp-signup-subscribe-form form label {display: none;}
.mailchimp-signup-subscribe-form .form-control { border:0px solid #fff; margin-bottom:8px; padding-left: 55px; box-shadow: unset;
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px; 
}

.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields {position:relative;}
.mailchimp-signup-subscribe-form .mailchimp-newsletter-mergefields::before {content: "\f0e0"; 
position: absolute;
top:5px;
left:15px;
font-family:"Font Awesome 5 Free"; 
font-weight:900;
color: #ccc;
font-size:25px;
}


.mailchimp-signup-subscribe-form .btn-default {background:#8AB3D9; text-transform: uppercase;  font-weight:700; font-size:18px; padding:12px 0; border:0px solid #fff; width:100%;
  -webkit-border-radius: 0px; 
  -moz-border-radius: 0px; 
  border-radius: 0px; 

  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.mailchimp-signup-subscribe-form .btn-default:hover {background: #00BF8F;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

#block-footerfirstcontact {width:40%; display:inline-block; text-align:right; float:right; vertical-align: middle;}
#block-footerfirstcontact h3 {color:#fff;font-weight:700; font-size:23px; text-transform: uppercase; margin-top: 0;}
#block-footerfirstcontact p a {color:#fff;}
#block-footerfirstcontact p.telephone-mob {font-size:18px;}
#block-footerfirstcontact p.telephone-mob span.fa-phone-alt {margin-right:5px; font-size:25px;}
#block-footerfirstcontact p.telephone-mob span.phone-no {word-spacing:3px; font-size:22px; font-weight: 700; letter-spacing: 0.5px;}
#block-footerfirstcontact p.social-icons {font-size:22px;}


.footer {background: #F3F3F3; margin: 0;}
.region-footer { max-width:1386px;  margin:0 auto; padding: 40px 15px;}
.region-footer h2.block-title {font-size:20px; font-weight:700; text-transform: uppercase;}
.region-footer ul {padding:0;}
.region-footer ul li {list-style:none; font-size:16px; color:#111; line-height: 1.9em;}
.region-footer p, .region-footer p > a, .region-footer li > a { color:#111; position: relative;}
.region-footer p > a::after, .region-footer li > a::after {
content:"\f054"; 
right:100px ;
top:0; 
position: absolute;
font-family:"Font Awesome 5 Free"; 
font-weight:900;
line-height: 23px;
opacity: 0;
 -webkit-transition: all .7s ease 0s;
 -moz-transition: all .7s ease 0s;
 -o-transition: all .7s ease 0s;
 transition: all .7s ease 0s;

 }
.region-footer p > a:hover::after, .region-footer li > a:hover::after { opacity:1; left:unset; right:-20px; 
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

#block-footerfoxsmarinacontact {width:26%; display:inline-block;}
#block-helpadvice {width:26%; display:inline-block;}


#block-footerpartnerslogo {width:47%; display: inline-block; vertical-align: bottom;}
ul.footer-logos {}
ul.footer-logos li {width: 28%; display: inline-block; padding: 3% 3.5%; margin:0 7.4%;}
ul.footer-logos li:first-child {margin: 0;}
ul.footer-logos li:last-child {margin: 0;}
ul.footer-logos li img {width: 100%; height:auto;}

#block-footercopyright { width: 52%; float: left; margin:20px 0;}


#block-foxsmarinacustom-footer {width:48%; float: right;  margin:20px 0;}
#block-foxsmarinacustom-footer ul {text-align: right;}
#block-foxsmarinacustom-footer ul li {display:inline-block; line-height: 1.9em;}
#block-foxsmarinacustom-footer ul li a {padding: 0 10px ;}
#block-foxsmarinacustom-footer ul li a:hover::after {opacity:0;}

/*Employee page theming*/
.section-header {margin-bottom: 40px;} 
.section-header p {text-align: center; max-width: 1000px; margin:0 auto;}
.page-node-type-employee .paragraph-row {padding-top: 20px;}

.page-node-type-employee .section_wrapper {display: flex; }
.page-node-type-employee .section_image{order:1; width: 35%;}
.page-node-type-employee .section-content{order:2; width: 60%; padding-left: 10%; }

.page-node-type-employee .section-content h3 {font-size: 30px; font-weight: 900;}
.page-node-type-employee .section-content h4 {font-size: 25px; font-weight: 400; color: #8AB3D9; margin-bottom: 30px;}
.page-node-type-employee .section-content p {color:#0C1D3F; }
.page-node-type-employee .section-content h5 {font-size: 20px; color: #8AB3D9;}

.page-node-type-employee .contact-link { padding: 0 10px; background:#0F1D41; max-width: 200px; margin-top:20px;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.page-node-type-employee .contact-link:hover {background:#8AB3D9;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.page-node-type-employee .contact-link span {
line-height:30px; 
vertical-align: middle;
}

.page-node-type-employee .contact-link > a {display:block; color:#fff; text-transform:uppercase; font-size:17px;padding:8px 8px 8px 15px;
line-height:30px; 
vertical-align: middle;
}
.page-node-type-employee .contact-link > a::after {
content:"\f0e0"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:15px; 
padding-left:15px; 
font-family:"Font Awesome 5 Free"; 
font-weight:700;
font-size: 30px;
line-height:30px; 
vertical-align: middle;
}





.page-node-type-portfolio .section_wrapper {display: flex; }
.page-node-type-portfolio .section_image{order:1; width: 45%;}
.page-node-type-portfolio .section_image > img {margin: 0 auto;}
.field--name-field-portfolio-gallery { margin-top: 40px; margin-bottom: 20px;}
.field--name-field-portfolio-gallery .field--item {width: 32%; display:inline-block; margin: 0 5px 10px 0; }
.field--name-field-portfolio-gallery .field--item:nth-child(3n) {margin-right:0;}
.page-node-type-portfolio .section-content{order:2; width: 50%; padding-left: 5%; }
.page-node-type-portfolio .paragraph-row {max-width: 1100px; margin-right: 5%;}
.page-node-type-portfolio .section-header p {max-width: 1100px;}

.page-node-type-portfolio .section-content h3 {font-size: 30px; font-weight: 900;}
.page-node-type-portfolio .section-content h4 {font-size: 25px; font-weight: 400; color: #8AB3D9; margin-bottom: 30px; display: none;}
.page-node-type-portfolio .section-content p {color:#0C1D3F; }
.page-node-type-portfolio .section-content h5 {font-size: 20px; line-height: 1.5em; color:#8AB3D9;}


.contact-link, .page-node-type-portfolio .contact-link { padding: 0 10px; background:#0F1D41; max-width: 200px; margin-top:20px;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.contact-link:hover, .page-node-type-portfolio .contact-link:hover {background:#8AB3D9;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.contact-link span, .page-node-type-portfolio .contact-link span {
line-height:30px; 
vertical-align: middle;
}

.contact-link > a, .page-node-type-portfolio .contact-link > a {display:block; color:#fff; text-transform:uppercase; font-size:17px;padding:8px 8px 8px 15px;
line-height:30px; 
vertical-align: middle;
}
.contact-link > a::after , .page-node-type-portfolio .contact-link > a::after {
content:"\f0e0"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:15px; 
padding-left:15px; 
font-family:"Font Awesome 5 Free"; 
font-weight:700;
font-size: 30px;
line-height:30px; 
vertical-align: middle;
}

.paragraph--type--image-bottom-content .contact-link {margin:20px auto; max-width: 210px;}


.page-node-type-article .paragraph-row {max-width: 1100px; margin-right: 5%;}
.page-node-type-article .section-header p {max-width: 1100px;}

.page-node-type-article .section-content {}

.page-node-type-article .posted-by {font-weight: 900;}
.page-node-type-article .posted-date {color: #8AB3D9; padding-left: 5px;}
.page-node-type-article .field--name-field-tags {clear:both; margin-top:20px;}
.page-node-type-article .field--name-field-tags .field--item { display:inline-block; margin-right:15px;  }
.page-node-type-article .field--type-social-media {margin-top: 20px;}
.page-node-type-article .field--type-social-media .field--label {margin-bottom: 10px;}
.social-media-sharing .share img {width: 32px; height: auto;}
.page-node-type-article .section_image >img {width:100%; height:auto;}
.align-right {margin-left:30px;}
.align-left {margin-right: 30px;}


.page-node-type-article .section-content h3 {font-size: 30px; font-weight: 900;}
.page-node-type-article .section-content h4 {font-size: 25px; font-weight: 400; color: #8AB3D9; margin-bottom: 30px;}
.page-node-type-article .section-content p {color:#0C1D3F; }
.page-node-type-article .section-content h5 {font-size: 20px; line-height: 1.5em; color:#8AB3D9; margin-top: 20px;}

.page-node-type-article .contact-link { padding: 0 10px; background:#0F1D41; max-width: 200px; margin-top:20px;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.page-node-type-article .contact-link:hover {background:#8AB3D9;
  -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.page-node-type-article .contact-link span {
line-height:30px; 
vertical-align: middle;
}

.page-node-type-article .contact-link > a {display:block; color:#fff; text-transform:uppercase; font-size:17px;padding:8px 8px 8px 15px;
line-height:30px; 
vertical-align: middle;
}
.page-node-type-article .contact-link > a::after {
content:"\f0e0"; 
color:#fff; 
position:relative;  
border-left:1px solid #fff; 
margin-left:15px; 
padding-left:15px; 
font-family:"Font Awesome 5 Free"; 
font-weight:700;
font-size: 30px;
line-height:30px; 
vertical-align: middle;
}




.col-xs-12.col-sm-12.col-md-12.col-lg-12 {margin-bottom:40px;}
.page-node-69 .col-xs-12.col-sm-12.col-md-12.col-lg-12:after {content: ""; display: block; margin:20px auto 0 auto;   height:3px; max-width:150px; width:50%; background:#8AB3D9;}
.col-xs-12.col-sm-6.col-md-6.col-lg-6 {min-height: 270px; padding: 15px 0;}
.col-xs-12.col-sm-6.col-md-6.col-lg-6:after {content: ""; display: block; margin:20px auto 0 auto;   height:3px; max-width:150px; width:50%; background:#8AB3D9;}

/*Paragraphs theming*/
.paragraph {display: block; clear:both;}
.paragraph>.paragraph__column {padding-right: 0;}

.paragraph-row {max-width: 1386px; padding: 40px 15px; margin: 0 auto;}

/*  Page Header with BG Image theming*/
.paragraph--type--page-header .page-header-wrapper {height:400px; min-height:400px; overflow:hidden;}
.paragraph--type--page-header {}
.paragraph--type--page-header .page_header_img {height:100%; position: relative;}
.paragraph--type--page-header  img {width:100%; height:100%; object-fit: cover;}
.paragraph--type--page-header .page_header_content {position:absolute; top: 60px; left: 0; right: 0; text-align: center; max-width: 60%; margin:0 auto; background-color: rgba(0, 0 , 0 , 0.4); padding: 30px;} 
.paragraph--type--page-header h1 {color: #fff; text-shadow: #333 1px 1px 1px;}
.paragraph--type--page-header p {margin: 0 auto; width: 80%; max-width: 900px; font-weight: 400; font-size: 20px; color:#fff; }


/*  Page Header without BG Image theming*/
.paragraph--type--page-header-blank .page-header-wrapper { text-align:center; padding: 40px 0;}
.page-node-69 .paragraph--type--page-header-blank .page-header-wrapper {padding-bottom:0; }

.path-frontpage .paragraph--type--page-header-blank .page-header-wrapper {padding-top: 0;}
.paragraph--type--page-header-blank h1 {}

.paragraph--type--page-header-blank p {margin: 0 auto; width: 90%;  font-weight: 400; font-size: 18px;}


/*  Section Image left -content theming*/

.paragraph--type--image-left-content .section_image { width:55%; margin-right: 4%;  display: inline-block; height:415px; min-height:415px; overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--image-left-content .section_image img {width:100%; height:100%; object-fit: cover; ;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-left-content .section_image:hover img {
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-left-content .section-content {width:40%; display: inline-block; vertical-align: middle; position: relative;} 
.paragraph--type--image-left-content .section-content::before {content:""; display: block; position:absolute; width: 3px; height: 85px; top:0; bottom: 0; right:-2.5rem;  margin:auto;  display: block; background: #8AB3D9; }
.paragraph--type--image-left-content .section-titles {}
.paragraph--type--image-left-content h2 { font-weight: 400; text-transform: uppercase; font-size: 30px; color:#8AB3D9; margin:0; margin-bottom: 20px; }
.paragraph--type--image-left-content h3 { font-weight: 400; font-size: 26px; color:#222; margin:0 0 20px 0;}
.paragraph--type--image-left-content p {font-family: "Lato"; margin-bottom: 20px; }
.paragraph--type--image-left-content p:last-child {margin-bottom: 0;}

.paragraph--type--image-left-content.aligned-right .paragraph-row {display: flex; align-items: center;}
.paragraph--type--image-left-content.aligned-right .section-content {order:1;}
.paragraph--type--image-left-content.aligned-right .section-content:before {right: unset; left:-2.5rem;}
.paragraph--type--image-left-content.aligned-right .section_image{ order:2; margin-right: 0; margin-left: 4%;}


/*  Section Image right -content theming*/

.paragraph--type--image-right-content .section_image { width:55%; margin-left: 4%;  display: inline-block; height:415px; min-height:415px; overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--image-right-content .section_image img {width:100%; height:100%; object-fit: cover;;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-right-content .section_image:hover img{
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-right-content .section-content {width:40%; display: inline-block; vertical-align: middle; position: relative; } 
.paragraph--type--image-right-content .section-content::after {content:""; display: block; position:absolute; width: 3px; height: 85px; top:0; bottom: 0; left:-2.5rem;  margin:auto;  display: block; background: #8AB3D9; }
.paragraph--type--image-right-content .section-titles {position:absolute; bottom: 40px; right: 40px; text-align: right;}
.paragraph--type--image-right-content h2 {font-weight: 400; text-transform: uppercase; font-size: 30px; color:#8AB3D9; margin:0; }
.paragraph--type--image-right-content h3 {font-weight: 400; font-size: 26px; margin: 10px 0; }
.paragraph--type--image-right-content p {font-family: Lato;margin-bottom: 20px;}
.paragraph--type--image-right-content p:last-child {margin-bottom: 0;}


.paragraph--type--image-right-content.aligned-left .paragraph-row {display: flex; align-items: center;}
.paragraph--type--image-right-content.aligned-left .section-content {order:2;}
.paragraph--type--image-right-content.aligned-left .section-content:after {left:unset; right:-2.5rem;}
.paragraph--type--image-right-content.aligned-left .section_image{order:1; margin-left: 0; margin-right: 4%;}


/*  Section Image right -content full width  theming*/

.paragraph--type--image-right-content-full {padding: 60px 0; position:relative; display: flex; align-items: center;}
.paragraph--type--image-right-content-full p {font-size: 18px;}
.paragraph--type--image-right-content-full::before {content:""; opacity:0; display: block; position:absolute; width: 1px; height: 100%; top:0; bottom: 0; left:10%;  margin:auto;  display: block; background:#CACACA; 
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s; 
}

.paragraph--type--image-right-content-full:hover::before { opacity:0;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.paragraph--type--image-right-content-full.aligned-left::before  {left: unset;right: 10%;}

h2.section-title {display:block; color:#8AB3D9; font-size:30px; line-height:30px; text-transform: uppercase; margin-bottom:20px;}

.paragraph--type--image-right-content-full .section_image { width:46%; margin-left: 4%;  float:right; display: inline-block; height:auto; min-height:415px; overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--image-right-content-full .section_image img {width:100%; height:100%; object-fit: cover;;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-right-content-full .section_image:hover img{
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-right-content-full .section-content {width:35%; margin-left:15%; display: inline-block; vertical-align: middle; text-align: center; } 

.paragraph--type--image-right-content-full .section-titles {position:absolute; bottom: 40px; right: 40px; text-align: right;}
.paragraph--type--image-right-content-full h2 { font-weight: 400; font-size: 30px; margin-bottom: 30px; text-align:right;}
.paragraph--type--image-right-content-full p {font-family: Lato;margin-bottom: 20px;}
.paragraph--type--image-right-content-full p:last-child {margin-bottom: 0;}

.paragraph--type--image-right-content-full.aligned-left .section_image {float:left; margin-left:0; order:1;}
.paragraph--type--image-right-content-full.aligned-left .section-content {margin-left: 4%; text-align: center; order:2; text-align: right;}


/*  Section Slider right -content full width  theming*/

.paragraph--type--slider-right-content-full {padding: 60px 0; position:relative; display: flex; align-items: center;}
.paragraph--type--slider-right-content-full .paragraph-row {display: flex; align-items: center;}
.paragraph--type--slider-right-content-full p {font-size: 16px;}
.paragraph--type--slider-right-content-full::before {content:""; opacity:0; display: block; position:absolute; width: 1px; height: 100%; top:0; bottom: 0; left:10%;  margin:auto;  display: block; background:#CACACA; 
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s; 
}

.paragraph--type--slider-right-content-full.aligned-left::before {right:10%; left: unset;}

.paragraph--type--slider-right-content-full .section_image { width:48%; margin-left: 4%;  float:right; display: inline-block; height:auto;  overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--slider-right-content-full .section_image > li {list-style: none;}
.paragraph--type--slider-right-content-full.aligned-left .section_image {float:left; margin-left:0; order:1;}
.paragraph--type--slider-right-content-full.aligned-left .section-content {margin-left: 4%; text-align: left; order:2;}

.paragraph--type--slider-right-content-full .section_image img {width:100%; height:auto; object-fit: cover;;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--slider-right-content-full .section_image:hover img{
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--slider-right-content-full.aligned-left ul {list-style: disc; padding: 0; padding-left: 20px;}
.paragraph--type--slider-right-content-full .section-content {width:33%; margin-left:15%; display: inline-block; vertical-align: middle;  text-align: left;} 

.paragraph--type--slider-right-content-full .section-titles {position:absolute; bottom: 40px; right: 40px; text-align: right;}
.paragraph--type--slider-right-content-full h2 { margin-bottom: 20px; margin-top:0; text-align: left;}
.paragraph--type--slider-right-content-full h3 {margin:0 0 20px 0;}
.paragraph--type--slider-right-content-full.aligned-left h2 {margin-top:0; text-align: left;}
.paragraph--type--slider-right-content-full p {font-family: Lato;margin-bottom: 10px;}
.paragraph--type--slider-right-content-full p:last-child {margin-bottom: 0;}

.carousel-control{ text-shadow: unset; }
.paragraph .carousel-control.left {background: unset;}
.paragraph .carousel-control.right {background: unset;}

.paragraph .carousel-item li {list-style: none;}
.paragraph--type--slider-right-content-full.narrow_section {}


/*  Video section full width  theming*/

.paragraph--type--wide-video-section {padding: 60px 0; position:relative; display: flex; align-items: center;}
.paragraph--type--wide-video-section .paragraph-row {display: flex; align-items: center;}
.paragraph--type--wide-video-section p {font-size: 16px;}
.paragraph--type--wide-video-section::before {content:""; opacity:0; display: block; position:absolute; width: 1px; height: 100%; top:0; bottom: 0; left:10%;  margin:auto;  display: block; background:#CACACA; 
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s; 
}

.paragraph--type--wide-video-section.aligned-left::before {right:10%; left: unset;}

.paragraph--type--wide-video-section .section_image { width:48%; margin-left: 4%;  float:right; display: inline-block; height:auto;  overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--wide-video-section .section_image > li {list-style: none;}
.paragraph--type--wide-video-section.aligned-left .section_image {float:left; margin-left:0; order:1;}
.paragraph--type--wide-video-section.aligned-left .section-content {margin-left: 4%; text-align: left; order:2;}

.paragraph--type--wide-video-section .section_image img {width:100%; height:auto; object-fit: cover;;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--wide-video-section .section_image:hover img{
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--wide-video-section.aligned-left ul {list-style: disc; padding: 0; padding-left: 20px;}
.paragraph--type--wide-video-section .section-content {width:33%; margin-left:15%; display: inline-block; vertical-align: middle;  text-align: left;} 

.paragraph--type--wide-video-section .section-titles {position:absolute; bottom: 40px; right: 40px; text-align: right;}
.paragraph--type--wide-video-section h2 { margin-bottom: 20px; margin-top:0; text-align: left;}
.paragraph--type--wide-video-section h3 {margin:0 0 20px 0;}
.paragraph--type--wide-video-section.aligned-left h2 {margin-top:0; text-align: left;}
.paragraph--type--wide-video-section p {font-family: Lato;margin-bottom: 10px;}
.paragraph--type--wide-video-section p:last-child {margin-bottom: 0;}

.carousel-control{ text-shadow: unset; }
.paragraph .carousel-control.left {background: unset;}
.paragraph .carousel-control.right {background: unset;}

.paragraph .carousel-item li {list-style: none;}
.paragraph--type--wide-video-section.narrow_section {}

/*  End  Video section full width  theming*/


/*  Section Slider right -content Narrow  theming*/


.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section_image {width: 48%; margin-left: 0%; margin-right:4%;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section-content {width:48%; margin-left:0; position: relative;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section-content::after {
content:""; display: block; position:absolute; width: 3px; height: 85px; top:0; bottom: 0; right:-2.5rem; left:auto; margin:auto;  display: block; background: #8AB3D9;}

.paragraph--type--slider-right-content-full.narrow-section {padding-top: 0;}
.paragraph--type--slider-right-content-full.narrow-section .section-content {width:48%; margin-left:0; position: relative;}
.paragraph--type--slider-right-content-full.narrow-section .section_image {width: 48%; margin-left: 4%;}
.paragraph--type--slider-right-content-full.narrow-section .section-content:after {
content:""; display: block; position:absolute; width: 3px; height: 85px; top:0; bottom: 0; left:-2.5rem; right:unset; margin:auto;  display: block; background: #8AB3D9;}

/*  Video section norrrow theming*/


.paragraph--type--wide-video-section.aligned-left.narrow-section .section_image {width: 48%; margin-left: 0%; margin-right:4%;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .section-content {width:48%; margin-left:0; position: relative;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .section-content::after {
content:""; display: block; position:absolute; width: 3px; height: 85px; top:0; bottom: 0; right:-2.5rem; left:auto; margin:auto;  display: block; background: #8AB3D9;}

.paragraph--type--wide-video-section.narrow-section {padding-top: 0;}
.paragraph--type--wide-video-section.narrow-section .section-content {width:48%; margin-left:0; position: relative;}
.paragraph--type--wide-video-section.narrow-section .section_image {width: 48%; margin-left: 4%;}
.paragraph--type--wide-video-section.narrow-section .section-content:after {
content:""; display: block; position:absolute; width: 3px; height: 85px; top:0; bottom: 0; left:-2.5rem; right:unset; margin:auto;  display: block; background: #8AB3D9;}

/*  End Video section norrrow theming*/


/*  Section Blank with title theming*/

.paragraph--type--blank-with-title {text-align: center;}
.paragraph--type--blank-with-title h2 { font-weight: 400; text-transform: uppercase; text-align:center; margin-top:0; margin-bottom: 30px; font-size: 30px;}
.paragraph--type--blank-with-title h3 { font-size: 25px;}
.paragraph--type--blank-with-title p {font-size:18px; font-weight: 300; }
.page-node-378 .paragraph--type--blank-with-title,
.page-node-379 .paragraph--type--blank-with-title,
.page-node-380 .paragraph--type--blank-with-title

 {text-align: left;}
.page-node-380 .paragraph--type--blank-with-title h2  {text-align: left;}


.paragraph--type--blank-with-title .col-md-3 {min-height:120px;}
.paragraph--type--blank-with-title .col-md-3::after {display:block; content:""; width:3px; height:85%; background:#8AB3D9; position:absolute; bottom:0; right:0;}
.paragraph--type--blank-with-title .col-md-3 {min-height:120px; padding:0 2%;}

.paragraph--type--blank-with-title .col-md-3:nth-child(5)::after {content:unset;}
.paragraph--type--blank-with-title .row {margin-top:2.5%;}


.grey-bg-container {background:#F3F3F3; min-height: 230px; padding: 15px 0;}
.grey-bg-container.no-padding {padding: 0; background: transparent;}
.page-node-376 .col-md-4.col-lg-4 {min-height: 270px; padding: 0 15px; margin-bottom: 30px;}
.page-node-376 .col-md-4.col-lg-4:nth-child(4n) .grey-bg-container,
.page-node-376 .col-md-4.col-lg-4:nth-child(5n) .grey-bg-container,
.page-node-376 .col-md-4.col-lg-4:nth-child(6n) .grey-bg-container
{min-height: 586px;}

.weather-right--type1:first-of-type {width: 100%!Important;}
#openweathermap-widget-15 .widget-right {box-shadow: unset!Important;}
.widget-right__header, .widget-right__footer {border-radius: 0px!Important;}
#openweathermap-widget-15 h2{ margin:0; font-size:18px; text-transform: unset; }
#openweathermap-widget-15 .widget-right {border-radius: unset; min-height: 262.5px;}



/*  Section Blank with title theming with BG */
.paragraph--type--blank-with-title-with-bg {text-align: center; background:#F3F3F3; }
.paragraph--type--blank-with-title-with-bg h2 { font-weight: 400; text-transform: uppercase; text-align:center; margin-top:0; margin-bottom: 30px; font-size: 30px;}
.paragraph--type--blank-with-title-with-bg h3 { font-size: 25px;}
.paragraph--type--blank-with-title-with-bg p {font-size:18px; font-weight: 300; }

.paragraph--type--blank-with-title-with-bg .col-md-3 {min-height:120px;}
.paragraph--type--blank-with-title-with-bg .col-md-3::after {display:block; content:""; width:3px; height:85%; background:#8AB3D9; position:absolute; bottom:0; right:0;}
.paragraph--type--blank-with-title-with-bg .col-md-3 {min-height:120px; padding:0 2%;}

.paragraph--type--blank-with-title-with-bg .col-md-3:nth-child(5)::after {content:unset;}
.paragraph--type--blank-with-title-with-bg .row {margin-top:2.5%;}

.paragraph--type--blank-with-title-with-bg .paragraph-row::after { 
  content:"";
  position:relative;
  margin:0 auto;
  bottom:-80px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3F3F3;
  
  }

/*  Section Twin image content theming*/

.paragraph--type--twin-images-content { text-align: center; }
.paragraph--type--twin-images-content .section_image {width:48.5%; display: inline-block; overflow:hidden; position: relative; margin-bottom: 2%;}
.paragraph--type--twin-images-content .section_image:first-child {margin-right:2%; }
.paragraph--type--twin-images-content .section_image img {width:100%; height:100%; object-fit: cover;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--twin-images-content .section_image:hover img {
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}

.paragraph--type--twin-images-content h2 {font-weight: 400; text-transform: uppercase; font-size: 30px; margin-bottom: 30px;}
.paragraph--type--twin-images-content p { max-width: 70%; margin:0 auto 30px auto; font-size: 20px; font-weight: 300; color:#0C1D3F;}
.paragraph--type--twin-images-content ul {width:90%; padding: 0; margin: 0 auto; text-align: left;}
.paragraph--type--twin-images-content ul li {list-style: none; width: 35%; display: inline-block; text-align: left;  margin-bottom: 5px; vertical-align: text-top; margin-left: 10%;}
.paragraph--type--twin-images-content ul li::before{
content:"\f192"; 
margin-right: 15px;
font-family:"Font Awesome 5 Free"; 
font-weight:400;
line-height: 30px;
font-size: 10px;
}


/*  Section with logos theming*/
.paragraph--type--section-with-logos {text-align: center; }
.paragraph--type--section-with-logos h2 {font-weight: 400; text-transform: uppercase; font-size: 30px; margin-bottom: 30px;}
.paragraph--type--section-with-logos p {max-width: 70%; margin:0 auto 20px auto; font-size: 20px; font-weight: 300; color:#0C1D3F; }
.paragraph--type--section-with-logos ul {list-style: none;  max-width: 80%; margin: 0 auto; padding: 0;}
.paragraph--type--section-with-logos ul li {width: 24.7%; display: inline-block; vertical-align: top;}


/*  Section Image bottom - content theming*/
.paragraph--type--image-bottom-content {text-align: center; margin-bottom: 0px;  }
.paragraph--type--image-bottom-content h2 {font-weight: 400; text-transform: uppercase; font-size: 30px; margin-bottom: 30px;}
.paragraph--type--image-bottom-content p {max-width: 50%; margin:0 auto 20px auto; font-size: 20px; font-weight: 300; color:#0C1D3F; }
.paragraph--type--image-bottom-content .section_image { width: 100% ; display: block;}
.paragraph--type--image-bottom-content .section_image img {width: 100%; height: 100%; object-fit: cover;}


/*  Section Image left - content with BG theming*/
.paragraph--type--image-left-content-bg {background: #F3F3F3; margin-bottom:60px;}
.paragraph--type--image-left-content-bg::after { 
  content:"";
  display: block;
  position:relative;
  margin:0 auto;
  bottom:-20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3F3F3;

}
.paragraph--type--image-left-content-bg .section_image { width:40%; margin-right: 4%;  display: inline-block;  overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--image-left-content-bg .section_image img {width:100%; height:100%; object-fit: cover;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-left-content-bg .section_image:hover img {
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-left-content-bg .section-content {width:55%; display: inline-block; vertical-align: middle; position: relative;} 
.paragraph--type--image-left-content-bg .section-titles { text-align: center; margin-bottom: 30px; }
.paragraph--type--image-left-content-bg h2 { font-weight: 400;  font-size: 30px; color: #4c5072; text-transform: uppercase;}
.paragraph--type--image-left-content-bg h3 {  font-weight: 400; font-size: 20px; margin:20px 0; color: #4c5072;}
.paragraph--type--image-left-content-bg p {margin-bottom: 20px; color: #5b5d58; }
.paragraph--type--image-left-content-bg p:last-child {margin-bottom: 0;}


.paragraph--type--image-left-content-bg .contact-link { max-width: 210px;}


/*  Section Image right - content with BG theming*/
.paragraph--type--image-right-content-bg {background: #F3F3F3; margin-bottom:60px;}
.paragraph--type--image-right-content-bg::after { 
  content:"";
  display: block;
  position:relative;
  margin:0 auto;
  bottom:-20px;
  width: 0; 
  height: 0; 
  border-left: 20px solid transparent;
  border-right: 20px solid transparent;
  border-top: 20px solid #F3F3F3;
}
.paragraph--type--image-right-content-bg .section_image { width:40%; margin-left: 4%;  display: inline-block;  overflow:hidden; position: relative; vertical-align: middle;}
.paragraph--type--image-right-content-bg .section_image img {width:100%; height:100%; object-fit: cover;
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-right-content-bg .section_image:hover img {
 -webkit-transition: all .7s ease 0s;
  -moz-transition: all .7s ease 0s;
  -o-transition: all .7s ease 0s;
  transition: all .7s ease 0s;
}
.paragraph--type--image-right-content-bg .section-content {width:55%; display: inline-block; vertical-align: middle; position: relative;} 
.paragraph--type--image-right-content-bg .section-titles { text-align: center; margin-bottom: 30px; }
.paragraph--type--image-right-content-bg h2 { font-weight: 900; font-size: 35px; color: #4c5072; text-transform: uppercase;}
.paragraph--type--image-right-content-bg h3 {  font-weight: 400; font-size: 20px; margin:20px 0; color: #4c5072;}
.paragraph--type--image-right-content-bg p {margin-bottom: 20px; color: #5b5d58;}
.paragraph--type--image-right-content-bg p:last-child {margin-bottom: 0;}

/*  Section Webform paragraph*/

.form-control:focus {border-color:#8AB2D8; }
.form-required:after {margin-left: 5px; content:"\f069"; font-family: "Font Awesome 5 Free"; background: transparent; color: #222; font-size: 8px;}
.form-control, input { border: 1px solid #e1e1e1; border-radius: 0px;}

.paragraph--type--bp-webform .section-content {display: flex;} 
.webform-submission-form {}
.webform-submission-form label {font-size: 16px; font-weight: 900; margin-bottom: 10px;}
.webform-button--submit {font-weight: 700; font-size: 17px; letter-spacing: 0.5px; border-radius: 0; padding: 13px 30px; background: #8AB2D8; border-width: 0; margin-top: 15px;
	text-transform: uppercase;
-webkit-transition: 700ms;
-moz-transition: 700ms;
-o-transition: 700ms;
transition: 700ms;
}
.webform-button--submit:hover {background:#0E1D40;
-webkit-transition: 700ms;
-moz-transition: 700ms;
-o-transition: 700ms;
transition: 700ms;
 }


.paragraph--type--bp-webform {background: #F3F3F3; margin: 60px 0; margin-bottom: 0px;}
.page-node-69 .paragraph--type--bp-webform .paragraph-row {max-width: 1050px;}
.webform-submission-form {width: 48%;}
.webform-details {width: 48%; margin-left: 4%; text-align: center;}
.webform-details h3 {font-weight: 400; font-size:26px; margin-bottom: 20px; text-transform: uppercase;}
.webform-details img {margin-bottom:20px;}
.webform-details p {margin: 0 auto 20px auto; font-size: 18px; font-weight: 300; color: #0C1D3F; }

/*  Section Map */
.paragraph--type--google-map {max-height: 450px;}

.services-rates .col-xs-12.col-sm-12.col-md-4.col-lg-4 {padding:15px; }
.services-rates h3 {background: #8AB3D9;  color: #fff; font-size:23px; margin: 30px auto 0 auto; padding: 15px; font-weight: 400;}
.services-rates ul {list-style: none; background:#F4F4F4; padding: 0;}
.services-rates ul li {padding: 25px 0; border-bottom: 1px dashed #ccc;}
.services-rates ul li h4 { font-size: 18px; font-weight: 400; max-width: 70%; margin: 0 auto; }
.services-rates ul li h5 {margin: 15px 0 0 0; font-size: 24px; font-weight: 900;}

a.file {font-size: 100%;  width: auto; margin:0;}
.services-rates a.file {font-size: 100%; font-weight: 400; width: auto; margin: 10px auto auto auto;}


/*  Section Prices */
.paragraph--type--price-offer-section {background-color: #F3F3F3; margin: 60px 0;}
.paragraph--type--price-offer-section ul.services  {display: flex;  flex-wrap: wrap; padding: 0; list-style: none;}
.paragraph--type--price-offer-section ul.services li { flex-grow: 1; text-align: center;}
ul.services li h3 {color:#8AB3D9; font-size: 35px;font-weight: 900; display: block;}
ul.services li span.service-price {color:#0E1D40; font-size: 32px; font-weight: 900; display: block; margin: 10px 0;}
ul.services li span.service-price-unit {color:#0E1D40; font-size:25px; font-weight: 700; display: block;}

.paragraph--type--price-offer-section .section-content {margin-top: 60px; font-size: 20px; font-weight: 300;}
.paragraph--type--price-offer-section .section-content ul {list-style: none;}
.paragraph--type--price-offer-section .section-content li {line-height: 40px;}
.paragraph--type--price-offer-section .section-content strong {color:#0D1D3F; }
.paragraph--type--price-offer-section .section-content li::before {
content:"\f00c"; 
font-family:"Font Awesome 5 Free";
font-weight: 600; 
font-size: 16px; 
padding-right: 10px;
vertical-align: middle;
position: relative;
top:-2px;
color:#009966;
}

.two-column-content {max-width: 1050px;}
.two-column-content .col-md-6.col-lg-6 { margin-bottom:20px; padding: 0 30px; text-align: left;}
.two-column-content .col-md-6.col-lg-6:nth-child(odd){padding-right:10%;}
.two-column-content .col-md-6.col-lg-6:nth-child(even){padding-left: 10%;}

.pagination > li > a, .pagination > li > span {background: #eaeaea; color: #444; font-weight: 400; font-size:14px;}
.pagination > .active > a, .pagination > li > a:hover, .pagination > .active > a:hover,.pagination > .active > a:focus,.pagination > li > a:focus {background-color:#8AB3D9; color:#fff; }


div#sliding-popup, div#sliding-popup .eu-cookie-withdraw-banner, .eu-cookie-withdraw-tab {background: #8AB3D9;}
#sliding-popup h1, #sliding-popup h2, #sliding-popup h3, #sliding-popup p, 
#sliding-popup label, #sliding-popup div, .eu-cookie-compliance-more-button, 
.eu-cookie-compliance-secondary-button, .eu-cookie-withdraw-tab {color:#fff;}


.disagree-button.eu-cookie-compliance-more-button, .eu-cookie-compliance-agree-button, 
.eu-cookie-compliance-default-button, .eu-cookie-compliance-hide-button, 
.eu-cookie-compliance-more-button-thank-you, .eu-cookie-withdraw-button, 
.eu-cookie-compliance-save-preferences-button {box-shadow: initial; -moz-box-shadow:initial; }

@media screen and (max-width: 1400px) {

.search-block-form .btn-primary {padding:0; }

.region-top-bar,
.breadcrumb,	
.navbar-default.container, 
.slideshow-item-content,
.view-home-team,
.views-element-container,
#block-homepageportfolioheader .container.portfolio-header,
.region-footer,
.region-footer-first,
#block-winterlayupbannerservices

  {padding-left:30px; padding-right: 30px; }

  .slideshow-item-title {font-size: 3.9vw;}
  .slideshow-item-title-2 {font-size: 2.5vw;}

  .views-slideshow-controls-bottom {bottom:-1px;}
  .views_slideshow_pager_field_item {min-height: 167px; padding: 10px 15px; }
  .views_slideshow_pager_field_item:first-child {padding-left: 30px;}

.pager-title {font-size: 1.45vw;}


.why-choose-foxsmarina .col-md-3 {padding: 0 2%;} 

.view-services-portfolio .item-title {top:90px;} 
.view-services-portfolio .item-title > a {font-size:1.8vw;}


#block-views-block-home-portfolio-block-1 {margin: 60px 0 0px 0; padding-left: 0 ; padding-right: 0; }

.view-home-portfolio {background: #F3F3F3; padding:  40px 30px;}
.path-portfolio .view-home-portfolio {background: transparent; padding: 40px 0;}
.path-taxonomy .view-home-portfolio {background: transparent; padding: 40px 0;}
	
.attachment .view-home-portfolio .item-title,
.attachment .view-home-portfolio .item-service,
.attachment .view-home-portfolio .item-desc,
.attachment .view-home-portfolio .item-link
 {margin-left: 0;}
.view-home-portfolio .attachment .view-home-portfolio .view-content {background: transparent; padding-bottom: unset; max-height: unset;}
.attachment .view-home-portfolio .item-desc {max-height:145px; overflow: hidden;}
.attachment .view-home-portfolio .item-image > img {max-width: 100%; height:auto; }

.view-home-portfolio .item-title > a {font-size:1.5vw;}

.view-home-team .item {margin-right: 0.9%; margin-bottom:0.9%;}
.view-home-team .item-title > a {font-size: 1.5vw;}

.path-meet-the-team .view-home-team {padding: 40px 0;}

.block-views-blockhome-testimonials-block-1 .views_slideshow_cycle_teaser_section {width: 100%!Important; min-height:215px;}


.paragraph-row {max-width: 100%; padding: 40px 30px;}

.paragraph--type--image-bottom-content p {max-width: 70%;}

.paragraph--type--slider-right-content-full .section-content {width:46%; margin-left:4%;}
.paragraph--type--image-right-content-full .section-content {width: 46%; margin-left:4%;}

.paragraph span.field-year {font-size: 36px;}
.paragraph--type--image-right-content-full p {font-size:16px;}

.paragraph--type--slider-right-content-full p {font-size: 16px;}
}


@media screen and (max-width: 1199px) {
.header-wrapper {position: relative;}
.header-wrapper .contextual-region {position: unset;}
.navbar-header  {float:unset; }
.navbar .logo {margin:0; padding: 0;}
.navbar-collapse {width: 75%; padding-top:0;  line-height: 85px; vertical-align: middle;}
#block-headertelephone {width:auto; }
#block-headersocialicons {width:auto; margin-left: 15px;}
#block-mainnavigation {width: auto; text-align: center; display: inline-block; margin-left: 15px;}




a#superfish-main-toggle {display: block; line-height: 25px; text-align: right;
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s; 

}

a#superfish-main-toggle.sf-expanded {


-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s; 
}

a#superfish-main-toggle span {text-transform: uppercase; font-size: 18px;  font-weight: 900; vertical-align: top; position: relative; padding-left: 7px;}

a#superfish-main-toggle span::before {
content:"\f0c9"!Important; 
font-family:"Font Awesome 5 Free";
font-weight: 900; 
font-size: 25px; 
padding-right: 10px;
vertical-align: middle;
position: relative;
top:-2px;
}


/*mobile theming*/
.navbar-collapse {padding-left: 0;}
ul.sf-menu a, ul.sf-menu span.nolink {  padding: 0.8em 1.25vw; color:#fff;}
ul.sf-menu .sf-sub-indicator {opacity: 1; color:#fff;}




#superfish-main-accordion {display: block; position: absolute!Important; vertical-align: middle;
background: #0E1D40;
width: 100vw!Important;
height: auto!Important;
position: absolute!Important;
margin: auto!Important;
clip: unset!Important;
top:105px!Important;
left:-150vw;
padding: 1%;
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s;
border-bottom: 3px solid #8AB3D9;
}

#superfish-main-accordion.sf-hidden { 
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s;
}

#superfish-main-accordion.sf-expanded {
-webkit-transition: all .7s ease 0s;
-moz-transition: all .7s ease 0s;
-o-transition: all .7s ease 0s;
transition: all .7s ease 0s;    
left:0vw!Important;
}

#superfish-main {display: none;}
ul.sf-menu.sf-accordion, ul.sf-menu.sf-accordion ul, ul.sf-menu.sf-accordion li {float:unset; text-align: left;}
li.sf-depth-1.menuparent > ul {margin-top: 0; padding: 0px 30px;}

ul.sf-menu.sf-accordion li {
float: unset!Important;
display: block;
max-width: 90%;
margin: 0 auto!Important;
}

ul.sf-menu.sf-accordion li a:hover, ul.sf-menu.sf-accordion li a:focus {color:#fff;}

li.sf-depth-1.menuparent > ul {background: transparent!Important; border:0px; padding: 0;}
li.sf-depth-2 >a, li.sf-clone-parent > a{ font-weight: 700; }


/*end mobile theming*/
	
.views_slideshow_pager_field_item {min-height: unset; width:24.7%;} 
.views_slideshow_pager_field_item:first-child {padding-left: 10px;}

.pager-subtitle {display:none;}
.pager-title {font-size: 1.4vw;}


.view-services-portfolio .item-title {top:85px;}
.view-home-portfolio .item-title > a {font-size:1.6vw;}

.view-home-team .item-link {padding:0; }


.mailchimp-signup-subscribe-form {width:58%; min-width: 600px;}
#block-footerfirstcontact {width:34%;}

.paragraph-row {max-width: 100%; padding: 40px 50px;}
.paragraph--type--image-left-content .section_image {display: block; width: 100%; max-width: 850px; margin: 0 auto;}
.paragraph--type--image-left-content .section-content {display: block; width:100%; columns: 2;  max-width: 850px; margin: 40px auto 0 auto;}
.paragraph--type--image-left-content .section-content::before {content: unset;}

.paragraph--type--image-right-content .section-content  {display: block; width:100%; columns: 2;  max-width: 850px; margin: 0 auto 40px auto;}
.paragraph--type--image-right-content .section-content::after {content: unset;}
.paragraph--type--image-right-content .section_image{display: block; width: 100%; max-width: 850px; margin: 0 auto;}

.paragraph--type--twin-images-content p {max-width:90%; } 
.paragraph--type--twin-images-content ul li {width:45%; margin-left: 0;}
.paragraph--type--twin-images-content ul li:nth-child(even)  {margin-left: 4%;}

.paragraph--type--section-with-logos p {max-width: 90%;}
.paragraph--type--section-with-logos ul {max-width: 90%;}
.paragraph--type--section-with-logos li img {width: auto; height: auto; max-width: 100%;}
.paragraph--type--image-bottom-content p {max-width: 80%;}

}

@media screen and (max-width: 991px) {

#block-foxsmarinanews {max-width: 100%; float: unset; display: block; border-bottom: 1px solid #DDDDDD; padding-bottom: 7px; margin-bottom: 7px;}
.top-bar .block-search {max-width: 160px;}

 .desk-link {display: none;}
 .mobile-vis-icon {display: inline-block;}
 
.header-wrapper.scroll-header {position: relative; background: #fff; top:unset ;z-index: unset; width: unset; }


.pager-title {font-size: 1.75vw;}

 .why-choose-foxsmarina .col-md-3::after {content:none;}
 .why-choose-foxsmarina .row {margin-top:0; padding:0 10%;}

.view-services-portfolio .item-title {top:50px;}
.view-services-portfolio .item-title > a {}

 .view-home-team {text-align: center; }   
 .view-home-team .item {width:32%;}   
 .view-home-team .item:nth-child(5) {margin-right:0.9%; }
 .view-home-team .item:last-child {display: inline-block;}

.page-node-type-employee .section-content {padding-left: 5%; width:65%;}


  .path-meet-the-team .view-home-team .item {width: 32%;}
  .path-meet-the-team .view-home-team .item:nth-child(5) {margin-right:0.9%; }
  .path-meet-the-team .view-home-team .item:nth-child(5n+5){margin-right:0.9%; }
  .path-meet-the-team .view-home-team .item:nth-child(3n+0) {margin-right: 0;}
  .path-meet-the-team .view-home-team .item:last-child {display: inline-block;}
  .view-home-team .item-title > a {font-size: 2vw;}

 .view-home-portfolio .item {width: 49%; max-width:unset;}
 .view-home-portfolio .item-image >img {width: 100%;}
 .view-home-portfolio .item:nth-child(3), .view-home-portfolio .item:nth-child(6) {margin-right:1%;}
 .view-home-portfolio .item:nth-child(even) {margin-right: 0;}
 .view-home-portfolio .item-title > a {font-size:2vw;}
 .attachment .view-home-portfolio .item-desc {max-height: unset; overflow: unset; }
 .attachment .view-home-portfolio .item-desc p {font-size: 16px; line-height: 1.6em;}
 .attachment .view-home-portfolio .item-link {opacity:1; bottom:0; position: relative;}  
 .attachment .view-home-portfolio .item:hover .item-link {bottom:0;}

.winter-lay-up-ad {width: 98.8%;}
.winter-lay-up-ad h2 {font-size: 4.3vw; margin-top: 1vw;}
.winter-lay-up-ad h3 {font-size: 3.8vw; margin-left: 0.7vw;}

.services-rates .col-xs-12.col-sm-12.col-md-4.col-lg-4 {padding: 0;}


.path-portfolio .view-home-portfolio .item:nth-child(3), .path-portfolio .view-home-portfolio .item:nth-child(6) {margin-right: unset;}
.path-portfolio .view-home-portfolio .item:nth-child(5n+5) {margin-right: 0.9%;}
.path-portfolio .view-home-portfolio .item {width:32%; margin-right: 0.9%;}
.path-portfolio .view-home-portfolio .item:nth-child(3n+0){margin-right: 0;}


.path-taxonomy .view-home-portfolio .item:nth-child(3), .path-taxonomy .view-home-portfolio .item:nth-child(6) {margin-right: unset;}
.path-taxonomy .view-home-portfolio .item:nth-child(5n+5) {margin-right: 0.9%;}
.path-taxonomy .view-home-portfolio .item {width:32%; margin-right: 0.9%;}
.path-taxonomy .view-home-portfolio .item:nth-child(3n+0){margin-right: 0;}


.view-foxs-news .item:nth-child(3), .view-foxs-news .item:nth-child(6) {margin-right: unset;}
.view-foxs-news .item:nth-child(5n+5) {margin-right: 0.9%;}
.view-foxs-news .item {width: 32%; max-width:unset; margin-right: 0.9%;}
.view-foxs-news .item:nth-child(3n+0){margin-right: 0;}
.view-foxs-news .item-image img {width: 100%; height: auto;} 

.mailchimp-signup-subscribe-form { min-width: unset; max-width: 450px;}
.mailchimp-signup-subscribe-form h2 {display: block; width: 100%; margin-bottom: 20px; padding-right: 10%;}
.mailchimp-signup-subscribe-form form  {display: block; width: 100%;}
#block-footerfirstcontact {width: 40%;}


.region-footer {padding-bottom: 0;}
#block-foxsmarinacustom-footer {float: unset; width: 100%;}
#block-foxsmarinacustom-footer ul {text-align: left;}
#block-footercopyright {float: unset;width: 100%;}


.paragraph--type--blank-with-title .col-md-3::after {
height: 3px!Important;
width: 30%;
left:0;
margin:20px auto 0 auto;
position: relative;
}
.paragraph--type--blank-with-title .col-md-3:nth-child(5)::after {content:"";}


.paragraph--type--section-with-logos ul li {width: 24%;}


.paragraph--type--image-left-content-bg h3 {max-width: 80%; margin: 20px auto 0 auto;}
.paragraph--type--image-left-content-bg .section_image {width: 100%; max-width: 80%;  display: block; margin: 0 auto 40px auto;}
.paragraph--type--image-left-content-bg .section-content {width:100%; max-width: 80%; display: block; margin: 0 auto;}


.paragraph--type--image-right-content-bg h3 {max-width: 80%; margin: 20px auto 0 auto;}
.paragraph--type--image-right-content-bg .section-content {width:100%; max-width: 80%; display: block; margin: 0 auto 40px auto;}
.paragraph--type--image-right-content-bg .section_image {width: 100%; max-width: 80%;  display: block; margin: 0 auto;}



.paragraph--type--image-right-content-full:hover::before {content: unset;}
.paragraph--type--image-right-content-full h2 {text-align: center;}

.paragraph--type--image-right-content-full {display: block;}
.paragraph--type--image-right-content-full .section-content {width: 70%; display: block; margin: 0 auto;}
.paragraph--type--image-right-content-full .section_image {width: 70%; display: block; margin: 40px auto 0 auto;  float:unset; height: auto; min-height: unset;}

.paragraph--type--image-right-content-full.aligned-left .section-content {margin:0 auto;}
.paragraph--type--image-right-content-full.aligned-left .section_image{float: unset; margin :40px auto 0 auto; }

.paragraph--type--slider-right-content-full {display: block; padding: 40px 0; }
.paragraph--type--slider-right-content-full:hover::before {content: unset;}
.paragraph--type--slider-right-content-full .section_image {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}
.paragraph--type--slider-right-content-full .section-content {width:100%; max-width: 70%; display: block; margin: 0 auto;}

.paragraph--type--slider-right-content-full.aligned-left .section_image {float: unset; margin :40px auto 0 auto; }
.paragraph--type--slider-right-content-full.aligned-left .section-content {margin:0 auto;}


.paragraph--type--slider-right-content-full.aligned-left.narrow-section {padding: 40px 0;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .paragraph-row {display: block; padding: 0; }
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section_image {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section-content {width:100%; max-width: 70%; display: block; margin: 0 auto;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section-content:after {content: unset;}

.paragraph--type--slider-right-content-full.aligned-right.narrow-section {padding: 40px 0;}
.paragraph--type--slider-right-content-full.aligned-right.narrow-section .paragraph-row {display: block; padding:0;}
.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section_image {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}
.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section-content {width:100%; max-width: 70%; display: block; margin: 0 auto;}
.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section-content:after {content: unset;}


/*Video section mobile table theming*/
.paragraph--type--wide-video-section {display: block; padding: 40px 0; }
.paragraph--type--wide-video-section:hover::before {content: unset;}
.paragraph--type--wide-video-section .section_image {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}
.paragraph--type--wide-video-section .section-content {width:100%; max-width: 70%; display: block; margin: 0 auto;}

.paragraph--type--wide-video-section.aligned-left .section_image {float: unset; margin :40px auto 0 auto; }
.paragraph--type--wide-video-section.aligned-left .section-content {margin:0 auto;}


.paragraph--type--wide-video-section.aligned-left.narrow-section {padding: 40px 0;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .paragraph-row {display: block; padding: 0; }
.paragraph--type--wide-video-section.aligned-left.narrow-section .section_image {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .section-content {width:100%; max-width: 70%; display: block; margin: 0 auto;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .section-content:after {content: unset;}

.paragraph--type--wide-video-section.aligned-right.narrow-section {padding: 40px 0;}
.paragraph--type--wide-video-section.aligned-right.narrow-section .paragraph-row {display: block; padding:0;}
.paragraph--type--wide-video-section.aligned-right.narrow-section .section_image {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}
.paragraph--type--wide-video-section.aligned-right.narrow-section .section-content {width:100%; max-width: 70%; display: block; margin: 0 auto;}
.paragraph--type--wide-video-section.aligned-right.narrow-section .section-content:after {content: unset;}



.paragraph--type--bp-webform .paragraph-row {padding: 40px 0;}
.paragraph--type--bp-webform .section-content {display: block;}
.paragraph--type--bp-webform .webform-submission-form {width:100%; max-width: 70%; display: block; margin: 0 auto;}
.paragraph--type--bp-webform .webform-details {width: 100%; max-width: 70%;  display: block; margin: 40px auto 0 auto; float: unset; height: auto; max-height: unset;}


.two-column-content .col-md-6.col-lg-6 { }
.two-column-content .col-md-6.col-lg-6:nth-child(odd){padding-right:30px;}
.two-column-content .col-md-6.col-lg-6:nth-child(even){padding-left: 30px;}
} 

@media screen and (max-width: 895px) { 
.slideshow-item-subtitle {display:none;}
.slideshow-item-link  {margin-top:30px; line-height:22px;}


.view-services-portfolio .item-title {top:40px;}

.paragraph--type--image-left-content-bg h3 {max-width: 90%; }
.paragraph--type--image-left-content-bg .section_image {max-width: 90%; }
.paragraph--type--image-left-content-bg .section-content { max-width: 90%; }


.paragraph--type--image-right-content-bg h3 {max-width: 90%; }
.paragraph--type--image-right-content-bg .section-content { max-width: 90%; }
.paragraph--type--image-right-content-bg .section_image { max-width: 90%;  }
}

@media screen and (max-width: 767px) {
 a.desktop-link {display:none;}
 a.mobile-link {display:block;}

#block-headertelephone  {width: auto; margin: 0;}	
#block-headertelephone span.phone-no {display: none;}

#block-foxsyachtcare ul.menu li {display: block;} 

.slideshow-item-title {font-size: 5.5vw;}
.slideshow-item-title-2 {font-size: 3.9vw;}
.slideshow-item-link {display: none;}  
.views_slideshow_pager_field {text-align: center;}
.views_slideshow_pager_field_item { width:24.5%; padding-right: 0; }
.pager-title {font-size: 2.1vw; padding-right: 20%;}




#block-winterlayupbannerservices {padding: 0 15px; margin-bottom: 1%;}
.winter-lay-up-ad {width: 100%; max-width: unset; overflow-y: hidden;}
.winter-lay-up-ad img {object-fit: cover; height: 100%; width: auto; }
.winter-lay-up-ad .text-box {left: 4vw; top:55%;}
.winter-lay-up-ad h2 {font-size: 7.6vw}
.winter-lay-up-ad h3 {font-size: 6.6vw}


.view-home-portfolio .attachment .view-home-portfolio .view-content .item {margin-bottom: 30px;}
.view-services-portfolio .item:nth-child(3n){margin-right:0.5%;}
.view-services-portfolio .item {width:48.5%; margin:0.5%; }
.view-services-portfolio .item:nth-child(even) {margin-right:0!Important;}

 .view-services-portfolio .item-title > a {font-size:3vw;}

 .path-portfolio .view-home-portfolio .item {width: 49%;}
 .path-portfolio .view-home-portfolio .item:nth-child(odd){margin-right: 0.9%;}
 .path-portfolio .view-home-portfolio .item:nth-child(even){margin-right: 0;}
 .path-portfolio .view-home-portfolio .item-title > a {font-size: 20px;}

 .path-taxonomy .view-home-portfolio .item {width: 49%;}
 .path-taxonomy .view-home-portfolio .item:nth-child(odd){margin-right: 0.9%;}
 .path-taxonomy .view-home-portfolio .item:nth-child(even){margin-right: 0;}
 .path-taxonomy .view-home-portfolio .item-title > a {font-size: 20px;}


.page-node-type-employee .section_wrapper {display: block;}
.page-node-type-employee .section_image {width:100%;}
.page-node-type-employee .section_image img {margin:0 auto;}
.page-node-type-employee .section-content {padding-left: 0%; width:100%; text-align: center;}
.page-node-type-employee .contact-link {margin: 30px auto 0 auto;  }


.page-node-type-portfolio .section_wrapper {display: block;}
.page-node-type-portfolio .section_image {width:100%;}
.page-node-type-portfolio .section_image img {width: 100%; height: auto;}
.page-node-type-portfolio .field--name-field-portfolio-gallery {margin-top: 20px;}
.page-node-type-portfolio .section_image .field--item {width: 23.9%;}
.page-node-type-portfolio .section-content {width:100%; padding: 0;}


.view-foxs-news .item {width: 49%; } 
.view-foxs-news .item:nth-child(odd){margin-right: 0.9%;}
.view-foxs-news .item:nth-child(even){margin-right: 0;}


 .view-home-team .item {width:45%; text-align: left; margin-right:3%; margin-bottom:3%;}
  .view-home-team .item:nth-child(5) {margin-right: 3%;}
 .view-home-team .item:nth-child(2), .view-home-team .item:nth-child(4), .view-home-team .item:nth-child(6) {margin-right:0;}
 .view-home-team .item-position {overflow: hidden; max-width: 160px; white-space: nowrap; font-size: 17px;}


.path-meet-the-team .view-home-team .item {width:49%; max-width:unset; margin-right:0.9%; margin-bottom:0.9%;}
.path-meet-the-team .view-home-team .item:nth-child(3n+0) {margin-right: 0.9%;}
.path-meet-the-team .view-home-team .item:nth-child(even){margin-right: 0;}
.view-home-team .item-title > a {font-size: 20px;}

.path-meet-the-team .view-home-team .item-image > img {width: 100%; margin: 0 auto;}

.view-home-portfolio .attachment {width:100%; display:block; margin-bottom: 30px;}
.view-home-portfolio .attachment .view-home-portfolio .view-content {height: calc(100vw * 0.5);}
.attachment .view-home-portfolio .item-image >img {width: auto; margin: 0 auto;}
.attachment .view-home-portfolio .item-title >a {font-size: 3.5vw;}

.view-home-portfolio .view-content {width:100%; display:block; text-align: left;}
.view-home-portfolio .item-title > a {font-size: 3.5vw;}
.view-home-portfolio .item-service {font-size:17px;}

.view-home-testimonials .item-customer-boat { float:none; text-align: center; margin: 0 auto 20px auto; width: auto; }
.view-home-testimonials .item-all-testimonials {float:none; text-align: center; margin: 0 auto; width: auto;}



.region-footer {text-align: center;}
.mailchimp-signup-subscribe-form {width:100%; min-width: 350px; display: block; margin: 0 auto 20px auto;  max-width: unset;}
#block-footerfirstcontact {width: 80%; display:block; float: none; text-align: left; margin: 0 auto;  }


#block-footerfoxsmarinacontact {width: 49%;}
#block-helpadvice {width: 49%;}

#block-footerpartnerslogo {display: block; width: 100%; max-width: 650px; text-align: center; margin: 0 auto;}

#block-foxsmarinacustom-footer ul {text-align: left;}



.paragraph--type--image-left-content .section-content {columns: 1;}
.paragraph--type--image-right-content .section-content {columns: 1;}


.paragraph--type--twin-images-content ul {width: 90%; line-height: 2.5em; }
.paragraph--type--twin-images-content ul li {width:100%; margin: 0;}
.paragraph--type--twin-images-content ul li:nth-child(even)  {margin-left: 0;}

.paragraph--type--section-with-logos ul li {width: 32.5%;}


.paragraph--type--image-right-content-full .section-content {width: 80%; }
.paragraph--type--image-right-content-full .section_image {width: 80%; }


.paragraph--type--slider-right-content-full .section-content {max-width: 80%;}
.paragraph--type--slider-right-content-full .section_image {max-width: 80%;}


.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section-content {max-width: 80%;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section_image {max-width: 80%;}

.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section-content {max-width: 80%;}
.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section_image {max-width: 80%;}


/*Video section theming*/
.paragraph--type--wide-video-section .section-content {max-width: 80%;}
.paragraph--type--wide-video-section .section_image {max-width: 80%;}


.paragraph--type--wide-video-section.aligned-left.narrow-section .section-content {max-width: 80%;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .section_image {max-width: 80%;}

.paragraph--type--wide-video-section.aligned-right.narrow-section .section-content {max-width: 80%;}
.paragraph--type--wide-video-section.aligned-right.narrow-section .section_image {max-width: 80%;}


.paragraph--type--bp-webform .webform-submission-form {max-width: 80%}
.paragraph--type--bp-webform .webform-details {max-width: 80%;}

/*End Video section theming*/

}


@media screen and (max-width: 600px) { 
.slideshow-item-title {font-size: 6.5vw; text-align: center;}
.slideshow-item-title-2 {font-size: 5vw; text-align: center;}	
.views-slideshow-controls-bottom {}

.views_slideshow_cycle_teaser_section {min-height: unset;}


.views-slideshow-controls-bottom {bottom: 0px; background: transparent;}

.pager-title {display: none;}

.views_slideshow_pager_field_item {padding-top: 5px; padding-bottom: 5px; max-height: 10px; line-height: 10px; vertical-align: bottom; width: 24%; background: rgba(138, 179, 217, 0.60);}
.views_slideshow_pager_field_item:last-child {float:unset;} 

.view-services-portfolio .item {}
.attachment .view-home-portfolio .item-title >a {font-size: 22px;}
 .path-portfolio .view-home-portfolio .item-title > a {font-size: 18px;} 
 .path-taxonomy .view-home-portfolio .item-title > a {font-size: 18px;} 


.block-views-blockhome-testimonials-block-1 {max-width: 80%; padding:0; }
.block-views-blockhome-testimonials-block-1 p {font-size: 18px;}
.view-home-testimonials .item-desc p {font-size: 22px;}
.view-home-testimonials .views_slideshow_cycle_slide::before {left:-40px;}
.view-home-testimonials .views_slideshow_cycle_slide::after {right: -30px;}

#block-footerfoxsmarinacontact, 
#block-helpadvice,
#block-footerpartnerslogo,
#block-foxsmarinacustom-footer
{width: 100%;  margin: 0 auto; display:block;  text-align: left;}

#block-footerfirstcontact {width: 100%;}

.mailchimp-signup-subscribe-form h2 {font-size: 26px;}
#block-footerfirstcontact h3 {font-size: 26px;}

#block-footerfirstcontact p.telephone-mob span.fa-phone-alt {font-size: 20px;}
#block-footerfirstcontact p.telephone-mob span.phone-no {font-size: 20px;}
#block-footerfirstcontact p.social-icons {font-size: 20px;}

}

@media screen and (max-width: 500px) { 


.region-top-bar,
.breadcrumb,	
.navbar-default.container, 
.slideshow-item-content,
.view-home-team,
.views-element-container,
#block-homepageportfolioheader .container.portfolio-header,
.region-footer,
.region-footer-first
  {padding-left:15px; padding-right: 15px; }



.container > .navbar-header {width: 40%; margin-left:0; margin-right: 0; }
a.logo > img {max-width: 100%;}
#block-headertelephone {vertical-align: middle;}
#block-headersocialicons {vertical-align: middle;}
a.header-social-icon {display: none;} 
#block-headertelephone span.fas,
#block-headersocialicons span.fas
 {font-size:24px;}
a#superfish-main-toggle span {padding-left:0; }

.container > .navbar-collapse {margin-left: 0; margin-right: 0;width: 60%;}


.breadcrumb {height:auto; padding: 7px 15px; }
.breadcrump-shapes {margin-right: 5px;}
.breadcrumb > li + li:before {padding: 0;}

#block-views-block-frontpage-slideshow-block-1 {min-height: 350px;}
#block-views-block-frontpage-slideshow-block-1 .slideshow-item-image img {min-height: 350px;}

.paragraph--type--page-header-blank p {width: 100%;}

.why-choose-foxsmarina .row {padding: 0 5%;}


.view-home-portfolio .attachment {margin-bottom: 0px;}

.view-services-portfolio .item {width: 100%; margin: 0 0 2% 0;}
.view-services-portfolio .item-title {top:85px;}
.view-services-portfolio .item-title > a {font-size: 6.5vw;}

#block-servicesfooterblockhomepage .col-xs-12.col-sm-12.col-md-6.col-lg-6,
#block-servicesfooterblock .col-xs-12.col-sm-12.col-md-6.col-lg-6
 {padding: 0 15px;}


.view-services-portfolio .col-xs-12.col-sm-12.col-md-6.col-lg-6 {padding: 0;}

.view-home-portfolio {padding:0 15px; background: transparent;}
.path-portfolio .view-home-portfolio {padding: 40px 15px;}
.path-taxonomy .view-home-portfolio {padding: 40px 15px;}
.view-home-portfolio .attachment .view-home-portfolio {background: transparent;}
.view-home-team .item-link > a {padding: 8px;}


.view-home-portfolio .item {width: 100%; margin: 0 0 2% 0; }
.view-home-portfolio .item-title > a {font-size: 6.5vw;}
.view-home-portfolio .item-service {font-size: 14px;}
.view-home-portfolio .item-link {left:10px; right: unset;}
.view-home-portfolio .item-link > a {padding: 8px 0;}

.view-home-portfolio .view-footer {padding: 0 15px; }

.attachment .view-home-portfolio .item-title {margin:0 ;}
.attachment .view-home-portfolio .item-desc {margin:15px 0 0 0;}


.path-portfolio .view-home-portfolio .item {width: 100%; margin: 0 0 2% 0; }
.path-taxonomy .view-home-portfolio .item {width: 100%; margin: 0 0 2% 0; }


.block-views-blockhome-testimonials-block-1 {max-width: unset;}
.view-home-testimonials {padding-bottom: 40px;}
#views_slideshow_cycle_teaser_section_home_testimonials-block_1 {max-height: unset!Important;}


.why-choose-foxsmarina .col-md-3{min-height: 155px;}
.why-choose-foxsmarina .col-md-3:nth-child(even) {padding-left:0; padding-right: 3%;} 
.why-choose-foxsmarina .col-md-3:nth-child(odd) {padding:0;}
.why-choose-foxsmarina h3 {font-size: 5.5vw; height: 50px; display: flex; align-items: flex-end; justify-content: center;}
.container.why-choose-foxsmarina::after {bottom: -58px; }


.paragraph--type--blank-with-title-with-bg h2 {margin:20px 0;}
.paragraph--type--blank-with-title-with-bg .col-md-3::after{content: unset;}
.paragraph--type--blank-with-title-with-bg h3 {font-size: 5.5vw; height: 50px; display: flex; align-items: flex-end; justify-content: center;}

.view-home-portfolio .attachment .view-home-portfolio .view-content {min-height: 250px;}
.path-portfolio .views-element-container {padding-left: 0; padding-right: 0;}
.path-portfolio .view-home-portfolio .item-title > a {font-size: 16px;}
.path-frontpage .container.portfolio-header::after {bottom:-58px;}

.path-taxonomy .views-element-container {padding-left: 0; padding-right: 0;}
.path-taxonomy .view-home-portfolio .item-title > a {font-size: 16px;}

.view-foxs-news .item {width: 100%; margin: 0 0 2% 0;}

h1.page-header {padding: 0 15px;  margin-bottom:30px; }
.paragraph-row {padding: 0 15px;}
.paragraph--type--price-offer-section .paragraph-row {padding: 40px 15px;}
.page-node-type-employee .paragraph-row {padding: 40px 15px;}
.paragraph--type--price-offer-section ul.services li {margin-bottom: 30px;}

.paragraph--type--image-right-content-full {padding: 0 0 15px 0;}
.paragraph--type--image-right-content-full .section-content {width: 100%; padding: 0 15px;}
.paragraph--type--slider-right-content-full h2::after {max-width: 100px;}
.paragraph--type--image-right-content-full .section_image {width: 100%; padding: 0 15px;}
.paragraph--type--slider-right-content-full {padding: 0 0 15px 0; }
.paragraph--type--slider-right-content-full h2 {margin-top: 0;}
.paragraph--type--slider-right-content-full .section-content {max-width: unset; padding: 0 15px;}
.paragraph--type--slider-right-content-full .section_image {max-width: unset; padding: 0 15px;}
.paragraph--type--slider-right-content-full.aligned-left .section_image {max-width: unset; padding: 0 15px;}

.paragraph--type--slider-right-content-full .paragraph-row {display: block;}
.paragraph--type--slider-right-content-full.narrow-section .section-content {width: 100%;}
.paragraph--type--slider-right-content-full.narrow-section .section_image {width: 100%; margin-left: 0;}


.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section-content {max-width: unset; padding: 0 15px;}
.paragraph--type--slider-right-content-full.aligned-left.narrow-section .section_image {max-width: unset; padding: 0 15px;}

.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section-content {max-width: unset; padding: 0 15px;}
.paragraph--type--slider-right-content-full.aligned-right.narrow-section .section_image {max-width: unset; padding: 0 15px;}


/*Video section theming*/

.paragraph--type--wide-video-section h2::after {max-width: 100px;}
.paragraph--type--wide-video-section .section_image {width: 100%; padding: 0 15px;}
.paragraph--type--wide-video-section {padding: 0 0 15px 0; }
.paragraph--type--wide-video-section h2 {margin-top: 0;}
.paragraph--type--wide-video-section .section-content {max-width: unset; padding: 0 15px;}
.paragraph--type--wide-video-section .section_image {max-width: unset; padding: 0 15px;}
.paragraph--type--wide-video-section.aligned-left .section_image {max-width: unset; padding: 0 15px;}

.paragraph--type--wide-video-section .paragraph-row {display: block;}
.paragraph--type--wide-video-section.narrow-section .section-content {width: 100%;}
.paragraph--type--wide-video-section.narrow-section .section_image {width: 100%; margin-left: 0;}


.paragraph--type--wide-video-section.aligned-left.narrow-section .section-content {max-width: unset; padding: 0 15px;}
.paragraph--type--wide-video-section.aligned-left.narrow-section .section_image {max-width: unset; padding: 0 15px;}

.paragraph--type--wide-video-section.aligned-right.narrow-section .section-content {max-width: unset; padding: 0 15px;}
.paragraph--type--wide-video-section.aligned-right.narrow-section .section_image {max-width: unset; padding: 0 15px;}



/*End Video section theming*/

.paragraph--type--bp-webform .webform-submission-form {max-width: unset; padding: 0 15px;}
.paragraph--type--bp-webform .webform-details {max-width: unset; padding: 0 15px;}



.paragraph--type--image-bottom-content p {max-width: unset;}

.paragraph--type--image-right-content,
.paragraph--type--image-left-content,
.paragraph--type--blank-with-title {padding-bottom: 15px;}


.paragraph--type--image-left-content .section_image img,
.paragraph--type--image-right-content .section_image img {width: auto;}

.paragraph--type--page-header-blank .page-header-wrapper {padding: 40px 15px;}
.paragraph--type--blank-with-title .col-md-3:nth-child(even) {padding-left:0;}
.paragraph--type--blank-with-title .col-md-3:nth-child(odd) {padding-right:0;}


.paragraph--type--blank-with-title-with-bg .section-content {padding: 40px 0;}
.paragraph--type--blank-with-title-with-bg .paragraph-row::after {bottom: -40px;}


.paragraph--type--twin-images-content .section_image {width: 100%; margin:0;}
.paragraph--type--twin-images-content .section_image:first-child {margin-bottom: 10px;}

.paragraph--type--section-with-logos {padding-bottom: 15px;}
.paragraph--type--section-with-logos ul li {width: 49%;}

.paragraph--type--image-left-content-bg {padding: 15px 0;}


.paragraph--type--image-bottom-content .section-content {padding: 0 15px;}

.paragraph span.field-year {font-size: 35px;}
.paragraph span.field-year::before {width: 20px; height: 20px; content:unset;}
blockquote {border-left: 0px;  padding: 0 15px; margin-bottom: 0;} 

.paragraph--type--section-with-logos p,
.paragraph--type--twin-images-content p,
.paragraph--type--image-left-content-bg h3,
.paragraph--type--image-left-content-bg .section_image,
.paragraph--type--image-left-content-bg .section-content {max-width: unset;}

.paragraph--type--views-block-section .paragraph__column {padding: 0;}

.paragraph--type--bp-webform .section-content {display: flex;  flex-flow: row wrap;}
.paragraph--type--bp-webform .webform-submission-form {order:2;}
.paragraph--type--bp-webform .webform-details {order:1; margin-bottom: 30px;}

.paragraph--type--image-bottom-content .section_image img {width: auto;}

.page-node-type-portfolio .section-content {padding-bottom: 15px;}


.path-testimonials .view-home-testimonials .col-xs-12.col-sm-12.col-md-12.col-lg-12 {margin:0 0 20px 0;}
.view-home-testimonials .item-desc {margin: 18px 0 20px 0; }
.path-testimonials .view-home-testimonials .item-desc img {float:none; display: block; width: 100%; height: auto;}
.path-testimonials .view-home-testimonials .item-desc p {margin-top: 40px;}


.page-node-type-portfolio .paragraph-row {margin-right: 0;}

.page-node-type-portfolio .section_image .field--item {width: 31.5%;}
.page-node-type-portfolio .section_image .field--item:nth-child(3n) {margin-right: 0;}
.page-node-type-portfolio .field--name-field-portfolio-image .field--item {width: 100%;}

.block-views-blockportfolio-categories-block-1,
.block-views-blocknews-categories-block-1
 {margin-bottom: 40px;}


ul.footer-logos li {padding-left: 0; width: 31%; margin:0 2.4%;}


.paragraph--type--blank-with-title {padding:40px 0; }

.paragraph--type--bp-webform .webform-details {margin:0;}
}


 @media all and (-ms-high-contrast:none)
     {
    /*Internet explorer 11 conditionat statements*/

    .top-bar .form-control {background:#EDEDED; border:none; } 
    .top-bar .btn-primary {border:none; background:#EDEDED; }
    
    li.sf-depth-1.menuparent > ul {margin-top:32px;}


    .view-home-portfolio .attachment .item {max-width: 536px;}
    .view-home-portfolio .attachment .views_slideshow_cycle_slide {}
    .view-home-portfolio .attachment .views_slideshow_cycle_teaser_section {height:300px!Important;}
    .attachment .view-home-portfolio .item-title {bottom:15px; text-shadow: none; margin: 35px 35px 0 20px; }
    .attachment .view-home-portfolio .item-link {margin: 30px 35px 0 20px;}
    
    .path-portfolio .view-home-portfolio .item-service {margin: 15px 15px 0 30px;} 
    .path-portfolio .view-home-portfolio .item-service {margin:15px 15px 0 15px;}
   
    }


/*Modal popup theming*/

.foxsmarina-modal .modal-dialog {max-width:640px; }
.foxsmarina-modal .modal-content {position: relative; margin-top:10%; max-width: 640px;}
.foxsmarina-modal .modal-header {border-bottom: 0px; position: absolute; top: 0; width: 100%; z-index: 10; right: 0;}
.foxsmarina-modal .modal-header .close {color:#0c1d3f; font-size: 30px; opacity: 1;}
.foxsmarina-modal .modal-header .close:focus-visible {outline: none;}
.foxsmarina-modal .modal-body { padding: 0; }
.foxsmarina-modal .modal-body img {max-width: 100%; height: auto;}
.foxsmarina-modal .modal-footer {border-top: 0px; position: absolute; bottom: 0; width: 100%; z-index: 10; right: 0;}
.foxsmarina-modal .modal-footer .modal-dont-show-again-label {color:#0c1d3f; opacity: 1; font-weight: 700;}
.foxsmarina-modal .modal-footer .modal-dont-show-again-label input {margin-right: 5px;}




/*Countdown theming*/

.anniversary-countdown-block {
    width: 100%;
    background-color: #f8f9fa;
    border-bottom: 1px solid #e9ecef;
    padding: 12px 0;
}

.countdown-wrapper {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 15px;
    text-align: center;
}

.countdown-title {
    color: #0C1D3F;
    font-size: 22px;
    margin-bottom: 8px;
    font-weight: 600;
}

.countdown-units {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-left: 40px;
}

.countdown-unit {
    display: flex;
    flex-direction: column;
    align-items: center;
}
#block-100yearcountdownd .countdown-unit {position: relative;}

#block-100yearcountdownd .countdown-unit:first-of-type::before {content: "\f017"; position:absolute; font-family:"Font Awesome 5 Free"; color: #1a365d; font-size: 40px; left:-60px; top:-5px; } 

.countdown-value {
    background-color: #1a365d; /* Fox's Marina blue */
    color: white;
    min-width: 60px;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.2;
}

.countdown-label {
    color: #4a5568;
    font-size: 12px;
    margin-top: 4px;
}

.countdown-separator {
    color: #1a365d;
    font-size: 24px;
    font-weight: 700;
    margin-top: -20px;
}

@media (max-width: 640px) {
    .countdown-value {
        min-width: 50px;
        font-size: 20px;
        padding: 6px 12px;
    }
    
    .countdown-units {
        gap: 5px;
    }
    
    .countdown-separator {
        font-size: 20px;
    }
}

.region.region-slideshow {position: relative;}
#block-100yearcountdownddesktop {position: absolute; top:0; right: calc((100% - 1356px) / 2); z-index: 1000;}
#block-100yearcountdownddesktop .countdown-wrapper {max-width: 360px;}
#block-100yearcountdownddesktop .anniversary-countdown-block {background-color:#edf6ff; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#block-100yearcountdownddesktop .countdown-title {font-size: 16px; line-height: 1.2em; margin-top: 10px;}
#block-100yearcountdownddesktop .countdown-value {font-size: 16px; min-width: 40px;} 
#block-100yearcountdownddesktop .countdown-units {position: relative; padding-left: 60px;}
#block-100yearcountdownddesktop .countdown-units::before {content: "\f017"; position:absolute; font-family:"Font Awesome 5 Free"; color: #1a365d; font-size: 40px; left:0px; top:-9px; }

@media (max-width: 1400px) {

  #block-100yearcountdownddesktop {right:calc(100% - (100% - 20px));}

}


@media (min-width: 992px) {

  #block-100yearcountdownd {display: none;}
  
}

@media (max-width: 991px) {

  #block-100yearcountdownddesktop {display: none;}

}