/*!
Theme Name:   PAtis
Theme URI:    http://grajda.com/
Description:  PAtis theme.
Text Domain:  ptsth
!*/
 @charset "UTF-8";
/*
    font-family: 'Aleo', Calibri, Arial, Helvetica, sans-serif;
    blue: #06007a
	orange: #dd321a
	beige: #e9dac8
*/

html { background: #ffffff;}
html, body { margin:0; padding:0; }
body { font: 16px/1.65 'Aleo', Calibri, Arial, Helvetica, sans-serif; color:#06007a; font-weight:300; position:relative;}

img {border:none; float:left;}
div {margin:0; padding:0; }

a {color:#06007a; text-decoration:underline; transition:all 300ms;}
a:hover {color:#dd321a;}

h1, h2, h3, h4, h5, h6 {padding:0; margin:0; font-family: 'Aleo', Arial, Helvetica, sans-serif; line-height:1.25;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {text-decoration:none;}
h1 {color:#06007a; font-size:2.25em; margin:0em 0 1em 0; font-weight:600;}
h2 {color:#06007a; font-size:1.8em; margin:0; padding:1.5em 0 0.75em 0; font-weight:500;}
h3 {color:#06007a; font-size:1.35em; margin-bottom:0.5em; font-weight:500;}
h4 {color:#06007a; font-size:1.25em; margin:0; padding:1em 0; font-weight:500;}
h5 {color:#06007a; font-size:1.45em; font-weight:500;}
h6 {color:#06007a; font-size:1.15em; font-weight:500;}
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {height:0.8em; width:auto; float:none; display:inline-block;}
h2.thin, h3.thin, h4.thin, h5.thin {font-weight:300;}
strong {font-weight:700;}
p {margin:0; padding:0 0 20px 0;}
small {font-size:0.8em;}

section {clear:both;}

.left {float:left;}
.right {float:right;}
.clear {clear:both;}
.overflow {overflow:hidden;}
.cf:after {clear:both; display:block; content:"";}
.uppercase {text-transform:uppercase;}
.centred {text-align:center;}
hr.cf {clear:both; padding:0; margin:0; background:none; border:none;}
hr.padding {padding-bottom:35px;}
hr.spacer {clear:both; padding:0; margin:0; background:none; border:none; height:166px;}
section, header, aside {clear:both;}
img.full {width:100%; height:auto;}
img {max-width:100%; height:auto;}
.shadow {-webkit-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 0px 5px 0px rgba(204,204,204,1); box-shadow: 0px 0px 5px 0px rgba(204,204,204,1);}
.blank {content:""; display:block;}
.desktop {}
.mobile {display: none !important;}
.posrelative {position:relative;}

.white-bg {background:#fff;}

.wrap {width:1400px; margin:0 auto; box-sizing:border-box; padding-left:15px !important; padding-right:15px !important;}
.wrapB {width:1600px; margin:0 auto;}
.wrap-inside {width:85%; margin:0 auto;}
.text-center {text-align:center;}
.text-right {text-align:right;}
.text-left {text-align:left;}
.visible {overflow:visible !important; position:relative;}
.pre-visible {position:relative; z-index:1;}
.thin-container {width:70%;}

.entry-content ul {padding:0; margin-top:-0.5em; margin-bottom:1em; margin-left:0; margin-right:0; list-style-type:none;}
.entry-content ul li {padding-left:1em; position:relative;}
.entry-content ul li:before {position:absolute; top:0; left:0; display:block; content:'●'; color:#e5760f;}

.page-wrapper {overflow:hidden;}
.entry-content {overflow:visible !important;}
.wpb-content-wrapper {/*overflow:hidden;*/ position:relative;}
.entry-content > .wpb-content-wrapper > .vc_row-fluid {width:1400px; margin:0 auto;}
.entry-content > .wpb-content-wrapper > .vc_row-fluid[data-vc-full-width=true] {width:1600px !important; margin:0 auto; padding:0 !important; left:0 !important; }
.entry-content > .wpb-content-wrapper > .vc_row-fluid[data-vc-full-width=true][data-vc-stretch-content=true] {width:100% !important;}
.entry-content > .wpb-content-wrapper > .vc_row-fluid[data-vc-full-width=true][data-vc-stretch-content=true] > .vc_column_container {width:1400px; margin:0 auto; float:none;}
.entry-content > .wpb-content-wrapper > .vc_row-fluid[data-vc-full-width=true][data-vc-stretch-content=true].wide-content {width:100% !important;}
.entry-content > .wpb-content-wrapper > .vc_row-fluid[data-vc-full-width=true][data-vc-stretch-content=true].wide-content > .vc_column_container {width:1600px; margin:0 auto; float:none;}
.entry-content > .wpb-content-wrapper > .vc_row-no-padding > .vc_column_container {width:100% !important;}
.top-bow > .vc_column_container > .vc_column-inner {padding-top:0;}

.vc_column-gap_30 .vc_row {margin-left:-30px; margin-right:-30px;}
.vc_column-gap_30 .vc_row .vc_column-inner {padding-left:30px; padding-right:30px;}
.vc_row.vc_column-gap-60 > .vc_column_container {padding:15px 50px;}
.vc_row.vc_column-gap-60 {margin-left:-50px; margin-right:-50px;}
.vc_row.vc_column-gap-60 .vc_column_container > .vc_column-inner {padding-left:0; padding-right:0;}


.mt-5 {margin-top:-8em;}
.mt-5-pop {margin-top:-5em;}
.move-upper {margin-top:-9em;}

.fc {display:flex; flex-flow:row wrap;margin-left:-2em; margin-right:-2em; margin-top:-2em; margin-bottom:-2em;}
.fi1 {margin:2em; flex: 0 1 calc(100% - 4em); min-width: 0px;}
.fi2 {margin:2em; flex: 0 1 calc(50% - 4em); min-width: 0px;}
.fi3 {margin:2em; flex: 0 1 calc(33.3% - 4em);}
.fi4 {margin:2em; flex: 0 1 calc(25% - 4em);}
.fi5 {margin:2em; flex: 0 1 calc(20% - 4em);}

.ls, .ls2, .ls3, .ls4 {opacity:0; left:-100px; position:relative;}
.rs, .rs2, .rs3, .rs4 {opacity:0; right:-100px; position:relative;}
.ts, .ts2, .ts3, .ts4 {opacity:0; top:-100px; position:relative;}

.video-container {position:relative; padding-bottom:56.25%; padding-top:30px; height:0; overflow:hidden;}
.video-container iframe,
.video-container object,
.video-container embed {position:absolute; top:0; left:0; width:100%; height:100%;}

a.underlined {text-decoration:none; position:relative; display:inline-block;}
a.underlined:before {position:absolute; bottom:0; left:0; width:0; height:1px; content:''; background:#ffd117; transition:all 350ms;}
a.underlined:hover:before {width:100%;}
/*.email {position:relative; padding-left:1.5em;}
.email:after {position:absolute; top:0.4em; left:0; width:1.25em; height:1em; content:''; display:block; background:url("images/ico-mail.svg") center center no-repeat;}
.tel {position:relative; padding-left:1.5em;}
.tel:after {position:absolute; top:0.4em; left:0; width:1.25em; height:1em; content:''; display:block; background:url("images/ico-tel.svg") center center no-repeat;}*/

figure {margin:0; padding:0; display:block;}


/*header*/
header#hp {position:absolute; display:block; justify-content:space-between; align-items:center; padding-top:1em; z-index:10; width:100%;}
header#hp > .wrap {padding:2em 0; font-size:0.9em;}
header#hp.sticky {}
#hp .logo {float:left; max-width:22%; height:auto; position:relative; z-index:1; background:#fff; padding:0.75em 2em;}
#hp .logo img {transition:all 350ms; height:3.25em;}

header#hp .quick-navi {float:right; padding:1em 2em;}

.navigation-container {float:none; text-align:center; flex:1;}
.navigation {/*position:absolute; top:0; left:50%; transform:translateX(-50%);*/ padding:1.25em 0;}
.navigation ul {list-style-type:none; padding:0; margin:0;}
.navigation ul li {display:inline-block; padding:0.15em 1.5em;}
.navigation ul li > a:before {position:absolute; bottom:1px; left:0; display:block; content:''; background:#ffd117; width:0; height:1px; transition:all 350ms ease-out;}
.navigation ul li > a:hover:before {width:100%;}
.navigation ul li.menu-item-has-children {}
.navigation ul li.menu-item-has-children > a {position:relative; z-index:100; padding-right:1.65em; padding-bottom:2em;}
.navigation ul li.menu-item-has-children > a:after {position:absolute; top:0.6em; right:0; content:''; display:block; background:url("images/arrow-down-white.svg") center center no-repeat; width:1.1em; height:0.5em; transition:all 500ms;}
.navigation ul li.menu-item-has-children > a:before {bottom:calc(2em - 1px);}
.navigation ul li.menu-item-has-children a:hover:after {}
.navigation a {text-decoration:none; font-weight:500; padding:0.15em 0; position:relative; z-index:1; color:#fff;}
.navigation a:hover {color:#fff;}
.navigation > ul > li > a {}

.navigation .submenu-container {position:absolute; left:0; top:4.75em; width:100%; background:#fff; z-index:5; display:none; transition:all 500ms; text-align:left;
-webkit-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);
-moz-box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);
box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, .1);}
.navigation ul li.menu-item-has-children:hover .submenu-container {display:block; animation: fade-in 0.5s normal forwards;}
.navigation ul li.menu-item-has-children:hover > a:before {width:100%;}
.navigation ul li.menu-item-has-children:hover > a:hover:before {}
@-webkit-keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
@keyframes fade-in { 0% { opacity:0; } 100% { opacity:1; } }
.navigation ul li ul {padding:0 0 0.65em 0;}
.navigation ul ul li {display:block; float:none; font-size:0.95em; padding:0.25em 0; margin:0.25em 0;}
.navigation ul ul a {font-weight:500; padding:0.15em 0 !important; color:#000; background:linear-gradient(#ffd117,#ffd117) bottom left no-repeat; background-size:0% 1px; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
.navigation ul ul a:hover {background-size:100% 1px; color:#000;}
.navigation ul ul a:before {display:none;}
.navigation ul ul a:hover:before {}
.navigation ul li.menu-item-has-children li:not(.menu-item-has-children) a {padding-right:0;}

header#hp .submenu-container .wrap, header#hp .submenu-container .wrapB {padding:4em 2em !important; position:relative;}
.submenu-inner {display:flex; flex-flow:row wrap; margin-left:-1.5em; margin-right:-1.5em;}
.submenu .title {color:#000;}
.submenu .title a {color:#000; font-weight:500;}
.submenu .col {padding-right:1.5em; box-sizing:border-box; flex:0 1 calc(25% - 3em); margin:0 1.5em;}
.submenu .col:last-child {padding-right:0;}
.submenu .col.wide {flex:0 1 calc(50% - 3em);}
.submenu .col.full {flex:0 1 calc(100% - 3em);}
.submenu .descriptions {color:#000; font-size:0.9em;}

.submenu-type-1 {}
.submenu-type-1 ul.sub-menu {display:flex; flex-flow: row wrap; width:100%;}
.submenu-type-1 ul.sub-menu li {flex:0 1 25%; box-sizing:border-box; padding-right:2em;}
.submenu-type-1 ul li a {display:flex; align-items:center;}
.navigation ul li .submenu-type-1 ul li a {background:none;}
.submenu-type-1 .icon {flex:0 1 20%; box-sizing:border-box;}
.submenu-type-1 .name {flex:0 1 80%; box-sizing:border-box; padding-left:1em;}
.submenu-type-1 .descriptions {/*padding-left:1.5em;*/}


.mobile-menu {float:left; margin:2em 0; position:relative; z-index:1000; display:block; margin:1.25em 1.25em 1em 2.25em;}
.menu-toggle {cursor:pointer; width:1.6em; height:1.2em; float:left; /*margin-top:7px; margin-right:8px;*/ transition:all 350ms; padding:0;}
.menu-toggle.open {/*margin-top:2px;*/}
	.menu-toggle span{background:#06007a; display:block; width:1.6em; height:2px; margin-bottom:5px; -webkit-transition:all 0.3s linear; transition:all 0.3s linear; border-radius:3px;}
    .menu-toggle.opened span {background:#06007a;}
    .menu-toggle.opened span:nth-child(1), .menu-toggle.opened span:nth-child(3) {transform:translate(0, 0.5em) rotate(-45deg) scalex(1.1); margin:0;}
	.menu-toggle.opened span:nth-child(2) {height:0; margin:0;}
	.menu-toggle.opened span:nth-child(3) {transform: translate(0px, 0.35em) rotate(45deg) scalex(1.1); width:1.6em;}
.show_mobile_menu {cursor:pointer; text-decoration:none; display:block;}

.mobile-navigation {display:none;}
/*end_of header*/

/*Buttony*/
.button {display:inline-block; position:relative; padding:0.5em 1.5em; font-weight:300; text-decoration:none; line-height:1.25; cursor:pointer; background:#dd321a; border:1px solid #dd321a; color:#fff; border-radius:1.5em; transition:all 350ms;}
.button:hover {color:#dd321a; background:none; border-color:#dd321a;}

/*end_of Buttony*/

/*form*/
form input, form textarea, form button {font-size:1em; font-family:'Poppins', Calibri, Arial, Helvetica, sans-serif; width:100%; padding:1em 0; font-weight:300; background:none; border:none; border-bottom:1px solid #ffd117; box-sizing:border-box; color:#000;}
form input[type="submit"], form button, form input[type="radio"], form input[type="checkbox"] {width:auto;}
form input[type="submit"], form button[type="submit"] {background:#ffd117; border-radius:0; color:#fff; padding:0.9em 2em; border:1px solid #ffd117; transition:all 350ms; text-transform:uppercase; letter-spacing:normal; cursor:pointer; font-size:1em; float:none; margin:0 auto; font-weight:700; font-family: 'UniSansHeavyCAPS', Arial, Helvetica, sans-serif;}
form input[type="submit"]:hover, form button[type="submit"]:hover {background:#00c48c; border-color:#00c48c; color:#fff;}
form input:focus, form textarea:focus {outline:none;}

.mauticform-page-wrapper .col-sm-6 {width:50%; float:left; box-sizing:border-box;}
.mauticform-page-wrapper .col-sm-6:nth-child(odd) {padding-right:1em;}
.mauticform-page-wrapper .col-sm-6:nth-child(even) {padding-left:1em;}
.mauticform-page-wrapper .col-sm-12 {}
.mauticform-page-wrapper .no-margin {margin-bottom:0;}
.mauticform-page-wrapper .font-small {font-size:0.8em;}
.mauticform-page-wrapper .col-recaptcha {clear:both; float:left; position:relative; z-index:1;}
.mauticform-page-wrapper .col-acceptance {padding-left:22em;}
.mauticform-label {display:none !important;}
.mauticform-helpmessage {font-size: 0.9em; margin-bottom:3px; display:none;}
.show-helper .mauticform-helpmessage {display:block;}
.mauticform_wrapper {max-width:auto !important;}
.mauticform-row {padding-top:0.5em; padding-bottom:0.5em;}
.mauticform-row.font-small {padding-top:1.25em; padding-bottom:1.25em;}
.mauticform-innerform {}
.mauticform-innerform .row {padding:0.5em 0; clear:both;}
.mauticform-innerform .row:after {clear:both; display:block; content:'';}
.mauticform-helpmessage {display:none;}

label.mauticform-checkboxgrp-label {position:relative; padding-left:2em; cursor:pointer; color:#7a7a7a; display:inline-block;}
label.mauticform-checkboxgrp-label:before {position:absolute; top:0; left:0; width:0.8em; height:0.8em; content:''; background:#ececec; border:0.25em solid #ececec; -webkit-box-shadow: 0px 0px 0px 2px #ffd117; box-shadow: 0px 0px 0px 2px #ffd117;}
label.mauticform-checkboxgrp-label.checked:before {background:#ffd117;}

label.mauticform-radiogrp-label {position:relative; padding-left:2em; cursor:pointer;}
label.mauticform-radiogrp-label:before {position:absolute; top:0; left:0; width:0.8em; height:0.8em; content:''; background:#ececec; border:0.25em solid #ececec; border-radius:50%; -webkit-box-shadow: 0px 0px 0px 2px #e5760f; box-shadow: 0px 0px 0px 2px #e5760f;}
label.mauticform-radiogrp-label.checked:before {background:#ffd117;}

.mauticform-checkboxgrp-row input {display:none;}
.mauticform-radiogrp-row input {display:none;}
.mauticform-button-wrapper {padding-top:1em;}
.mejs-layers .mauticform-checkboxgrp-row input {display:inline-block;}
.mejs-layers label.mauticform-checkboxgrp-label {padding-left:0;}
.mejs-layers label.mauticform-checkboxgrp-label:before {display:none;}
.mejs-layers .mauticform-innerform {padding:1.5em;}
.mejs-layers .mauticform-page-wrapper .col-sm-6:nth-child(even) {padding-left:0; padding-right:0.5em;}
.mejs-layers .mauticform-page-wrapper .col-sm-6:nth-child(odd) {padding-left:0.5em; padding-right:0;}
.mejs-layers a {color:#fff;}

.checkbox-horizontal .mauticform-checkboxgrp-row {float:left; margin-right:2em;}
.checkbox-horizontal:after {clear:both; display:block; content:'';}

select[multiple] {width:100%; border:none; font-size:0.9em; font-weight:300; font-family:'Poppins', Calibri, Arial, Helvetica, sans-serif; padding:0.25em;}
select[multiple] option {padding:0.25em 0.5em;}

::-webkit-input-placeholder {opacity:0.5;}
::-moz-placeholder {opacity:0.5;}
:-ms-input-placeholder {opacity:0.5;}
:-moz-placeholder {opacity:0.5;}
/*end_of form*/


.slick-dots {display:flex; justify-content:center; bottom:1em; box-sizing:border-box; width:100%;}
.slick-dots li {border:1px solid #000; background:none; width:16px; height:16px; padding:0 !important; border-radius:0; margin:0 10px; transform:scale(0.8); transition:all 350ms;}
.slick-dots li button {width:14px; height:14px;}
.slick-dots li:hover, .slick-dots li:focus, .slick-dots li.slick-active {background:#000; border-width:1px; width:16px; height:16px; transform:scale(1);}
.slick-dots li button:before {font-size:6px; line-height:16px; width:16px; height:16px;}
.slick-dots li:before {display:none !important;}

.slick-prev, .slick-next {bottom:-3em; top:auto; width:3em; height:1em; margin-top:-0.5em;}
.slick-prev {left:0;}
[dir='rtl'] .slick-prev {right:0;}
.slick-prev:before {background:url("images/arrow-right-long-blue.svg") 0 0 no-repeat; width:3em; height:1em; transform:rotate(180deg);}
.slick-next {right:0;}
.slick-next:before {background:url("images/arrow-right-long-blue.svg") 0 0 no-repeat; width:3em; height:1em;}

#page-container {overflow:hidden;}

@-webkit-keyframes mover-upndown { 0% { transform: translate(0,0); } 100% { transform: translate(0,5%); } }
@keyframes mover-upndown { 0% { transform: translate(0,0); } 100% { transform: translate(0,5%); } }

.homepage {position:relative; height:95vh;}
.homepage .image {margin:0 auto; max-width:35%;}
.homepage .image img {float:none; margin:0 auto; display:block;}

.aside {position:fixed; left:0; top:50%; background:#e9dac8; border-top-right-radius:2em; border-bottom-right-radius:2em;
	transform:translateY(-50%); padding:2em 0.75em;}
.aside .item {display:block; float:none; padding:1em; width:1.25em; height:1.25em; content:'';}
.aside .item.divider {border-bottom:2px solid #fff; padding-bottom:2em; margin-bottom:1em;}
.aside .item a {content:''; display:block; width:1.25em; height:1.25em; transition:all 350ms;}
.ico-facebook path {fill:#dd321a; transition:all 350ms;}
.ico-facebook:hover path {fill:#06007a;}
.ico-instagram path {fill:#dd321a; transition:all 350ms;}
.ico-instagram:hover path {fill:#06007a;}
.ico-tel path {fill:#dd321a; transition:all 350ms;}
.ico-tel:hover path {fill:#06007a;}
.ico-mail path {fill:#dd321a; transition:all 350ms;}
.ico-mail:hover path {fill:#06007a;}
.ico-pin path {fill:#dd321a; transition:all 350ms;}
.ico-pin circle {fill:#dd321a; transition:all 350ms;}
.ico-pin:hover path {fill:#06007a;}
.ico-pin:hover circle {fill:#06007a;}

.orange-box {background:#dd321a; border-radius:2em; padding:2em; color:#fff;}
.orange-box h2 {color:#fff; line-height:1.2; font-size:2em;}
.orange-box .contents {display:flex; flex-flow:row wrap; width:75%; margin:0 auto; padding-top:5.5em; padding-bottom:3em;}
.orange-box .contents .left-side {flex:0 1 30%; box-sizing:border-box;}
.orange-box .contents .right-side {flex:0 1 70%; box-sizing:border-box; padding-top:8em;}

.promos {margin-top:10em; margin-bottom:6em;}
.promos {align-items:center;}
.promos-beige {background:#e9dac8; border-radius:2em; padding:1.5em 2.5em 3em 2.5em; box-sizing:border-box;}
.promos-beige-outline {border:1px solid #e9dac8; border-radius:2em; padding:1.5em 2.5em 3em 2.5em; box-sizing:border-box;}
.promos img {display:block; float:none; margin:0 auto; max-width:75%; margin-top:-8em;}
.promos .content {padding-top:5em;}
.promos h3 {font-weight:600;}
h3.huge {font-size:2.5em; line-height:1.2;}

.contact-blue {background:#06007a; color:#fff; border-radius:2em; padding:3.5em 4em; padding-bottom:7em;}
.contact-beige {background:#e9dac8; color:#06007a; border-radius:2em; padding:3.5em 4em; margin-top:-3.5em;}

.logo-contact {height:3.5em; float:none; display:block; margin-bottom:0.5em;}

nav.navigation {display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(255,255,255,.8); z-index:5;}
.navigation .overlay-close {position:absolute; top:0; left:0; width:100%; height:100%; backdrop-filter:blur(10px); z-index:-1;}
.navigation .close {position:absolute; top:3em; right:3em; display:block; cursor:pointer; width:1.5em; height:1.5em; transition:all 350ms;}
.navigation .close:hover {transform:rotate(90deg);}
.navigation .close:before {content:''; display:block; width:1.5em; height:1px; background:#06007a; transform:rotate(45deg);}
.navigation .close:after {content:''; display:block; width:1.5em; height:1px; background:#06007a; transform:rotate(-45deg);}
.navigation .wrap {max-width:400px; position:relative;}
.logo-nav {text-align:center;}
.logo-nav img {height:5em; float:none; display:block;}
.navigation .wrap {padding:5em 0;}
.navigation .content {max-width:400px; text-align:left;}

.kpo-baner {display:block; text-align:center; padding:0 0 2em 0;}
.kpo-baner img {display:block; margin:0 auto; float:none; max-width:600px;}
.kpo-info {display:none; background:rgba(255,255,255,.9); position:fixed; top:0; left:0; width:100%; height:100%;}
.kpo-info .kpo-overlay-close {position:absolute; top:0; left:0; width:100%; height:100%; content:'';}
.kpo-close {display:block; content:''; position:absolute; top:2em; right:2em; width:2em; height:2em; cursor:pointer;}
.kpo-close:before {display:block; content:''; position:absolute; top:50%; left:50%; width:2em; height:1px; background:#000; transform:rotate(45deg);}
.kpo-close:after {display:block; content:''; position:absolute; top:50%; left:50%; width:2em; height:1px; background:#000; transform:rotate(-45deg);}
.kpo-info .container {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); max-width:600px;}








/*footer*/
footer#foot {padding:4em 0;}
footer#foot p {padding-bottom:0.4em;}
#foot .wrap {}
footer#foot a {text-decoration:none; color:#000;}
footer#foot a:hover {text-decoration:underline;}
footer#foot ul a {text-decoration:none; position:relative;
    background:linear-gradient(#000000,#000000) bottom left no-repeat; background-size:0% 1px; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
footer#foot ul a:hover {text-decoration:none; background-size:100% 1px;}
/*footer#foot ul a:before {position:absolute; bottom:0; left:0; transition:all 350ms; width:0; height:1px; background:#e5760f; content:'';}
footer#foot ul a:hover:before {width:100%;}*/
footer#foot ul li {padding:0.35em 0;}
footer#foot ul li:before {display:none;}
#foot .logo-foot {max-width:11em; margin-bottom:2em;}
#foot .col {float:left;}
#foot .colA, #foot .colB, #foot .colC, #foot .colD, #foot .colE {padding-bottom:1em; box-sizing:border-box;}
#foot .colB, #foot .colC, #foot .colD, #foot .colE {}
#foot .colA {width:25%; padding-right:2em;}
#foot .colB {width:25%; padding-right:2em;}
#foot .colC {width:25%; padding-right:2em;}
#foot .colD {width:25%;}
#foot ul {margin:0; padding:0; list-style-type:none;}
#foot .buttons a {margin-bottom:0.5em;}
#foot .button {padding:0.25em 1.5em;}
#foot .title {font-weight:700; padding-bottom:0.4em;}
#foot .title a {background:linear-gradient(#000000,#000000) bottom left no-repeat; background-size:0% 1px; -webkit-box-decoration-break:clone; box-decoration-break:clone;}
#foot .title a:hover {text-decoration:none; background-size:100% 1px;}
#foot .description {clear:both;}
#foot .description.gray {clear:both; color:#7a7a7a;}

.copyrights {clear:both; padding-top:2em; position:relative;}
.copyrights .right ul li {float:left; padding:0 !important;}
.copyrights .right ul li:after {content:'/'; display:block; margin:0 1em; float:right;}
.copyrights .right ul li:last-child:after {display:none;}

/*end_of footer*/






































@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

@media all and (max-width: 2560px) {
}
@media all and (max-width: 1920px) {
}
@media all and (max-width: 1890px) {
    
}
@media all and (max-width: 1680px) {
    body {font-size:18px;}
    
    .wrapB {width:76%;}
    
}
@media all and (max-width: 1440px) {
    body {font-size:17px;}
    .wrap {width:66%;}
    .wrapB {width:76%;}
    
    .kpo-baner img {max-width:500px;}
}
@media all and (max-width: 1366px) {
    
}
@media all and (max-width: 1280px) {
    body {font-size:14px;}
    
}

@media all and (max-width: 1080px) {
    body {font-size:15px;}
    
}

@media all and (max-width: 980px) {
}

@media all and (max-width: 768px) {
    
    .fi3 {flex:0 1 calc(50% - 2em);}
    .fi4 {flex:0 1 calc(50% - 2em);}
    
}

@media (orientation: portrait) {
}

@media only screen and (max-width: 580px) {
	#hp .logo {padding:0.75em 1em 0.75em 1em;}
	.homepage .image {max-width:69%; float:right; margin-right:2em;}
	.homepage {height:51vh;}
	header#hp .quick-navi {float:left;}
	.orange-box .contents {width:90%; padding-top:1.5em;}
	.orange-box .contents .left-side, .orange-box .contents .right-side {flex:0 1 100%;}
	.orange-box .contents .right-side {padding-top:0;}
	.promos img {max-width:90%;}
	.promos .content {padding-top:2em;}
	.promos-beige, .promos-beige-outline {padding-left:1.5em; padding-right:1.5em;}
	.promos-beige-outline {margin-top:8em;}
	h3.huge {font-size:1.75em;}
    
    .desktop {display:none !important;}
    .mobile {display:block !important;}
    
    .fi2 {flex:0 1 calc(100% - 2em);}
    .fi2:nth-child(odd) {margin-bottom:0;}
    .fi2:nth-child(even) {margin-bottom:0;}
    .fi5 {flex:0 1 calc(31% - 1em);}
    
    .copyrights {text-align:center;}
    .copyrights .left {float:none; padding-bottom:0.5em;}
    .copyrights .right {float:none; text-align:center;}
    .copyrights .right ul li {float:none; display:inline-block;}
}



@media all and (device-width: 768px) and (device-height: 1024px) { /*iPad portrait and (orientation:portrait) and (orientation:landscape)*/
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation:landscape) {
}