html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;}body{margin:0;}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block;}audio,canvas,progress,video{display:inline-block;vertical-align:baseline;}audio:not([controls]){display:none;height:0;}[hidden],template{display:none;}a{background-color:transparent;outline:0;}a:active,a:hover{outline:0;}abbr[title]{border-bottom:1px dotted;}b,strong{font-weight:700;}dfn{font-style:italic;}h1{font-size:2em;margin:.67em 0;}mark{background:#ff0;color:#000;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sup{top:-.5em;}sub{bottom:-.25em;}img{border:0;}svg:not(:root){overflow:hidden;}figure{margin:1em 40px;}hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0;}pre{overflow:auto;}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em;}button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}button{overflow:visible;}button,select{text-transform:none;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}button[disabled],html input[disabled]{cursor:default;}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0;}input{line-height:normal;}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0;}input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto;}input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box;}input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em;}legend{border:0;padding:0;}textarea{overflow:auto;}optgroup{font-weight:700;}table{border-collapse:collapse;border-spacing:0;}td,th{padding:0;}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:400;src:local('Noto Sans'),local('NotoSans'),url('/fonts/notosans.woff') format('woff');text-rendering:optimizeLegibility;}
@font-face{font-family:'Noto Sans';font-style:normal;font-weight:700;src:local('Noto Sans Bold'),local('NotoSans-Bold'),url('/fonts/notosans-bold.woff') format('woff');text-rendering:optimizeLegibility;}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:400;src:local('Noto Sans Italic'),local('NotoSans-Italic'),url('/fonts/notosans-italic.woff') format('woff');text-rendering:optimizeLegibility;}
@font-face{font-family:'Noto Sans';font-style:italic;font-weight:700;src:local('Noto Sans Bold Italic'),local('NotoSans-BoldItalic'),url('/fonts/notosans-bolditalic.woff') format('woff');text-rendering:optimizeLegibility;}
html, body{background:#064d80;color:#26a5ff;font-family:"Noto Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;margin:0;min-height:100%;padding:0;}
body{font-size:1em;_text-align:center;}
.contentwidth{margin:0 auto;min-width:284px;padding:0 12px;position:relative;}
.alcenter{padding:2em 0;text-align:center;}
#pagecontent{background:#ffffff;color:#999999;padding:12px 0;}
#footer01{background:#f8f8f8;border-bottom:1px solid #ffffff;color:#999999;font-size:0.9em;padding:12px 0;position:relative;}
#footer02{background:#064d80;border-top:1px solid #ffffff;color:#26a5ff;font-size:0.75em;height:64px;padding:12px 0;position:relative;text-align:center;}
.footer-text{display:block;margin:0;padding:16px 0;}
.footer-sections{overflow:hidden;}
.footer-sections-in{margin:0 0 0 -24px;overflow:auto;_height:1%;_overflow:visible;}
.footer-section{float:left;margin:0;overflow:hidden;padding:0;position:relative;width:100%;}
.footer-section-in{overflow:hidden;padding:0 0 0 24px;position:relative;}
#footer01 .footer-text{color:#0866aa;padding:0;}
#footer01 p{margin:0;padding:0;}
#footer01 .table-heading, #footer01 h4{font-size:1.05em;margin:0 0 0.2em 0;padding:0;}
#footer01 table{border-collapse:collapse;margin:0 0 1em 0;padding:0;width:auto;}
#footer01 table th, #footer01 table td{padding:1px 8px 0 1px;text-align:left;}
#footer01 table th.table-align-right, #footer01 table td.table-align-right{text-align:right;}
#footer01 table th.table-align-left, #footer01 table td.table-align-left{text-align:left;}
#footer01 table th.table-align-center, #footer01 table td.table-align-center{text-align:center;}
#footer01 table th.table-nowrap, #footer01 table td.table-nowrap{white-space:nowrap;}
#footer01 ul{margin:0;padding:1.5em;}
#xpage h1{margin:0;padding:6px 0 24px 0;}
#header{background:#ffffff;color:#999999;height:52px;left:0;margin:0;padding:0;position:fixed;top:0;width:100%;z-index:20;}
#header-in{border-bottom:1px solid #ececec;border-top:3px solid #ffaa00;height:48px;}
#header .contentwidth{height:48px;}
#logo{font-size:1.5em;height:36px;left:12px;line-height:36px;margin:0;min-width:260px;overflow:hidden;padding:0;position:absolute;top:4px;}
#logo a{color:#ffaa00;display:block;line-height:36px;margin:0;padding:0;text-decoration:none;text-indent:-100em;width:260px;}
#logo span{background:url('/images/chemark-logo.svg') top left no-repeat;background-position:0 50%;background-size:contain;cursor:pointer;display:block;height:36px;left:0;position:absolute;top:0;width:100%;}
#xtoppage{height:52px;}
#header-text{display:none;}
#nav{background:none;height:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:500;}
#nav .nav-show, #nav .nav-hide{background:#ffffff url('/images/sprites.svg') 0 -80px no-repeat;display:block;height:40px;overflow:hidden;position:absolute;right:5px;text-decoration:none;text-indent:-1000px;top:4px;width:40px;z-index:2;}
#nav .nav-show, #nav:target .nav-hide{display:block;}
#nav .nav-hide, #nav:target .nav-show{display:none;}
#nav .js-nav-show-displayed, #nav:target .js-nav-show-displayed{display:block;}
#nav .js-nav-show-hidden, #nav:target .js-nav-show-hidden{display:none;}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{display:block;font-size:1.15em;margin:49px 0 0 0;max-height:0;overflow:hidden;padding:0;transition:max-height 0.5s;}
#nav:target .nav-menu, #nav .js-nav-menu-show{display:block;max-height:480px;}
#nav .nav-menu li{background-color:rgba(255,170,0,0.9);border-bottom:1px solid #ffffff;display:block;float:none;font-weight:normal;height:40px;line-height:40px;margin:0;padding:0;position:relative;}
#nav .nav-menu a, #nav .nav-menu span{border:none;display:block;height:40px;line-height:40px;margin:0;padding:0 12px;}
#nav .nav-menu a:hover{background-color:#2090e0;border:none;color:#ffffff;transition:background-color 0.3s;}
#nav .nav-submenu-list1{display:none;}
.wphoto, .wphoto2{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;height:80vh;margin:0;max-height:960px;min-height:320px;overflow:hidden;padding:0;}
.wphoto{background-color:#064d80;background-image:url('/images/wphoto_0320x.jpg');background-position:60% 50%;left:0;position:absolute;top:52px;width:100%;}
.wphoto2{margin:52px auto 0 auto;position:relative;}
.wphoto-in{height:80vh;max-height:960px;min-height:320px;text-align:right;}
.wphoto-in::before{content:'';display:inline-block;height:100%;margin:0;padding:0;vertical-align:middle;width:0;}
.wphoto-text{display:inline-block;font-size:1.4em;line-height:1.2em;max-width:80%;position:relative;text-align:right;vertical-align:middle;}
.wphoto-text br{display:none;}
.wphoto-text-line1{display:block;padding:0;}
.wphoto-text-line2{display:block;padding:0;}
.wtext1-text{padding:12px 0;}
.wtext1 h2{margin-top:0;}
.wtext1 p{margin-bottom:0;}
.wnav{margin:48px 0 0 0;overflow:hidden;padding:12px 0;width:100%;}
.wnav-in{margin:0 0 0 -48px;overflow:auto;padding:0;_height:1%;_overflow:visible;}
.wnav-item{float:left;margin:0;padding:0;width:100%;}
.wnav-item-in{margin:0;padding:0 0 48px 48px;text-align:center;}
.wnav-item-title{display:none;}
.wnav-item-image{display:block;margin:0;max-height:160px;padding:0;width:100%;}
.wnav-item-image-link{display:block;position:relative;}
.wnav-item .wnav-item-image-link::before{opacity:0.5;transition:width 0.75s,opacity 0.75s;}
.wnav-item-image-link strong{display:block;font-size:1em;margin:0;padding:8px;position:relative;}
.wnav-item-text{font-size:0.8em;}
.wnav-item-content{padding:0 0 8px 0;}
.wnav-item-link{display:inline-block;font-size:0.8em;margin:0 auto;padding:4px 16px;text-align:center;}
strong{color:#ee7722;}
h1, h2, h3, h4, h5, h6{color:#ee7722;}
a, a:visited{color:#ee7722;}
a:hover{color:#ffaa00;transition:color 0.3s;}
ul{list-style-type:square;}
li{color:$color_web02;font-weight:bold;}
li span{color:#999999;font-weight:normal;}
.xlink::before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0;}
.xlink:hover::before{opacity:0;visibility:visible;width:100%;}
#footer02wrp{border-top:8px solid #ee7722;}
.footer-text a, .footer-text a:visited{color:#26a5ff;text-decoration:none;}
.footer-text a:hover{color:#ffffff;}
.footer-text strong{color:#ee7722;}
#footer01 .footer-text a, #footer01 .footer-text a:visited{color:#0866aa;text-decoration:none;}
#footer01 .footer-text a:hover{color:#ee7722;}
#footer01 .footer-text strong{color:#0866aa;}
.bcnav{border-top:1px solid #e6e6e6;color:#666666;font-size:0.8em;margin:24px 0 0 0;padding:4px 0 0 0;}
.bcnav span{color:#999999;}
.bcnav a, .bcnav a:visited{color:#999999;text-decoration:none;}
.bcnav a:hover{color:#ffaa00;text-decoration:underline;transition:color 0.25s;}
#nav .nav-show:hover, #nav .nav-hide:hover{background:#ffffff url('/images/sprites.svg') 0 -240px no-repeat;}
#nav .nav-menu span{background-color:rgba(0,0,0,0.2);color:#ffffff;}
#nav .nav-menu a, #nav .nav-menu a:visited{background-color:transparent;color:#ffffff;text-decoration:none;}
#nav .nav-menu a:before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.33;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0;}
#nav .nav-menu a:hover:before{opacity:0;visibility:visible;width:100%;}
.c3-imggallery{margin:0 0 32px 0;overflow:hidden;padding:0;}
.c3-imggallery-in{margin:0 -8px;overflow:auto;_height:1%;_overflow:visible;}
.c3-imggallery-item{float:left;margin:0;overflow:hidden;padding:0;position:relative;width:50%;}
.c3-imggallery-item-in{overflow:hidden;padding:16px;position:relative;}
.c3-imggallery-item-in:before{content:'';display:block;padding-top:100%;}
.c3-imggallery-item a, .c3-imggallery-item a:visited{border:1px solid #666666;bottom:8px;display:block;left:8px;overflow:hidden;position:absolute;right:8px;text-decoration:none;top:8px;transition:border 0.5s;}
.c3-imggallery-item a:hover{border:1px solid $color05;}
.c3-imggallery-item img{display:block;margin:0 auto;position:relative;}
.c3-imggallery-image-portrait{height:100%;width:auto;}
.c3-imggallery-image-landscape{height:auto;width:100%;}
.c3-imggallery-type-lines .c3-imggallery-item-in{border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;}
.c3-imggallery-type-lines .c3-imggallery-item a{border:none;bottom:16px;left:16px;right:16px;top:16px;}
.c3-imggallery-type-lines .c3-imggallery-item:nth-last-child(-n+2) .c3-imggallery-item-in{border-bottom:1px solid #ffffff;}
.c3-imggallery-type-lines .c3-imggallery-item:nth-child(2n) .c3-imggallery-item-in{border-right:1px solid #ffffff;}
.c3-splist-gallery{margin:0 0 0 -24px;overflow:auto;padding:0;_height:1%;_overflow:visible;}
.c3-splist-gallery-item{float:left;margin:0;overflow:hidden;padding:0;width:100%;}
.c3-splist-gallery-item-in{margin:0 0 24px 24px;overflow:hidden;padding:0 0 12px 0;position:relative;}
.c3-splist-gallery-item-title{display:none;}
.c3-splist-gallery-item-image{display:block;width:100%;}
.c3-splist-gallery-item a{text-decoration:none;}
.c3-splist-gallery-item-title2{display:block;font-size:1.2em;padding:16px 0 0 0;}
.c3-splist-gallery-item-text{display:block;font-size:0.95em;margin:0;padding:16px 0 0 0;}
.c3-splist-gallery-item-link .c3-splist-gallery-item-title2, .c3-splist-gallery-item-link:visited .c3-splist-gallery-item-title2{color:$dl_orange;transition:color 0.25s;}
.c3-splist-gallery-item-link:hover .c3-splist-gallery-item-title2{color:$dl_grey01;}
.c3-splist-list{margin:0;padding:0;}
.c3-splist-list ul{margin:0;padding:0;}
.c3-splist-list-item{margin:0 0 0 20px;padding:0 0 6px 4px;}
.c3-splist-list-item-title{font-size:1.1em;margin:0;padding:0 0 8px 0;}
.c3-splist-list-item-title a{text-decoration:none;}
.c3-splist-list-item-text{margin:0;padding:0 0 18px 0;}
.c3-pagetitle{margin:0;padding:6px 0 24px 0;}
.c3-page table{background:#f8f8f8;border-collapse:collapse;margin:0 0 36px 0;padding:0;width:100%;}
.c3-page table th, .c3-page table td{border:1px solid #ececec;font-size:0.9em;padding:4px 8px;text-align:left;}
.c3-page table th.table-align-right, .c3-page table td.table-align-right{text-align:right;}
.c3-page table th.table-align-left, .c3-page table td.table-align-left{text-align:left;}
.c3-page table th.table-align-center, .c3-page table td.table-align-center{text-align:center;}
.c3-page table th.table-nowrap, .c3-page table td.table-nowrap{white-space:nowrap;}
.c3-page table th{background:#ececec;font-weight:normal;}
.c3-page h5.theader{margin-bottom:0;}
.c3-page h5.theader a{color:#77c8ff;}
.c3-page .table-heading{font-weight:normal;margin:24px 0 8px 0;text-transform:uppercase;}
.c3-image{height:200px;margin:0 0 24px 0;overflow:hidden;position:relative;width:100%;}
.c3-image-img{position:absolute;top:50%;transform:translate(0,-50%);width:100%;-ms-transform:translate(0,-50%);}
.form{background:#ececec;font-size:0.9em;margin:32px 0 0 0;padding:4px 12px;width:auto;_height:1px;_width:100%;}
.form-in{margin:0;overflow:auto;padding:16px;_height:1%;_overflow:visible;}
.form-row{padding:2px 0;position:relative;width:auto;}
.form-label{display:block;width:auto;}
.form-control{display:block;margin:0 0 2px 0;}
.form-info{background:#CCCCCC;color:#666666;margin:4px 0 12px 0;padding:12px;}
.form-info-ok{color:#009900;font-weight:bold;}
.form-info-error{color:#cc0000;font-weight:bold;}
.form-reqx .formt-text, .form-reqx form-textarea{border-left:2px solid #808080;}
.form-req .form-label:before, .form-reqx .form-label:before{color:#cc0000;content:'*';font-size:1em;font-weight:bold;left:-8px;line-height:0;position:absolute;top:10px;}
.form-reqx .form-label:before{color:#cc0000;}
input{background:#FFFFFF;color:#000000;font-family:"Open Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;transition:background-color 0.3s;}
input:focus{background-color:#ffffcc;}
textarea{background:#FFFFFF;border:1px solid #000000;color:#000000;font-family:"Open Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;margin:2px 0;padding:2px;transition:background-color 0.3s;_margin:0;}
textarea:focus{background-color:#ffffcc;}
select{background:#FFFFFF;border:1px solid #000000;color:#000000;font-family:"Open Sans","Arial CE",Arial,"Lucida Grande CE",Lucida,"Helvetica CE",Helvetica,sans-serif;}
.form-text, .form-file{background:#ffffff;border:1px solid #000000;margin:2px 0;padding:2px;_margin:0;}
.form-text-right{text-align:right;}
.form-checkbox{background:#ffffff;border:1px solid #000000;margin:0;padding:0 2px;}
.form-button{background-color:#ee7722;border:none;color:#ffffff;cursor:pointer;font-size:0.9em;margin:2px 0;padding:4px 16px;transition:background-color 0.2s;}
.form-button:focus{background-color:#ffaa00;color:#ffffff;}
.form-button:hover{background-color:#ffaa00;color:#ffffff;}
#form-contacts{padding:0;}
#form-contacts .form-label{}
#form-contacts .form-control{margin:0 4px 2px 0;}
#form-contacts .form-w100{width:100%;}
.wphoto-text strong{color:#ffffff;display:block;font-size:0.75em;font-weight:normal;line-height:normal;padding:16px;}
.wtext1{background-color:#ffffff;color:#999999;position:relative;text-align:center;}
.wnav-item a{text-decoration:none;}
.wnav-item-image-link strong, .wnav-item-image-link:visited strong{background-color:#ffffff;color:#ee7722;}
.wnav-item-image-link:hover strong{background-color:#ffffff;color:#ffaa00;transition:color 0.3s;}
.wnav-item-link, .wnav-item-link:visited{background-color:$dl_grey01;color:$dl_white;}
.wnav-item-link:hover{background-color:$dl_orange;color:$dl_white;transition:background-color 0.3s;}
.c3-section-faq{background:$dl_grey03;margin:0 0 1em 0;padding:4px 12px;}
.c3-section-faq h3{margin:8px 0;padding:0;}
.c3-section-faq p{font-size:0.9em;margin:8px 0;padding:0;}
.xtr-blue{color:#2090e0;}
a .xtr-blue, a:visited .xtr-blue{color:#2090e0;}
a:hover .xtr-blue{color:#ffaa00;transition:color 0.3s;}
#footer01 .xtr-blue{color:#0866aa;}
#footer01 a .xtr-blue, #footer01 a:visited .xtr-blue{color:#0866aa;}
#footer01 a:hover .xtr-blue{color:#ee7722;}
.js-formlabels-form .form-req .form-label:before, .js-formlabels-form .form-reqx .form-label:before{display:none;}
.js-formlabels-input{margin-top:16px;}
.js-formlabels-label{color:#666666;left:4px;padding:0 8px 0 4px;position:absolute;top:20px;transition:top 0.3s,font-size 0.3s;}
.js-formlabels-label-min{color:#999999;font-size:0.9em;top:-2px;}
.form-req .js-formlabels-label:after, .form-reqx .js-formlabels-label:after{color:#999999;content:'*';font-size:1em;font-weight:bold;left:4px;line-height:0;position:relative;}
.form-reqx .js-formlabels-label:after{color:#cc0000;}
#eu-cookies{background:#202020;bottom:0;color:#999999;left:0;padding:8px 0;position:fixed;text-align:center;width:100%;z-index:1000;background:rgba(32,32,32,0.9);}
#eu-cookies div{padding:0 12px;}
#eu-cookies a, #eu-cookies a:visited{color:#999999;}
#eu-cookies a:hover{color:#ffffff;}
#eu-cookies-ok, #eu-cookies-ok:visited{background:#505050;border-radius:2px;color:white;font-weight:bold;padding:1px 8px;text-decoration:none;}
#eu-cookies-ok:hover{background:#008000;}
@media only screen and (min-width: 30em) {
#header{height:68px;}
#header-in{height:64px;}
#header .contentwidth{height:64px;}
#logo{height:40px;left:16px;line-height:40px;min-width:300px;top:12px;}
#logo a{line-height:40px;width:300px;}
#logo span{height:40px;}
#xtoppage{height:68px;}
#nav .nav-show, #nav .nav-hide{right:12px;top:12px;}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{margin:65px 0 0 0;}
#nav .nav-menu a, #nav .nav-menu span{padding:0 16px;}
.wphoto{background-image:url('/images/wphoto_0480x.jpg');top:68px;}
.wphoto2{margin:68px auto 0 auto;}
.c3-imggallery-item{width:33.333%;}
.c3-image{height:240px;}
.wphoto-text{font-size:1.6em;}
}
@media only screen and (min-width: 40em) {
.contentwidth{min-width:584px;padding:0 16px;}
#pagecontent{padding:16px 0;}
#footer01{padding:16px 0;}
#footer02{padding:16px 0;}
.footer-section{width:33.333%;}
#header{height:84px;}
#header-in{height:80px;}
#header .contentwidth{height:80px;}
#logo{height:42px;left:16px;line-height:42px;min-width:315px;top:19px;}
#logo a{line-height:42px;width:315px;}
#logo span{height:42px;}
#xtoppage{height:84px;}
#nav .nav-show, #nav .nav-hide{right:16px;top:20px;}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{margin:81px 0 0 0;}
#nav .nav-menu a, #nav .nav-menu span{padding:0 16px;}
.wphoto{background-image:url('/images/wphoto_0640x.jpg');top:84px;}
.wphoto2{margin:84px auto 0 auto;}
.wphoto-text{font-size:1.8em;top:-6px;}
.wnav-item{width:50%;}
.c3-imggallery-item{width:25%;}
.c3-splist-gallery-item{width:50%;}
.c3-splist-gallery-item-in{height:400px;}
.c3-image{height:280px;}
}
@media only screen and (min-width: 48em) {
.contentwidth{min-width:712px;padding:0 16px;}
#header{height:100px;}
#header-in{height:96px;}
#header .contentwidth{height:96px;}
#logo{font-size:2.5em;height:54px;left:16px;line-height:54px;min-width:350px;top:22px;}
#logo a{line-height:54px;width:350px;}
#logo span{height:54px;}
#xtoppage{height:100px;}
#nav{background:none;height:0;margin:0;padding:0;position:absolute;right:0;top:0;width:100%;z-index:500;}
#nav .nav-show, #nav .nav-hide{display:none;}
#nav .nav-show, #nav:target .nav-hide{display:none;}
#nav .nav-hide, #nav:target .nav-show{display:none;}
#nav .js-nav-show-hidden, #nav:target .js-nav-show-hidden{display:block;}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{display:block;font-size:0.9em;margin:0;max-height:auto;overflow:visible;position:absolute;right:16px;top:44px;}
#nav:target .nav-menu, #nav .js-nav-menu-show{display:block;}
#nav .nav-menu li{background-color:transparent;border:none;display:block;float:left;margin:0;padding:0 0 0 32px;position:relative;}
#nav .nav-menu a, #nav .nav-menu span{border:none;display:block;margin:0;padding:0;position:relative;}
#nav .nav-menu a, #nav .nav-menu a:visited{background-color:transparent;color:#0866aa;}
#nav .nav-menu a:hover{background-color:transparent;border:none;color:#ffaa00;transition:color 0.1s;}
#nav li .nav-submenu-list1{display:block;height:auto;left:24px;line-height:normal;margin:0;max-height:0;opacity:0.25;padding:2px 2px 4px 2px;position:absolute;top:40px;transition:opacity 0.5s,max-height 0.3s;visibility:hidden;width:19em;z-index:200;}
#nav li:hover .nav-submenu-list1{max-height:240px;opacity:1;visibility:visible;}
#nav .nav-submenu-list1 li{border:none;display:block;float:none;height:auto;line-height:18px;margin:0;padding:0;width:auto;_float:left;_height:1px;}
#nav .nav-submenu-list1 a, #nav .nav-submenu-list1 span{height:24px;line-height:24px;margin:0 2px;overflow:hidden;padding:6px 24px 6px 6px;}
#nav .nav-submenu-list2, #nav .nav-submenu-list3{display:block;height:auto;left:18.5em;line-height:normal;margin:0;max-width:0;opacity:0.25;padding:2px 2px 4px 2px;position:absolute;top:3px;transition:opacity 0.5s,max-width 0.25s;visibility:hidden;width:26em;z-index:200;}
#nav .nav-submenu-list3{left:19.25em;}
#nav .nav-submenu-list1 li:hover .nav-submenu-list2{max-width:26em;opacity:1;visibility:visible;}
#nav .nav-submenu-list2 li:hover .nav-submenu-list3{max-width:26em;opacity:1;visibility:visible;}
#nav .nav-submenu-parent::after{background:url('/images/sprites.svg') -40px 0 no-repeat;background-size:$spritesize20;border:none;content:'';height:22px;margin:0;overflow:hidden;padding:0;position:absolute;right:0;top:4px;width:22px;}
#nav .nav-menu .nav-contacts{float:right;padding:0;}
.wphoto{background-image:url('/images/wphoto_0768x.jpg');top:100px;}
.wphoto2{margin:100px auto 0 auto;}
.wphoto-text{font-size:1.9em;max-width:60%;top:0;}
#nav .nav-menu span{background-color:transparent;color:#a0a0a0;}
#nav .nav-menu a:before{background-color:#ffaa00;bottom:8px;content:"";height:1px;left:0;opacity:0;position:absolute;top:auto;transform:scaleX(0);transition:transform 0.2s,opacity 0.2s;visibility:hidden;width:100%;z-index:0;}
#nav .nav-menu a:hover:before{opacity:1;transform:scaleX(1);visibility:visible;}
#nav .nav-submenu-list1{font-size:0.95em;}
#nav .nav-submenu-list1, #nav .nav-submenu-list2, #nav .nav-submenu-list3{background-color:rgba(255,153,0,0.9);border:1px solid rgba(255,255,255,0.25);}
#nav .nav-submenu-list1 a, #nav .nav-submenu-list1 a:visited{background-color:none;border:none;color:$dl_white;font-weight:normal;transition:background-color 0.1s;}
#nav .nav-submenu-list1 a:hover{background-color:$dl_grey01;border:none;color:$dl_white;}
#nav .nav-submenu-list1 span{background:none;border:none;color:$dl_grey01;font-weight:normal;}
#nav .nav-submenu-list1 a:before{background:#ffffff;content:'';display:block;height:100%;left:0;opacity:0.4;overflow:hidden;position:absolute;top:0;transform:none;transition:width 0.5s,opacity 0.5s;visibility:hidden;width:0;}
#nav .nav-submenu-list1 a:hover:before{opacity:0;visibility:visible;width:100%;}
#nav .nav-submenu-parent:hover::after{background:url('/images/sprites.svg') -40px -40px no-repeat;background-size:$spritesize20;}
#nav span.nav-submenu-parent:hover::after{background:url('/images/sprites.svg') -40px -20px no-repeat;background-size:$spritesize20;}
.c3-imggallery-item{width:20%;}
.c3-image{height:320px;}
}
@media only screen and (min-width: 60em) {
.contentwidth{max-width:1152px;min-width:888;padding:0 24px;}
#pagecontent{padding:24px 0;}
#footer01{padding:24px 0;}
#footer02{padding:24px 0;}
.footer-text{text-align:left;}
#header{height:124px;}
#header-in{height:120px;}
#header .contentwidth{height:120px;}
#logo{font-size:2.5em;height:64px;left:24px;line-height:64px;min-width:480px;top:28px;}
#logo a{line-height:64px;width:480px;}
#logo span{height:64px;}
#xtoppage{height:124px;}
#nav .nav-menu, #nav .js-nav-menu-hide, #nav:target .js-nav-menu-hide{right:24px;top:60px;}
.wphoto{background-image:url('/images/wphoto.jpg');top:124px;}
.wphoto2{margin:124px auto 0 auto;}
.wphoto-text{font-size:2em;max-width:67%;top:-12px;}
.wtext1-text{padding:24px 0;}
.c3-imggallery-item{width:16.666%;}
.c3-splist-gallery-item{width:33.333%;}
.c3-splist-gallery-item-in{height:420px;}
.c3-image{height:360px;}
}
@media only screen and (min-width: 80em) {
.wphoto-text{max-width:75%;}
}