/* Klassic 2021 styles */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

.logopane img {margin:20px 0;}
::selection {background:#00aeef;}
::-moz-selection {background:#00aeef;}
a.bigbutton:link, a.bigbutton:visited {background:#00aeef;font-family:'Montserrat', sans-serif;font-weight:700;}
a.bigbutton:active, a.bigbutton:hover {background:#2f3439;}
button.bigbutton {background:#00aeef;font-family:'Montserrat', sans-serif;font-weight:700;}
button.bigbutton:hover {background:#2f3439;}
.h2-headline, .h3-headline, .h4-headline {font-family:'Montserrat', sans-serif;font-weight:700;}
.documents a {display:inline-block;margin:0 0 3px 0;}
.documents a:link, .documents a:visited {background:white;font-family:'Montserrat', sans-serif;font-weight:700;padding:5px 20px 5px 0;}
.documents a:active, .documents a:hover {background:#2f3439;color:white;text-decoration:none;}
.newspaper-link a {display:inline-block;margin:0 0 3px 0;}
.newspaper-link a:link, .newspaper-link a:visited {background:#00aeef;color:white;font-family:'Montserrat', sans-serif;font-weight:700;padding:5px 20px 5px 0;}
.newspaper-link a:active, .newspaper-link a:hover {background:#2f3439;color:white;text-decoration:none;}
.newspaper-link a:before {color:white;}
.gallery-link a:link, .gallery-link a:visited {font-weight:700;}
.slider-container {height:640px;}
.rslides li:after {display:none;}
.topimageheader {height:240px;}
.bottom {background:#2f3439;color:white;}
.bottom h4 {color:white;margin:0 0 12px 0;}
.bottom a:link, .bottom a:visited {color:white;}
.bottom a:active, .bottom a:hover {color:#00aeef;}
.socialicons {margin:0 0 12px 0;}
.formatdate {font-family:'Montserrat', sans-serif;font-weight:700;}
.articlesat-link a {font-weight:700;}
.datatable th {font-family:'Montserrat', sans-serif;font-weight:700;}
h1, h2, h3, h4, h5, h6 {font-family:'Montserrat', sans-serif;font-weight:700;color:#2f3439;text-transform:none;}
h1 {font-size:18px;line-height:24px;margin:40px 0;text-transform:uppercase;}
h2 {font-size:44px;line-height:48px;color:#00aeef;}
h3 {font-weight:700;font-size:24px;line-height:30px;color:#2f3439;}
h2 a:link, h2 a:visited, h2 a:active, h2 a:hover {color:#00aeef;}
hr {background:#00aeef;}
a:link, a:visited {color:#00aeef;}
a:active, a:hover {color:#00aeef;}
.content ul li:before, .content2 ul li:before {color:#00aeef;}
ul.megamenu a {font-family:'Montserrat', sans-serif;font-size:18px;font-weight:700;color:#2f3439;letter-spacing:2px;height:140px;line-height:140px;}
ul.megamenu li.level0:hover a, ul.megamenu li.level0 a:hover, .megahover {color:#00aeef;}
ul.megamenu .current a {color:#00aeef;}
ul.megamenu li.menufirst {display:none;}
ul.megamenu li .sub {top:100px !important;left:30px;}
#megamenu li.sublink {border-bottom:rgba(255,255,255,0.2) solid 1px;}
#megamenu li.sublink:last-child {border-bottom:0;}
#megamenu li.sublink a {font-size:18px;height:36px;line-height:36px;}
ul.megamenu li .sub {background:#00aeef;}
.mobilemenu ul {font-family:'Montserrat', sans-serif;font-weight:700;}
/* Modules */
.gblocks a {background:#00aeef;}
.gblocks a:nth-child(even) {background:#2f3439;}
.gblocks a:hover {background:black;}
.gblockstext h2 {font-size:30px;line-height:32px;}
.gblockstext h3 {color:white;}
.parallax-window {background:white url('/Portals/6/gourdes.jpg') no-repeat center left;color:#2f3439;}
.parallax-content h2 {color:#2f3439;}
.parallax-content hr {background:#2f3439;}
.parallax-link a:link, .parallax-link a:visited {font-family:'Montserrat', sans-serif;font-weight:700;background:#00aeef;color:white;}
.parallax-link a:active, .parallax-link a:hover {background:black;color:white;}
.fd-day {font-family:'Montserrat', sans-serif;font-weight:700;}
article.blog-detail h1 {font-family:'Montserrat', sans-serif;font-weight:700;color:#00aeef;}
.ci-header span {background:#00aeef;}
/* References */
.grid-wrapper {padding:100px 0;}
.grid-wrapper h2 {text-align:center;}
.grid-refs {max-width:1280px;margin:0 auto;}
.grid-refs:after {content:"";display:block;clear:both;}
.grid-sizer {width:20%;}
.grid-item {float:left;width:20%;height:260px;cursor:pointer;padding:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.grid-item * {-webkit-transition: .4s;
  -moz-transition: .4s;
  -ms-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.grid-item0 {}
.grid-item1 {width:40%;}
.grid-item2 {height:440px;}
.grid-item3 {width:40%;height:440px;}
.refsimg {width:100%;height:100%;-webkit-background-size:cover;background-size:cover;background-position:center center;position:relative;overflow:hidden;}
.refsoverlay {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: space-around;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  background: rgba(0,174,239,0.75);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -webkit-transform-style: preserve-3d;
}
.refsoverlay h4 {font-size:18px;color:white;}
.refsoverlay a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  cursor: pointer;
  z-index: 1;
}
.refstext {position:absolute;bottom:0;left:0;right:0;padding:30px 25px 20px 25px;background:#2f3439;z-index:1200;color:white;
  -webkit-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.refstext-line1 {
  font-family: "Montserrat";
  font-weight: 700;
  line-height: 28px;
  font-size: 20px;
  color: white;
}
.refstext-line2 {font-size:16px;line-height:24px;margin:6px 0;}
.grid-item:hover .refsoverlay {opacity:1;
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0);
  transform: translateX(0px);
  -webkit-transform-style: preserve-3d;
}
.grid-item:hover .refstext {
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  webkit-transform-style: preserve-3d;
}
/* Timeline */
.timeline {max-width:1080px;margin:40px auto 2em auto;}
.timeline-item {padding:2em 2em 1em 2em;position:relative;border-left:2px solid #00aeef;margin:0 0 0 3em;}
.timeline-date {
    position: absolute;
    left: 1em;
    top: 0.2em;
    font-family: 'Montserrat', sans-serif;
    font-weight: 700;
    text-transform: none;
    font-size: 36px;
    line-height: 40px;
    color: #00aeef;
}
.timeline-item:after {
	width: 10px;
	height: 10px;
	display: block;
	top: 1em;
	position: absolute;
	left: -8px;
	border-radius: 10px;
	content: '';
	border: 2px solid #00aeef;
	background: white;
}
.timeline-item:last-child {border-image:linear-gradient(to bottom, #00aeef, rgba(66, 155, 111, 0)) 1 100%;}
/* Toasted Styles */
.ecommerce-container h3 {font-size:30px;}
a.buybutton:link, a.buybutton:visited {background-color:#00aeef !important;}
div.buybutton {background-color:#00aeef !important;}
.ecommerce-container h3 a:active, .ecommerce-container h3 a:hover {color:#333 !important;}
.productprice {color:#333 !important;}
.productrollover {background:rgba(0,174,239,0.9) !important;}
.quickviewprice {color:#333 !important;}
.productrollover a.buybutton:link, .productrollover a.buybutton:visited {background-color:transparent !important;}
a.ajaxcategory:active, a.ajaxcategory:hover {background:#00aeef !important;}
/* MEDIA QUERIES */
@media all and (max-width:780px),
            screen and (-webkit-min-device-pixel-ratio: 3.0) and (max-width: 2340px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 2.0) and (max-width: 1560px) and (orientation: portrait),
            screen and (-webkit-min-device-pixel-ratio: 1.5) and (max-width: 1170px) and (orientation: portrait) {
.grid-sizer {width:50%;}
.grid-item {width:50%;}
.grid-item1 {width:100%;}
.grid-item3 {width:100%;}
}
@media screen and (max-width:640px) {
h2 {font-size:36px;line-height:40px;}
.rslides li .caption h2 {font-size:36px;line-height:40px;}
.topimageheader .caption h2 {font-size:36px;line-height:40px;}
.grid-sizer {width:100%;}
.grid-item {width:100%;}
}