/* FONTS */
@font-face {
  font-family: 'Larsseit';
  src: url('../fonts/Larsseit.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit.otf')  format('opentype'),
	   url('../fonts/Larsseit.woff') format('woff'), url('../fonts/Larsseit.ttf')  format('truetype'), url('../fonts/Larsseit.svg#Larsseit') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-Bold';
  src: url('../fonts/Larsseit-Bold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-Bold.otf')  format('opentype'),
	   url('../fonts/Larsseit-Bold.woff') format('woff'), url('../fonts/Larsseit-Bold.ttf')  format('truetype'), url('../fonts/Larsseit-Bold.svg#Larsseit-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-BoldItalic';
  src: url('../fonts/Larsseit-BoldItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-BoldItalic.otf')  format('opentype'),
	   url('../fonts/Larsseit-BoldItalic.woff') format('woff'), url('../fonts/Larsseit-BoldItalic.ttf')  format('truetype'), url('../fonts/Larsseit-BoldItalic.svg#Larsseit-BoldItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-ExtraBold';
  src: url('../fonts/Larsseit-ExtraBold.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-ExtraBold.otf')  format('opentype'),
	   url('../fonts/Larsseit-ExtraBold.woff') format('woff'), url('../fonts/Larsseit-ExtraBold.ttf')  format('truetype'), url('../fonts/Larsseit-ExtraBold.svg#Larsseit-ExtraBold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-Italic';
  src: url('../fonts/Larsseit-Italic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-Italic.otf')  format('opentype'),
	     url('../fonts/Larsseit-Italic.woff') format('woff'), url('../fonts/Larsseit-Italic.ttf')  format('truetype'), url('../fonts/Larsseit-Italic.svg#Larsseit-Italic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-Light';
  src: url('../fonts/Larsseit-Light.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-Light.otf')  format('opentype'),
	   url('../fonts/Larsseit-Light.woff') format('woff'), url('../fonts/Larsseit-Light.ttf')  format('truetype'), url('../fonts/Larsseit-Light.svg#Larsseit-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-LightItalic';
  src: url('../fonts/Larsseit-LightItalic.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-LightItalic.otf')  format('opentype'),
	   url('../fonts/Larsseit-LightItalic.woff') format('woff'), url('../fonts/Larsseit-LightItalic.ttf')  format('truetype'), url('../fonts/Larsseit-LightItalic.svg#Larsseit-LightItalic') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-Medium';
  src: url('../fonts/Larsseit-Medium.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-Medium.otf')  format('opentype'),
	   url('../fonts/Larsseit-Medium.woff') format('woff'), url('../fonts/Larsseit-Medium.ttf')  format('truetype'), url('../fonts/Larsseit-Medium.svg#Larsseit-Medium') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Larsseit-Thin';
  src: url('../fonts/Larsseit-Thin.eot?#iefix') format('embedded-opentype'),  url('../fonts/Larsseit-Thin.otf')  format('opentype'),
	   url('../fonts/Larsseit-Thin.woff') format('woff'), url('../fonts/Larsseit-Thin.ttf')  format('truetype'), url('../fonts/Larsseit-Thin.svg#Larsseit-Thin') format('svg');
  font-weight: normal;
  font-style: normal;
}
/** RESET **/
 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;vertical-align: baseline;list-style:none outside none;text-decoration:none;}
 body, html {width:100%;height: 100%;background-color:#ffffff;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale;}
 body {color:#000000;font-family: 'Larsseit';font-weight:normal;font-style: normal;}
 table {border-collapse: collapse;border-spacing: 0;}
 figure {width:100%;display:block;}
 a, img {border: 0 none;outline: 0 none;}
 input {outline: 0 none;border: 0 none;background: 0 none;}
/** TYPOGRAPHY **/
p {
	color:#000000;
	font-size:18px;
	line-height:23px;
	font-weight:normal;
	font-family: 'Larsseit';
	margin-bottom:20px;
}
h1 {
	color:#000000;
	font-size:50px;
	line-height:56px;
	font-weight:normal;
    font-family: 'Larsseit-Bold';
	margin-bottom:20px;
}
h2 {
	color:#000000;
	font-size:38px;
	line-height:1.29;
    font-family: 'Larsseit-Bold';
	font-weight:normal;
	margin-bottom:20px;
}
h3 {
	color:#000000;
	font-size:26px;
	line-height:1.29;
    font-family: 'Larsseit-Medium';
	font-weight:normal;
	margin-bottom:20px;
}
h4 {
	color:#000000;
	font-size:20px;
	line-height:1.3;
	font-weight:normal;
	margin-bottom:20px;
    font-family: 'Larsseit';
}
.pagination { width: 100%; justify-content: center; margin-top: 30px;}
.pagination a,.pagination span{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: var(--black);background-color: var(--white);border: 1px solid var(--l-gray);}
.pagination .active span{border-color: #000;background-color: #000;color: #fff;}

/*--- GENERAL ---*/
a {-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.clear{clear: left;}
section {display: block;width:100%;float:left;clear:both;}
img {width:100%;display:block;}
.pd0 {padding-left:0;padding-right:0;}
.mg0 {margin-left:0;margin-right:0;}
.img-cover{-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
header {width:100%;float:left;clear:both;padding:50px 0px;}
.st0{fill:#0CB2DB;}
#svgLogo{width:100%;}
a.logo{width:86px;float:left;}
ul.mainNav{float: left;padding:16px 0px;}
ul.mainNav li{display:inline-block;float:left;margin-left:15px;}
ul.mainNav li a{font-size:18px;line-height:1;color:#000000;text-decoration:none;cursor: pointer;}
ul.mainNav li a::after { content:'';display: block;width:0;height:2px;background:#000;transition: width .3s;}
ul.mainNav li a:hover::after {width: 100%;}
ul.mainNav li a.active::after {width: 100%;}
ul.lang {float:right;padding:16px 0px;}
ul.lang li {display: inline-block;float:left;}
ul.lang li:first-child {margin-right:10px;}
ul.lang li a {font-size:18px;line-height:1;color:#000000;text-decoration:none;}
ul.lang li a::after {content:'';display: block;width:0;height:2px;background:#000;transition: width .3s;}
ul.lang li a:hover::after {width:100%;}
.imgMain {position:relative;width:100%;height:auto;}
.asidpanel {width:100%;display:block;border-top:1px solid #000000;padding-top:30px;position: relative;z-index:1;}
.wideContent .asidpanel.no-bd:before {content: '';width: calc(100% + 66px);height: 100%;position: absolute;top: 0;left: -33px;background-color: rgba(255,255,255,.6);z-index: -1;}
.main-slider-bg {
  height: 450px;
  width: 100%;
  background-size: cover;
  background-position: center center;
}
.home-slider {margin-bottom:30px;}
.home-slider .slick-arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.readmore-article p:last-child {
  margin-bottom: 0;
}
.home-slider .slick-arrow .material-symbols-outlined {
  font-size: 38px;
  color: black;
}
.home-slider .slick-dots {
  left: 30px;
  /* transform: translateX(-50%); */
  bottom: 30px;
  width: auto;
}
.home-slider .slick-dots li button:before {
  font-size: 12px;
  color: white;
}
.home-slider  .slick-dots li {
  margin: 0;
}
.home-slider .g-prev,
.home-slider .g-next {
  z-index: 99999;
  cursor: pointer;
}
.home-slider .g-prev {
  left: -70px;
} 
.home-slider .g-next {
  right: -70px;
}
.home-slider .asidpanel a {
  line-height: 32px;
  font-size: 28px;
  color: black;
  text-decoration: none;
  text-transform: uppercase;
}
.pop {position: absolute;right:30px;top:30px;padding:20px;z-index:1; max-width: 500px; text-align: right; }
.pop a {font-size:18px;text-transform: uppercase;color:#000000;text-decoration: none;}
.pop a .highlight {
  display: inline;
  background: #fff;
  color: black;
  padding: 0.5rem;
  padding-left: 0;
  padding-right: 0;
  -webkit-box-decoration-break: clone;
  -ms-box-decoration-break: clone;
  -o-box-decoration-break: clone;
  box-decoration-break: clone;
  box-shadow: 0.5rem 0 0 #fff, -0.5rem 0 0 #fff;
  line-height: 32px;
  font-size: 28px;
}
.pop p {margin-bottom:0;}
.pop span.close {opacity:1;color: #000000;font-weight: bold;position: absolute;top:8px;font-size:12px;right:8px;z-index:3;cursor: pointer;}
ul.sideNav {width:100%;clear:both;border-bottom:1px solid #000000;align-self:flex-end;}
ul.sideNav li {display: list-item;width:100%;}
ul.sideNav li a {display: block;padding:15px 0px;border-top:1px solid #000000;text-transform: uppercase;font-size:18px;line-height:1.3;color:#000000;text-decoration:none;}
ul.sideNav li:hover a {color:#777777;padding-left:2px;}
ul.sideNav li.active a {font-family: 'Larsseit-Bold';}
ul.sideNav li.active ul li a {border:none;font-family: 'Larsseit';padding: 8px 0px;}
ul.sideNav li.active ul li.active a {font-family: 'Larsseit-Bold';}
ul.sideNav li.active ul li:hover a {color:#000000;}
.random {flex-direction:column;justify-content: space-between;height:100%;}
footer {width:100%;float: left;clear:left;}
section.default {margin-bottom:40px;}
span.lineo {width:100%;height:1px;background-color:#000000;float: left;clear: both;margin:30px 0px;}
.row-foot-first {margin-bottom:30px;}
.row-foot-first h3 {margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #000000;font-size:14px;}
.row-foot-first ul {display:block;width:100%;}
.row-foot-first ul li {display: list-item;width:100%;margin-bottom:15px;}
.row-foot-first ul li a {color:#000000;font-size:14px;display:block;line-height:1.3;text-decoration:none;}
.row-foot-first ul li:hover a {color:#777777;}
#svgLogo1 .st0 {fill:#000000;}
footer a.logo {width:130px;}
.prim a {width:75%;}
.prim-1 a {width:40%;}
.row-foot-sec h2 {font-size:16px;font-family: 'Larsseit-ExtraBold';text-transform:uppercase;width:100%;border-top:1px solid #000000;padding-top:20px;}
.prim-2 ul {width:100%;display:block;}
.prim-2 ul li {display: inline-block;float: left;}
.prim-2 ul li a {color:#000000;font-size:20px;line-height:30px;text-decoration:none;margin-left:15px;}
.prim-2 ul li:first-child a {margin-left:0;}
.row-foot-sec p {font-size:14px;}
.prim-3 p, .prim-4 p {margin-bottom:5px;}
.prim-4 ul li a{color:#000000;}
.prim-4 p a {color:#000000;text-decoration:none;}
.prim-4 p a:hover {color:#777777;}
.cover-box {width:100%;display:block;clear:both;margin-bottom:20px;}
.cover-img {width:100%;position: relative;display: block;margin-bottom: 15px;}
.overlay {backface-visibility: hidden;position: absolute;bottom: 0;left: 0;right: 0;background-color:rgba(0, 0, 0, 0.6);overflow: hidden;width: 100%;height: 0;transition: .5s ease;}
.cover-img:hover .overlay {height: 100%;}
.text-fade{width:90%;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);text-align: center;}
.text-fade a {color:#ffffff;font-size:18px;text-transform:uppercase;display: block;text-decoration:none;position: relative;white-space: pre-wrap;}
.text-fade a::before {width:0;height:1px;background-color:#ffffff;content:"";position: absolute;top:0;left:0;transition: .9s ease;}
.text-fade a::after {width:0;height:1px;background-color:#ffffff;content:"";position: absolute;bottom:0;right:0;transition: .9s ease;}
.cover-img:hover .text-fade a::before {width:100%;}
.cover-img:hover .text-fade a::after {width:100%;}
.cover-box h1 {font-size:18px;line-height:22px;font-family: 'Larsseit';margin-bottom:5px;}
.cover-box h2 {font-size:18px;line-height:22px;font-family: 'Larsseit';margin-bottom:5px;}
.cover-box p {font-size:18px;line-height:22px;font-family: 'Larsseit-Bold';}
.asidpanel h4 {text-transform: uppercase;font-size:18px;}
.halfImage {width:50%;float:left;margin-bottom:20px;}
.halfText {width:50%;float: left;padding-left:20px;margin-bottom:20px;}
.halfText p {margin-bottom:0px;}
.halfText span {color:#000000;}
.sm-form {width:100%;border-top:1px solid #000000;}
.sm-form .form-control {color:#B3B3B3;border-right:0;border-left:0;border-top:0;border-radius:0;border-color:#000000;text-transform:uppercase;font-size:18px;padding: 23px 8px 23px 0px;}
.sm-form .form-control:focus {outline:none!important;box-shadow: none!important;}
.sm-form .btn {width:100%;position:relative;border-bottom:1px solid #000000;border-left:none;border-right:none;border-radius:0;outline:none;box-shadow:none;
  text-transform: uppercase;font-family: 'Larsseit-Bold';font-size:18px;color:#000000;padding:10px 8px 10px 0px;text-align:left;background:url(../repository/arrow.svg) no-repeat center right+10px;background-size:15px;
}
.sm-form .btn:hover {color:#888888;}
.fullview {width:100%;min-height:900px;background-repeat:no-repeat;background-position:center center;margin-bottom:40px;}
.artbox {width:100%;display:block;margin-bottom:35px;}
.artbox p {text-transform:uppercase;margin-bottom:5px;}
.artbox a {color:#000000;font-size:18px;line-height:24px;display: block;width:100%;text-decoration:none;}
.artbox a:hover {color:#777777;}
.artbox:first-child {border-top:1px solid #000000;padding-top:25px;}
.artbox:last-child {border-bottom:1px solid #000000;padding-bottom:25px;}
.flex-extend {display: flex;flex-direction:column;}
.proImg {width:50%;float: left;margin-bottom:30px;}
.proInfo {width:50%;float: left;padding-left:20px;margin-bottom:30px;}
.proInfo h1, .proInfo h2 {font-size:18px;line-height:26px;color:#000000;font-family: 'Larsseit';margin-bottom:0;width:100%;}
.proInfo h2 {padding-bottom:15px;margin-bottom:15px;border-bottom:1px solid #000000;}
.proInfo p {margin-bottom: 0;}
.proImg img {opacity: 1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.proImg:hover img {opacity: .5;}
.boxPlan {width:100%;float: left;border:1px solid #000000;min-height:550px;}
.search-full-view {position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.9);opacity: 0;z-index: -1;transition: .7s all;transform: scale(0);}
.search-full-view.search-normal-screen {opacity: 1;z-index: 10002;transform: scale(1);}
.search-full-view form {width:100%;}
.search-full-view .input-group {width: 60%;margin: 0 auto;top: 40%;height: 90px;}
.search-full-view .input-group .form-control {font-family: 'Larsseit-Bold';border:none;background: transparent;border-bottom: 1px solid #ffffff;font-size:40px;padding: 10px 10px 10px 30px;vertical-align: unset;color: #ffffff;height:100%;border-radius:0;}
.search-full-view .input-group .form-control:focus{border-color:#ffffff;outline:none;box-shadow:none;}
.search-full-view .input-group .input-group-addon.srch-icon {border: 0;cursor: pointer;position:absolute;right:15px;top:35px;width:40px;height:40px;background-image:url(../repository/search.svg);background-repeat:no-repeat;background-size:40px;background-position:center center;}
.search-full-view .btn-close {background: transparent;border: 0;position: absolute;top: 10px;right: 10px;cursor: pointer;}
.search-full-view .btn-close {color:#ffffff;font-size:50px;line-height:50px;position: absolute;top:20px;right:20px;font-family:'Larsseit';font-weight:normal;cursor: pointer;text-transform: uppercase;}
.artboard {width:100%;margin:0 auto 40px auto;display:block;overflow:hidden;} .artboard img {width:100%;display: block;}
.rowMix {width:100%;padding-left:240px;display:block;clear:both;margin-bottom:40px;}
.readmore-article h1 {margin-bottom:40px;}
a.collect {font-size:26px;line-height:1;color:#000000;text-transform: uppercase;background-image:url(../repository/finger.svg);background-repeat: no-repeat;background-position: center right+10px;background-size:20px;padding:10px 10px 10px 5px;width:100%;float: left;clear: both;border:2px solid #000000;text-decoration: none;margin-bottom:20px;}
.imgInside {width:100%;float:left;clear:both;background-repeat: no-repeat;background-position: center center;min-height:500px;margin-bottom:50px;background-attachment:fixed;}
.readmore-article figure {width:100%;display:block;clear:both;}
.wideContent {min-height:800px;background-attachment:fixed;background-position: center center;background-repeat:no-repeat;margin-bottom:40px;}
.gallColumn figure {width:100%;float: left;margin-bottom:30px;}

.normal ul.sideNav {margin-bottom:20px;}
span.date {width:100%; display: block;margin-bottom:30px;}
figure.thumbGall {width:100%;min-height:470px;flex-direction: column;justify-content:center;margin-bottom:20px;}
.thumb-row article h1 {font-size: 18px;line-height: 1;text-align: center;padding: 0 20px 10px 20px;font-family: 'Larsseit';display: block;margin: 0 auto 15px;position: relative;width: 45%;border-bottom:1px solid #000000;}
.thumb-row article p {font-family: 'Larsseit-Bold';text-align: center;}
.thumb-row article {margin-bottom:30px;}
ul.sideNav.no-links a {text-transform: unset;cursor:default;}
.readm-gall h1 {font-size:18px;line-height:22px;font-family:'Larsseit';margin-bottom:5px;}
.readm-gall h2 {font-size:18px;line-height:22px;font-family:'Larsseit-Bold';}
.jumbo {width:100%;float: left;padding:10px 0px;border-top:1px solid #000000;border-bottom:1px solid #000000;margin-bottom:30px;}
.jumbo h2 {font-size:22px;line-height:26px; font-family: 'Larsseit-ExtraBold';font-weight: normal;text-transform: uppercase;margin-bottom:5px;}
.jumbo h3 {font-size:22px;line-height:26px; font-family: 'Larsseit-ExtraBold';font-weight: normal;text-transform: uppercase;margin-bottom:0;}
.jumbo .sm-form .form-control {border:none;font-size:22px;color:#000000;}
.jumbo .sm-form {border:none;}
.resBox {width:100%;float: left;clear:both;margin-bottom:48px;}
.resBox span.title {font-size:22px;line-height:1.2;font-family:'Larsseit';margin-bottom: 0;display:block;} .resBox h2 {font-size:22px;line-height:1.2;font-family:'Larsseit';display: block;border-bottom:1px solid #000000;padding-bottom:10px;} .resBox h3 {font-size:22px;line-height:1.2;font-family: 'Larsseit-ExtraBold';margin-bottom:5px;} .resBox h4 {margin-bottom:5px;font-size:18px;line-height:1.2;}
.resBox p {margin-bottom:20px;} .resBox a {display:block;width:100%;padding:15px 0px;color:#000000;text-decoration:none;font-size:22px;line-height:1;border-top:1px solid;border-bottom:1px solid #000000;background-image:url(../repository/arrow.svg);background-repeat:no-repeat;background-position: center right+15px;background-size:20px;}
.resBox a:hover {color:#777777;background-position:center right+10px;}
.cal-holder {width:100%;float:left;position: relative;} .cal-holder .form-group {width:100%;position: relative;} 
.cal-holder .input-group.date .input-group-addon {width:20px;height:20px;background-image:url(../repository/calendar.svg);background-repeat: no-repeat;background-position: center center;background-size:20px;position:absolute;top:10px;right:10px;z-index:3;}
.cal-holder .form-control {width:100%;border:1px solid #000000;border-radius:0;}
.cal-holder label.lbl {font-size:18px;line-height:1;font-family:'Larsseit-Bold';margin-bottom:8px;float: left;width:100%;}
.cal-holder .input-group.date {font-size:14px;font-family:'Larsseit';color:#000000;}
.bootstrap-datetimepicker-widget table th {color:#000000;font-size:14px;font-family:'Larsseit-Bold';}
.bootstrap-datetimepicker-widget table td {color:#000000;font-size:14px;font-family:'Larsseit';padding:8px;}
.bootstrap-datetimepicker-widget .picker-switch {color:#000000;font-size:20px;font-family:'Larsseit-Bold';}
.bootstrap-datetimepicker-widget {border:1px solid #000000;border-radius:0;}
.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover {background-color:#0CB2DB;border-radius:0;}
.listBox {width:100%;float: left;clear:left;margin-bottom:30px;}
.listBox h2 {font-size:18px;line-height:1;font-family:'Larsseit-Bold';margin-bottom:5px;}
.listBox h3 {font-size:18px;line-height:1;font-family:'Larsseit-Bold';margin-bottom:15px;}
.listBox h4 {font-size:18px;line-height:1;font-family:'Larsseit-Bold';margin-bottom:0px;}
.nice-select {font-family:'Larsseit';font-weight:normal;font-size:18px;}
.nice-select .option {font-family: 'Larsseit-Light';font-size:16px;}
.nice-select .option.selected {font-weight: normal;}
.row.drop-downs, .row.drop-articles {margin-bottom:30px;}
.drop-articles .cover-box {margin-bottom:30px;}
.drop-articles .cover-box h2 {text-transform: uppercase;font-size:18px;font-family:'Larsseit-Bold';border-bottom:1px solid #000000;padding-bottom:10px;width:45%;margin-bottom:15px;}
.drop-articles .cover-box p {font-family:'Larsseit';font-weight:normal;}
.home-row figure {opacity:1;-webkit-transition: .3s ease-in-out;transition: .3s ease-in-out;}
.home-row figure:hover {opacity: .5;}
.home-row a,
.home-row a:hover {
  color: black;
}
section.default .row .col-lg-20 .artbox:last-child {margin-bottom:0;}
#menuToggle {display: none;}
.icon {background-color: #000000;width: 24px;height:2px;display: block;cursor: pointer;position: relative;top: 8px;z-index:6;}
.icon:before {content: "";background-color: #000000;width: 24px;height: 2px;display: block;position: relative;top: -8px;transform: rotate(0deg);transition: all 0.3s ease;}
.icon:after {content: "";background-color: #000000;width: 24px;height: 2px;display: block;position: relative;top: 6px;transform: rotate(0deg);transition: all 0.3s ease;}
.menuOpen {width: 24px;height: 18px;display: block;cursor: pointer;float: right;}
.menu {position: fixed;width: 100vw;height: 100vh;top: 0;left: 0;background: rgba(255, 255, 255, 0.9);z-index:-1;}
.menu label {width: 30px;height: 30px;position: absolute;right: 20px;top: 20px;background-size: 100%;cursor: pointer;}
.menu .menuContent {position: relative;top: 50%;text-align: center;padding-bottom: 20px;margin-top: -170px;}
.menu ul {list-style: none;padding: 0;margin: 0 auto;}
.menu ul li a {display: block;color:#000000;text-decoration: none;transition: color 0.2s;text-transform: uppercase;padding: 10px 0;font-size:24px;line-height:1;}
.menu ul li a:hover {color:#0CB2DB;}
.menuoverlay {opacity: 0;visibility: hidden;transition: opacity 0.5s, visibility 0.5s;z-index:5;}
.menuoverlay ul {transform: translateY(0%);transition: all 0.5s;}
#menuToggle:checked ~ .menuoverlay {opacity: 1;visibility: visible;transition: opacity 0.5s;}
#menuToggle:checked ~ .menuoverlay ul {opacity: 1;}
#menuToggle:checked ~ .menuOpen .icon {background-color: transparent;}
#menuToggle:checked ~ .menuOpen .icon:before {content: "";background-color:#000000;transform: rotate(45deg);position: absolute;top: 0;right: 0;z-index: 1;}
#menuToggle:checked ~ .menuOpen .icon:after {content: "";background-color:#000000;transform: rotate(-45deg);position: relative;top: 0;right: 0;z-index: 1;}
#menuToggle:not(:checked) ~ .menuoverlay ul {transform: translateY(-30%);}
body.lock {overflow: hidden;}
.menuMob {display: none;}
.srchMob {display: none;}
.no-bd {border:none;}
.no-pd {padding:0;}
.art-modal{max-width: 720px!important;}
.art-modal figure{margin-bottom: 20px;}
.art-modal p{margin-bottom: 0px;}

@media only screen and (min-width: 1240px){
  .col-lg-20{max-width: 20%;flex: 0 0 20%;-ms-flex: 0 0 20%;}
  .col-lg-80{max-width: 80%;flex: 0 0 80%;-ms-flex: 0 0 80%;}
  .col-lg-60{max-width: 60%;flex: 0 0 60%;-ms-flex: 0 0 60%;}
}
/* TABLET LAND */
@media only screen and (min-width : 992px) and (max-width: 1239px){
  .container {max-width:100%;}
  header .container {position:relative;}
  header {position: relative;}
  ul.lang {position: absolute;right:20px;top:-50px;}
  ul.mainNav li a{font-size:16px;}
  .wideContent {min-height:550px;}
  .md-order-1 {-ms-flex-order:1;order:1;}
  .md-order-2 {-ms-flex-order: 2;order: 2;}
  ul.sideNav.wd40 {width:40%;align-self: flex-start;}
  .outfitImg {display:block;width:100%;margin-bottom:30px;}
  .fullview {min-height:600px;}
  .sm-form.wd60 {width:60%;margin-bottom:40px;border-right:1px solid #000000;}
  .rowMix {padding-left:0;}
  .col-md-20 {max-width: 20%;flex: 0 0 20%;-ms-flex: 0 0 20%;}
}
/* TABLET */
@media only screen and (min-width :768px) and (max-width:991px){
    
  .srchMob {width:22px;height:19px;float:left;background-repeat:no-repeat;background-position:center center;background-image:url(../repository/search2.svg);background-size:20px;margin-right:10px;}
	.menuMob {display: block;position: absolute;right:10px;top:20px;}
	ul.mainNav {display:none;}
	ul.lang {position: absolute;left:35px;top:60px;}
	header .container {position:relative;}
	.home-row {margin-bottom:30px;}
	ul.sideNav {width:40%;align-self: flex-start;}
	.prim, .prim-1 {width:50%;min-width:50%;margin-bottom:20px;}
	.prim-1 a {width:80%;}
	.col-sm-20 {max-width: 20%;flex: 0 0 20%;-ms-flex: 0 0 20%;}
	.col-sm-60 {max-width: 60%;flex: 0 0 60%;-ms-flex: 0 0 60%;}
	.col-sm-80 {max-width: 80%;flex: 0 0 80%;-ms-flex: 0 0 80%;}
	.col-sm-100 {max-width: 100%;flex: 0 0 100%;-ms-flex: 0 0 100%;}
	.col-sm-20 ul.sideNav {width:100%;}
	.sm-order-1 {-ms-flex-order:1;order:1;}
  	.sm-order-2 {-ms-flex-order: 2;order: 2;}
  	.outfitImg {display:block;width:100%;margin-bottom:30px;}
  	figure.thumbGall {min-height:380px;}
    .mb-sm30 {margin-bottom:30px;}
    .boxPlan {margin-bottom:30px;}
    .proInfo {width:100%;} .proImg {width:100%;}
    .sm-form {margin-bottom:30px;}
    .rowMix {padding-left:0;}
    a.collect {font-size:18px;}
    .midGrid .halfText {width:100%;padding-left: 0;}
    .hide-sm {display:none;}
}
/* MOBILE */
@media screen and (max-width:767px) {
    .wideContent { background-attachment: unset; background-size: cover; }
  body {padding-top:73px;}
  .menuMob {display: block;position: absolute;right: 20px;top:8px;}
  ul.mainNav {display:none;} header .container {position: relative;}
  header {padding: 20px 0px;position: fixed;z-index: 1000;background-color: #ffffff;top:0;left:0;}
  .home-row figure {margin-bottom:20px;}
  .imgMain {margin-bottom:20px;}
  a.logo {width:50px;}
  footer a.logo {margin-bottom:20px;width:85px;}
  ul.lang {position: absolute;left:15px;top:15px;padding:0;}
  .menuOpen {padding:0;}
  .prim-1, .prim-2, .prim-3 .prim-4 {margin-bottom:15px;}
  .prim, .prim-1 {min-width:50%;max-width:50%;margin-bottom:15px;}
  .prim a, .prim-1 a {width:90%;}
  .search-full-view .input-group {width:90%;height:60px;}
  .search-full-view .input-group .input-group-addon.srch-icon{right: 15px;top: 25px;width: 25px;height: 25px;background-size:25px;}
  .search-full-view .input-group .form-control {font-size:25px;}
  .search-full-view .btn-close {font-size:32px;line-height:32px;}
  .artbox:last-child {border-bottom:0;}
  .srchMob {width:22px;height:19px;float:left;background-repeat:no-repeat;background-position:center center;background-image:url(../repository/search2.svg);display:block;background-size:20px;margin-right:10px;}
  .artbox {width:50%;float: left;min-height:180px;} .artbox:first-child {padding-top:0;border-top:none;margin-bottom:20px;}
  section.default {padding-top: 30px;}
  .wideContent {min-height:500px;}
  .hideMob {display:none!important;}
  .forms-section iframe {margin-bottom:20px;}
  span.lineo {background:transparent;}
  .halfImage {width:100%;}
  .outfitImg {display:block;margin-bottom:30px;}
  .halfText {width:100%;padding-left:0;}
  figure.thumbGall {min-height:380px;}
  .mb-sm30 div {margin-bottom:20px;}
  .fullview {min-height:550px;margin-bottom:0;}
  .order-xs-1 {-ms-flex-order:1;order:1;}
  .order-xs-2 {-ms-flex-order:2;order:2;}
  .proImg {width:100%;} .proInfo {width:100%;}
  .sm-form {margin-bottom: 50px;}
  .rowMix {padding-left:0;}
  .artboard {width:100%;margin-left:0;margin-right:0;}
  .readmore-article h1 {font-size:38px;line-height:44px;}
  .boxPlan {margin-bottom:30px;}
  .mb-sm30 {margin-bottom:30px;}
  .jumbo .sm-form {margin-bottom:0;}
  .nice-select.wide {margin-bottom:15px;}
  .pop {left:30px;}
  .wideContent .asidpanel.no-bd:before {width:calc(100% + 43px);}
}



[placeholder]:focus::-webkit-input-placeholder {transition: opacity 0.3s 0.3s ease; opacity: 0;}
[placeholder]:focus::-webkit-textarea-placeholder {transition: opacity 0.3s 0.3s ease; opacity: 0;}
input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {background:transparent!important;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  -webkit-appearance:none;
}